/* Tarmac Page */
div[data-promotion-ic^="20200721-PerformanceRoadCategoryFeatureComponent0"] {
  width: 100%;
}

.page-20200717-TarmacStoryPage div[data-promotion-ic^="20200717-TarmacCMSLink4"] a {
  background-color: #414141;
}

.page-20200717-TarmacStoryPage div[data-promotion-ic^="20200717-TarmacCMSLink6"] a {
  background-color: #414141;
  border-color: #414141;
}

.page-20200717-TarmacStoryPage div[data-promotion-ic^="20200717-TarmacCMSLink11"] a {
  background-color: #414141;
  border-color: #414141;
}

.page-20200717-TarmacStoryPage div[data-promotion-ic^="20200717-TarmacCMSLink11US"] a {
  background-color: #414141;
  border-color: #414141;
}

.page-20200717-TarmacStoryPage div[data-promotion-ic^="20200717-TarmacCMSLink12"] a {
  background-color: #414141;
  border-color: #414141;
}

.page-20200717-TarmacStoryPage div[data-promotion-ic^="20200717-TarmacCMSLink13"] a {
  background-color: #414141;
  border-color: #414141;
}

.page-20200717-TarmacStoryPage div[data-promotion-ic^="20200717-TarmacCMSLink14"] a {
  background-color: #414141;
  border-color: #414141;
}

.page-20200723-TarmacInnovationPage .storyDetails-wrapper .storytext-wrapper + .storytext-wrapper {
  background-color: #F1F1F1!important;
}

@media (max-width: 959px) {
  .page-20200717-TarmacStoryPage .featured-category-wrapper .buttons-set {
    margin-top: 50px;
  }

  .page-20200717-TarmacStoryPage .storyDetails-wrapper .mobile-styling-anchor + .c-hero .c-hero__after  {
    background: #121212!important;
    color: #FFFFFF!important;
  }

  .page-20200717-TarmacStoryPage .storyDetails-wrapper .mobile-styling-anchor + .c-hero .c-hero__after p  {
    color: #FFFFFF!important;
  }

  .page-20200717-TarmacStoryPage .storyDetails-wrapper .mobile-styling-anchor + .c-hero .c-hero__after h2  {
    color: #FFFFFF!important;
  }
}

@media (min-width: 960px) {
  .page-20200717-TarmacStoryPage .featured-category-wrapper .buttons-set {
    padding-bottom: 50px;
  }

  .page-20200717-TarmacStoryPage .no-bleed {
    padding: 0 45px;
  }

  .page-20200723-TarmacInnovationPage .no-bleed {
    padding: 0 45px;
  }

  .page-20200723-TarmacInnovationPage .article-wrapper {
    padding: 45px!important;
  }

  .page-20200717-TarmacStoryPage .featured-product-wrapper {
    padding-top: 50px;
  }

  .page-20200717-TarmacStoryPage div[data-promotion-ic^="20200717-TarmacCMSLink18"] a {
    display: none;
  }
}

@media (min-width: 1440px) {
  .page-20200723-TarmacInnovationPage .article-wrapper .padded-box {
    padding-top: 10vh;
  }

  .page-20200723-TarmacInnovationPage .article-wrapper .article__copy {
    font-size: 16px;
  }
}

.page-20200717-TarmacStoryPage .featured-category-wrapper .prodcat {
  cursor: default;
  pointer-events: none;
}

.page-20200723-TarmacInnovationPage .featured-category-wrapper .prodcat {
  cursor: default;
  pointer-events: none;
}

.page-20200723-TarmacInnovationPage .featured-category-wrapper {
  background-color: #F1F1F1!important;
}

.page-20200723-TarmacInnovationPage .featured-category-wrapper .prodcat__info {
  background-color: #F1F1F1!important;
}

@media (min-width: 768px) {
  .page-20200717-TarmacStoryPage .featured-category-wrapper .prodcat__image {
    height: 20vh;
  }

  .page-20200723-TarmacInnovationPage .featured-category-wrapper .prodcat__image {
    height: 20vh;
  }
}

