/* ============== Header & Nav ============= */

	section:not(.page-inventory-details) .header .header-container {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		width: 100%;
		z-index: 1030;
	}

	/** Adds top margin to all pages to account for fixed header**/
	section[class*="page-"]:not(.page-inventory-details) {
		margin-top: var(--cw-headerHeight);
	}

	/* There's a script to make the variable always the size of the header container */
	:root {
		--cw-headerHeight: 127px;
	}

	/* Custom header html */
	.cw-TopHeader {
		background: var(--color-theme-primary);
		color: var(--color-theme-text-btn);
		padding: 10px 20px;
		text-align: center;

		overflow: hidden;
		text-align: center;
	}

	.cw-TH-Contact i {
		color: var(--color-theme-highlight);
	}

	.cw-TH-Content a {
		color: inherit;
		text-decoration: none;
	}

	.cw-TH-Content .cw-TH-mini-nav a {
		margin: 0 10px;
	}

	.cw-TH-Content .cw-TH-mini-nav a:hover {
		text-decoration: underline;
	}

	.cw-TH-Content .cw-TH-Social i {
		margin-left: 10px;
	}

	/* -------------------- Navbar ---------------------- */

	.header .navbar.bg-primary {
		border-bottom: 3px solid var(--color-theme-secondary);
	}

	.header .navbar>.container {
		max-width: 100%;
	}

	.header .navbar .active>.nav-link,
	.header .navbar .dropdown-item.active,
	.header .navbar .dropdown-item:active,
	.header .navbar .show>.nav-link {
		background-color: transparent !important;
	}


	@media (min-width: 992px) {
		:root {
			/* Variable set to the width of a standard BS container width. used in the fancy navbar to calculate a padding and a width */
			--cw-bs-container-width: 960px
		}

		.cw-TopHeader {
			display: flex;
			align-items: center;
			justify-content: space-between;
			--cw-left-before-width: 400px;
			padding-left: calc(var(--cw-left-before-width) * .8 - 20px);
			position: relative;
		}

		.cw-TopHeader::before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: var(--cw-left-before-width);
			height: 100%;
			background-color: var(--header-background);
			clip-path: polygon(0 0, 70% 0, 80% 100%, 0 100%);
		}

		.cw-TH-Content {
			position: relative;
			width: 100%;
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-left: 20px;
			z-index: 1;
		}

		.cw-TH-Contact {
			display: flex;
			align-items: center;
			gap: 15px;
		}


		.header .navbar>.container {
			max-width: 100%;
			padding-right: calc((100vw - var(--cw-bs-container-width)) / 2 + 1rem);
			align-items: flex-end;
		}

		.header .nav-link-cart,
		.header .navbar .nav-link {
			line-height: 20px;
			font-size: 14px;
		}

		/* keeps nav items on the right side of header */
		.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% - 175px); */
			justify-content: flex-end;
		}

		.header .navbar-nav .nav-item {
			text-transform: uppercase;
			display: flex;
			align-items: center;
		}

		.header:not(.has-cart) .navbar-nav .nav-item:last-child,
		.header.has-cart .navbar-nav .nav-item:has(.nav-link-cart) {
			background: var(--color-theme-secondary);
			color: var(--color-theme-text-btn);
			transform: skewX(-15deg);
			padding: 10px 50px;
			height: 80px;
			margin-left: 10px;
			position: relative;
			z-index: 2;
		}

		.header:not(.has-cart) .navbar-nav .nav-item:last-child .nav-link,
		.header.has-cart .navbar-nav .nav-item:has(.nav-link-cart) .nav-link {
			color: inherit;
			display: inline-block;
			transform: skewX(15deg);
			/* Reverse skew to keep text straight */
			padding: 10px 20px;
			/* Adjust padding */
			transition: 0.3s ease-in-out;
		}

		.header:not(.has-cart) .navbar-nav .nav-item:last-child:hover,
		.header.has-cart .navbar-nav .nav-item:has(.nav-link-cart):hover {
			background: var(--color-theme-secondary);
		}

		.header:not(.has-cart) .navbar-nav .nav-item:last-child .dropdown-menu,
		.header.has-cart .navbar-nav .nav-item:has(.nav-link-cart) .dropdown-menu {
			transform: skewX(15deg);
		}

		/* Extending the red background from last nav-item to the right edge */
		.header .navbar::after {
			content: "";
			position: absolute;
			bottom: 0;
			right: 0;
			background: var(--color-theme-secondary);
			/* width: 20vw; */
			/* width is set to the size of the navbar container's right padding + a little more to get past the skew */
			width: calc((100vw - var(--cw-bs-container-width)) / 2 + 40px);
			/* height is set to exactly the height of the big skewed button. Currently 20px line height + two 10px paddings + two 20px paddings*/
			height: 80px;
			z-index: 0;
		}


		/*  Fix for the VDP if last item is a dropdown, otherwise the Stickynav will cover the dropdown. If there's not a dropdown there, you could comment out this code  */
		.page-inventory-details .header:not(.has-cart) .navbar-nav .nav-item:last-child,
		.page-inventory-details .header.has-cart .navbar-nav .nav-item:has(.nav-link-cart) {
			position: relative;
			z-index: unset;
			transform: unset;
		}

		.page-inventory-details .header:not(.has-cart) .navbar-nav .nav-item:last-child .nav-link,
		.page-inventory-details .header.has-cart .navbar-nav .nav-item:has(.nav-link-cart) .nav-link {
			transform: none;
		}

		.page-inventory-details .header:not(.has-cart) .navbar-nav .nav-item:last-child .dropdown-menu,
		.page-inventory-details .header.has-cart .navbar-nav .nav-item:has(.nav-link-cart) .dropdown-menu {
			transform: unset;
		}
	}

	@media (min-width: 1200px) {
		:root {
			--cw-bs-container-width: 1140px
		}
	}

	@media (min-width: 1400px) {
		:root {
			--cw-bs-container-width: 1320px
		}
	}

	@media (min-width: 1600px) {
		.cw-TopHeader {
			--cw-left-before-width: 550px;
		}
	}



