@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");

:root {
    --inventoryslideshow-arrows: #0b60b0 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "DM Sans", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 700 !important;
    font-style: normal !important;
    text-transform: capitalize !important;
}

/* Header ===================================================================================== */

.header .navbar,
.header .navbar.bg-primary {
    background: var(--header-primary) !important;
    position: relative;
    z-index: 100;
}

.header .navbar-nav .nav-link {
    font-family: "DM Sans", sans-serif !important;
    font-weight: 500 !important;
}

.header .header-info-logo-img img {
    width: 195px;
}

@media (max-width: 767px) {
    .header .header-info-logo-img img {
        display: none !important;
    }
}

.cw-header-contact .fa {
    display: inline-block;
    vertical-align: middle;
    padding-right: 0.25rem;
    color: var(--color-theme-secondary);
}

.cw-header-contact .cw-phone:before {
    color: unset;
}

.cw-header-contact {
    padding: 6px 2px;
    background-color: #f1f4fd;
}

.header .navbar .active>.nav-link,
.navbar .nav-link:hover {
    color: var(--color-theme-highlight);
}

.cw-address,
.cw-phone {
    position: relative;
    line-height: 1.35;
    padding-left: 1.5rem;
    font-size: 1.1rem;
}

.cw-phone:before {
    font-family: FontAwesome;
    content: "\f2a0";
    position: absolute;
    left: 0;
    top: 2px;
    padding-right: 0.5rem;
    color: var(--color-theme-secondary);
}

@media (min-width: 992px) {
    .cw-header-info .container {
        max-width: 1140px;
    }

    .cw-header-contact {
        position: absolute;
        width: 100%;
        z-index: 1040;
    }

    .cw-header-info .header-info-logo-img {
        position: absolute;
        z-index: 1040;
        top: 50px;
    }

    nav.navbar .container {
        min-height: 99px;
        margin-top: 36px;
    }

    .navbar-nav {
        z-index: 2;
    }

    .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) {
        max-width: calc(100% - 315px);
        justify-content: center;
    }
}

@media (min-width: 1400px) {

    .header .container,
    .cw-header-contact .container {
        max-width: 1340px;
    }
}

/* Hero ================================================================================== */
/*  This is a Hero that is built to have an advanced Search module immediately following it, followed by the last section of Html in this file  */

/*-- Hero --*/
.cw-hero {
    position: relative;
    height: 400px;
    /* background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/8AF19A58991466F4E9AEE86B057B97B2.jpg) top center;
		background-size: cover; */
    background-color: #eef1fb;
    padding: 65px 0 30px;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
}

.cw-hero:after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgb(0 0 0 / 30%); */
}

.cw-hero h1 {
    position: relative;
    z-index: 2;
    /* text-shadow: -3px 2px 2px #000, 1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000; */
    font-size: 2.75rem;
    color: var(--color-theme-primary);
    line-height: 1.1;
}

.cw-hero h1 span {
    margin: 0.25rem 0;
    font-size: 35%;
    color: rgb(0, 0, 0);
}

section.inventory-search-module .btn-primary {
    background: var(--color-theme-secondary);
    border-color: var(--color-theme-secondary);
    border-radius: 100px;
}

section.inventory-search-module .form__wrapper {
    border-radius: 0 !important;
}
@media (min-width: 768px) {
    .cw-hero {
        height: 250px;
    }
}
@media (min-width: 992px) {
    .cw-hero {
        height: 650px;
        justify-content: flex-start;
    }

    .cw-hero h1 {
        font-size: 3.75rem;
    }

    .cw-hero h1 span {
        margin-bottom: 0;
    }

    .page-home .inventory-search-module {
        position: relative;
        margin-top: -440px !important;
        margin-bottom: 0rem !important;
        /* setting a specific total height and centering the smaller content inside. This makes it easier to calculate height to offset and wont shift or overlap other elements if the content inside gets a little bigger */
        height: 230px;
        display: flex;
        flex-flow: column;
        justify-content: center;
        align-items: center;
    }

    section.inventory-search-module .form__wrapper {
        background: rgba(255, 255, 255, 1) !important;
        border-radius: 100px !important;
        padding: 30px !important;
    }

    .page-home section.inventory-search-module label {
        font-weight: bold;
        color: white;
        text-shadow: 0 0 2px black;
        display: none;
    }

    body section.inventory-search-module>.container {
        max-width: 1320px;
    }
}

@media (min-width: 1200px) {
    .page-home .inventory-search-module {
        margin-top: -400px !important;
    }
}

@media (min-width: 1340px) {
    .cw-hero {
        height: 620px;
    }

    .cw-hero h1 {
        font-size: 4rem;
    }
}

.page-home section.inventory-search-module .form-select {
    border: 1px solid #ced4da00 !important;
}

/* 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 (max-width: 992px) {
    .cw-hero {
        justify-content: center !important;
    }
}

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

/* XX-Large devices (larger desktops, 1400px and ) */
@media (min-width: 1400px) {}

/* Hero */

.cw-search-filters {
    background-color: #ffffff;
    padding: 3rem 0;
}

