/*header*/


.header .header-info-logo-img img {
    width: 251px;
    position: relative;
    margin-top: 3px;
}
 

@media (min-width: 768px) {
    .header .header-info-logo-img img {
        margin-top: 2px;
    }
}


@media (min-width: 992px) {
    .header .header-info-logo-img img {
        margin-top: -28px;
    }
}


.header .navbar-toggler

 {
    padding: .2rem .5rem .4rem .5rem;
    background-color: #B58E4B !important;
    border: 1px solid transparent;
    border-radius: .25rem;
    border-color: rgba(255, 255, 255, .1);
}

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

.cw-header-contact .cw-phone:before {
    color: unset
}
  
  
  .header .nav-link, .header .navbar-brand, .header .navbar-dark .navbar-nav .nav-link {
    color: #fff;
}

.cw-header-contact .cw-phone {
    color: var(--white)
}

.cw-header-contact .cw-phone:hover {
    color: var(--color-theme-primary)
}

.cw-header-contact {
    padding: 6px 2px
}

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

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

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

    nav.navbar .container {
        min-height: 99px
    }

    .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*/
.cw-custom {
    background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/FDB0C1E5295FCFCB5A1571338779D532.jpg); 
    background-size: cover;
    background-position: 90%;
    overflow: hidden;
    height: 800px;
  }
  
  @media (min-width: 768px) {
    .cw-custom {
      height: 620px;
    }
  }
  
  .cw-hover-shadow {
    transition: all 0.3s ease;
  }
  .cw-hover-shadow:hover {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }

  .cw-card {
    background-color: rgba(51, 51, 51, 0.55);
    backdrop-filter: blur(5px);
  }



/* Search Module */
section.inventory-search-module>.container {
	max-width: 1320px !important;
}

/*H1 - Title*/
.page-home .title-heading {
	font-size: 36px;
	text-align: center;
}


/*sliderchange*/




.card__multi__style7 .item__card__photo:after {
background: linear-gradient(to top, rgba(181, 142, 75, .5), transparent)!important;
}


.inventory-search-module {
    margin-top: -45px !important;
    z-index: auto;
    position: relative;
    padding-top: 10px;
}


section.inventory-search-module .form__wrapper {
    background-color: #333!important;
    border: var(--color-theme-primary)!important;
}



/* Home Page Welcome Section */
.cw-welcome-section {
    background:
        linear-gradient(45deg,
            var(--cw-dark) 30%,
            var(--color-theme-background) 30%,
            var(--color-theme-background) 45%,
            var(--cw-dark) 45%);
    padding: 10% 0 3%;
}

.page-about-us .cw-welcome-section {
    padding: 3% 0;
}

@media (min-width: 992px) {
    .cw-welcome-section {
        margin-top: -10%;
    }
    .page-about-us .cw-welcome-section {
        margin-top: 0;
    }
}

.cw-welcome-section p {
    color: var(--cw-white);
    font-size: 1.25em;
}

.cw-welcome-section p a {
    color: var(--color-theme-primary);
}

.cw-welcome-section p a:hover {
    color: var(--cw-white);
}

@media (min-width: 992px) {
    .cw-welcome-section .cw-flex-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

/*----------Home Page Testimonials Section ---------- */
:root {
    --star: var(--color-theme-primary)
}

.cw-title-section .cw-title-preline {
    font-size: 3rem;
    position: relative;
    z-index: 2;
    color: var(--color-theme-text);
    display: inline-block;
    margin-bottom: 0;
    font-weight: 500 !important
}

.cw-title-section .cw-title {
    font-size: 3.5rem;
    line-height: .9;
    font-weight: 700;
    margin-bottom: 10px;
    color: var(--color-theme-text);
    display: block
}

@media(max-width: 767px) {
    .cw-title-section .cw-title-preline {
        font-size: 2rem
    }
    .cw-title-section .cw-title-preline::before {
        background-size: 45px 30px;
        width: 45px;
        height: 30px;
        left: -34px;
        top: 2px
    }
    .cw-title-section .cw-title {
        font-size: 3rem
    }
}

@media(max-width: 576px) {
    .cw-title-section .cw-title-preline {
        font-size: 1.75rem
    }
    .cw-title-section .cw-title-preline::before {
        background-size: 35px 25px;
        width: 35px;
        height: 30px;
        left: -26px;
        top: 3px
    }
    .cw-title-section .cw-title {
        font-size: 2.5rem
    }
}

.cw-testimonials .cw-testimonial-item {
    border: 1px solid var(--border);
    border-radius: 25px;
    padding: 6%;
    -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));
    margin-bottom: 25px
}

