/*-- Header --*/

    h1, h2, h3, h4, h5, h6 {
        text-transform: uppercase;
    }

    .header .nav-link, .header .navbar-dark .navbar-nav .nav-link {
        color: #fff !important;
    }

	.cw-header-info .header-info-logo-img img {
		width: 410px
	}

	.cw-header-info .cw-phone {
		font-size: 1.25rem;
		color: inherit;
	}

	.cw-header-info .cw-phone:hover {
		color: #eaeaea;
	}

	.cw-header-info .cw-phone:before {
		font-family: FontAwesome;
		content: "\f095";
		margin-right: .25em;
		color: #fff;
		font-weight: normal;
	}

	.cw-header-info .cw-address:before {
		font-family: FontAwesome;
		content: "\f3c5";
		margin-right: .25em;
		color: #fff;
		font-weight: normal;
	}

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

	/* Navbar */
	.header .navbar .navbar-nav .nav-link {
		font-weight: normal;
		text-transform: uppercase
	}



  /* hero */
  .cw-hero-heading {
    /* background-color: var(--color-theme-highlight); */
    color: var(--color-theme-text-btn);
    text-align: center;
    margin: 0;
    padding: .6em;
    font-size: 1.75rem;
  }

  .cw-hero {
    position: relative;
    overflow: hidden;
    background-color: var(--color-theme-secondary);
  }

  .cw-hero .cw-hero-slider {
    position: relative;
    overflow: hidden;
  }

  .cw-hero .carousel .carousel-item {
    max-height: 700px;
    height: 32vw;
    background-position: center;
    background-size: cover;
    box-shadow: 0 0 20px var(--color-theme-secondary) inset;
  }

  .cw-hero-button-bar {
    background-color: #838383;
    /* background-color: rgb(32, 32, 32);
    background-image: linear-gradient(
        to right,
        #000,
        transparent 20%,
        transparent 80%,
        #000
      ),
      linear-gradient(
        45deg,
        #000 25%,
        transparent 25%,
        transparent 75%,
        #000 75%,
        #000
      ),
      linear-gradient(
        45deg,
        #000 25%,
        transparent 25%,
        transparent 75%,
        #000 75%,
        #000
      ),
      linear-gradient(to bottom, #080808, #202020); */
    background-size: 100% 100%, 10px 10px, 10px 10px, 10px 5px;
    background-position: 0px 0px, 0px 0px, 5px 5px, 0px 0px;
    padding: 1em 0;
  }

  .cw-hero-button-bar .btn {
    width: 100%;
    margin: 1em 0;
  }

  .cw-hero-button-bar .btn {
    text-transform: uppercase;
    border-radius: 0px;
    box-shadow: none !important;
    font-weight: 500 !important;
  }

  .cw-hero-button-bar .cw-btn-fancy-outline:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -20% !important;
    right: 120% !important;
    top: 0;
    z-index: -1;
    transition: all 0.5s ease-in 0.3s;
    -o-transition: all 0.5s ease-in 0.3s;
    -ms-transition: all 0.5s ease-in 0.3s;
    -moz-transition: all 0.5s ease-in 0.3s;
    -webkit-transition: all 0.5s ease-in 0.3s;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
  }

  .cw-hero-button-bar .cw-btn-fancy-outline:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -20% !important;
    right: 120% !important;
    top: 0;
    z-index: -2;
    transition: all 0.5s ease-in !important;
    -o-transition: all 0.5s ease-in !important;
    -ms-transition: all 0.5s ease-in !important;
    -moz-transition: all 0.5s ease-in !important;
    -webkit-transition: all 0.5s ease-in !important;
    -webkit-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    transform: skewX(-15deg);
  }

  .cw-hero-button-bar .cw-btn-fancy-outline.active:before,
  .cw-hero-button-bar .cw-btn-fancy-outline:active:before,
  .cw-hero-button-bar .cw-btn-fancy-outline:hover:before,
  .cw-hero-button-bar .cw-btn-fancy-outline.active:after,
  .cw-hero-button-bar .cw-btn-fancy-outline:active:after,
  .cw-hero-button-bar .cw-btn-fancy-outline:hover:after {
    right: -20% !important;
  }

  .cw-hero-button-bar .cw-btn-fancy-outline {
    /* border-color: 141414; */
    color: #ffffff;
    background-color: #141414 !important;
  }

  .cw-hero-button-bar .cw-btn-fancy-outline:before,
  .cw-hero-button-bar .cw-btn-fancy-outline:after {
    background: #C41A31;
    background: linear-gradient(
      105deg,
      #C41A31 0%,
      #a11a2b 50%,
      #C41A31 100%
    ) !important;
  }



/* Inventory Search */

section.inventory-search-module .form__wrapper {
    background-color: #141414 !important;
}

