/* DESIGN PACK VERSION: 3.8 */
.skin-pdbp .main-product-logo {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI1MS45OTlweCIgaGVpZ2h0PSI1MnB4IiB2aWV3Qm94PSIwIDAgNTEuOTk5IDUyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MS45OTkgNTIiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxjaXJjbGUgZmlsbD0iIzcwQzNDRCIgY3g9IjI2IiBjeT0iMjYiIHI9IjI2Ii8+PGc+PHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTM3Ljc4NywxMC4yNTZ2MTAuMzI3YzAsMS4yNS0xLjA1MSwxLjM2OC0xLjM3NywxLjM3MmgtNC4wNzdjLTAuMzk3LTIuMDgzLTEuNDE1LTMuNzEtMy41ODItNC4zNzljMC42OTQtMC43LDEuMTI0LTEuNjYzLDEuMTI0LTIuNzI3YzAtMi4xNDItMS43MzItMy44NzQtMy44NzItMy44NzRjLTIuMTM3LDAtMy44NzMsMS43MzItMy44NzMsMy44NzRjMCwxLjE0MywwLjQ5NywyLjE2OSwxLjI4MywyLjg4Yy0xLjg2NiwwLjc0MS0yLjgxNCwyLjI4NS0zLjIwOCw0LjIyNkgxNS4zMmMtMS4yNTQsMC0xLjM2Ni0xLjA1NS0xLjM3Mi0xLjM3MlYxMC4yNTZjMC0xLjI1LDEuMDU2LTEuMzY1LDEuMzcyLTEuMzcxaDIxLjA5NkMzNy42NjksOC44ODUsMzcuNzg1LDkuOTQsMzcuNzg3LDEwLjI1NnoiLz48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDEuMjMzLDM5Ljg4NEgxMC43NjdjMC42MjUtMi41NTksMS45NzctNC41ODIsNC41MDItNS41ODljLTEuMTM1LTEuMDE2LTEuODU0LTIuNDg0LTEuODU0LTQuMTI3YzAtMy4wNjEsMi40ODQtNS41NDQsNS41NDUtNS41NDRjMy4wNjIsMCw1LjU0NCwyLjQ4Myw1LjU0NCw1LjU0NGMwLDEuNTI1LTAuNjE3LDIuOTAzLTEuNjEzLDMuOTA1YzEuMzMsMC40MTMsMi4zNTksMS4wNzUsMy4xNDYsMS45MzVjMC42NzEtMC43MjEsMS41MDktMS4zMDMsMi41NDQtMS43MTNjLTEuMTM0LTEuMDE2LTEuODUyLTIuNDg0LTEuODUyLTQuMTI3YzAtMy4wNjEsMi40OC01LjU0NCw1LjU0My01LjU0NGMzLjA2LDAsNS41NDMsMi40ODMsNS41NDMsNS41NDRjMCwxLjUyNS0wLjYxNSwyLjkwMy0xLjYxLDMuOTA1QzM5LjE0NCwzNC45ODEsNDAuNjAzLDM3LjEyNiw0MS4yMzMsMzkuODg0eiIvPjwvZz48L3N2Zz4=);
  color: #63676b;
  font-size: 18px;
  line-height: 18px;
  font-weight: 600;
  padding-top: 10px;
  padding-left: 80px;
  margin-top: 22px;
}

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

.skin-pdbp .supplementary-resource-information {
  border-radius: 5px;
  background: #e2f2f4;
  padding: 5px 10px;
  margin: 0 0 1em 0;
  font-size: 16px;
}


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

.skin-pdbp .supplementary-resource-information .subscription-information {
  color: #63676B;
}

.skin-pdbp .resource-tiles {
  padding-left: 0;
}

.skin-pdbp .resource-tiles li {
  box-sizing: border-box;
  padding: 0 10px 10px 10px;
  border: 1px solid #c0c2c4;
  border-radius: 10px;
  font-size: 14px;
  margin-bottom: 1.5em;
  height: 345px;
  overflow: hidden;
}
@media (min-width: 1024px) and (max-width: 1279px) {
  .skin-pdbp .resource-tiles li {
    height: 305px;
  }
}
@media (min-width: 1280px) {
  .skin-pdbp .resource-tiles li {
    height: 270px;
  }
}

