/* DESIGN PACK VERSION: 2.9 */
/* these styles will be moved to GEL, as they are soon to be
 * required across all DPs */

.main-product-logo {
  margin-top: 24px;
}

.main-product-logo .read-more {
  top: 0px;
}

.main-product-logo .product-name {
   width: 70%;
   display: block;
   /* not necessary for bwa where logo images are background images
   margin-left: 70px;
   margin-top: -64px;*/
   font-size: 45px;
   line-height: 48px;
   padding-top: 14px;
}

#social-icons {
   position: absolute;
   right: 0;
   top: 7px;
   text-align: right;
   z-index: 1;
}

a.social-icon.pinterest {
   margin-right: 0;
}

@media (max-width: 1279px) {
   .main-product-logo .product-name {
      margin-top: 0px;
      font-size: 36px;
      line-height: 36px;
      width: 70%;
   }
   #social-icons {
      top: 3px;
   }
}

@media (max-width: 1023px) {
   .main-product-logo .product-name+.read-more {
      top: 70px;
   }
   .main-product-logo .read-more {
      width: 100px;
      text-align: left;
   }
   .main-product-logo .product-name {
      margin-top: 0px;
      font-size: 30px;
      line-height: 33px;
      width: 60%;
   }
   #social-icons {
      top: 0;
   }
   .main-product-logo .read-more:after {
      top: 3px;
   }
}

 /* end GEL styles */

/** logo overrides */
.skin-big-writing-adventures .main-product-logo {
  background-image: url(../images/big-writing-adventures-logo.png);
}


/** navigation menu overrides */
.skin-big-writing-adventures #masthead-bottom {
  background: #0091d6;
}

.skin-big-writing-adventures .menu-item > a {
  color: #fff;
}

.skin-big-writing-adventures .dropdown-menu .sub-menu {
  background: #0091d6;
}

.skin-big-writing-adventures .menu-item:hover > a,
.skin-big-writing-adventures .menu-item > a:focus,
.skin-big-writing-adventures .is-focus > a {
  background: #96368d;
}

.skin-big-writing-adventures .current-menu-item > a {
  background: #96368d;
}

.skin-big-writing-adventures .dropdown-menu > .current-menu-item > a:after {
  border-top-color: #96368d;
}

/** typography overrides */
.skin-big-writing-adventures p a:not(.button) {
  color: #96368d;
  border-bottom-color: #96368d;
}
.skin-big-writing-adventures p a:not(.button):hover {
  color: #fff;
  background: #96368d;
}

/** button overrides */
.skin-big-writing-adventures .button-contained {
  background: #96368d;
}
.skin-big-writing-adventures .button-contained:hover {
  background-color: #000 !important;
  color: #fff;
}
.skin-big-writing-adventures .button-contained:hover > .icon {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxNS4zMzNweCIgdmlld0JveD0iMCAwIDExIDE1LjMzMyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTEgMTUuMzMzIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5bGluZSBmaWxsPSJub25lIiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHBvaW50cz0iMi45OTcsMTQgOSw3Ljk5OSAyLjk5NywyICIvPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPC9zdmc+DQo=) !important;
}

.skin-big-writing-adventures .button > .icon {
  background-color: #96368d;
  transition: background .3s ease;
}
.skin-big-writing-adventures .button:hover > .icon {
  background-color: #000;
}

.skin-big-writing-adventures .download-item a {
  color: #96368d;
}

@media (min-width: 1280px) {
  .skin-big-writing-adventures .download-item.resource-icon {
    margin-right: 10px;
    padding-left: 55px;
  }
}

.skin-big-writing-adventures .download-list-large .download-item {
  min-height: 60px;
}

@media (min-width: 1280px) {
  .skin-big-writing-adventures .download-list-large .download-item {
    min-height: 70px;
  }
}

.skin-big-writing-adventures .download-item:hover .icon-download {
  background-color: #96368d;
}

.skin-big-writing-adventures .horizontal-navigation-list > .navigation-list-item > a.default {
  background: #96368d;
}

.skin-big-writing-adventures .button {
  font-weight: 700;
  display: inline-block;
}

.skin-big-writing-adventures #platform-navigation .button {
  font-weight: 400;
}

.skin-big-writing-adventures .carousel .navigation-list-item a {
  color: #fff;
}
.skin-big-writing-adventures .carousel .navigation-list-item a .icon {
  right: -5px;
}

.skin-big-writing-adventures .no-missions-found {
  text-align: center;
  padding: 30px;
  font-weight: bold;
}

/** tab overrides */
.skin-big-writing-adventures .tab-navigation > .active > a,
.skin-big-writing-adventures .tab-navigation > .tab-navigation-item:hover > a {
  color: #96368d;
}

@media (min-width: 1280px) {
  .skin-big-writing-adventures .tab-navigation-item > a {
    padding: 0px 13px 0px 13px;
    font-size: 18px;
  }
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .skin-big-writing-adventures .tab-navigation-item > a {
    padding: 0px 9px 0px 9px;
    font-size: 14px;
  }
}

@media (max-width: 1023px) {
  .skin-big-writing-adventures .tab-navigation-item > a {
    padding: 0px 5px 0px 5px;
    font-size: 13px;
  }
}

/** carousel overrides */
.skin-big-writing-adventures .carousel > .carousel-item {
  background: #0091d6;
  color: #fff;
  height:auto;
}

.skin-big-writing-adventures .carousel-container > .carousel-control > .mask > .icon {
  background-color: #96368d;
}
  .skin-big-writing-adventures .carousel-container > .carousel-control:hover > .mask > .icon {
    background-color: #000;
  }