section.inventory-search-module .brdr__rad10 {
    border-radius: 0px !important;
}



/* Bodystyles */

  .cw-explore .cw-titleLine{
  border: solid 4px #EDC332;
  }
  .cw-explore .cw-exploreContent{
background-color: #222222;
padding: 54px 16px 31px 16px;
 border: 1px solid #131313;
 border-radius: 10px;
 box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.06);
    border: 1px solid transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  position: relative;
  color: #ffffff;
  }
  
  .cw-explore .cw-exploreContent a{
    color: #ffffff;
  }
  .cw-arrow {
      color: #000000;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 40px;
    height: 40px;
    background-color: #ffffff;
    border-radius: 50%;
    line-height: 41px;
  }
  .cw-explore a:hover .cw-exploreContent {
    background-color: #EAC33C;
  }
  .cw-explore .cw-arrow{
    display: none;
  }
  .cw-explore a:hover .cw-arrow {
    display: block;
    transform: rotate(-45deg); 
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; 
  }


  /* Inventory Slideshow */

  .inventoryslideshow-container {
    background-color: #141414;
    /* background-color: rgb(32, 32, 32);
    background-image: linear-gradient(
        to right,
        #000,
        transparent 20%,
        transparent 80%,
        #000
      ),
      linear-gradient(
        45deg,
        #000 25%,
        transparent 25%,
        transparent 75%,
        #000 75%,
        #000
      ),
      linear-gradient(
        45deg,
        #000 25%,
        transparent 25%,
        transparent 75%,
        #000 75%,
        #000
      ),
      linear-gradient(to bottom, #080808, #202020); */
    background-size: 100% 100%, 10px 10px, 10px 10px, 10px 5px;
    background-position: 0px 0px, 0px 0px, 5px 5px, 0px 0px;
    padding: 3em 0;
  }



.inventoryslideshow {
    padding-top: 1em !important;
    padding-bottom: 2em !important;
}


/* Home Financing */

.cw-finance {
    margin: 4em 0;
    padding: 60px 0 30px 0;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: #1f1f1f;
  }

  .cw-finance:after {
    content: "";
    position: absolute;
    top: 0;
    left: -400px;
    width: 80%;
    height: 2000px;
    z-index: -1;
    transform: rotate(20deg);
    margin-top: -600px;
    vertical-align: top;
    overflow: hidden;
    background: #EDC332;
    backface-visibility: hidden;
  }

.cw-financing-module {
    background-color: #000000;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 78%);
    color: #ffffff;
    margin: 2em 0 4em; 
}