.skin-pdbp .resource-tiles > li:nth-child(3n + 1) {
  margin-left: 0;
}
.skin-pdbp .resource-tiles > li:nth-child(3n) {
  margin-right: 0;
}

.skin-pdbp .search-container {
  margin-left: 0 !important;
}

.skin-pdbp .resource-tiles .resource-thumbnail {
  background: #efeff0;
  text-align: center;
  height: 84px;
  padding: 5px 0;
  width: 100%;
}

.skin-pdbp .resource-tiles > li > a {
  color: #000;
}

.skin-pdbp .resource-tiles > li h3 {
  color: #63676b;
  font-size: 14px;
  font-weight: 500;
  margin: 0;
}
.skin-pdbp .resource-tiles > li h4 {
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 0;
  font-weight: 700;
}
.skin-pdbp .resource-tiles > li h4 + p {
  margin-top: 0.2em;
}

.skin-pdbp .search-container {
  background: #e2f2f4;
}

.skin-pdbp .search-container .filters-container .filters > li {
  border: none;
  border-radius: 0;
  background: transparent;
}

.skin-pdbp .search-container .filters-container .filters ul {
  margin-left: 7px !important;
}

.skin-pdbp .search-container .filters-container .filters .stylised-dropdown-options {
  margin-left: 0 !important;
}
.skin-pdbp .search-container.vertical .filters-container .filters .stylised-dropdown-container li {
  margin: 0;
  width: auto;
}
.skin-pdbp .filters-container .filters li a.filter-name {
  padding-left: 2px;
}

.skin-pdbp .search-container,
.skin-pdbp .filters-container .filters {
  overflow: visible;
}

.skin-pdbp .search-container.vertical .filters,
.skin-pdbp .search-container.vertical .filters-container {
  margin-top: 0;
}
.skin-pdbp .filters-container .filters li > a.filter-name {
  padding-top: 0;
}
.skin-pdbp .search-container.vertical {
  margin-bottom: 1em;
  padding: 0 10px 4px 10px;
}

.skin-pdbp .filters-container .filters li > a.filter-name:after {
  right: 0;
  margin-top: -15px;
}

.skin-pdbp .filter-contents.dropdown-filter {
  padding-left: 0;
  padding-right: 0;
  overflow: visible;
}

.skin-pdbp .news-listing > .news-item .course-audience {
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
}

@media (min-width: 1279px) {
  .skin-pdbp .news-listing > .news-item .course-audience {
    font-size: 21px;
  }
}

.skin-pdbp .news-listing > .news-item ul {
  list-style-type: disc;
}


.skin-pdbp .filter-contents.autofill {
  padding-left: 0;
  width: 231px;
}

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



/*Code to format autocomplete plugin*/

.autocomplete-suggestions {
  border: 1px solid #999;
  background: #FFF;
  cursor: default;
  overflow: auto;
  width: 500px !important;
  -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  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-pathways .header-block-information {
  border-bottom: 0px;
}
.skin-pathways .pathway-task-intro .video-player {
  padding-right: 10px;
}
.skin-pathways .pathway-task-intro h3 {
  padding-bottom: 6px;
}
.skin-pathways .pathway-task-intro p {
  margin-top: 2px;
}

.stylised-dropdown-container {
  width: 95%;
}

.skin-pdbp .clear-filters {
  margin: 10px 5px;
}

.filter-contents button[type=submit].apply-filters {
  width: 100%;
  margin-top: 10px;
  background-image: none;
  text-align: left;
  cursor: pointer;
}

@media (max-width: 1023px) {

  .filter-contents button[type=submit].apply-filters {
    width: 152px;
    float: left;
  }

}

@media (min-width: 1024px) and (max-width: 1280px) {
  .filter-contents button[type=submit].apply-filters {
    width: 172px;
    float: left;
  }
}
