/* !!! Hero !!! */
  
    /* Homepage - cw-Hero - Module */
    .cw-hero__main {
        position: relative;
        /* z-index: 1; */
      }
    
      .cw-hero__hp {
        background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/EFD0E75F1B8740B4D25342DCA88D358C.jpg);
        background-size: cover;
        background-position: left;
      }
    
      .cw-hero__hp .cw-hero__wrapper {
        width: 100%;
        height: 500px;
        display: flex;
        align-items: center;
        justify-content: center;
        /* color: var(--white-txt); */
        background: linear-gradient(
          180deg,
          rgba(255, 255, 255, 0.5),
          rgba(255, 255, 255, 0.5) 100%
        );
      }
    
      @media (min-width: 992px) {
        .cw-hero__hp .cw-hero__wrapper {
          width: 100%;
          height: 500px;
          display: flex;
          align-items: center;
          justify-content: center;
          /* color: var(--white-txt); */
          background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0),
            rgba(255, 255, 255, 0) 100%
          );
        }
      }
    
      .cw-hero__hp .cw-hero__content {
        padding: 70px 0 50px;
        text-align: end;
        position: relative;
        z-index: 2;
      }
    
      .cw-hero__hp .cw-hero__content .cw-hero__preline {
        display: block;
        margin-bottom: 10px;
        color: white;
      }
    
      .cw-hero__hp .cw-hero__content .cw-hero__headline {
        font-size: 3.5rem;
        font-weight: 700;
        margin-bottom: 10px;
        color: white;
      }
    
      .cw-hero__hp .cw-hero__content .cw-hero__subhead {
        font-size: 2rem;
        font-weight: 700;
      }
    
      .cw-hero__hp .cw-hero__content .cw-hero__copy {
        /* color: var(--white-txt); */
        font-size: 1.1em;
      }
    
      .cw-hero__hp .cw-hero__content .cw-hero__CTA i {
        font-size: 14px;
        margin-left: 10px;
      }
    
      .cw-hero__hp .cw-hero__content label,
      .cw-hero__hp .cw-hero__content p {
        /* color: var(--white-txt); */
      }
    
      @media (max-width: 991px) {
        .cw-hero__style4 .cw-hero__content .cw-hero__headline {
          font-size: 4rem;
          line-height: 0.9;
        }
    
        .cw-hero__style4 .cw-hero__content .cw-hero__content__xtra {
          display: none !important;
        }
    
        .cw-hero__hp .cw-hero__wrapper {
          height: unset;
          padding: 0 0 50px;
        }
    
        .hp__search {
          margin-top: 30px;
        }
      }
    
      @media (max-width: 1200px) {
        .cw-hero__hp .cw-hero__content {
          padding: 180px 0;
        }
    
        .cw-hero__hp .cw-hero__wrapper {
          height: unset;
        }
      }
    
      @media (max-width: 991px) {
        .cw-hero__hp .cw-hero__content {
          padding: 50px 0;
        }
      }






	section:not(.page-home) .title {
		/* background-color: var(--color-theme-primary); */
		/* color: var(--color-theme-text-btn); */
		background-color: #242424;
		color: #fff;
		position: relative;
		z-index: 0
	}

	section:not(.page-home) .title::before {
		content: '';
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 70%;
		background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/779C18E1A43B78D9EA1FB0D9E9879552.jpg);
		background-size: cover;
		background-position: center
	}

	section:not(.page-home) .title .title-heading {
		position: relative;
		z-index: 3;
		margin: auto;
		padding: 4.5rem 0;
		color: #fff;
		text-shadow: 0 0 4px #000;
		text-align: center !important
	}

	section:not(.page-home) .title:after {
		content: "";
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: .5;
	}







      .cw-home {
	}

	.cw-home h2 span {
		font-size: 60%
	}

	.cw-card {
		position: relative;
		overflow: hidden;
		box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .25);
        height: 50%
	}

	.cw-card a {
		display: block;
		z-index: 2;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%
	}

	.cw-card:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: cover;
		background: rgba(0, 0, 0, .5);
		transition: background .5s ease-out
	}

	.cw-card:hover:before {
		background: rgba(224, 163, 43, .7)
	}

	.cw-card .cw-card-img {
		height: 100%;
		width: 100%;
		object-fit: cover
	}

	.cw-card .cw-card-img-overlay {
		position: absolute;
		left: 1.5rem;
		right: 0;
		bottom: 0;
		color: #fff
	}

	.cw-card-title {
		font-size: 1.5rem;
		margin-bottom: .5rem
	}

	.cw-card button {
		padding: 0;
		background: 0 0;
		color: #fff;
		border: none
	}

	.cw-card button:after {
		font-family: FontAwesome;
		content: "\f105";
		padding-left: .25rem;
		color: #fff;
		font-size: .85rem
	}

	

	.cw-reasons h2 {
		font-size: 2.25rem
	}

	.cw-reasons .lead {
		margin-bottom: 3rem
	}

	.cw-reasons .fas {
		margin-bottom: 1.5rem;
		font-size: 2rem
	}

	.cw-reasons h4 {
		margin-bottom: 1rem;
		text-transform: none;
		font-size: 1.3rem
	}

	@media(min-width: 768px) {
		.cw-card-title {
			font-size: 1.75rem
		}

		.cw-reasons .container {
			/* padding: 3rem */
		}

		.cw-reasons h2,
		.cw-home h2 {
			font-size: 3rem
		}
	}

	@media(min-width: 992px) {
		.cw-list .container {
			max-width: 1400px
		}
	}

	@media(min-width: 1440px) {
		.cw-reasons .container {
			max-width: 1400px
		}

		.cw-reasons h2,
		.cw-home h2 {
			font-size: 3.75rem
		}

		.cw-reasons .lead {
			font-size: 1.5rem
		}
	}


















    .cw-text{
		background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/9649E6E892725AB8D876EEC1E223B2EF.png);
		background-repeat: center;
		background-size: cover;
		background-color: white;
		min-height: 480px;;
	}

	.cw-abt-text{
		padding-top: 5%;
		padding-left: 10%
	}

	.cw-abt-text p{
		color: black;
	}













    .cw-explore {
    }
    .cw-explore .cw-titleLine{
    border: solid 4px #DCA333;
    }
    .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: #333333;
    }
    .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; 
    }



    /* This fix is mostly for dark background sites, but could be useful when you want to change the hard-coded colors on the Vehicle Details Page  */

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

.inventorydetails .vdp-module-canvas-razor-wrapper a:hover {
	color: var(--color-theme-highlight);
}

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

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

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

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary {
	border-color: var(--color-theme-primary);
	color: #fff;
}

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

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:before {
	background-color: var(--color-theme-primary);
	border-color: #000;
}

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

.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:before {
	background: var(--color-theme-highlight);
}

.inventorydetails label {
	color: var(--color-theme-text);
}

.inventorydetails .disclaimerText {
	color: var(--color-theme-text);
	opacity: .9;
}

/* this is normally hard-coded as a white background. If you want to keep that, you'll probably need to customize all the colors inside the .vdp__message__wrapper so it works on the light background*/
.inventorydetails .vdp__message__mod.module .vdp__message__wrapper {
	background-color: transparent;
}




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