.skin-big-writing-adventures .carousel-container > .carousel-control:after {
  background-color: #96368d;
}

.carousel-item .carousel-item-description {
  margin-bottom: 10px;
}

.carousel > .carousel-item.inactive {
  background: #E0E0E1;
}
.carousel-item.inactive > h3,
.carousel-item.inactive .carousel-item-description {
  color: #64676B;
}
.carousel .inactive .navigation-list-item a {
  color: #323232;
}

/** pagination overrides */
.skin-big-writing-adventures .pagination > .pagination-item > .active {
  background-color: #96368d !important;
}

.skin-big-writing-adventures .pagination .pagination-previous:hover a,
.skin-big-writing-adventures .pagination .pagination-all:hover a,
.skin-big-writing-adventures .pagination .pagination-next:hover a {
  color: #fff;
  background-color: #96368d;
  border-radius: 0;
}

.skin-big-writing-adventures .main-product-logo .read-more:after {
  background-color: #96368D;
}

.skin-big-writing-adventures .mCSB_scrollTools .mCSB_buttonUp:hover,
.skin-big-writing-adventures .mCSB_scrollTools .mCSB_buttonDown:hover {
  background-color: #96368d;
}

.skin-big-writing-adventures .lightbox .close-button {
  background-color: #96368d;
  display: none;
}
.skin-big-writing-adventures #mission-preview .close-button {
  display: block;
}
.skin-big-writing-adventures .lightbox {
  text-align: center;
  height: auto;
}
.skin-big-writing-adventures .lightbox h3,
.skin-big-writing-adventures .lightbox p {
  padding: 0 50px;
  font-size: 21px;
}
.skin-big-writing-adventures .lightbox h3 {
  margin-bottom: 12px;
}
.skin-big-writing-adventures .lightbox h3 + p {
  margin-top: 0;
}
.skin-big-writing-adventures .lightbox .button {
  text-align: center;
  padding: 0 40px;
  margin: 0 10px;
}
.skin-big-writing-adventures .lightbox .button.cancel {
  background: #e1e2e4;
  color: #1e1e1e;
}
.skin-big-writing-adventures .lightbox .button.cancel:hover {
  color: #fff;
}

/** lesson planning screens */
.lesson-plan .lesson-plan-pagination {
  padding-bottom: 40px;
}
.lesson-plan .pagination {
  float: left;
  margin-top: -20px;
}

.lesson-plan .pagination:after {
  clear: both;
  display: block;
  content: "";
}

.skin-big-writing-adventures .carousel-item {
  margin-right: 20px;
  width: 158px;
  padding: 16px;
  border-radius: 6px;
}

.skin-big-writing-adventures #mission-preview {
  width: 1024px;
  height: 768px;
  margin-left: -517px;
  margin-top: -389px;
  padding: 5px;
}

@media (max-width: 1080px) {
  .skin-big-writing-adventures #mission-preview {
    width: 900px;
    margin-left: -450px;
  }
}
@media (max-width: 1023px) {
  .skin-big-writing-adventures #mission-preview {
    width: 700px;
    margin-left: -350px;
  }
}

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

.skin-big-writing-adventures .mission-item .button {
  display: inline;
}

@media (max-width: 1023px) {
  .skin-big-writing-adventures .horizontal-navigation-list > .navigation-list-item {
    margin-right: 5px;
  }
  .skin-big-writing-adventures .horizontal-navigation-list > .navigation-list-item > a {
    padding-right: 20px;
  }
}

.skin-big-writing-adventures .lesson-plan {
  padding-bottom: 20px;
}

.skin-big-writing-adventures .vjs-default-skin .vjs-big-play-button {
  background-image: url(../images/play-video.png);
}

.mission-list.task-list .news-item-content{
  margin-top: -25px;
}

.skin-big-writing-adventures .platform-menu .sub-menu {
  background: #64686C;
}

.skin-big-writing-adventures.platform-nav-top #platform-navigator,
.skin-big-writing-adventures.platform-nav-top #platform-navigation {
  margin-top: -95px;
}

.skin-big-writing-adventures .lesson-plan-pagination ul {
  margin-bottom: -20px;
}
.skin-big-writing-adventures .lesson-plan-pagination + .scrollbar {
  clear: both;
  height: 762px;
}

.skin-big-writing-adventures .tab-container > .tab-navigation-container > .tab-navigation-control:after {
  background-color: #96368D;
}
.skin-big-writing-adventures .tab-container > .tab-navigation-container > .tab-navigation-control:hover:after {
  background-color: #000;
}

.platform-nav-top.skin-big-writing-adventures #platform-navigation {
  margin-top: -50px;
}
.platform-nav-top.skin-big-writing-adventures #platform-navigator {
  margin-top: -50px;
}

/* News items colour overrides for bwa */

.skin-big-writing-adventures .highlights-section li.news-item .news-item-title {
  background-color: #0091d6;
  color: #ffffff;
}

.skin-big-writing-adventures .highlights-section li.news-item:hover .news-item-title {
  background-color: #96368d;
  color: #ffffff;
}

.skin-big-writing-adventures .highlights-section li.news-item:hover {
  background-color: #96368d;
}

.skin-big-writing-adventures .highlights-section li.news-item.news-highlight .news-item-content {
  background-color: rgba(0,145,214,0.7);
  color: #ffffff;
}

.skin-big-writing-adventures .highlights-section li.news-item.news-highlight:hover .news-item-content {
  background-color: rgba(150,54,141,0.7);
}