.cw-search-filters .container {
    max-width: 1400px;
}

.cw-search-filters .cw-style-side,
.cw-search-filters .cw-price-side {
    background-color: #fff;
    color: #333;
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding: 1rem 0;
    margin-bottom: 1rem;
}

.cw-search-filters .cw-search-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-evenly;
    align-items: center;
    flex-grow: 1;
}

.cw-search-filters .cw-search-row .cw-search-box {
    flex-grow: 1;
    flex-basis: 99%;
    padding: 15px;
    text-align: center;
}

.cw-search-filters .cw-search-row a {
    min-height: 4rem;
    flex-grow: 1;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    transform: scale(0.94);
    transition-duration: 0.3s;
    transition-timing-function: ease-out;
}

.cw-search-filters .cw-search-row a:hover {
    transform: scale(1);
}

/* style side modifications */
.cw-search-filters .cw-style-side .cw-search-row a {
    color: inherit;
    font-weight: 700;
    font-size: 1.3rem;
}

.cw-search-filters .cw-style-side .cw-search-row a p {
    margin: 0;
}

.cw-search-filters .cw-style-side .cw-search-row a:hover {
    color: var(--color-theme-highlight);
}

.cw-search-filters .cw-style-side img {
    width: 180px;
}

/* Price side modifications */
.cw-search-filters .cw-price-side .cw-search-row a {}

.cw-search-filters .cw-price-side .cw-search-row a:hover {}

@media (min-width: 440px) {
    .cw-search-filters .cw-search-row .cw-search-box {
        flex-basis: 49%;
    }
}

@media (min-width: 576px) {
    .cw-search-filters .cw-search-row .cw-search-box {
        flex-basis: 32%;
    }
}

/* 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) {

    .cw-search-filters .cw-style-side,
    .cw-search-filters .cw-price-side {
        height: 100%;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .cw-search-filters .cw-search-row .cw-search-box {
        flex-basis: 32%;
    }
}

.cw-search-box {
    border-radius: 15px;
}

/* Card ========================================================================== */
.font-header-Oswald h5 {
    text-transform: capitalize !important;
}

.cw-card-bg-one {
    background-color: #e9f2ff;
    border-radius: 10px;
}

.cw-inner-img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: end;
    justify-content: center;
    width: 40%;
    height: 90%;
}

/* Inventory Slideshow  */
.card__addt__info__wrapper {
    display: none !important;
}

.card__multi__style3 .item__card {
    background-color: #000000 !important;
    color: #fff !important;
}

.card__multi__style3 .card__footer {
    border: 0px solid #000 !important;
}

.card__multi__style3 .item__card .title__style__content .item__title h3 {
    color: #fff !important;
}

.card__multi__style3 .title__style__content {
    color: #fff !important;
}

/* About Us */
.textwithimage-in-container {
    padding-top: 0px !important;
}

.page-home .textwithimage-container {
    background-color: var(--color-theme-secondary) !important;
    color: #fff !important;
    padding: 5rem;
    border-radius: 30px;
}

.page-home .textwithimage-container img {
    border-radius: 30px;
}

/* Internal page ================================================================================== */
.title {
    background-color: #000 !important;
    color: #fff !important;
    margin-top: 1rem;
}

/* Footer ======================================================================================= */
:root {
    --white: #000000;
    --black: #ffffff;
}

.cw-footer {
    padding: 4rem 0;
    background-color: var(--black);
    background-size: cover;
    color: var(--white);
    text-align: center;
}

.cw-footer iframe {
    width: 100%;
}

.cw-footer a {
    color: var(--white);
}

.cw-address,
.cw-phone {
    position: relative;
    line-height: 1.35;
    padding-left: 1.5rem;
    font-size: 1.1rem;
}

.cw-address:before {
    font-family: FontAwesome;
    content: "\f3c5";
    position: absolute;
    left: 0;
    padding-right: 0.5rem;
    color: var(--white);
}

.cw-phone:before {
    font-family: FontAwesome;
    content: "\f2a0";
    position: absolute;
    left: 0;
    top: 2px;
    padding-right: 0.5rem;
    color: var(--white);
}

.cw-footerMenu a {
    display: block;
    margin-bottom: 0.65rem;
    font-weight: 700;
}

.cw-footerMenu a:hover,
.cw-social a:hover,
.cw-phone:hover {
    color: var(--color-theme-secondary);
}

.cw-footer h5,
.business-hours .bh-title {
    margin-bottom: 1rem;
    color: var(--color-theme-primary);
    padding-left: 0;
    border: none;
    font-size: 1.25rem;
}

.cw-social a {
    display: inline-block;
    margin: 0 0.5rem 0 0;
}

.cw-social i {
    font-size: 25px;
}

.footer {
    padding-top: 0;
}

footer>.container {
    display: none;
}

@media (min-width: 768px) {
    .cw-footer {
        text-align: left;
    }
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    .fa-money-check-alt {
        display: none;
    }
}

/* 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 ) */
@media (min-width: 1400px) {}