@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap";

:root {
    --sitefont: "Outfit", sans-serif;
}

.font-body,
.font-body-Montserrat,
.font-body-Montserrat .contact-details,
.font-body-Montserrat .gallery-img-text,
.font-body-Montserrat .label-frms,
.font-body-Montserrat .products .filter-item label.form-check-label,
.font-body-Montserrat .form-text,
.font-body-Montserrat .form label,
.font-body-Montserrat .businessinfo label,
.font-body-Montserrat .eCommerce label,
.font-body-Montserrat .products .product-price-range-text,
.font-body-Montserrat .address-type,
.font-body-Montserrat .font-bold,
.font-body-Montserrat .header .nav-link,
.font-body-Montserrat .header .dropdown-item,
.font-body-Montserrat .footer .nav-link,
.font-body-Montserrat .footer .dropdown-item,
.font-body-Montserrat .gallery .gallery-img-wrap,
.font-body-Montserrat .btn,
.font-body-Montserrat .product-results,
.font-body-Montserrat .btn-link,
.font-body-Montserrat .employees .employees-title,
.font-body-Montserrat .page-item.active .page-link,
.font-body-Montserrat .modal-success .modal-title {
    font-family: var(--sitefont);
}

.font-header,
.font-header-Montserrat .error-title,
.font-header-Montserrat .header .header-business-name,
.font-header-Montserrat .header .navbar-brand,
.font-header-Montserrat .footer .footer-business-name,
.font-header-Montserrat .title .title-heading,
.font-header-Montserrat .businessinfo .contact-title,
.font-header-Montserrat .employees .employees-name,
.font-header-Montserrat h5.modal-title,
.font-header-Montserrat .gallery .gallery-album-name,
.font-header-Montserrat .list .list-text-title,
.font-header-Montserrat .productslideshow .productslideshow-title-heading,
.font-header-Montserrat .productslideshow .productslideshow-item h3.product-title,
.font-header-Montserrat .detailedlist .detailedlist-item-title,
.font-header-Montserrat .products-loading-container .loader-text,
.font-header-Montserrat .products .filter-item-title,
.font-header-Montserrat .shoppingcart .shoppingcart-titles,
.font-header-Montserrat .productdetails-bottom .nav-tabs .nav-item.nav-link,
.font-header-Montserrat .eCommerce .shoppingcart-titles,
.font-header-Montserrat h1,
.font-header-Montserrat h2,
.font-header-Montserrat h3,
.font-header-Montserrat h4,
.font-header-Montserrat h5,
.font-header-Montserrat h6,
.font-header-Montserrat .products .product-title,
.font-header-Montserrat .productdetails .product-title,
.font-header-Montserrat .productdetails-modal-lightbox .modal-title,
.font-header-Montserrat .productslideshow h3.product-title,
.font-header-Montserrat .eCommerce .product-title,
.font-header-Montserrat .cart-preview .product-title,
.font-header-Montserrat .products-modal .product-title {
    font-family: var(--sitefont);
}

:focus {
    box-shadow: none !important;
}

.btn {
    text-transform: uppercase;
}

.btn-link-primary {
    color: var(--color-theme-primary);
}

.btn-outline {
    background: 0 0;
    border: 2px solid var(--color-theme-primary);
    color: var(--color-theme-primary);
}

.btn-outline:hover {
    background: var(--color-theme-primary);
    color: #000;
}

.btn-outline:before {
    background: var(--color-theme-primary);
}

.btn-primary:hover,
.btn-primary:hover:focus,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.btn-primary:hover:before,
.btn-primary:hover:focus:before,
.btn-primary:not([disabled]):not(.disabled).active:before,
.btn-primary:not([disabled]):not(.disabled):active:before {
    background: var(--color-theme-text-btn);
    color: var(--color-theme-primary) !important;
}

.businessinfo .btn-primary:focus,
.businessinfo .btn-primary:hover,
.businessinfo .btn-primary:not([disabled]):not(.disabled).active,
.businessinfo .btn-primary:not([disabled]):not(.disabled):active,
.businessinfo .show>.btn-primary.dropdown-toggle,
.form .btn-primary:focus,
.form .btn-primary:hover,
.form .btn-primary:not([disabled]):not(.disabled).active,
.form .btn-primary:not([disabled]):not(.disabled):active,
.form .show>.btn-primary.dropdown-toggle {
    color: var(--color-theme-primary) !important;
}

