@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap";

h1,
h2,
h3,
h4,
h5,
.h5 {
	font-weight: 900 !important;
	text-transform: none
}

.btn-primary, .btn-primary:focus { 
	border-radius: 6px !important;
}

.btn-secondary, .btn-secondary:focus { 
	border-radius: 6px !important;
}

.title+.text {
	margin-top: 0
}

.wow {
	visibility: hidden
}

.btn {
	font-weight: 400 !important
}

header {
	border-bottom: 1px solid #e1e1e1
}

.header .navbar .navbar-nav .nav-link {
    text-transform: uppercase;
    line-height: 32px;
  }

  .header .navbar-nav .nav-item:nth-of-type(8) {
    background-color: var(--color-theme-secondary);
	border-radius: 6px;
  }

  .header .navbar-nav .nav-item:nth-of-type(8) a {
    color: var(--bs-white);
  }

.header .navbar-nav .nav-link {
	text-transform: none !important;
    font-weight: 400 !important;
}

/* .header .navbar-nav .nav-link {
	font-weight: 700 !important;
	text-transform: uppercase
} */

.header .header-info-logo-img img {
	width: 145px;
    margin-top: -6px;
}

.cw-header-contact {
	background-color: #F3F4F6;
	padding: 1rem 0;
}

.cw-header-contact a:hover {
	color: #155789
}

.cw-header-contact .fa {
	display: inline-block;
	vertical-align: middle;
	padding-right: .25rem;
	color: var(--color-theme-secondary)
}

.cw-hours,
.cw-phone {
	position: relative;
	vertical-align: middle;
	margin: .25rem;
	/* padding-left: 1.1rem; */
	color: rgb(107 107 107);
	font-size: .8rem;
	font-weight: 400
}

.cw-phone:before {
	font-family: FontAwesome;
	content: "\f2a0";
	/* position: absolute; */
	/* left: 0; */
	padding-right: .5rem;
	color: #fff
}

/* Hide hours until JS shortens hours */
.cw-header-bar .cw-bar-wrap {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	-moz-column-gap: 1.5rem;
	column-gap: 1.5rem;
}

.cw-lineHours {
	display: none;
	padding: 0rem 0.3rem;
	text-align: center;
}

/* Inline container */
.cw-lineHours .cw-hours-inline {
	display: inline-block;
}

/* Wrapping row of chunks */
.cw-lineHours .cw-hours-text {
	display: flex;
	flex-wrap: wrap;
	gap: .25rem .75rem;
	line-height: 1.4;
	color: rgb(0, 0, 0);
	font-size: 0.8em;
}

/* Each grouped range with its own icon */
.cw-lineHours .cw-chunk {
	display: inline-flex;
	align-items: center;
	white-space: normal;
}

/* Icon before each range */
.cw-lineHours .cw-chunk i {
	margin: 0 .35rem;
	font-size: 0.8rem;
	line-height: 1;
	flex: 0 0 auto;
}

/* Bold day/day-range */
.cw-lineHours .cw-day {
	font-weight: 600;
	margin-right: 0.25rem;
}

.cw-lineHours .cw-time {
	opacity: 0.9;
}

.header .navbar .active>.nav-link,
.header .navbar .nav-link:hover {
	color: var(--color-theme-highlight)
}


.header .dropdown-item .badge {
	background: var(--color-theme-secondary);
	color: var(--color-theme-text-btn);
}

@media(max-width: 991px) {
	.cw-header-contact {
		display: none;
	}
}

@media(min-width:992px) {
	.header .container {
		max-width: 1140px
	}

	.cw-header-info .header-info-logo-img {
		position: absolute;
		z-index: 1040;
		/* top: 6px */
		margin-top: 6px;
	}

	nav.navbar .container {
		min-height: 93px
	}

	.header.has-cart .collapse.justify-content-center,
	.header .navbar-collapse.justify-content-center {
		justify-content: flex-end !important
	}

	.header .navbar-nav:not(.navbar-cart) {
		max-width: calc(100% - 210px);
		justify-content: center
	}

	.cw-phone,
	.cw-hours {
		margin-right: 2rem
	}
}

@media(min-width:1400px) {

	.header .container {
		max-width: 1340px
	}
}

@media(min-width:1200px) {
	.cw-header-info .header-info-logo-img {
		/* top: 38px */
	}
}