@media (max-width: 767px) {
  .page-20200717-TarmacStoryPage .c-promo .owl-carousel .owl-dots {
    bottom: -1.5rem;
  }

  .page-20200723-TarmacInnovationPage .c-promo .owl-carousel .owl-dots {
    bottom: -1.5rem;
  }
}

.page-20200717-TarmacStoryPage .storytext-wrapper .vertical-paddings {
  padding: 3em 0;
}

.page-20200723-TarmacInnovationPage .storytext-wrapper .vertical-paddings {
  padding: 3em 0;
}

/* Tarmac SL8 */
.page-20230806-TarmacStoryPage .c-hero--page .owl-next {
  border: solid 1px #FFF;
  color: #252525;
  background-color: #FFF;
  border-radius: 2px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-size: 28px;
  padding-left: 0px;
}

.page-20230806-TarmacStoryPage .c-hero--page .owl-prev {
  border: solid 1px #FFF;
  color: #252525;
  background-color: #FFF;
  border-radius: 2px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  font-size: 28px;
  padding-left: 0px;
}

.page-20230806-TarmacStoryPage .buttons-set > div a {
  background-color: #FFF;
  border-color: #FFF;
  color: #292929;
}

.page-20230806-TarmacStoryPage .buttons-set > div + div a {
  background-color: transparent;
  border-color: #FFF;
  color: #FFF;
}

.page-20230806-TarmacStoryPage .c-promo .c-promo__subtitle {
  color: #FFF!important;
}

@media (min-width: 960px) {
  .page-20230806-TarmacStoryPage .owl-carousel .owl-nav .owl-prev {
    margin-left: calc(-50% + 20px);
  }

  .page-20230806-TarmacStoryPage .owl-carousel .owl-nav .owl-next {
    margin-right: calc(-50% + 20px);
  }
}

.page-20230806-TarmacStoryPage .c-promo .buttons-set {
  display: flex;
  flex-direction: column;
}

.page-20230806-TarmacStoryPage .c-promo .buttons-set > div + div {
  padding-top: 15px;
}

.page-20230806-TarmacStoryPage div[data-promotion-ic^="20230806-TarmacCMSLink11"] a {
  margin-left: 0!important;
}

@media (min-width: 960px) {
  .page-20230806-TarmacStoryPage .c-hero .c-hero__info {
    width: 600px!important;
    max-width: 600px!important;
  }

  .page-20230806-TarmacStoryPage .storyDetails-wrapper .bold-font-anchor + .c-promo .c-promo__wrapper {
    max-width: 80%;
  }
}

@media (max-width: 959px) {
  .page-20230806-TarmacStoryPage .c-hero__after {
    background-color: #000!important;
    color: #FFF!important;
  }

  .page-20230806-TarmacStoryPage .c-hero__after .h5 {
    color: #FFF!important;
  }

  .page-20230806-TarmacStoryPage .c-hero__after h2 {
    color: #FFF!important;
  }

  .page-20230806-TarmacStoryPage .c-hero__after p {
    color: #FFF!important;
  }
}


.page-20230806-TarmacStoryPage .storyDetails-wrapper .bold-font-anchor + .c-promo .story-body-title {
  color: #FFF;
  letter-spacing: 0;
  line-height: 50px;
  font-size: 32px;
  text-transform: none;
  font-family: DIN W01 Medium;
  font-style: normal;
  font-weight: bold;
  min-height: 48px;
}

.page-20230806-TarmacStoryPage .storyDetails-wrapper .bold-font-anchor + .c-promo .c-promo__desc p {
  color: #FFF;
  letter-spacing: 0;
  line-height: 40px;
  font-size: 16px;
  text-transform: initial;
  font-family: DIN W01 Medium;
  font-style: normal;
  font-weight: normal;
  min-height: 48px;
}

.page-20230806-TarmacStoryPage .c-promo + .quote-wrapper .font-statement {
  color: #FFF;
  letter-spacing: 0;
  line-height: 50px;
  font-size: 32px;
  text-transform: none;
  font-family: DIN W01 Medium;
  font-style: normal;
  font-weight: bold;
  min-height: 48px;
}

.page-20230806-TarmacStoryPage .c-hero .c-hero__info .h5 {
  line-height: 1rem;
}