#rowlett-spotlight p,
#rowlett-spotlight ul,
#rowlett-spotlight a,
#rowlett-spotlight a:hover {
  /* color: #231F20; */
}
#rowlett-spotlight .w-full.bg-black {
  background-color: #231F20;
}
#rowlett-spotlight .w-full.bg-black h2,
#rowlett-spotlight .w-full.bg-black p,
#rowlett-spotlight .w-full.bg-black ul {
  color: #ffffff;
}
#rowlett-spotlight .w-full.bg-black li.swatch {
  border: solid 1px #ffffff;
}
#rowlett-spotlight .w-full.bg-black .border-right, #rowlett-spotlight .w-full.bg-black .quote-container {
  border-color: #ffffff;
}
#rowlett-spotlight .w-full.bg-black .prod-vat {
  color: #ffffff;
}
#rowlett-spotlight .w-full.bg-black .prod-price {
  color: #ffffff;
}
#rowlett-spotlight .w-full.bg-black .button.s-default {
  background-color: #ffffff;
  color: #231F20;
}
#rowlett-spotlight .w-full.bg-white {
  background-color: #ffffff;
}
#rowlett-spotlight .w-full.bg-white h2,
#rowlett-spotlight .w-full.bg-white p,
#rowlett-spotlight .w-full.bg-white ul {
  color: #231F20;
}
#rowlett-spotlight .w-full.bg-white li.swatch {
  border: solid 1px #231F20;
}
#rowlett-spotlight .w-full.bg-white .border-right, #rowlett-spotlight .w-full.bg-white .quote-container {
  border-color: #231F20;
}
#rowlett-spotlight .w-full.bg-white .prod-vat {
  color: #f2243f;
}
#rowlett-spotlight .w-full.bg-white .prod-price {
  color: #f2243f;
}
#rowlett-spotlight .w-full.bg-white .button.s-default {
  background-color: #231F20;
  color: #ffffff;
}

main #rowlett-spotlight h1.rowlett-logo {
  font-size: 2.4em;
  width: 282px;
  height: auto;
  background-image: url("https://media.nisbets.com/static/content/logos/logo_rowlett.svg");
  background-repeat: no-repeat;
  background-position: center;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
@media (min-width: 640px) {
  main #rowlett-spotlight h1.rowlett-logo {
    font-size: 3.3em;
  }
}
main div.hero-banner.hb-split .hb-image {
  background-image: url("https://media.nisbets.com/cdn-cgi/image/w=425,h=200,q=75,f=auto,fit=cover/https://media.nisbets.com/static/fuse/projects/UK/rowlett/assets/images/rowlett_hero_30052023.jpg");
}
@media (min-width: 768px) {
  main div.hero-banner.hb-split .hb-image {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=502,h=200,q=75,f=auto,fit=cover/https://media.nisbets.com/static/fuse/projects/UK/rowlett/assets/images/rowlett_hero_30052023.jpg");
  }
}
@media (min-width: 1024px) {
  main div.hero-banner.hb-split .hb-image {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=620,h=200,q=75,f=auto,fit=cover/https://media.nisbets.com/static/fuse/projects/UK/rowlett/assets/images/rowlett_hero_30052023.jpg");
  }
}
@media (min-width: 1280px) {
  main div.hero-banner.hb-split .hb-image {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=620,h=200,q=75,f=auto,fit=cover/https://media.nisbets.com/static/fuse/projects/UK/rowlett/assets/images/rowlett_hero_30052023.jpg");
  }
}

.modal-title {
  border-bottom: 4px solid #f2243f;
}
.modal-dialog {
  -webkit-transform: translate(-50%, -50%) !important;
          transform: translate(-50%, -50%) !important;
  top: 50%;
  left: 50%;
  margin: 0;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 582px;
  }
}
.modal-content {
  border: none;
}