.cw-hero .carousel-item {
	height: 500px;
	background-size: cover;
	background-position: center center
}

.cw-hero:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0/40%)
}

.cw-hero .carousel-control-prev,
.cw-hero .carousel-control-next {
	width: 10%;
	text-align: center;
	opacity: .7;
	z-index: 3
}

.cw-hero .carousel-control-prev:hover,
.cw-hero .carousel-control-next:hover {
	opacity: 1
}

.cw-overlay {
	position: absolute;
	z-index: 1;
	top: 20%;
	width: 100%;
	text-align: center;
	color: #fff
}

.cw-overlay h1 {
	font-size: 3.5rem;
	line-height: 1;
	text-transform: none;
}

.cw-overlay-para {
	font-size: 1.3rem;
}

.cw-overlay .cw-button-container {
	justify-content: center;
	max-width: 580px;
	margin: 0rem auto 0;
	padding: 1rem;
}

.cw-overlay .cw-button-container .btn {
	margin: .25rem;
	border-radius: 6px;
}

.cw-btn-outline {
	border: 2px solid #fff !important;
}

@media(min-width:280px) {

	.cw-overlay {
		top: 6%;
	}

	.cw-overlay h1 {
		font-size: 2.5rem
	}

	.cw-overlay-para {
		font-size: 1rem;
	}
}

@media(min-width:330px) {

	.cw-overlay {
		top: 8%;
	}

	/* .cw-overlay h1 {
		font-size: 2.5rem
	}

	.cw-overlay-para {
		font-size: 1rem;
	} */
}

@media(min-width:440px) {

	.cw-overlay {
		top: 7%;
	}

	.cw-overlay h1 {
		font-size: 3rem
	}

	.cw-overlay-para {
		font-size: 1.3rem;
	}
}

@media(min-width:768px) {

	.cw-overlay {
		top: 20%;
	}
}

@media(min-width:1400px) {
	.cw-hero .carousel-item {
		height: 580px
	}

	.cw-overlay h1 {
		font-size: 3.5rem
	}

	.cw-overlay h1 span {
		font-size: 30%
	}

	.cw-overlay .cw-button-container {
		max-width: 700px
	}

	.cw-overlay .cw-button-container .btn {
		font-size: 1rem
	}
}

.inventory-search-module {
	margin-top: 0rem !important;
	margin-bottom: 2rem !important;
}

section.inventory-search-module .form__wrapper {
    background-color: #F3F4F6 !important;
    color: #000000;
	background-size: contain;
	border: none !important;
}

.inventory-search-module .btn-primary {
	background-color: var(--color-theme-secondary) !important;
    border-color: var(--color-theme-secondary) !important;
}

.cw-list {
	margin: 2rem 0
}

.cw-card {
	position: relative;
	overflow: hidden;
	max-height: 300px;
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5)
}

.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, .25);
	transition: background .5s ease-out
}

.cw-card:hover:before {
	background: rgba(0, 0, 0, .6)
}

.cw-card .cw-card-img {
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.cw-card .cw-card-img-overlay {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding-bottom: 1.75rem;
	justify-content: center;
	color: #fff;
	text-transform: uppercase;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0)
}

.cw-card-title {
	font-size: 1.5rem;
	margin-bottom: 1rem
}

@media(min-width:768px) {
	.cw-list {
		margin: 4rem 0
	}
}

.page-home .list {
	padding: 0
}

.page-home .list .list-wrap {
	margin-bottom: 2em !important
}

.page-home .list .list-img-wrap {
	margin: auto;
	padding: 34% 0
}

.page-home .list .list-img-photo {
	background-size: contain
}

.page-home .list .list-text-title {
	text-transform: none;
	text-transform: uppercase
}

.page-home .list .list-text-btn {
	display: none
}

@media(min-width:992px) {
	/* .page-home .text h3 {
		font-size: 2.5rem
	} */

	.page-home .text .lead {
		font-size: 1.35rem
	}
}

@media(min-width:1400px) {
	/* .page-home .text h3 {
		font-size: 3.25rem
	} */
}

.cw-textImage {
	position: relative;
	overflow: hidden;
}

.cw-textImage1 {
	margin-bottom: 1rem
}

.cw-textImage2 {
	margin-bottom: 5rem
}

