/* -------------------- Header & Navbar ---------------------- */

/*-- Navbar --*/
.header .navbar-nav .nav-link {
  font-weight: normal;
  text-transform: uppercase;
  font-size: 0.85rem !important;
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
  color: var(--header-navigationbartext);
}

.header .navbar .active > .nav-link,
.navbar .nav-link:hover {
  color: #fff !important;
}

header .navbar .dropdown-item {
  text-transform: uppercase;
  font-size: 0.9rem;
  font-weight: normal !important;
}

/*-- Header --*/
.cw-header {
  background-color: var(--header-primary);
}

.header .cw-header :focus {
  box-shadow: none;
}

.header .cw-header-logo img {
  width: 155px;
}

.cw-header-contact {
  font-size: 0.9rem;
  background-color: var(--color-theme-primary);
  color: var(--header-text);
}

.cw-header-contact a {
  color: inherit;
}

.cw-header-contact a:hover {
  opacity: 0.85;
}

.cw-header-contact .fa {
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.25rem;
  color: var(--color-theme-secondary);
}

.cw-header .cw-address:before {
  font-family: FontAwesome;
  vertical-align: middle;
  content: "\f3c5";
  padding-right: 0.5rem;
  color: #fff;
}

.cw-header .cw-phone:before {
  font-family: FontAwesome;
  vertical-align: middle;
  content: "\f2a0";
  padding-right: 0.5rem;
  color: #fff;
}

@media (min-width: 992px) {
  .cw-header .cw-header-logo {
    position: absolute;
    z-index: 1040;
    top: 0px;
  }

  nav.navbar .container {
    min-height: 77px;
  }

  .header.has-cart .collapse.justify-content-center,
  .header .navbar-collapse.justify-content-center {
    -webkit-box-pack: flex-end !important;
    -ms-flex-pack: flex-end !important;
    justify-content: flex-end !important;
  }

  .header .navbar-nav:not(.navbar-cart) {
    /* set pixels to logo width (or more) */
    max-width: calc(100% - 240px);
    justify-content: center;
  }
}

/*  Homepage - Hero - Module
  =================================================================================================*/
.cw-search-hero {
  position: relative;
  z-index: 0;
}

.cw-search-hero .cw-svg {
  position: absolute;
  z-index: 3;

  left: 0;
  bottom: -1px;
  line-height: 0;
  width: 100%;
  height: clamp(40px, 5vw, 120px);
}

.cw-search-hero .cw-svg polygon {
  /* site background or set to whatever background the element below has */
  fill: var(--color-theme-background);
}

.cw-search-hero .cw-bg-wrap {
  width: 100%;
  min-height: 550px;
  padding: 50px 0;

  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.cw-search-hero .cw-bg-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 0, 0.5) 0%,
    rgba(0, 0, 0, 0) 100%
  );
}

.cw-search-hero .cw-heroContent {
  padding-bottom: 50px;
  position: relative;
  z-index: 3;
}

.cw-search-hero h1 {
  font-weight: 700;
  line-height: 1;
}

.cw-search-hero h1 span:last-of-type {
  font-size: 0.6em;
  font-weight: 400;
  line-height: 1;
}

/* -------------------- Slideshow part ---------------------- */
.cw-search-hero .cw-abs-carousel {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}

.cw-search-hero .cw-abs-carousel .carousel,
.cw-search-hero .cw-abs-carousel .carousel-inner,
.cw-search-hero .cw-abs-carousel .carousel-item,
.cw-search-hero .cw-abs-carousel img {
  /* bringing the height through the children so the image can use object-fit settings */
  height: 100%;
}

.cw-search-hero .cw-abs-carousel img {
  object-fit: cover;
  object-position: center;
}

/* -------------------- inventory search module ---------------------- */
/* hide search labels */
.page-home .inventory-search-module .container .form__wrapper label {
  display: none;
}