.video-modal-body {
  padding: 20px 20px 15px;
  position: relative;
}
@media (min-width: 640px) {
  .video-modal-body .row {
    margin-right: 0;
  }
}
.video-modal-head {
  background-color: #231F20;
  padding: 20px;
}
.video-modal-head p {
  color: #ffffff !important;
  font-weight: 700;
  font-size: 1.75em;
  padding: 0;
  margin: 0;
  line-height: 1em;
}
.video-modal-head button {
  position: absolute;
  top: 20px;
  right: 20px;
  color: #ffffff;
  float: none;
  background: none;
  border: none;
  font-size: 1em;
}
.video-modal-head button .glyphicon {
  font-weight: 500;
}
.video-modal-head button .glyphicon::before {
  content: "\e014";
}

#rowlett-spotlight .max-w-950 {
  max-width: 950px;
  margin-left: auto !important;
  margin-right: auto !important;
}
#rowlett-spotlight ul {
  padding-left: 20px;
  margin-bottom: 0;
}
#rowlett-spotlight .prod-vat {
  font-size: 1.25em;
}
#rowlett-spotlight .prod-price {
  font-size: 2.25em;
  font-weight: 700;
  margin: 0 5px;
}
#rowlett-spotlight .quote {
  font-style: italic;
  padding: 0 10px;
}
#rowlett-spotlight ul.mini-nav {
  text-align: center;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  font-size: 1em;
}
#rowlett-spotlight ul.mini-nav > li {
  display: inline;
  padding: 0 14px;
  border-left: 1px solid #32374b;
}
#rowlett-spotlight ul.mini-nav > li:last-of-type {
  border-right: 1px solid #32374b;
}
#rowlett-spotlight ul.mini-nav > li > a {
  text-decoration: underline;
}
@media (min-width: 425px) {
  #rowlett-spotlight ul.mini-nav > li {
    padding: 0 20px;
  }
}
#rowlett-spotlight .prod-image {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#rowlett-spotlight .prod-image picture {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#rowlett-spotlight .prod-image picture img {
  width: 300px;
  height: 154px;
}
@media (min-width: 425px) {
  #rowlett-spotlight .prod-image picture img {
    width: 405px;
    height: 208px;
  }
}
@media (min-width: 768px) {
  #rowlett-spotlight .prod-image picture img {
    width: 748px;
    height: 384px;
  }
}
@media (min-width: 1024px) {
  #rowlett-spotlight .prod-image picture img {
    width: 950px;
    height: 488px;
  }
}
#rowlett-spotlight .border-right {
  border-right: none;
}
@media (min-width: 640px) {
  #rowlett-spotlight .border-right {
    border-right: 1px solid;
  }
}
#rowlett-spotlight .quote-container {
  border: 1px solid;
  padding: 15px;
  margin-top: 30px;
}
@media (min-width: 640px) {
  #rowlett-spotlight .quote-container {
    border: none;
    padding: 0 20px;
    margin-top: 0;
  }
}
#rowlett-spotlight .quote-text {
  font-style: italic;
}
#rowlett-spotlight ul.swatches {
  list-style: none;
  padding-left: 0;
  margin: 0;
  position: absolute;
  bottom: 0;
  right: 0;
}
#rowlett-spotlight ul.swatches li.swatch {
  width: 25px;
  height: 25px;
  margin: 5px 0 0;
}
#rowlett-spotlight ul.swatches li.swatch-black {
  background-color: #000000;
}
#rowlett-spotlight ul.swatches li.swatch-red {
  background-color: #f2243f;
}
#rowlett-spotlight ul.swatches li.swatch-white {
  background-color: #ffffff;
}
#rowlett-spotlight ul.swatches li.swatch-grey {
  background-color: #707070;
}
#rowlett-spotlight ul.swatches li.swatch-silver {
  background: linear-gradient(225deg, #ffffff 0%, #dfdfdf 26%, #a2a2a2 47%, #e4e4e4 69%, #ffffff 100%);
}
#rowlett-spotlight .review-5star {
  width: 98px;
  height: 15px;
  background-image: url("data:image/svg+xml,%3Csvg focusable='false' xmlns='http://www.w3.org/2000/svg' width='20px' height='15px' viewBox='0 0 25 25' style='width: 16px !important%3B height: 15px !important%3B'%3E%3Cpolygon points='' style='fill: url(%26quot%3B%23bv_inline_ratings_star_filled_3_99.99_GPlbandWiw%26quot%3B) !important%3B'%3E%3C/polygon%3E%3Cpath d='M24.8676481 9.0008973 C24.7082329 8.54565507 24.2825324 8.23189792 23.7931772 8.20897226 L16.1009423 8.20897226 L13.658963 0.793674161 C13.4850788 0.296529881 12.9965414 -0.0267985214 12.4623931 0.00174912135 L12.4623931 0.00174912135 C11.9394964 -0.00194214302 11.4747239 0.328465149 11.3146628 0.81767189 L8.87268352 8.23296999 L1.20486846 8.23296999 C0.689809989 8.22949161 0.230279943 8.55030885 0.0640800798 9.0294023 C-0.102119784 9.50849575 0.0623083246 10.0383495 0.472274662 10.3447701 L6.69932193 14.9763317 L4.25734261 22.4396253 C4.08483744 22.9295881 4.25922828 23.4727606 4.68662933 23.7767181 C5.11403038 24.0806756 5.69357086 24.0736812 6.11324689 23.7595003 L12.6333317 18.9599546 L19.1778362 23.7595003 C19.381674 23.9119158 19.6299003 23.9960316 19.8860103 23.9994776 C20.2758842 24.0048539 20.6439728 23.8232161 20.8724402 23.5127115 C21.1009077 23.202207 21.1610972 22.8017824 21.0337405 22.4396253 L18.5917612 14.9763317 L24.6967095 10.3207724 C25.0258477 9.95783882 25.0937839 9.43328063 24.8676481 9.0008973 Z' style='fill: url(%26quot%3B%23bv_inline_ratings_star_filled_3_99.99_GPlbandWiw%26quot%3B) !important%3B'%3E%3C/path%3E%3Cdefs%3E%3ClinearGradient id='bv_inline_ratings_star_filled_3_99.99_GPlbandWiw' x1='99.99%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color: rgb(252  190  0)%3B stop-opacity: 1%3B'%3E%3C/stop%3E%3Cstop offset='1%25' style='stop-color: rgb(214  214  214)%3B stop-opacity: 1%3B'%3E%3C/stop%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: repeat-x;
  display: block;
}
#rowlett-spotlight .vid-block-container h3 {
  font-size: 1.25em;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 10px;
}
#rowlett-spotlight .vid-ban {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 6px rgba(50, 55, 75, 0.25);
          box-shadow: 0 3px 6px rgba(50, 55, 75, 0.25);
  height: 135px;
}
@media (min-width: 768px) {
  #rowlett-spotlight .vid-ban {
    border-radius: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 220px;
  }
}
@media (min-width: 1024px) {
  #rowlett-spotlight .vid-ban {
    height: 348px;
  }
}
#rowlett-spotlight .vid-ban-rowlett {
  background-image: url("https://media.nisbets.com/cdn-cgi/image/w=280,h=135,q=75,sharpen=0.5,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/rowlett/assets/images/rowlett_video.jpg");
}
@media (min-width: 768px) {
  #rowlett-spotlight .vid-ban-rowlett {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=354,h=220,q=75,sharpen=0.5,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/rowlett/assets/images/rowlett_video.jpg");
  }
}
@media (min-width: 1024px) {
  #rowlett-spotlight .vid-ban-rowlett {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=231,h=168,q=75,sharpen=0.5,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/rowlett/assets/images/rowlett_video.jpg");
  }
}
@media (min-width: 1280px) {
  #rowlett-spotlight .vid-ban-rowlett {
    background-image: url("https://media.nisbets.com/cdn-cgi/image/w=295,h=168,q=75,sharpen=0.5,fit=contain,f=auto/http://media.nisbets.com/static/fuse/projects/UK/rowlett/assets/images/rowlett_video.jpg");
  }
}
#rowlett-spotlight .vid-ban-overlay {
  text-align: center;
  width: calc(100% - 20px);
  height: 135px;
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  padding: 10px;
}
@media (min-width: 768px) {
  #rowlett-spotlight .vid-ban-overlay {
    height: 220px;
  }
}
@media (min-width: 1024px) {
  #rowlett-spotlight .vid-ban-overlay {
    height: 348px;
  }
}
#rowlett-spotlight .vid-ban-overlay .video-btn {
  position: relative;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