.cw-textImage1 .cw-content {
	padding: 2rem;
	background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/BD664CE04C7B7D31509402500C81D72A.jpg) center;
	background-size: cover;
	color: #fff
}

.cw-textImage1 .cw-image {
	min-height: 300px;
	background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/343FC8F93751CD88B84A8F846B32C335.jpg);
	background-size: cover
}

.cw-textImage2 .cw-image {
	padding: 0
}

.cw-textImage2 .cw-content {
	padding: 2rem;
	background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/2A9EA7B29A326555267FACB1442705F3.jpg) center;
	background-size: cover;
	color: #fff
}

.cw-content h4 span {
	font-style: italic;
	font-size: 60%
}

.cw-intro img {
	width: 200px
}

.cw-textImage .cw-hours {
	position: relative;
	margin: 0
}

.cw-textImage .cw-hours:before {
	padding-top: .25rem;
	font-size: 2rem;
	color: var(--color-theme-secondary)
}

.cw-mapContact {
	padding: 1rem 0;
	background: rgba(0, 0, 0, .1)
}

.cw-textImage .cw-address {
	font-size: 1rem
}

.cw-textImage .cw-address:before {
	color: var(--color-theme-secondary)
}

@media(min-width:992px) {
	.cw-textImage .cw-content {
		padding: 8% 4%
	}

	.cw-textImage1 .cw-image,
	.cw-textImage2 .cw-content {
		border-left: .5rem solid #fff
	}

	.cw-textImage2 .cw-image,
	.cw-textImage1 .cw-content {
		border-right: .5rem solid #fff
	}

	.cw-textImage h3 {
		font-size: 2.25rem
	}

	.cw-textImage h4 {
		font-size: 1.75rem
	}

	.cw-intro h2 {
		font-size: 2.25rem
	}
}

@media(min-width:1400px) {
	.cw-textImage h3 {
		font-size: 2.75rem
	}

	.cw-textImage h4 {
		font-size: 2rem
	}

	.cw-intro h2 {
		font-size: 3rem
	}

	.cw-textImage .cw-content {
		padding: 8%
	}
}

.popular-vehicles-sections {
	padding: 2em
}

.popular-vehicles-section-heading::after {
	content: "";
	display: block;
	height: 3px;
	width: 80px;
	margin: .5rem 0 1.5rem;
	background-color: var(--color-theme-secondary)
}

.cw-services {
	padding: 28px 0 85px
}

.cw-services .container {
	max-width: 1500px
}

.cw-services h2 {
	text-transform: uppercase;
	margin-bottom: 1rem
}

.cw-services .cw-service-item {
	margin-bottom: 2rem
}

.cw-services .cw-service-item img {
	width: 270px;
	margin-bottom: 1rem;
	margin-top: 1.5rem
}

@media(min-width:768px) {
	.cw-services .cw-service-item {
		padding: 0 1rem
	}

	.cw-services h2 {
		font-size: 3.25rem
	}
}

.page-home .inventoryslideshow {
	margin: 0em 0 15px;
	padding-top: 0rem;
}

.page-home .inventoryslideshow .inventoryslideshow-title-heading {
	display: none !important;
}

.inventoryslideshow h3 {
	font-size: 1.1rem !important;
	text-transform: none
}

.inventoryslideshow h3:hover {
	color: var(--color-theme-secondary)
}

.inventoryslideshow .item__data__price,
.inventoryslideshow .item__data__value {
	font-size: .95rem !important;
}

.inventoryslideshow-slick {
	padding: 1rem 0 1.5rem;
	margin-bottom: 0 !important
}

.inventoryslideshow .card__multi__style7 .item__style {
	display: none
}

.card__multi__style7 .item__card__photo img {
	border-radius: 0 !important
}

.card__multi__style7 .item__card__photo:after {
	border-radius: 0 !important;
	background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent) !important;
	color: #fff
}

@media(min-width:992px) {
	.inventoryslideshow-title-heading {
		font-size: 2.5rem
	}
}

@media(min-width:1400px) {
	.inventoryslideshow-title-heading {
		font-size: 3.25rem
	}
}

.inventory {
	padding-top: 0 !important
}

.inventory .vehicle-card.layout-1 .price-mileage-block .value {
	font-size: 1rem !important
}

.inventory .vehicle-card .card-body h5.inventory-title {
	text-transform: none;
	font-size: 1.1rem
}