/*  Homepage - Search Module */
.page-home .inventory-search-module {
  margin: 0 !important;
  padding: 1.5rem 0;
  background-color: var(--color-theme-background);
}

.page-home .inventory-search-module .container {
  position: relative;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .page-home .inventory-search-module .container .form__wrapper {
    padding: 0;
    border: 0;
    background-color: #000000af;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
  .page-home .inventory-search-module .container .form__wrapper {
    position: absolute;
    z-index: 5;
    right: 0;
    top: -440px;
    width: 500px;
    max-width: 50%;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: unset;
    border: none;
    gap: 10px;
  }

  .page-home .inventory-search-module {
    margin: 0 !important;
    padding: 0;
    background-color: transparent;
  }

  .page-home .inventory-search-module .search__input {
    /* min-width: 40%; */
    /* flex-basis: 90%; */
    min-width: 40%;
    flex-basis: 45%;
    flex-grow: 1;
  }

  .page-home
    .inventory-search-module
    .container
    .form__wrapper
    .search__input--min-year,
  .page-home
    .inventory-search-module
    .container
    .form__wrapper
    .search__input--max-year {
    min-width: 45%;
    flex-basis: 45%;
  }

  .cw-search-hero .cw-heroContent {
    max-width: clamp(200px, 50%, 600px);
    margin-left: 5px;
    margin-right: auto;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  /* order positioning of the html, before re-ordering with css
      0. .search__input--classification
      1. .search__input-make
      2. .search__input--model
      3. .search__input--min-year
      4. .search__input--max-year
      5. .search__input--max-price
      6. .search__input--max-mileage
      7. (button. no specific class) :last-of-type
  */
  .page-home .inventory-search-module .container .form__wrapper {
    top: -520px;
    width: 700px;
    max-width: 50%;
    padding: 2rem;
  }

  .page-home
    .inventory-search-module
    .search__input.search__input--classification {
    order: 0;
  }

  .page-home .inventory-search-module .search__input.search__input-make {
    order: 1;
  }

  .page-home .inventory-search-module .search__input.search__input--model {
    order: 3;
  }

  .page-home .inventory-search-module .search__input.search__input--min-year {
    order: 5;
  }

  .page-home .inventory-search-module .search__input.search__input--max-year {
    order: 6;
  }

  .page-home .inventory-search-module .search__input.search__input--max-price {
    order: 2;
  }

  .page-home
    .inventory-search-module
    .search__input.search__input--max-mileage {
    order: 4;
  }

  .page-home .inventory-search-module .search__input:last-of-type {
    order: 7;
  }

  .page-home .inventory-search-module .search__input {
    min-width: 40%;
    flex-basis: 45%;
    flex-grow: 1;
  }

  .page-home
    .inventory-search-module
    .container
    .form__wrapper
    .search__input--min-year,
  .page-home
    .inventory-search-module
    .container
    .form__wrapper
    .search__input--max-year {
    min-width: 20%;
    flex-basis: 20%;
  }
}

.cw-shimmer-banner {
  background-color: var(--color-theme-primary);
  color: var(--color-theme-text-btn);
  text-align: center;
  overflow: hidden;

  background-image: linear-gradient(
    -45deg,
    var(--color-theme-primary) 45%,
    #d6d6d6 50%,
    var(--color-theme-primary) 55%
  );
  background-size: 300%;
  background-position-x: 100%;
  animation: cw-shimmer-primary 5s infinite linear;
}

.cw-shimmer-banner .cw-shimmer-box {
  padding: 1rem 1rem;
  max-width: var(--cw-box-width);
}

.cw-shimmer-banner a {
  color: inherit;
  font-size: 1.5rem;
  margin: 0;
  font-weight: 700;
  text-shadow: 1px 1px 2px #000;
  transition-duration: 0.3s;
}

.cw-shimmer-banner a:hover {
  opacity: 0.9;
  text-shadow: 3px 2px 2px #000;
}

@keyframes cw-shimmer-primary {
  0%,
  30% {
    background-position-x: 100%;
  }

  40%,
  100% {
    background-position-x: 0%;
  }
}

@media (min-width: 992px) {
  .cw-shimmer-banner a {
    font-size: 2rem;
  }

  .cw-shimmer-banner a:hover {
    font-size: 2.2rem;
  }
}

.page-home .card__multi__style2 .item__card {
  border: 1px solid #000000 !important;
  background-color: #ffffff !important;
}

/* Fonts */
/* @import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,900&display=swap'); */

/* Banner Blast */

/* Left Side */
.cw-arrow-blast {
  background-color: var(--color-theme-background);
  overflow: hidden;
  position: relative;
  background: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/9BA3D1C165071FB45044CA4B20879E23.jpg")
    left center / cover;
  padding: 3.5rem 0;
  margin-bottom: 2rem;
}

.cw-arrow-blast .cw_checkmark {
  width: 200px;
  /* margin-left: 100px; */
  position: relative;
  z-index: 2;
  margin: 0 auto;
}

.cw-arrow-blast .cw_arrow {
  position: absolute;
  left: 0px;
  color: rgba(0, 0, 0, 0.06);
  font-size: 104px;
  z-index: 1;
  opacity: 0;
}

.cw-arrow-blast .cw_arrow1 {
  animation: cw_slideRightFade 4s infinite 0s ease-in-out;
  top: 16px;
  color: rgba(0, 0, 0, 0.08);
}

.cw-arrow-blast .cw_arrow2 {
  animation: cw_slideRightFade 4s infinite 0.6s ease-in-out;
  top: -22px;
  color: rgba(0, 0, 0, 0.1);
}

.cw-arrow-blast .cw_arrow3 {
  animation: cw_slideRightFade 4s infinite 1.2s ease-in-out;
  top: 66px;
  color: rgba(0, 0, 0, 0.08);
}

.cw-arrow-blast .cw_arrow4 {
  animation: cw_slideRightFade 4s infinite 2s ease-in-out;
  top: -17px;
  color: rgba(0, 0, 0, 0.1);
}

.cw-arrow-blast .cw_arrow5 {
  animation: cw_slideRightFade 4s infinite 2.6s ease-in-out;
  top: 17px;
  color: rgba(0, 0, 0, 0.06);
}

.cw-arrow-blast .cw_arrow6 {
  animation: cw_slideRightFade 4s infinite 3s ease-in-out;
  top: 57px;
  color: rgba(0, 0, 0, 0.09);
}

@-webkit-keyframes cw_slideRightFade {
  0% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }

  50% {
    opacity: 0.5;
  }

  100% {
    left: 119%;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

@keyframes cw_slideRightFade {
  0% {
    opacity: 0;
    -webkit-transform: scale(2);
    transform: scale(2);
  }

  50% {
    opacity: 0.5;
  }

  100% {
    left: 119%;
    opacity: 0;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}

/* Right Text */
.cw-arrow-blast .cw-text-section {
  z-index: 1;
  position: relative;
  padding-top: 1rem;
  padding-bottom: 1rem;
  /* font-family: 'Montserrat', sans-serif; */
  color: #000;
}

.cw-arrow-blast .cw-text-section h3 {
  font-size: calc(1.5rem + 1vw);
  font-weight: 900;
  text-transform: uppercase;
  color: var(--color-theme-secondary);
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.42);
  margin: 0 0 0.5rem;
}

.cw-arrow-blast .cw-text-section h4 {
  font-size: calc(1.2rem + 0.6vw);
}

.cw-arrow-blast .cw-text-section p {
  font-size: 1.1rem;
}
.cw-arrow-blast .cw-text-section .cw-btn-gradient {
  background: var(--color-theme-primary);

  background: linear-gradient(
    to bottom,
    var(--color-theme-highlight) 0%,
    var(--color-theme-secondary) 100%
  );

  display: inline-block;
  padding: 10px 30px;
  color: var(--color-theme-text-btn);
  border-radius: 20px;
  font-size: 1.4rem;
  text-transform: uppercase;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  /* margin: 1em 0 0; */
  transition: 0.3s;
}

.cw-arrow-blast .cw-text-section .cw-btn-gradient:hover {
  transform: scale(1.05);
}

/* ---------------- Media Query ---------------- */
@media (min-width: 440px) {
}

@media (min-width: 768px) {
  .cw-arrow-blast .cw-text-section h3 {
    font-size: 3rem;
  }

  .cw-arrow-blast .cw-text-section h4 {
    font-size: 2.3rem;
  }

  .cw-arrow-blast .cw-text-section ul {
    font-size: 1.4rem;
    margin-bottom: 4px;
  }

  .cw-arrow-blast .cw-text-section p {
    font-size: 1.3rem;
  }
}

@media (min-width: 992px) {
  .cw-arrow-blast .cw_checkmark {
    width: 250px;
  }

  .cw-arrow-blast .cw_arrow {
    left: 230px;
  }

  .cw-arrow-blast .cw_checkmark {
    margin: 0 0 0 100px;
  }

  .cw-arrow-blast .cw-text-section {
    padding-top: 0;
  }
}

@media (min-width: 1200px) {
  .cw-arrow-blast .cw-text-section .cw-btn-gradient {
    padding: 10px 80px;
  }
  .cw-arrow-blast .cw-text-section h3 {
    /* font-size: 3rem; */
    margin-bottom: 2rem;
  }
}

/* XLG: 1400px and Up */
@media (min-width: 1400px) {
}

/*-- Other Home Sections --*/
.cw-big-squares {
  position: relative;
  margin-top: 1rem;
  margin-bottom: 1rem;
  overflow: hidden;
}

.cw-big-squares h3,
.cw-big-squares h4,
.cw-big-squares .h5 {
  font-weight: 900;
  text-transform: uppercase;
}

.cw-big-squares .cw-img-box,
.cw-big-squares .cw-map-box,
.cw-big-squares .cw-content {
  position: relative;
  flex-grow: 1;
}

.cw-big-squares .cw-img-box {
  max-height: 400px;
}

.cw-big-squares .cw-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.cw-big-squares .cw-content {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;

  padding: 1rem;
  color: #000000;

  /* background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/BD664CE04C7B7D31509402500C81D72A.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; */
}

/* .cw-big-squares .cw-content.cw-bg1 {
  background-color: #971d14;
  background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/BD664CE04C7B7D31509402500C81D72A.jpg);
} */

.cw-big-squares .cw-content.cw-bg2 {
  background-color: #000000;
  color: #fff !important;
  /* background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/2A9EA7B29A326555267FACB1442705F3.jpg); */
}

.cw-big-squares .cw-content .cw-innerbox {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem 0.5rem;
}

.cw-content h4 span {
  font-style: italic;
  font-size: 60%;
}

.cw-big-squares .cw-mapContact {
  padding: 1rem 0.5rem;
  background: rgba(0, 0, 0, 0.708);
}

.cw-big-squares .cw-address {
  font-size: 1rem;
}

.cw-big-squares .cw-map-box {
  min-height: 300px;
}

/* -------------------- Icons ---------------------- */
.cw-big-squares .cw-address,
.cw-big-squares .cw-hours {
  position: relative;
  vertical-align: middle;
  margin: 0.25rem;
  color: #fff;
  font-size: 1rem;
  text-transform: uppercase;
  font-weight: bold;
}

.cw-big-squares .cw-hours:before {
  font-family: FontAwesome;
  content: "\f017";
  font-size: 2rem;
  line-height: 1.4;
  color: var(--color-theme-secondary);

  display: block;
  text-align: center;
}

.cw-big-squares .cw-hours h2.bh-title {
  font-size: calc(1.3rem + 0.6vw);
  padding-left: 0;
  border-left: 0;
  text-align: center;
}

.cw-big-squares .business-hours ul {
  margin-bottom: 0;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .cw-big-squares .cw-content .cw-innerbox {
    padding: 1rem;
  }

  .cw-big-squares .cw-hours {
    position: relative;
    padding-left: 3rem;
    margin: 0;
  }

  .cw-big-squares .cw-hours:before {
    position: absolute;
    left: 0;
    padding-right: 0.5rem;
    padding-top: 0.25rem;
    display: inline-block;
  }

  .cw-big-squares .cw-hours h2.bh-title {
    text-align: left;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .cw-big-squares .cw-mapContact {
    padding: 1rem;
  }
}

@media (min-width: 992px) {
  .cw-big-squares .cw-img-box,
  .cw-big-squares .cw-map-box,
  .cw-big-squares .cw-content {
    margin: 0 0.5rem 1rem;
  }

  .cw-big-squares .cw-img-box {
    max-height: 600px;
  }

  .cw-big-squares .cw-map-box {
    min-height: 450px;
  }

  .cw-big-squares .cw-content {
    padding: 8% 4%;
  }

  .cw-big-squares h3 {
    font-size: 2.25rem;
  }

  .cw-big-squares h4 {
    font-size: 1.75rem;
  }
}

@media (min-width: 1400px) {
  .cw-big-squares h3 {
    font-size: 2.75rem;
  }

  .cw-big-squares h4 {
    font-size: 2rem;
  }

  .cw-big-squares .cw-content {
    padding: 8%;
  }
}

:root {
  --border: #ededed;
}

.blurb__section {
  margin-top: 5rem;
  margin-bottom: 5rem;
  position: relative;
  z-index: 500;
}

.blurb__section .blurb__item {
  padding: 25px;
  height: auto;
  /* -webkit-clip-path: polygon(90% 0,100% 10%,100% 100%,0 100%,0 0);
    clip-path: polygon(90% 0,100% 10%,100% 100%,0 100%,0 0); */
  border-color: #000000;
}

.blurb__section .blurb__item .card-body,
.blurb__section .blurb__item .card-footer {
  padding: 0;
}

.blurb__section .blurb__item img {
  /* -webkit-clip-path: polygon(90% 0,100% 18%,100% 100%,0 100%,0 0);
    clip-path: polygon(90% 0,100% 18%,100% 100%,0 100%,0 0) */
}

.blurb__section .blurb__item .blurb__title {
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 10px;
  font-family: var(--sitefont);
  text-transform: uppercase;
  color: var(--color-theme-text);
}

.blurb__section .blurb__item .blurb__copy {
  margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
  .blurb__section .grid__wrapper {
  }
}

@media only screen and (max-width: 768px) {
  .blurb__section .grid__wrapper {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media (max-width: 768px) {
  .blurb__section .about__wrapper {
    padding: 70px 50px 50px;
  }
}

.btn-primary {
  border-radius: 100px 100px 100px 100px !important;
  padding: 16px 25px 16px 25px !important;
}
.btn-secondary {
  border-radius: 100px 100px 100px 100px !important;
  padding: 16px 16px 16px 16px !important;
}
section:not(.page-home) .title {
  background: #1f1f1f;

  overflow: hidden;
  position: relative;
  z-index: 0;
  color: #fff;
  padding: 4rem 0;
  text-align: center;
}

section:not(.page-home) .title::before {
  position: absolute !important;
  content: "" !important;
  top: 0 !important;
  bottom: 0 !important;
  right: 0 !important;
  left: 0 !important;
  background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/249EBC535CE1766380FDA3133B197B7A.jpg) !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  overflow: hidden !important;
  opacity: 5% !important;
  z-index: -1 !important;
}
.inventorydetails {
  margin-top: 2rem;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}