.cw-financing-module .cw-steps {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.cw-financing-module .cw-step-box {
    flex: 1;
    background: #ffffff;
    color: #343a40;
    padding: 20px;
    margin: 10px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    text-align: center;
    transform: rotateY(90deg);
    opacity: 0;
    transition: transform 0.6s ease, opacity 0.6s ease;
}

.cw-financing-module .cw-step-box:nth-child(1) {
    background: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/0F83FC8CD9E16A1CCB9B47D972356312.jpg") center center /cover;
}

.cw-financing-module .cw-step-box:nth-child(2) {
    background: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/3DBD0E9F15B8718AE1587CC67F244C16.jpg") center center /cover;
}

.cw-financing-module .cw-step-box:nth-child(3) {
    background: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/E356EF858DD228709248B2CDE73CA23C.jpg") center center /cover;
}

.cw-financing-module .cw-step-box:nth-child(4) {
    background: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/5447454D2ABCD5E73CF1EF346663BA69.jpg") center center /cover;
}

.cw-financing-module .cw-step-box.show {
    transform: rotateY(0);
    opacity: 1;
}

.cw-financing-module .cw-step-box.cw-hvr-grow-shrink {
    animation: cw-grow-shrink 200ms ease;
}

@keyframes cw-grow-shrink {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.cw-financing-module .cw-step-box h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
    color: #fff;
}

.cw-financing-module .cw-step-box p {
    font-size: 1rem;
    color: #fff;
}

.cw-financing-module .cw-step-box .cw-step-number {
    font-size: 3rem;
    font-weight: bold;
    color: #EDC332;
    margin-bottom: 10px;
}

.cw-financing-module .cw-cta {
    text-align: center;
    margin-top: 20px;
}

.cw-financing-module .cw-cta h2 {
    font-size: 2.5rem;
    margin-bottom: 20px;
    color: #ffffff;
}

.cw-financing-module .cw-cta p {
    font-size: 1.2rem;
    margin-bottom: 30px;
    color: #ffffff;
}

.cw-financing-module .cw-cta .cw-btn {
    padding: 15px 30px;
    font-size: 1.2rem;
    background-color: #EDC332;
    color: #000000;
    border: none;
    border-radius: 5px;
    transition: background-color 0.3s ease, transform 0.3s ease;
    animation: cw-pulse 3s infinite;
}

.cw-financing-module .cw-cta .cw-btn:hover {
    background-color: #eaa23c;
}

@keyframes cw-pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@media (min-width: 576px) {
    .cw-financing-module .cw-step-box h3 {
        font-size: 1.25rem;
    }

    .cw-financing-module .cw-step-box p {
        font-size: 0.9rem;
    }
}

@media (min-width: 768px) {
    .cw-financing-module .cw-step-box h3 {
        font-size: 1.35rem;
    }

    .cw-step-box p {
        font-size: 0.95rem;
    }
}

@media (min-width: 992px) {
    .cw-step-box h3 {
        font-size: 1.5rem;
    }

    .cw-step-box p {
        font-size: 1rem;
    }

    .cw-step-box .cw-step-number {
        font-size: 4rem;
    }
}

@media (min-width: 1200px) {
    .cw-step-box h3 {
        font-size: 1.75rem;
    }

    .cw-step-box p {
        font-size: 1.05rem;
    }

    .cw-step-box .cw-step-number {
        font-size: 4.5rem;
    }
}

.page-home .textwithimage{
    background-color: rgb(32, 32, 32);
    background-image: linear-gradient(to right, #000, transparent 20%, transparent 80%, #000), linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000), linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000), linear-gradient(to bottom, #080808, #202020);
    background-size: 100% 100%, 10px 10px, 10px 10px, 10px 5px;
    background-position: 0px 0px, 0px 0px, 5px 5px, 0px 0px;
}

/* Internal Pages */

.title {
    background: #CCCCCC !important;
    color: #000 !important;
}


/* Inventory Page */

.inventory .card-header {
    color: #fff !important;
}

.inventory .btn-link.btn-clear-filter {
    color: #fff !important;
}

.inventory-cta .btn:hover {
    color: #fff !important;
}


/* Loan App */

.loan-app-module .btn-primary:disabled {
    background-color: #000 !important;
}


/* VDP Page */

section.page-inventory-details .btn.btn-primary {
    background-color: #333333 !important;
}

.vdp-module-canvas-razor-wrapper .btn-primary:before {
    background: #000000 !important;
}

.vdp-module-canvas-razor-wrapper .btn-check:checked + .btn-outline-secondary {
    color: #000000 !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

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

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

.vdp-module-canvas-razor-wrapper .btn-outline-secondary:before {
    background: #fff !important;
}

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


/* Footer */

.footer {
    padding-top: .5em;
    padding-bottom: 0
    }
    
    .cw-footer {
    background: #bf1e32;
    color: var(--color-theme-text);
    padding: 32px;
    }
    
    .cw-footer p {
    color: inherit
    }
    
    .cw-footer .business-hours {
    margin-top: 15px;
    position: relative
    }
    
    .cw-footer .business-hours .bh-title {
        font-size: 20px;
        color: #ffffff;
        text-transform: uppercase;
        padding-left: 5px;
        border-left: 4px solid #fff;
    }
    
    .cw-footer .business-hours li {
    color: #fff;
    line-height: 30px;
    border-bottom: 1px solid #fff
    }
    
    .cw-footer .business-hours li:last-child {
    border-bottom: none
    }
    
    .cw-footer .business-hours .opening-hours li.today {
    color: #fff;
    font-weight: bolder;
    }
    
    .cw-footer .cw-foot-social {
    font-size: 1.5rem
    }
    
    @media(max-width: 767px) {
    
    .cw-footer .business-hours li {
        font-size: 14px
    }
    }

    .vdp__veh__info__mod .veh__info__item:nth-child(even)[VehicleInfoWidgetCssScope] {
        background-color: #333333 !important;
    }

    a:hover{
        color: #EAEAEA !important;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        color: #fff !important;
    }

    .breadcrumb-item.active {
        color: #fff;
    }
    
    .loan-app-module .vehicle-picker-container .veh__price{
        color: #fff !important;
    }

    .vdp__title__mod .veh__price[VehicleHeadingWidgetCssScope]{
        color: #fff !important;
    }


	/* should make the long emails in default headers, footers, and business info modules wrap so that they don't stretch too far on super small mobile sizes (ie galaxy fold)  */
	.contact-companyinfo .contact-email .contact-details-info,
	.header .header-business-email,
	.footer .footer-business-email {
		overflow-wrap: anywhere;
	}


@media (min-width: 992px) {
	.header .dropdown-menu[data-bs-popper] {
		/* make navbar dropdowns right aligned so they don't go off page when navbar is right aligned */
		left: unset;
		right: 0;
	}
}

.bootstrap-select .dropdown-menu li a:hover{
    color: #000 !important;
}