.textwithimage-in-container {
	padding: 6rem 0 !important;
}

/* ======================== Internal page ==================== */
.title {
	text-transform: uppercase;
}

/* 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: 102px;
} */

@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;
	}
}

/* @media (min-width: 1200px) {
	:root {
		--cw-headerHeight: 156px;
	}
} */

/*=========  ==========================  Header / Nav ==========================*/
.cw-topbar-trade {
    background: #ffff;
    padding: .5em 0;
}

.cw-topbar-trade p {
    color: var(--color-theme-border);
    margin-bottom: 0;
}

.cw-header {
    padding: 1em 0;
}

.cw-header .row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.cw-header h2 {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 400;
    color: var(--color-theme-text-btn);
    letter-spacing: 1px;
}

.cw-header p {
    font-size: 1rem;
    color: var(--color-theme-text-btn);
    letter-spacing: 1px;
	    margin-bottom: .25em;
}

.cw-header a {
    font-size: 1.5rem;
    color: var(--color-theme-text-btn);
}

/* Homepage Banners */
.page-home .title {
    padding: 1em 0;
}

.page-home .title h1 {
    margin: 0;
    font-size: 1.85rem;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
}

.page-home .text {
    margin: 0 !important;
    padding: 1.5em 0;
}

.page-home .text h2 {
    text-transform: uppercase;
    font-weight: 400;
    color: var(--color-theme-text-btn);
    margin: 0;
    letter-spacing: 1px;
}

/* Slideshow */

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

.cw-hero-carousel .cw-carousel-fade:before {
	content: "";
	background: rgba(0, 0, 0, 0.3);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 50px;
	z-index: 5;
	pointer-events: none;
}

.cw-hero-carousel .cw-ss-text {
	padding: 1.5rem .5rem;
	/* bottom: 4rem; */
	/* left: 0; */
	width: 100%;
	/* pointer-events: none; */
	text-align: center;
	z-index: 1;
	color: #fff;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6);
	background: #333;
	font-size: .9rem;
}

/* .cw-hero-carousel .cw-ss-text>.d-inline-block {
	pointer-events: all;
	max-width: 86%;
} */

.cw-hero-carousel .cw-ss-text h6 {
	font-size: 1.4em;
}

.cw-hero-carousel .cw-ss-text h2 {
	font-size: calc(1.3em + 1.4vw);
}



/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.cw-hero-carousel .cw-ss-text {
		display: inline-block;
		position: absolute;
		padding: 1rem 5px 1rem;
		bottom: 3vw;
		left: 0;
		width: 100%;
		pointer-events: none;
		text-align: center;
		z-index: 1;
		color: #fff;
		text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6);
		background: transparent;

		background: linear-gradient(to right, transparent 0%, transparent 15%, rgba(0, 0, 0, 0.45) 44%, rgba(0, 0, 0, 0.45) 48%, rgba(0, 0, 0, 0.45) 60%, transparent 85%, transparent 100%);
	}

	.cw-hero-carousel .cw-ss-text>.d-inline-block {
		pointer-events: all;
		max-width: 86%;
	}

	.cw-hero-carousel .carousel-control-next,
	.cw-hero-carousel .carousel-control-prev {
		width: 7%;
	}


}


/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.cw-hero-carousel .cw-ss-text {
		font-size: 1rem;
	}
}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.cw-hero-carousel .cw-ss-text {
		font-size: 1.1rem;
	}

	.cw-hero-carousel .cw-ss-text h6 {
		font-size: 1.5em;
	}

	.cw-hero-carousel .cw-ss-text>.d-inline-block {
		max-width: 100%;
	}

	.cw-hero-carousel .carousel-control-next,
	.cw-hero-carousel .carousel-control-prev {
		width: 15%;
	}
}

/* Buttons */
.cw-btns {
	display: block;
}

.cw-btns .cw-flex-item {
	border: 2px solid #eee;
	overflow: hidden;
}

.cw-btns a.cw-btn {
	display: block;
	padding: 4vw 2vw;
	width: 100%;
	text-align: center;
	color: #fff;
	text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6);
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

