/* DESIGN PACK VERSION: 4.0 */
.supplementary-resource-information {
  border-radius: 5px;
  background: #e2f2f4;
  font-size: 14px;
  padding: 5px 10px;
  margin: 1em 0;
}
.supplementary-resource-information.main-supplementary-resource-information {
  font-size: 16px;
}
.supplementary-resource-information.secondary-supplementary-information {
  background: #efeff0;
}

.supplementary-resource-information p {
  margin: 0;
}

.supplementary-resource-information .subscription-information {
  color: #63676b;
}

body.skin-tar {
  display: none;
}

.skin-tar .overview-image + .lead-paragraph {
  margin-top: 0;
}

.skin-tar .main-product-logo {
  margin-top: 20px;
  padding-left: 80px;
  font-size: 18px;
  color: #63676b;
  font-weight: 600;
  line-height: 18px;
}

@media (max-width: 1024px) {

  .skin-tar .main-product-logo {
    margin-top: 12px;
  }

  .skin-tar .main-product-logo .read-more {
    text-align: left;
    width: 100px;
  }

  .skin-tar .main-product-logo .read-more:after {
    top: 3px;
  }
}

.skin-tar .main-product-logo img {
  float: left;
  margin-right: 20px;
}

.skin-tar .main-product-logo .product-name {
  font-size: 52px;
  font-weight: bold;
  display: block;
  line-height: 60px;
  color: #323232;
}


.skin-tar .search-container {
  position: relative !important;
}
.skin-tar .search-container .apply-filters:active,
.skin-tar .search-container .apply-filters:focus,
.skin-tar .search-container .apply-filters {
  position: absolute !important;
  bottom: 10px !important;
  right: 35px !important;
  top: auto;
  left: auto;
}

.skin-tar.platform-nav-top #platform-navigator,
.skin-tar.platform-nav-top #platform-navigation {
  margin-top: 30px;
}

.skin-tar #mission-preview iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

.skin-tar #mission-preview {
  width: 1004px;
  height: 676px;
  bottom: 0;
  margin: auto;
  padding: 0px;
  right: 0;
  top: 0;
  left: 0;
  border: none;
}

.skin-tar #mission-preview .close-button{
  display: none;
}

.autocomplete-suggestions {
  border: 1px solid #999;
  background: #FFF;
  cursor: default;
  overflow: auto;
  width: 500px !important;
  box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
}
.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
}
.autocomplete-selected {
  background: #F0F0F0;
}
.autocomplete-suggestions strong {
  font-weight: normal;
  color: #3399FF;
}

.skin-tar.overlay-active {
  overflow: hidden;
}

.skin-tar .resource-listing .resource-item > .resource-file {
 padding-top: 0; 
}

.skin-tar .resource-listing .resource-item > .resource-file.video {
 	padding-top: 15px;
 }

.skin-tar .resource-listing .resource-item > .resource-file > a > .icon {
  position: relative;
  margin: 20px auto 5px auto;
  top: 0;
  left: 0;
  display: block;
}

/* extras requested by owl to handle series-landing-page designs */

.main {
  margin: 0;
}

#social-icons {
  position: absolute;
  right: 0;
  text-align: right;
  z-index: 19;
}

#social-icons a {
  border-bottom: none;
}

.skin-tar .main-product-logo {
  padding-left: 0;
}

/* if the logo has a style background-image, we need the padding */
.skin-tar .main-product-logo[style] {
  padding-left: 80px;
}

.skin-tar .main-product-logo .product-name {
  font-size: 36px;
}

.header-block-information {
  border-bottom: none;
}

.right-overview-image {
  margin-bottom: 40px;
}

.header-block-information {
  padding-bottom: 0;
  margin-bottom: 0;
}