.inventory .srp-sidebar .card-header::before {
	border-color: transparent !important
}

body .inventory .vehicle-card.layout-1 .price-mileage-block {
	background: rgba(180, 180, 180, 0.15);
}

body .inventory .btn-link.btn-clear-filter {
	color: var(--color-theme-text-btn);
}

.inventory .srp-sidebar .card-header .card-title {
	color: #fff
}

.inventory .inventory-cta .btn {
	background: var(--color-theme-secondary) !important;
	border-color: var(--color-theme-secondary) !important
}

.inventory .vehicle-card.layout-2 .price {
	background: var(--color-theme-highlight) !important;
	font-weight: 700;
	color: #333 !important
}

body .p-veh-card .card-top-img a {
	display: block;
}

body .inventory .carousel-indicators {
	background: transparent !important;
	bottom: 0;
	margin-bottom: 0;
}

.inventory .carousel-indicators [data-bs-target] {
	width: 7px;
	height: 7px;
	background: var(--color-theme-highlight)
}

.inventory .btn-primary,
.inventory .btn-primary:focus {
	background: var(--color-theme-highlight) !important;
	border-color: var(--color-theme-highlight) !important
}

.vdp__title__mod {
	background: var(--color-theme-highlight);
	padding: 1.5rem 1rem 1rem
}

.vdp-module-canvas-razor-wrapper .btn-secondary,
section.page-inventory-details .btn.btn-primary,
.vdp-module-canvas-razor-wrapper .btn-check:checked+.btn-outline-secondary {
	background: var(--color-theme-secondary) !important;
	border-color: var(--color-theme-secondary) !important
}

.vdp-module-canvas-razor-wrapper .btn-secondary:hover {
	background: var(--color-theme-secondary) !important;
	border-color: var(--color-theme-secondary) !important
}

.page-inventory-details .module,
.vdp-module-canvas-razor-wrapper .module {
	margin-top: 25px !important
}

.page-inventory .container.mb-4 {
	max-width: none;
	margin-bottom: 0 !important;
	padding: 1rem;
	background: var(--color-theme-primary);
	color: #fff
}

.veh__trim[VehicleHeadingWidgetCssScope],
.veh__title[VehicleHeadingWidgetCssScope],
.veh__generation[VehicleHeadingWidgetCssScope],
.vdp__title__mod .veh__price__mileage__wrapper .veh__price[VehicleHeadingWidgetCssScope],
.vdp__title__mod .veh__price__mileage__wrapper .veh__mileage .mileage__value[VehicleHeadingWidgetCssScope],
.vdp__title__mod .veh__mileage[VehicleHeadingWidgetCssScope] {
	color: #fff !important
}

.vdp__title__mod .veh__price__mileage__wrapper .veh__price[VehicleHeadingWidgetCssScope] {
	font-size: 1.5rem !important
}

@media(min-width:992px) {
	.page-inventory .container.mb-4 {
		padding: 3rem 4rem
	}
}

@media(min-width:1400px) {
	.inventory .vehicle-card.layout-1 .price-mileage-block .value {
		font-size: 1.1rem !important
	}

	.inventory .vehicle-card .card-body h5.inventory-title {
		text-transform: none;
		font-size: 1.2rem
	}
}


section:not(.page-home) .title {
	position: relative;
    margin-bottom: 2.5rem;
    text-align: center;
    background-color: var(--color-theme-secondary);
}

/* section:not(.page-home) .title:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(0 0 0/58%)
} */

section:not(.page-home) .title .title-heading {
	position: relative;
	z-index: 1;
	margin: auto;
	padding: 2rem 0;
	color: #fff;
}

section:not(.page-home) .title h1 {
	font-size: 2rem
}

section:not(.page-home) .form {
	padding-top: 1rem
}

.employees-email {
	font-size: .85rem
}

@media(min-width:992px) {
	section:not(.page-home) .title .title-heading {
		padding: 1.5rem 0
	}

	section:not(.page-home) .title h1 {
		font-size: 2.5rem
	}
}

.form-forms-header {
	font-size: 1.75rem
}

hr {
	opacity: 1
}

.bootstrap-select {
	padding: 0 !important;
	background: 0 0;
	border: none
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100%
}

.form .bootstrap-select .dropdown-menu li.selected a,
.form .bootstrap-select .dropdown-menu li.selected a:hover {
	color: #000;
	background: 0 0
}