.cw-btns a.cw-btn:hover {
	-ms-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.cw-btns a.cw-btn h6 {
	font-size: 2em;
	margin-top: -15px;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.cw-btns a.cw-btn .cw-icon {
	display: block;
	-webkit-transition: all .2s;
	transition: all .2s;
	width: 20%;
	margin: auto;
}

.cw-btns img {
	width: 70px;
	max-width: 100%;
	height: auto;
}

.cw-btns a.cw-btn1 {
	background: linear-gradient(rgba(57, 116, 161, 0.5), rgba(57, 116, 161, 0.5)),
		url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/B2D7062C8ABF0A72FBCEEC7494A5A1E9.jpg") no-repeat center center;
	background-size: cover;
}

.cw-btns a.cw-btn2 {
	background: linear-gradient(rgba(57, 116, 161, 0.5), rgba(57, 116, 161, 0.5)),
		url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/84EF0427F24542AB86333BF552E63547.jpg") no-repeat center center;
	background-size: cover;
}

.cw-btns a.cw-btn3 {
	background: linear-gradient(rgba(57, 116, 161, 0.5), rgba(57, 116, 161, 0.5)),
		url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/6CB602394C0D6ED9E8B40BD4822CD368.jpg") no-repeat center center;
	background-size: cover;
}

.cw-btns a.cw-btn4 {
	background: linear-gradient(rgba(57, 116, 161, 0.5), rgba(57, 116, 161, 0.5)),
		url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/83443E44778C97719D347813B0ED0886.jpg") no-repeat center center;
	background-size: cover;
}

.cw-btns a.cw-btn5 {
	background: linear-gradient(rgba(57, 116, 161, 0.5), rgba(57, 116, 161, 0.5)),
		url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/0D6E8653F57E067808ACF2EC8E1C34BA.jpg") no-repeat center center;
	background-size: cover;
}

@media (min-width: 768px) {
	.cw-btns {
		display: flex;
		flex-wrap: nowrap;
		align-items: stretch;
	}

	.cw-btns .cw-flex-item {
		display: flex;
		justify-content: center;
	}

	.cw-btns .cw-flex-item-vertical {
		flex-grow: 1;
	}

	.cw-btns .cw-flex-item-horizontal {
		display: flex;
		flex-grow: 2;
		flex-wrap: wrap;
	}

	.cw-btns .cw-flex-item-100 {
		max-width: 100%;
		flex-basis: 100%;
	}

	.cw-btns .cw-flex-item-50 {
		max-width: 50%;
		flex-basis: 50%;
	}

	.cw-btns a.cw-btn {
		display: flex;
		flex-flow: column;
		align-items: center;
		justify-content: center;
		min-height: 200px;
	}
}

/* Homepage About */
.page-home .textwithimage {
    background: var(--color-theme-primary);
    color: var(--color-theme-text-btn);
}

.page-home .textwithimage .textwithimage-img {
    border-bottom: 4px solid;
}

.page-home .textwithimage .textwithimage-text h2 {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
}

.page-home .textwithimage .textwithimage-text .btn-primary {
    color: var(--color-theme-text-btn);
    border: 2px solid var(--color-theme-text-btn);
    border-radius: 30px;
}

@media (min-width:992px) {
	.page-home .textwithimage .textwithimage-img {
		border-bottom: 0;
    border-right: 4px solid;
}
}

.cw-home-qr {
	padding: 2em 0;
	background-color: var(--color-theme-secondary);
}

.cw-home-qr img {
	margin-bottom: 1em;
}

.cw-home-qr h2 {
	color: var(--color-theme-text-btn);
}


.cw-finance-qr {
    padding: 1em 0 2em 0;
}

.cw-finance-qr .row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.cw-finance-qr p {
    font-size: 1.5rem;
}

.cw-finance-qr a.btn {
    margin-bottom: 1.5em;
}

.cw-finance-qr a, .cw-finance-qr a img {
    width: 100%;
}


.header .navbar {
    box-shadow: 1px 1px 3px var(--color-theme-border);
}

.inventory .vehicle-card .inventory-cta .btn:hover {
    color: var(--color-theme-text-btn) !important;
}

	.form-grid-row>.form-forms-date {
		/* Hopefully fixes form popups being underneath other dropdowns/boxes */
		z-index: unset;
	}

	.star-rating label:not(.star-active) {
    color: var(--color-theme-border) !important;
}

.star-rating label:not(.star-active):hover {
    color: var(--color-theme-highlight) !important;
}