/*hero*/
    .container-slider {
        position: relative;
        top: -4em;
      }
    
      .cw-carousel {
        background: #262626;
      }
    
      .cw-carousel .carousel-item .item-image {
        height: 450px;
        background-position: center;
        -webkit-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
      }
    
      .cw-carousel .carousel-item:nth-child(1) > .item-image {
        background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/B16AAE4329194DBD46DA8411306E41C7.jpg);
        background-size: cover;
        background-repeat: no-repeat;
      }
    
      .cw-carousel .carousel-item:nth-child(2) > .item-image {
        background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/9DC1CAA0EE9A6849E976102C297D50EE.jpg);
        background-size: cover;
        background-repeat: no-repeat;
      }
    
      .cw-carousel .carousel-item:nth-child(3) > .item-image {
        background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/FDE5C19780731E8288A893B4552536A3.jpg);
        background-size: cover;
        background-repeat: no-repeat;
      }
    
      .cw-carousel .carousel-item .item-image img {
        margin: 0 auto;
      }
    
      .carousel-caption {
        width: 100%;
        text-align: center;
        position: absolute;
        bottom: -40%;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 1em;
      }
    
      .carousel-caption h1 {
        color: #fff;
        font-size: 4em;
      }
    
      .carousel-inner {
        overflow: hidden;
      }
    
      .carousel-indicators {
        position: absolute;
        right: -10%;
        bottom: 1em;
        left: auto;
      }
    
      .carousel-indicators [data-bs-target] {
        width: 142px !important;
        height: 11px !important;
        background-color: var(--color-theme-primary) !important;
        border-radius: 0 !important;
      }
    
      @media (max-width: 768px) {
        .carousel-indicators [data-bs-target] {
          width: 73px !important;
          height: 5px !important;
        }
      }
    
      .btn-slider {
        border-radius: 50px;
        padding: 15px 25px;
        border: 1px solid #fff;
        color: #fff;
        letter-spacing: 1.5px;
        font-size: 16px;
        font-weight: 700;
      }
    
      .item-image {
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-duration: 16s;
        transform: scale(1.2);
        animation-name: cw-kenburns;
        z-index: 3;
      }
    
      .cw-svg {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -1px;
      }
    
      @keyframes cw-kenburns {
        0% {
          opacity: 0;
        }
    
        5% {
          opacity: 1;
        }
    
        95% {
          transform: scale3d(1.2, 1.2, 1.2) translate3d(69px, -2px, 0px);
          animation-timing-function: ease-in;
          opacity: 1;
        }
    
        100% {
          transform: scale3d(1.7, 1.7, 1.7) translate3d(-11px, -12px, 0px);
          opacity: 0;
        }
      }
    
      @media (max-width: 991px) {
        .container-slider {
          top: 0;
        }
      }
    
      @media (min-width: 1024px) {
        .carousel-caption {
          width: 60%;
          padding: 2em;
          bottom: -10%;
          top: 49%;
          left: 50%;
        }
      }
    
      @media (max-width: 360px) {
        .cw-carousel .carousel-item .item-image {
          height: 750px;
        }
      }
    
      @media (max-width: 992px) {
        .carousel-caption h1 {
          font-size: 2.6em;
        }
      }
    
      @media (min-width: 992px) {
        .cw-carousel .carousel-item .item-image {
          height: 800px;
        }
    
        .carousel-caption .btn {
          margin-top: 0.5em;
          width: 35%;
        }
    
        .carousel-caption {
          width: 67%;
          bottom: 0;
          padding: 2em;
        }
      }
    
      @media (max-width: 576px) {
        .cw-carousel .carousel-item .item-image {
          height: 550px;
        }
    
        .carousel-caption h1 {
          font-size: 1.2em;
        }
    
        .btn-group-lg > .btn,
        .btn-lg,
        .btn:not(.slick-arrow):not(.btn-xs):not(.btn-md):not(.dropdown-toggle) {
          padding: 0.8rem 1rem;
          font-size: 1rem;
          line-height: 1.2;
          letter-spacing: 0.02rem;
        }
      }


      /*cards*/

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

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

	.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(122, 107, 38, 0.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;
		padding-bottom: 1.5rem;
		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 .container {
		padding: 3rem 2rem;
		background: #fff;
		box-shadow: 0 4px 30px rgba(0, 0, 0, .25)
	}

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



    /* Search combine */
	/* Home Search */
	.cw-search {
		margin-bottom: 0;
	}

	.cw-search .cw-types {
		margin-bottom: 3rem;
	}

	.cw-search .cw-types img {
		width: 85px;
		display: block;
		margin: auto;
	}

	.cw-search .cw-types a {
		font-size: .85rem;
		text-transform: uppercase;
		border: 1px solid transparent;
		padding: 3px;
	}

	.cw-search .cw-types a:hover {
		border: 1px solid #ced4da;
		border-radius: 5px
	}

	@media (min-width: 992px) {
		.cw-search .cw-types {
			max-width: 500px;
			margin: auto;
		}
		.cw-search {
			margin-bottom: 3em;
		}
	}

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

	.page-home .inventory-search-module .form__wrapper {
		padding: 0 0 20px;
		border: none;
	}

	.page-home .inventory-search-module .search__input {
		min-width: 48%;
	}

	.page-home .search__input .btn {
		border: none;
	}

	.page-home .search__input .btn:hover {
		background: var(--color-theme-secondary);
	}

	/* labels */
	.page-home section.inventory-search-module .form__wrapper .search__input .form-label {
		display: none;
	}

	@media (min-width: 992px) {
		.page-home section.inventory-search-module .form__wrapper {
			display: flex;
			flex-flow: row wrap;
			position: absolute;
			left: 24px;
			top: -180px;
			z-index: 2500;
			border: none;
		}
		.page-home section.inventory-search-module .form__wrapper {
			max-width: 460px;
			padding: 0;
		}
	}

	@media (min-width: 1200px) {
		.page-home section.inventory-search-module .form__wrapper {
			max-width: 580px;
		}
	}

	@media (min-width: 1400px) {
		.page-home section.inventory-search-module .form__wrapper {
			max-width: 730px;
		}
	}

	/* Setting to Default container sizes */
	.page-home .inventory-search-module .container {
		max-width: 100%;
		position: relative;
	}

	@media (min-width: 576px) {
		.page-home .inventory-search-module .container {
			max-width: 540px
		}
	}

	@media (min-width:576px) and (max-width: 768px) {
		.page-home .inventory-search-module .container {
			max-width: 680px
		}
	}

	@media (min-width: 768px) {
		.page-home .inventory-search-module .container {
			max-width: 720px
		}
	}

	@media (min-width:930px) and (max-width: 991px) {
		.page-home .inventory-search-module .container {
			max-width: 800px
		}
	}

	@media (min-width: 992px) {
		.page-home .inventory-search-module .container {
			max-width: 960px
		}
	}

	@media (min-width: 1200px) {
		.page-home .inventory-search-module .container {
			max-width: 1140px
		}
	}

	@media (min-width: 1400px) {
		.page-home .inventory-search-module .container {
			max-width: 1320px
		}
	}


    .cw-parallax-about {
		margin-bottom: 2.5rem;
		padding: 4rem 0;
		background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/8883E75BD11B2A2EC4A2E5823629BC62.jpg);
		background-size: cover;
		background-position: center;
		color: #fff;
		text-align: center;
		position: relative;
		overflow: hidden;
	}

	.cw-parallax-about:after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/* background: rgb(15 59 92 / 72%); */
		background: var(--color-theme-primary);
		opacity: .72;
	}

	.cw-parallax-about [class^="col"] {
		z-index: 1;
	}

	@media (min-width: 768px) {
		.cw-parallax-about {
			padding: 6rem 0;
		}

		.cw-parallax-about h3 {
			margin-bottom: 1rem;
			font-size: 2.5rem;
		}
	}

	@media (min-width: 992px) {
		.cw-parallax-about {
			background-attachment: fixed;
		}
	}

	@media (min-width: 1340px) {
		.cw-parallax-about h3 {
			font-size: 3rem;
		}

	}


    .am-title {
        position: relative;
        display: block;
        position: relative;
        overflow: hidden;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-position: center bottom;
        color: var(--color-theme-background);
        background-color: var(--color-theme-primary);
    }
    
    .am-title::after {
        overflow: hidden;
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background: rgba(0, 0, 0, .5)
    }
    
    .am-title .container,
    .am-title .container-fluid {
        position: relative;
        z-index: 2
    }
    
    
    @media(max-width:1300px) {
        .am-title {
            background-position: center bottom 299px
        }
    }
    
    .am-title .pg-title {
        font-size: 2.5rem;
    }
    
    .am-title .pg-title::after {
        margin-bottom: 0
    }
    
    
        .am-title-carfinder {
            background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/7BFD1F6003A787650FE873EE3C9AB6A9.jpg)
        }
    
        @media(min-width: 1200px){
        h1.pg-title::before {
            content: "";
            width: 2000px;
            height: 800px;
            position: absolute;
            background: var(--color-theme-secondary);
            left: -350px;
            z-index: -1;
            transform: skew(10deg,-40deg);
            border-bottom: 4px solid var(--color-theme-background);
            bottom: 160px;
        }
    }

    .inventory-cta .btn:hover {
        color: #fff!important;
        background-color: var(--inventory-highlight) !important;
    }


	@media (max-width: 991px) {
		body .inventory .srp-sidebar {
			/* Should help keep search results page in front of navbar on mobile.*/
			/* ALSO reduce highest navbar/other elements z-index to around 1030-1039 */
			z-index: 1040;
		}
	}