.bootstrap-select .dropdown-menu li a span.text {
	display: inline;
	background: 0 0
}

.bootstrap-select>.dropdown-toggle.bs-placeholder::after {
	border-top-color: var(--color-theme-highlight)
}

.footer {
	padding-top: 0em !important;
}

footer>.container {
	/* position: relative;
	min-height: 190px; */
	display: none;

}

.footer .footer-bottom-section {
	background-color: var(--color-theme-secondary) !important;
}

.cw-c-footer-2 {
    background: var(--color-theme-secondary);
    color: #fff;
    padding: 50px 60px;
    width: 100%;
  }

  .cw-footer-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1400px;
    margin: 0 auto;
  }

  .cw-footer-left {
    max-width: 500px;
  }

  .cw-footer-logo {
    max-width: 220px;
    margin-bottom: 15px;
  }

  .cw-footer-phone a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 20px;
  }

  .cw-footer-phone a:hover {
    text-decoration: underline;
  }

  .cw-footer-description {
    font-size: 15px;
    line-height: 1.6;
    margin: 0;
  }

  .cw-footer-right {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: flex-end;
  }

  .cw-footer-right a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
  }

  .cw-footer-right a:hover {
    text-decoration: underline;
  }

  @media (min-width: 280px) {
	.cw-c-footer-2 {
		padding: 50px 12px;
	  }
  }


  @media (min-width: 768px) {
	.cw-c-footer-2 {
		padding: 50px 60px;
	  }
  }

  @media (max-width: 991px) {
    .cw-footer-inner {
      flex-direction: column;
      gap: 40px;
    }

    .cw-footer-right {
      justify-content: flex-start;
    }
  }

/* .footer .dropdown-menu {
	position: relative;
	display: block !important;
	min-width: 0 !important;
	padding: 0;
	border: 0
}

.footer .dropdown-toggle {
	pointer-events: none
}

.footer a.dropdown-item {
	display: block !important;
	padding: .25rem;
	font-size: .75rem;
	text-transform: uppercase;
	font-weight: 400 !important
}

.footer-nav-links .nav-item {
	padding: 0 .5rem;
	font-size: .8rem;
	text-align: center;
	padding: 0 .25rem
}

.footer .nav .nav-link {
	text-transform: uppercase
}

.footer h2.footer-business-name {
	font-size: 1.25rem
}

.footer-business+.footer-business-phone:before {
	display: none
}

.footer-social-links a {
	padding: 0 .25rem
}

.footer-info-business span,
.footer-info-business a {
	font-size: .85rem
}

@media(min-width:992px) {
	.footer-social-links {
		position: absolute;
		left: 10%;
		bottom: 1rem;
		z-index: 2
	}

	footer .footer-info-business {
		position: absolute;
		left: 0;
		top: 0;
		width: 30%;
		padding-right: 1rem
	}

	.footer-info-business a:not(.footer-business-phone):not(.footer-business-email) {
		padding: 0
	}

	a.footer-business-phone {
		display: block;
		margin-top: .25rem
	}

	.footer ul.nav {
		flex-wrap: nowrap;
		text-align: left !important
	}

	.footer-nav-links {
		position: absolute;
		top: -1rem;
		right: 0;
		width: 70%;
		background: rgb(0 0 0/5%);
		padding: 1.5rem 0
	}

	.footer .dropdown-menu {
		max-width: 180px;
		text-align: center;
		background: 0 0
	}

	.dropdown-toggle::after {
		color: var(--color-theme-secondary)
	}
} */

/* -------------------- VDP ---------------------- */