#rowlett-spotlight .vid-ban-overlay .video-btn-image {
  max-width: 70px;
}
@media (min-width: 1024px) {
  #rowlett-spotlight .vid-ban-overlay .video-btn-image {
    max-width: 98px;
  }
}
#rowlett-spotlight .vid-ban-overlay .video-btn span.cta {
  font-size: 1em;
  font-weight: 600;
  color: #ffffff;
  margin: auto 0;
}
#rowlett-spotlight .lazyload-2x .mq-2x-1,
#rowlett-spotlight .mq-2x-2,
#rowlett-spotlight .mq-2x-3,
#rowlett-spotlight .mq-2x-4 {
  display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-resolution: 2dppx) and (min-width: 320px) {
  #rowlett-spotlight .lazyload-2x .mq-2x-4 {
    display: block;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min-resolution: 192dpi) and (min-width: 768px), only screen and (min-resolution: 2dppx) and (min-width: 768px) {
  #rowlett-spotlight .lazyload-2x .mq-2x-4 {
    display: none;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min-resolution: 192dpi) and (min-width: 768px), only screen and (min-resolution: 2dppx) and (min-width: 768px) {
  #rowlett-spotlight .lazyload-2x .mq-2x-3 {
    display: block;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min-resolution: 192dpi) and (min-width: 1024px), only screen and (min-resolution: 2dppx) and (min-width: 1024px) {
  #rowlett-spotlight .lazyload-2x .mq-2x-3 {
    display: none;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1024px), only screen and (min-resolution: 192dpi) and (min-width: 1024px), only screen and (min-resolution: 2dppx) and (min-width: 1024px) {
  #rowlett-spotlight .lazyload-2x .mq-2x-2 {
    display: block;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1280px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1280px), only screen and (min-resolution: 192dpi) and (min-width: 1280px), only screen and (min-resolution: 2dppx) and (min-width: 1280px) {
  #rowlett-spotlight .lazyload-2x .mq-2x-2 {
    display: none;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 1280px), only screen and (min-device-pixel-ratio: 2) and (min-width: 1280px), only screen and (min-resolution: 192dpi) and (min-width: 1280px), only screen and (min-resolution: 2dppx) and (min-width: 1280px) {
  #rowlett-spotlight .lazyload-2x .mq-2x-1 {
    display: block;
  }
}

/*Category Cards Begin*/
#rowlett-spotlight .card-block {
  max-width: 1044px;
}
#rowlett-spotlight .card-block-col {
  border: solid 1px #32374b;
  -webkit-box-shadow: 0 3px 6px rgba(50, 55, 75, 0.16);
          box-shadow: 0 3px 6px rgba(50, 55, 75, 0.16);
  padding: 10px;
  display: block;
  cursor: pointer;
  background-color: white;
}
@media (min-width: 425px) {
  #rowlett-spotlight .card-block-col {
    padding: 15px;
  }
}
#rowlett-spotlight .card-block-col h3 {
  font-size: 1em;
  font-weight: 600;
  margin-top: 0;
}
@media (min-width: 425px) {
  #rowlett-spotlight .card-block-col h3 {
    font-size: 1.25em;
  }
}
#rowlett-spotlight .card-block-col .cta {
  text-decoration: underline;
}

/*Category Cards End*/