/* -------------------- SECTIONTITLE ---------------------- */

.btn-secondary {
    background: var(--color-theme-secondary);
    /* border: 0; */
    color: var(--color-theme-primary);
}

.contact-companyinfo .contact-email .contact-details-info,
.header .header-business-email,
.footer .footer-business-email {
    overflow-wrap: anywhere;
}

.header {
    background: 0 0 !important;
}

.page-home .header {
    position: relative;
    z-index: 1031;
}

.cw-header .header__logo {
    width: 250px;
}

.header .navbar-expand-lg .navbar-nav {
    text-transform: uppercase;
    font-size: 14px;
}

.header .navbar-nav .nav-item {
    padding: 0 15px;
}

.header .nav-link-cart,
.header .navbar .navbar-nav .nav-link {
    padding: 0;
    color: #000 !important;
    line-height: 30px;
}

.header .navbar .active>.nav-link,
.header .navbar .dropdown-item.active,
.header .navbar .dropdown-item:active,
.header .navbar .show>.nav-link {
    border-bottom: 2px solid var(--color-theme-background) !important;
    background: 0 0 !important;
}

.cw-header {
    padding-top: 20px;
}

.header a.header-business-phone,
.header span {
    vertical-align: middle;
}

.header a.header-business-phone {
    font-weight: 700;
    color: var(--color-theme-primary);
}

.cw-header a:hover {
    color: var(--color-theme-highlight);
}

.header .navbar .dropdown-item::before,
.header .navbar-dark .navbar-nav .nav-item .nav-link:before {
    border-width: 0;
}

.header .navbar .nav-link,
.header .navbar .dropdown-item {
    border-bottom: 2px solid transparent !important;
}

.header .navbar .nav-link:hover,
.header .navbar .dropdown-item:hover {
    border-bottom: 2px solid var(--color-theme-secondary) !important;
    opacity: 1;
}

.header .navbar,
.header .navbar.bg-primary {
    background: var(--color-theme-primary) !important;
    padding: 10px 0;
}

.cw-header .cw-flex-head {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    font-size: 14px;
}

.cw-header .cw-flex-head p {
    color: #fff;
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
    color: var(--header-navigationbartext);
}

.header .navbar-brand {
    /* color: #000 !important; */
}

.header .toggle .icon-bar {
    /* background-color: #000 !important; */
}

@media (max-width: 991px) {

    .header .nav-link-cart,
    .header .navbar .navbar-nav .nav-link {
        line-height: 40px;
    }
}

:root {
    /* variable-for how much the hero overlaps with the header. */
    --cw-header-hero-overlap: 167px;
}

.cw-hero-slideshow {
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/C643191C9576A64EFC50556E06686CA9.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    /* z-index: 0; */
    margin-top: calc(-1 * var(--cw-header-hero-overlap));
}


.cw-hero-slideshow .cw-hero-wrapper {
    width: 100%;
    padding: 150px 1rem;
    padding: calc(100px + var(--cw-header-hero-overlap)) 24px 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-theme-text);
    overflow: hidden;
    z-index: 6;
    position: relative;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

.cw-hero-slideshow .cw-hero-text-box {
    max-width: 600px;
    margin-left: 0px;
    margin-right: auto;
}

.cw-hero-slideshow .btn-outline {
    background: 0 0;
    border: 2px solid var(--color-theme-primary);
    color: var(--color-theme-primary);
}

.cw-hero-slideshow .btn-outline:hover {
    background: var(--color-theme-primary);
    color: var(--color-theme-text-btn);
}

.cw-hero-slideshow .btn-outline:before {
    background: var(--color-theme-primary);
}