.cw-testimonial-item {
    background-color: var(--color-theme-secondary) !important;
}

.cw-testimonials .cw-testimonial-item .cw-testimonial-name {
    font-size: 1.25em;
    font-weight: 700
}

.cw-testimonials .cw-testimonial-item .cw-testimonial-date {
    font-size: 1em
}

.cw-testimonials .cw-testimonial-item .cw-testimonial-title {
    font-size: 1.5rem;
    font-weight: 700
}

.cw-testimonials .cw-testimonial-item .cw-testimonial-text p {
    font-size: 1em
}

.cw-testimonials .cw-testimonial-item .cw-testimonial-text p:last-of-type {
    margin-bottom: 0
}

.cw-testimonials .cw-testimonial-item .cw-testimonial-stars {
    margin-bottom: 10px
}

.cw-testimonials .cw-testimonial-item i {
    padding-right: 2px;
    color: var(--star)
}

@media(max-width: 576px) {
    .cw-testimonials .cw-testimonial-item {
        padding: 25px
    }
}


.header .navbar .dropdown-item {
    color: #fff!important;
}

	/* -------------------- Color Fixes for VDP ---------------------- */
	
	/* most vdp text issues fixed by using inherit. If they aren't coming through, check for !importants on other targets, especially for the 'label' seems common */
	.inventorydetails .section__title,
	.inventorydetails .section__subtitle,
	.inventorydetails .section__callout__title,
	.inventorydetails .vdp-module-canvas-razor-wrapper a,
	.inventorydetails p,
	.inventorydetails label {
		color: inherit;
	}
	/* color issue in header that only has problems on VDP */
	.header .badge {
		color: inherit;
	}

	/* hardcoded backgrounds in modals and sections switched to transparent so hopefully site text comes through */
	.inventorydetails .vdp__veh__info__mod .veh__info__item:nth-child(even)[VehicleInfoWidgetCssScope] {
		background: rgba(150, 150, 150, 0.1)
	}

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

	.inventorydetails .vdp__message__mod.module .vdp__message__wrapper {
		background-color: transparent;
	}

	/* Financing button and most modal buttons */
	.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:focus,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:not([disabled]):not(.disabled).active,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:not([disabled]):not(.disabled):active,
	.inventorydetails .vdp-module-canvas-razor-wrapper .show>.btn-secondary.dropdown-toggle {
		background-color: var(--color-theme-secondary);
		color: var(--color-theme-text-btn);
		border-color: var(--color-theme-secondary)
	}

	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:before {
		background: var(--color-theme-secondary)
	}

	/* loan calc buttons and "Request more pictures" button in modal */
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary {
		border-color: var(--color-theme-primary);
		color: var(--color-theme-primary);
		background-color: var(--color-theme-text-btn)
	}

	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover:focus,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:not([disabled]):not(.disabled).active,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:not([disabled]):not(.disabled):active,
	.inventorydetails .vdp-module-canvas-razor-wrapper .show>.btn-outline-secondary.dropdown-toggle {
		background-color: var(--color-theme-secondary);
		color: var(--color-theme-text-btn)
	}

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

	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-check:active+.btn-outline-secondary,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-check:checked+.btn-outline-secondary,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary.active,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary.dropdown-toggle.show,
	.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:active {
		color: var(--color-theme-text-btn);
		background-color: var(--color-theme-primary);
		border-color: var(--color-theme-primary)
	}