.sn_business_openclose.open {
	background: var(--color-theme-primary) !important;
	color: var(--color-theme-text-btn) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod button.sn_more_btn {
	background: var(--color-theme-primary) !important;
	color: var(--color-theme-text-btn) !important;
}


.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod button.sn_more_btn:hover {
	background: var(--color-theme-secondary);
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod button.sn_more_btn:before {
	background: var(--color-theme-secondary);
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_share_item a {
	color: var(--color-theme-text);
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_share_item a:hover {
	color: var(--color-theme-secondary);
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_dropdown a {
	color: var(--color-theme-text);
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_dropdown a:hover {
	color: var(--color-theme-secondary);
}


.vdp-module-canvas-razor-wrapper .vdp__dealerInfo__mod .store__hours {
	margin-bottom: 1em;
}

/* Footer and VDP spacing */
.vdp-module-canvas-razor-wrapper {
	margin-bottom: 2em;
}

/* Quick Connect Module */
.vdp-module-canvas-razor-wrapper .vdp__quickconnect__mod .section__title {
	color: var(--color-theme-header);
}



/*Home finance Banner*/
.cw-big-fade {
    position: relative;
    background-color: var(--color-theme-secondary);
    position: relative;
    color: var(--color-theme-text);
  }

  .cw-big-fade .cw-big-fade-box {
    position: relative;
    z-index: 2;
    padding: 30px 0 30px;
    text-align: center;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
  }

  .cw-big-fade .cw-big-fade-box .cw-bigtext {
    font-size: 1.5rem;
    line-height: 0.9;
    font-weight: 900;
  }

  .cw-big-fade .cw-big-fade-box .cw-bigtext span {
    font-size: 2em;
    line-height: 0.9;
    font-weight: 900;
  }

  .cw-big-fade .cw-big-fade-box .cw-bigtext .cw-subhead {
    font-size: 1em;
    font-weight: 700;
    color: var(--color-theme-primary);
    line-height: 1;
    margin: 1rem auto 1.5rem;
  }

  .btn-white {
    background-color: #fff;
    color: #000;
    border-color: #fff;
    border-radius: 6px;
  }

  .btn-white:hover {
    background-color: var(--color-theme-highlight);
    color: rgb(255, 255, 255);
    border-color: var(--color-theme-highlight);
  }

  /* Medium devices (tablets, 768px and up) */
  @media (min-width: 768px) {
    .cw-big-fade .cw-big-fade-box {
      padding: 50px 15px 50px;
    }
  }

  /* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
  @media (min-width: 992px) {
    .cw-big-fade .cw-big-fade-box .cw-bigtext {
      font-size: 2rem;
    }

    .cw-big-fade .cw-big-fade-box .cw-bigtext span {
      font-size: 3em;
    }
  }


  /*Home Testimonials*/

    /* Testimonials */

	.cw-testimonials {
		padding: 6rem 0;
	  }
	
	  .cw-testimonials .cw-feature-box {
		background-color: #F3F4F6;
		border-radius: 7px;
		padding: 1.5rem;
		/* margin: 1em; */
		text-align: start;
		min-height: 182px;
		border: .5px solid #dddddd;
	  }
	
	  .cw-testimonials .cw-feature-title {
		font-weight: 600;
		margin-bottom: 0.5rem;
	  }
	
	  .cw-testimonials .cw-feature-text {
		font-size: 0.9rem;
		opacity: 0.8;
		text-align: start;
		margin-bottom: 1rem;
	  }
	
	  /* .cw-testimonials .review-letter {
		color: #00b7fe;
		margin-bottom: 0.5em;
	  } */
	
	  .cw-testimonials i.fas.fa-star {
		padding: 0.25rem;
		border-radius: 0.5rem;
		color: var(--color-theme-primary);
	  }


	  /* Home About */

	  .cw-about-section {
		padding: 40px 0;
		background-color: #F3F4F6;
	  }
	  .cw-about {
		padding: 50px 0px;
	  }
	
	  .cw-rounded {
		border-radius: 10px !important;
		box-shadow: 4px 5px 4px #0000001a;
	  }

	  @media (min-width: 280px) {
		.cw-about-section {
			padding: 0px 0;
		  }
	  }

	  @media (min-width: 768px) {
		.cw-about-section {
			padding: 40px 0;
		  }
	  }



	  /*Home Form*/

	  .cw-next-to-form .cw-form-box {
		padding: 1rem 0;
	  }
	
	  section:has(.cw-next-to-form) + .businessinfo.contact-formleft,
	  section:has(.cw-next-to-form) + .businessinfo.contact-formright {
		padding-top: 1rem;
	  }
	
	  /* hiding the contact info in the business info form, but only if it immediately follows the CYO with the custom html */
	  section:has(.cw-next-to-form) + .businessinfo.contact-formleft .col-lg-5 > *,
	  section:has(.cw-next-to-form)
		+ .businessinfo.contact-formright
		.col-lg-5
		> * {
		display: none;
	  }
	
	  /* -------------------- Styling ---------------------- */
	  .businessinfo .form-wrap {
		background-color: var(--color-theme-secondary);
		color: var(--color-theme-text-btn);
		padding: 1rem;
		border-radius: 1rem;
	  }
	
	  .businessinfo .form-wrap label,
	  .businessinfo .form-wrap .formDisclaimer__content-wrapper {
		color: inherit;
	  }
	
	  .businessinfo .form-wrap .formDisclaimer__content-wrapper a {
		color: var(--color-theme-primary) !important;
	  }
	
	  .businessinfo .form-wrap .formDisclaimer__content-wrapper a:hover {
		color: var(--color-theme-highlight) !important;
	  }
	
	  .page-home .businessinfo .btn-primary {
		background-color: #fff !important;
		color: #000 !important;
		border-color: #fff !important;
	  }
	
	  .page-home .businessinfo .btn-primary:hover {
		color: rgb(255, 255, 255) !important;
	  }
	
	  /* Small devices (landscape phones, 576px and up) */
	  @media (min-width: 576px) {
		.businessinfo .form-wrap {
		  background-color: var(--color-theme-secondary);
		  color: var(--color-theme-text-btn);
		  padding: 1.5rem;
		  border-radius: 1rem;
		}
	  }
	
	
	  /* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
	  @media (min-width: 992px) {
		:root {
		  /* there is javascript to adjust this to equal the height of the custom section */
		  --cw-formBoxHeight: 1000px;
		}
	
		section:has(.cw-next-to-form) + .businessinfo.contact-formleft,
		section:has(.cw-next-to-form) + .businessinfo.contact-formright {
		  padding: 3rem 0;
		  min-height: var(--cw-formBoxHeight);
		}
	
		section:has(+ .businessinfo.contact-formleft) .cw-next-to-form,
		section:has(+ .businessinfo.contact-formright) .cw-next-to-form {
		  position: absolute;
		  z-index: 3;
		  width: 100%;
		  pointer-events: none;
		}
	
		section:has(+ .businessinfo.contact-formleft) .cw-next-to-form .cw-form-box,
		section:has(+ .businessinfo.contact-formright)
		  .cw-next-to-form
		  .cw-form-box {
		  padding: 3rem 0;
		  pointer-events: all;
		}
	
		/* Moving the custom html's column offsetting if the form is on the left */
		section:has(+ .businessinfo.contact-formleft) .col-lg-5 {
		  margin-left: 58.333333%;
		}
	  }
	

	  /* 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;
	  }

	  .inventory-cta .btn:hover {
		color: #fff !important;
	  }



	  /* Window Tinting Page */

	  .cw-tint-price {
		background-color: #F3F4F6;
		padding: 1.5rem 1rem 1rem;
		max-width: 60%;
		border-radius: 8px;
		color: #6B7280;
	  }
	
	  @media (min-width: 280px) {
		.cw-tint-price {
		max-width: 100%;
	  }
	  }
	
	  @media (min-width: 1200px) {
		.cw-tint-price {
		max-width: 60%;
	  }
	  }



	  /* Reviews Page */

	  .cw-reviews .cw-review {
		border: 1px solid #ddd;
		padding: 20px;
		margin: 12px 0;
		border-radius: 10px;
		background-color: #f9f9f9;
		min-height: 178px;
		color: #6B7280;
	  }
	
	  .cw-reviews .cw-review .cw-name {
		font-weight: bold;
		margin-top: 10px;
	  }


	  .page-warranty .form-wrap {
		background-color: #F3F4F6 !important;
    padding: 2rem !important;
    border-radius: 12px !important;
	  }

	  @media (min-width: 280px) {
		.page-warranty .form-wrap {
		padding: 17px !important;
		  }
	  }

	  @media (min-width: 330px) {
		.page-warranty .form-wrap {
		padding: 2rem !important;
		  }
	  }

	  .form .btn-primary {
		background-color: var(--color-theme-secondary) !important;
    border-color: var(--color-theme-secondary) !important;
	  }


	  .page-contact-us .form-wrap {
		background-color: #F3F4F6 !important;
    padding: 2rem !important;
    border-radius: 12px !important;
	  }

	  @media (min-width: 280px) {
		.page-contact-us .form-wrap {
		padding: 17px !important;
		  }
	  }

	  @media (min-width: 330px) {
		.page-contact-us .form-wrap {
		padding: 2rem !important;
		  }
	  }