.cw-hero-slideshow .cw-hero-gradient-lr {
    background: linear-gradient(270deg, transparent 0%, var(--color-theme-background) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.cw-hero-slideshow .cw-hero-gradient-tb {
    background: linear-gradient(0deg, transparent 0%, var(--color-theme-background) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25%;
    z-index: 1;
}

.cw-hero-slideshow .cw-hero-gradient-bt {
    background: linear-gradient(180deg, transparent 0%, var(--color-theme-background) 100%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 25%;
    z-index: 1;
}

.cw-hero-slideshow .cw-hero-title {
    font-size: 1rem;
    text-transform: uppercase;
}

.cw-hero-slideshow .cw-hero-title span {
    display: inline-block;
}

.cw-hero-slideshow .cw-hero-title .cw-h1-preline {
    font-size: 100%;
    font-weight: 400;
}

.cw-hero-slideshow .cw-hero-title .cw-h1-preline span {
    color: var(--color-theme-primary);
}

.cw-hero-slideshow .cw-hero-title .cw-h1-headline {
    font-size: 200%;
    padding: 5px 0;
    font-weight: 900;
    line-height: 1;
}

.cw-hero-slideshow .cw-hero-title .cw-h1-headline span {
    color: var(--color-theme-primary);
}

.cw-hero-slideshow .cw-hero-title .cw-h1-subheadline {
    font-size: 100%;
    margin-bottom: 1rem;
    color: var(--color-theme-primary);
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    :root {
        --cw-header-hero-overlap: 138px;
    }

    .cw-hero-slideshow .cw-hero-title {
        font-size: 1.2rem;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .cw-hero-slideshow .cw-hero-title {
        font-size: 1.5rem;
    }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
    .cw-hero-slideshow .cw-hero-title .cw-h1-headline {
        font-size: 250%;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .cw-hero-slideshow .cw-hero-title {
        font-size: 2rem;
    }
}

.section__title {
    font-size: 2rem;
    font-weight: 400 !important;
    text-transform: uppercase;
}

.section__title span {
    font-weight: 700;
}

.section__title.title__dark {
    color: #000 !important;
}

/* -------------------- inventory search module ---------------------- */


  /* -------------------- 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;
  }

  .page-home .inventory-search-module .container .form__wrapper {
    padding: 0;
    border: 0;
  }

  /* 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: 999999;
      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: -420px;
      width: 700px;
      max-width: 50%;
    }

    .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%;
    }
  }




/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
/* @media (min-width: 992px) {
    .cw-slider {
        height: 650px
    }


    .page-home .inventory-search-module {
        display: flex;
    }

    .page-home .inventory-search-module .container {
        position: relative;
    }


    .page-home .inventory-search-module .container .form__wrapper label {
        display: none;
    }


    .page-home .inventory-search-module .container .form__wrapper {
        padding: 0;
        border: 0;
        position: absolute;
        z-index: 5;
        right: 0;
        top: -550px;
        width: 500px;
        max-width: 500px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        align-items: unset;
        border: none;
        row-gap: .5rem;
    }

    .page-home .inventory-search-module .search__input {
        min-width: 40%;
        flex-basis: 90%;
        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%;
    }

}

@media (min-width: 1200px) {


    .page-home .inventory-search-module .container .form__wrapper {
        top: -440px;
        width: 700px;
        max-width: 700px;
    }

    .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%;
    }

} */



.inventoryslideshow {
    background: var(--color-theme-background) !important;
    padding-top: 3em !important;
}

.inventoryslideshow-container {
    max-width: 1320px !important;
}

.card__single__horizontal__style1 .item__card__details__wrapper {
    border-bottom: 1px solid var(--inventoryslideshow-border) !important;
}

.card__single__horizontal__style1 .item__secondary__details__wrapper .item__data .item__label {
    color: var(--color-theme-primary) !important;
}

.featured__inventory__wrapper {
    background: #333;
    padding: 50px;
}

.inventoryslideshow .inventoryslideshow-title-heading {
    display: none;
}

.restoration__section {
    background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/1CF595BDF652D8A9ED69FBB325427797.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    padding: 85px 0;
    background-color: rgba(0, 0, 0, 0.75);
    background-blend-mode: overlay;
}

.blurb__section {
    padding: 100px 0;
}

.blurb__section .blurb__header {
    background: #333;
    color: #000;
    padding: 25px;
    text-align: center;
}

.blurb__section .blurb__header .section__title {
    font-weight: 700 !important;
    color: var(--color-theme-header);
}

.blurb__section .blurb__header p {
    margin-bottom: 0;
    color: var(--color-theme-header);
}

.blurb__section .blurb__whyUs__list {
    background: #1c1c1c;
    padding: 24px;
}

.blurb__section .blurb__whyUs__list .ulli-no-bullet {
    list-style-type: none;
}

.blurb__section .blurb__whyUs__list ul {
    margin-bottom: 0;
}

.blurb__section .blurb__whyUs__list ul li {
    margin-bottom: 5px;
}

.blurb__section .blurb__whyUs__list ul li:last-of-type {
    margin-bottom: 0;
}

.blurb__section .blurb__whyUs__list svg {
    margin-right: 5px;
    fill: var(--color-theme-primary);
}

.blurb__section .blurb__whyUs__list .section__title span {
    color: var(--color-theme-primary);
}

.blurb__section .blurb__items__wrapper {
    margin-top: 0;
}

.blurb__section .blurb__items__wrapper .blurb__wrapper {
    padding: 50px;
    margin-bottom: 20px;
    background-color: #fff;
    background: url(https://cdn.powersports.com/cdn-cgi/image/h=320,w=480/AA7F36FB5D34E3807DE8E6B960043D1D.png);
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
    position: relative;
    background-color: #1c1c1c;
    width: 100%;
    text-align: center;
}

.blurb__section .blurb__items__wrapper .blurb__wrapper:last-of-type {
    margin-bottom: 0;
}

.blurb__section .blurb__items__wrapper .blurb__wrapper .blurb__title {
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-family: var(--sitefont);
}

.blurb__section .blurb__items__wrapper .blurb__wrapper .blurb__title span {
    color: var(--color-theme-primary);
}

.blurb__section .blurb__items__wrapper .blurb__wrapper .blurb__copy {
    margin-bottom: 20px;
}

/* MAX media */
@media (max-width: 767px) {
    .blurb__section .blurb__whyUs__list ul {
        padding-left: 0;
    }
}

/* MIN media */
@media (min-width: 992px) {
    .blurb__section .blurb__whyUs__list {
        padding: 50px;
    }
}

/*  Body Style Section
=================================================================================================*/
.cw-bodystyle-section {
    -webkit-filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15));
    filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15));
}

.cw-bodystyle-section .cw-bodystyle-wrapper {
    /* background: -webkit-linear-gradient(230deg, var(--color-theme-primary) 0%, #9DB7BE 100%); */
    /* background: -o-linear-gradient(230deg, var(--color-theme-primary) 0%, #9DB7BE 100%); */
    background: linear-gradient(220deg, #395d0f 0%, #737373 100%);
    /*--mask-variable: radial-gradient(105.15px at 50% calc(100% - 142.5px), #000 99%, #0000 101%) calc(50% - 100px) 0/200px 100%, radial-gradient(105.15px at 50% calc(100% + 92.50px), #0000 99%, #000 101%) 50% calc(100% - 50px)/200px 100% repeat-x;*/
    -webkit-mask: var(--mask-variable);
    mask: var(--mask-variable);


    color: #000;
    /*border-radius: 50px 50px 0 0;*/
    padding: 100px 0 100px;

    min-height: 430px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}


.cw-bodystyle-section .container {
    max-width: 1500px;
}

/*===================================================================================================
Section Titles
===================================================================================================*/
.cw-bodystyle-section .cw-preline {
    font-size: 1rem;
    position: relative;
    color: #000;
    margin-bottom: 0;
    /* font-family: var(--bodyfont); */
    font-weight: 400;
    margin-bottom: 5px;
    display: block;
}

/*.cw-bodystyle-section .cw-preline::before {
    content: "";
    background-repeat: no-repeat;
    width: 80px;
    height: 8px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: -20px;
    z-index: 1;
    background-size: 80px 8px;
}*/

.cw-bodystyle-section .cw-headline {
    font-size: 1.25rem;
    line-height: 0.9;
    font-weight: 800;
    margin-bottom: 15px;
    /* font-family: var(--sitefont); */
    text-transform: uppercase;
}

.cw-bodystyle-section .cw-preline {
    font-size: 1rem;
    color: #EFF1F3;
    display: block;
}

.cw-bodystyle-section .cw-preline::before {
    content: "";
    background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=240,w=320/3D24C3B546A75C57C57C36C44AF256E6.png);
    /* background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=240,w=320/8EF17278322716ABB71E6215429E822E.png); */
}

/* Custom row */
.cw-bodystyle-section .cw-style-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
}

.cw-bodystyle-section .cw-style-row .cw-style-box {
    text-align: center;
    padding: 1rem 1rem;

    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
}

.cw-bodystyle-section .cw-style-box img.img-fluid {
    width: 300px;
}

.cw-bodystyle-section .cw-style-box a.btn {
    margin-top: .5rem;
    flex-grow: 1;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}


@media (min-width: 320px) {
    .cw-bodystyle-section .cw-headline {
        font-size: 2rem;
    }

    .cw-bodystyle-section .cw-preline {
        font-size: 1.25rem;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .cw-bodystyle-section .cw-style-row .cw-style-box {
        flex-basis: 32%;
        flex-grow: 1;
        max-width: 50%;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .cw-bodystyle-section .cw-preline {
        font-size: 1.5rem;
    }

    .cw-bodystyle-section .cw-headline {
        font-size: 3rem;
    }
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

/*-----------------------------------------------------------------------------------*/

.cw-hp-reviews {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    margin-bottom: 50px;
    min-height: 400px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    position: relative;
}

.cw-hp-reviews .cw-intro {
    color: #fff;
    text-align: center;
    padding: 0 0.5rem;
    margin-bottom: 0;
    width: 100%;
}

.cw-hp-reviews .carousel-indicators {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none;
    margin-top: 20px;
}

.cw-hp-reviews .container {
    position: relative;
    z-index: 3;
}

.cw-hp-reviews-banner {
    background: #333;
    width: 100%;
    height: 150px;
    position: absolute;
    top: 210px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

#cwID-testimonials {
    margin-top: 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#cwID-testimonials .carousel-indicators [data-bs-target] {
    width: 10px;
    height: 5px;
    background-color: var(--color-theme-primary);
    border-radius: 0%;
    -webkit-box-shadow: 1px 1px 2px #000;
    box-shadow: 1px 1px 2px #000;
}

.cw-testimonial {
    color: #fff;
    overflow: hidden;
    position: relative;
}

.cw-testimonial .cw-testimonial-stars {
    margin-bottom: 0.5em;
}

.cw-testimonial .cw-testimonial-stars i {
    color: var(--color-theme-secondary);
    font-weight: 700 !important;
}

.cw-testimonial .cw-testimonial-content {
    text-align: center;
    padding: 50px;
    background: #1c1c1c;
    margin-left: -70px;
}

.cw-testimonial .cw-testimonial-content h3 {
    text-transform: uppercase;
    font-weight: 400;
}

.cw-testimonial .cw-testimonial-content h3>span {
    font-weight: 700;
}

.cw-testimonial .cw-testimonial-content p {
    font-style: italic;
}

@media (max-width: 991px) {
    .cw-testimonial .cw-testimonial-content {
        margin-left: 0;
    }
}

.page-testimonials .form {
    position: relative;
    z-index: 1;
    padding-top: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin: 0 1rem 1rem;
    background: var(--color-theme-background);
}

.callout__section {
    background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/975584D13AA4F3AE508502AC2CFF47FB.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    padding: 100px 0;
    position: relative;
}

.callout__section .callout__gradient {
    background: -webkit-gradient(linear,
            right top,
            left top,
            from(rgba(0, 0, 0, 0)),
            to(#000000));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.callout__section .container {
    position: relative;
    z-index: 1;
}

.popular-vehicles-sections {
    padding-top: 5rem;
}

.popular-vehicles-section-heading {
    text-transform: uppercase;
    font-size: 1.5rem !important;
}


.popular-vehicle-link:first-line {
    font-weight: 700;
}

.popular-vehicles-sections {
    max-width: 100%;
    padding-top: 5em;
}

.popular-vehicles-sections .popular-vehicles-section {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
}

.cw-about {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    padding: 4em 0 0;
}

@media (min-width: 992px) {
    .cw-about {
        padding: 4em 0;
    }

    .cw-about img {
        width: 25%;
    }
}

.cw-about .expand {
    animation-name: expand;
    visibility: visible;
    animation-duration: 6s;
    animation-delay: 1s;
    margin: 1em auto;
    animation-fill-mode: both;
}


@keyframes expand {
    0% {
        width: 15px;
    }

    100% {
        width: 100%;
    }
}

.cw-about h3 {
    font-size: 1.15rem;
    color: var(--color-theme-primary);
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 2em;
}

.cw-about h3 span {
    font-size: 2rem;
    color: var(--color-theme-secondary);
    text-transform: uppercase;
    font-weight: 700;
}

.page-home .form {
    padding-top: 40px;
    padding-bottom: 3em !important;
}

@media (min-width: 992px) {
    .page-home .form {
        padding-top: 70px;
    }

    .page-home .form .form-wrap {
        margin-top: -440px;
        width: 45%;
        margin-right: 2.5%;
        margin-left: auto;
        position: relative;
        z-index: 1;
    }

    .cw-about h3 {
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .page-home .form .form-wrap {
        margin-top: -410px;
        /* width: 45%; */
        /* margin-right: 2.5%; */
        /* margin-left: auto; */
    }
}


.page-home textarea.form-control {
    height: 100px;
}

/* .map-iframe-full, */
.cw-map iframe {
    min-height: 200px;
    max-height: 200px;
    -webkit-filter: invert(92%) grayscale(0.9);
    filter: invert(92%) grayscale(0.9);
    display: block;
}

svg.cw-footersvg {
    display: none;
    /* Removed on mobile because it either covers up more than needed of the map or is unnoticable anyway */
}

@media (min-width: 768px) {
    svg.cw-footersvg {
        display: block;
        margin-top: -25px;
        position: relative;
        z-index: 1;
        width: 100%;
        fill: var(--color-theme-background);
        /* filter: drop-shadow(0px -2px 2px var(--color-theme-primary)); */
    }
}

.cw-footer {
    background: var(--color-theme-background);
    padding: 1rem 0 50px;
}

.cw-footer .cw-foot-logo {
    width: 200px;
}

.cw-footer p {
    color: var(--color-theme-text);
}

.cw-footer .cw-footer-social {
    font-size: 1.5rem;
}

.cw-footer .cw-foot-info,
.cw-footer .business-hours {
    margin-top: 15px;
    position: relative;
}

.cw-footer .cw-foot-info a {
    color: inherit;
}

.cw-footer .cw-foot-info a:hover {
    color: var(--color-theme-highlight);
}

.cw-footer .business-hours .title {
    font-size: 20px;
    text-transform: uppercase;
    padding-left: 5px;
    border-left: 4px solid var(--color-theme-primary);
    padding-top: 0;
    padding-bottom: 0;
}

.cw-footer .business-hours li {
    color: #fff;
    line-height: 30px;
    border-bottom: 1px solid #333;
}

.cw-footer .business-hours li:last-child {
    border-bottom: none;
}

.cw-footer .business-hours .opening-hours li.today {
    color: var(--color-theme-primary);
}

.footer {
    padding-top: 1em;
    padding-bottom: 0;
}

.footer .footer-social-links,
.footer .footer-info-business {
    display: none;
}

.footer .dropdown-item,
.footer .nav-link {
    text-transform: uppercase;
    font-size: 14px;
}

.footer-bottom-section .nav-link {
    font-size: 10px !important;
}

.bg-primary iframe {
    padding: 1em;
    border-radius: 2em;
}

.form span.text {
    background: unset;
    padding: unset;
}


.inventory .card-header,
.inventory .card-header .btn-link.btn-clear-filter {
    color: var(--color-theme-primary);
}

.inventory .carousel-indicators {
    bottom: -10px !important;
    background: 0 0 !important;
}


.inventory-container>.row>.col-12>div:not(.mx-lg-3).row.m-auto {
    /* margin-top: calc(-1 * var(--bs-gutter-y)) !important; */
    /* margin-right: calc(-0.5 * var(--bs-gutter-x)) !important; */
    /* margin-left: calc(-0.5 * var(--bs-gutter-x)) !important; */
}

body .mobile-fixed-cta {
    /* left: 0; */
}

@media (max-width: 991px) {
    body .inventory .srp-sidebar {
        z-index: 1040;
    }
}

.inventorydetails .section__title,
.inventorydetails .section__subtitle,
.inventorydetails .section__callout__title {
    color: var(--color-theme-text);
}

body label {
    color: inherit;
}

.inventory-resultsSort {
    /* margin-bottom: 20px !important; */
    /* margin-left: 0 !important; */
    /* margin-right: 0 !important; */
}

#filter-test {
    /* padding: 0 !important; */
    /* max-width: 1320px !important; */
    /* margin-left: auto !important; */
    /* margin-right: auto !important; */
}

.inventory .inventory-container>.row>.col-xl-10 {
    width: 100%;
}

@media (max-width: 767px) {
    .inventory .inventory-resultsSort .form-inline {
        margin-right: .75rem !important;
    }
}

.inventory-seo-content {
    padding: 0 !important;
    margin-top: 2em;
}

.page-cars-for-sale .popular-vehicles-sections {
    padding-top: 0;
}

.page-cars-for-sale .popular-vehicles-section {
    /* padding-left: 20px !important; */
    /* padding-right: 20px !important; */
}

#builderCanvas {
    margin-top: 50px;
}

body .vdp-module-canvas-razor-wrapper a {
    color: var(--color-theme-text);
}

body .vdp-module-canvas-razor-wrapper p {
    color: var(--color-theme-text);
}

body .vdp-module-canvas-razor-wrapper .btn-outline-secondary {
    color: var(--color-theme-text);
}

body .vdp-module-canvas-razor-wrapper .btn-outline-secondary {
    color: var(--color-theme-text);
    background-color: var(--color-theme-primary);
}

body [LoanCalculatorWidgetCssScope] .loan__calc__content .calc__totals__wrapper {
    background-color: transparent;
}

.loan-app-module .btn-primary.disabled,
.loan-app-module .btn-primary:disabled {
    background-color: var(--color-theme-border) !important;
}

.inventorydetails .vdp-module-canvas-razor-wrapper .form-control {
    border-color: #cccccc;
}

[type="checkbox"]+label::before {
    border-color: #cccccc;
}

body .vdp__message__mod.module .vdp__message__wrapper {
    background-color: transparent;
    border-radius: 0;
}

body .vdp-module-canvas-razor-wrapper .vdp__message__wrapper a,
body .vdp__message__wrapper label,
.inventorydetails .disclaimerText {
    color: inherit;
}

body .vdp__veh__info__mod .veh__info__item:nth-child(even)[VehicleInfoWidgetCssScope] {
    background-color: rgba(140, 140, 140, 0.1);
}

.page-inventory-details .section__title,
.section__title1 {
    color: var(--color-theme-primary) !important;
    border-bottom: 2px solid #fff !important;
    text-transform: uppercase !important;
}

.page-inventory-details .inventorydetails .section__title,
.inventorydetails .section__subtitle,
.inventorydetails .section__callout__title {
    color: var(--color-theme-primary) !important;
    font-weight: 700 !important;
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:focus {
    background-color: var(--color-theme-primary);
    color: var(--color-theme-text-btn);
    border-color: var(--color-theme-primary);
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:hover,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:hover::before,
.vdp-module-canvas-razor-wrapper .btn-secondary:before {
    background-color: var(--color-theme-text-btn);
    color: var(--color-theme-primary) !important;
    border-color: var(--color-theme-highlight);
}

.vdp-module-canvas-razor-wrapper .btn-outline-secondary {
    color: #000 !important;
}

.vdp-module-canvas-razor-wrapper .btn-check:active+.btn-outline-secondary,
.vdp-module-canvas-razor-wrapper .btn-check:checked+.btn-outline-secondary,
.vdp-module-canvas-razor-wrapper .vdp__loanCalc__mod .btn-outline-secondary.active,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary.dropdown-toggle.show,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary:active,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover:focus,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary:not([disabled]):not(.disabled).active,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary:not([disabled]):not(.disabled):active,
.vdp-module-canvas-razor-wrapper .show>.btn-outline-secondary.dropdown-toggle {
    color: var(--color-theme-text) !important;
    background-color: var(--color-theme-secondary) !important;
    border-color: var(--color-theme-primary) !important;
}

.vdp-module-canvas-razor-wrapper .btn-outline-secondary:before {
    background: var(--color-theme-secondary) !important;
}

.sn_business_openclose.open {
    background: var(--color-theme-primary) !important;
    color: var(--color-theme-text-btn) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod button.sn_more_btn {
    background: var(--color-theme-primary);
    color: var(--color-theme-text-btn);
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod button.sn_more_btn:hover {
    background: var(--color-theme-secondary);
    color: var(--color-theme-text) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod button.sn_more_btn:before {
    background: var(--color-theme-secondary);
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_share_item a {
    color: var(--color-theme-text);
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_share_item a:hover {
    color: var(--color-theme-primary);
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_dropdown a {
    color: var(--color-theme-text);
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_dropdown a:hover {
    color: var(--color-theme-primary);
}

/* Template Button text Size  */
.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_item button.button_sn_item {
    font-size: 1rem !important;
    color: var(--color-theme-text-btn) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_item button.button_sn_item:hover {
    color: var(--color-theme-text) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__dealerInfo__mod .hours__status__open {
    color: var(--color-theme-text-btn);
}

/* Footer and VDP spacing */
.vdp-module-canvas-razor-wrapper {
    margin-bottom: 2em;
}

/* Loan App Mobile  */
.vdp-module-canvas-razor-wrapper .vdp__loanCalc__mod a.btn-primary {
    color: var(--color-theme-text-btn) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__loanCalc__mod a.btn-primary:hover {
    color: var(--color-theme-text) !important;
    background-color: var(--color-theme-secondary);
}

.vdp-module-canvas-razor-wrapper .vdp__loanCalc__mod a.btn-primary::before {
    background: var(--color-theme-secondary);
}

/* Quick Connect Module */
.vdp-module-canvas-razor-wrapper .vdp__quickconnect__mod .section__title {
    color: var(--color-theme-header);
}

.vdp-module-canvas-razor-wrapper .vdp__quickconnect__mod button {
    color: var(--color-theme-text-btn) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__quickconnect__mod button:hover {
    color: var(--color-theme-text) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__quickconnect__mod button:before {
    background: var(--color-theme-secondary);
}

/* Sticky Nav Button hovers */
.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_item button.button_sn_item:before {
    background: var(--color-theme-secondary) !important;
}

/* Contact Module  */
.vdp-module-canvas-razor-wrapper .vdp__message__mod button.btn-primary {
    color: var(--color-theme-text-btn) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__message__mod button.btn-primary:hover {
    color: var(--color-theme-text) !important;
    background: var(--color-theme-secondary);
}

.vdp-module-canvas-razor-wrapper .vdp__message__mod button.btn-primary::before {
    background: var(--color-theme-secondary) !important;
}

/* Sets sticky top offset and appropriate z-index */
.page-inventory-details .builder-canvas__sticky-container {
    z-index: 1029;
}

/* resets z-index higher than navbar when a modal is open. */
.page-inventory-details .builder-canvas__sticky-container:has(.modal.show) {
    z-index: 1055;
}

/* Modal colors  */
/* -------------------- Dark site color fixes ---------------------- */
.inventorydetails .form-wrap label {
    color: inherit;
}

.inventorydetails [QuickConnectCssScope] .modal-content {
    background-color: var(--color-theme-background);
    color: var(--color-theme-text);
    border-color: var(--color-theme-text);
}

.inventorydetails [QuickConnectCssScope] h5.modal-title,
.inventorydetails [QuickConnectCssScope] .modal-header .close,
.inventorydetails [QuickConnectCssScope] .form-text {
    color: inherit !important;
}

.inventorydetails p {
    /* color: var(--color-theme-text); */
}

.inventorydetails .formDisclaimer__content-wrapper,
.inventorydetails .vdp-module-canvas-razor-wrapper a {
    color: inherit;
}

.inventorydetails .formDisclaimer__content-wrapper a {
    color: inherit !important;
}

.vdp-module-canvas-razor-wrapper .modal-header {
    background-color: transparent !important;
}