h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
	font-weight: 300 !important;
	font-style: normal !important;
}

.btn-secondary:hover,
.btn-secondary:not([disabled]):not(.disabled).active,
.btn-secondary:not([disabled]):not(.disabled):active,
.show>.btn-secondary.dropdown-toggle {
	color: var(--color-theme-header) !important;
}

.btn-primary:hover,
.btn-primary:hover:focus,
.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active,
.show>.btn-primary.dropdown-toggle {
	color: var(--color-theme-header) !important;
}


/* ============== 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-secondary);
		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-primary);
	}

	.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: 250px;
			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-primary);
			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-primary);
			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-primary);
		}

		.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-primary);
			/* 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 ---------------------- */
.cw-hero {
        background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/668BB8522DEECBA79DB0A759CEB0DE4A.jpg);
        background-size: cover;
        padding: 5em 0;
    }
.cw-hero h1 {
  display: inline-block;   
  background-color: #fff;
  padding: 6px 12px;
}
    .cw-hero h2{
        font-weight: 700 !important;
        font-size: 1.8em;
    }
       @media (min-width: 440px) {
  .cw-hero h2{
        font-size: 2.5em;
    }
       }
    @media (min-width: 768px) {
   .cw-hero {
        padding: 8em 0;
    }
       .cw-hero h2{
        font-weight: 700 !important;
        font-size: 4em;
    }
    }
    
    @media (min-width: 1400px) {
   .cw-hero {
        padding: 15em 0;
    }
    }


/* ================= Service Section =========== */
.cw-repair-section {
  min-height: 420px;
  margin-top: -5em;
}
.cw-boxShadow {
  box-shadow:
    -16px 18px 45px rgba(0, 0, 0, 0.07),
     16px 18px 45px rgba(0, 0, 0, 0.07),
     0   28px 55px rgba(0, 0, 0, 0.09);
}

/* LEFT PANEL */
.cw-left-panel {
  background: #ffffff;
  position: relative;
  padding: 80px 80px 80px 120px;
  border-top: solid 7px var(--color-theme-primary);
}

.cw-top-line {
  position: absolute;
  top: 40px;
  left: 120px;
  width: 80px;
  height: 5px;
  background: #e10600;
}

.cw-title {
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 20px;
}

.cw-desc {
  color: #777;
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 15px;
}

.cw-phone {
  font-size: 22px;
  font-weight: 700;
  color: var(--color-theme-primary);
  margin-bottom: 30px;
}

.cw-btn-dark {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  padding: 16px 34px;
  background: #111;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 1px;
}

.cw-btn-dark span {
  font-size: 18px;
}

/* RIGHT PANEL */
.cw-right-panel {
  background:
    url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/49ED6BB54C5AA26E089DD895BC2B4A39.png"),
    #0b4a7a;
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 80px 60px;
}

.cw-right-title {
  font-size: 34px;
  font-weight: 700;
  margin-bottom: 20px;
}

.cw-right-text {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 35px;
  opacity: 0.95;
}

.cw-btn-blue {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  padding: 18px 38px;
  background: var(--color-theme-primary);
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 1px;
}

.cw-btn-orange span {
  font-size: 18px;
}

.cw-btn-orange {
  display: inline-flex;
  align-items: center;
  gap: 15px;
  padding: 18px 38px;
  background: #e10600;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  letter-spacing: 1px;
}

.cw-btn-orange span {
  font-size: 18px;
}

/* MECHANIC IMAGE */
.cw-mechanic-img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-height: 420px;
  z-index: 5;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .cw-mechanic-img {
    display: none;
  }

  .cw-left-panel,
  .cw-right-panel {
    padding: 60px 30px;
  }

  .cw-top-line {
    left: 30px;
  }
}


/* ============================================================================================= */
  .page-home .cw-about-us {
    overflow: hidden;
    position: relative;
    z-index: 0;
    padding: 2rem 0 6rem 0;
  }

  .cw-about-us::before {
    content: "";
    position: absolute;
    background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/F22C9E6F4510DBAEA66685E7B0C35330.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left bottom;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transform: rotateY(180deg);
    opacity: 20%;
  }

  .cw-about-us .cw-inner-main-img {
    /* border-radius: 280px; */
    clip-path: polygon(10% 0, 100% 0, 100% 90%, 90% 100%, 0 100%, 0 10%);
  }

  .cw-about-us .cw-experience {
    position: absolute;
    bottom: 0;
    background: #fff;
    padding: 2rem;
    text-align: center;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }

  .cw-about-us .cw-about-inner-info {
    /* d-flex align-items-center justify-content-center border p-4 */
    padding: 1.5rem;
    border: 1px solid var(--color-theme-border);
    background: #fff;
    color: #000;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }

  .cw-about-us h3 {
    font-size: 2rem !important;
    font-weight: 800;
  }

  .cw-sub-header {
    background: #e6eeff;
    display: inline-block;
    padding: 16px 20px;
    margin: auto;
    margin-bottom: 12px;
    border-radius: 30px;
    color: var(--color-theme-primary);
  }


/*------- Footer --------*/
.footer {
	padding-top: 0em;
	padding-bottom: 0;
}

.footer-nav-links {
	display: none;
}

.cw-footer {
	position: relative;
	background: #111;
	background-image: linear-gradient(90deg, var(--color-theme-header), #181818cc), url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/30C866D82C293A3D0ACC06ADD2A81674.png);
	background-size: contain;
	padding-top: 3rem;
	text-align: center;
	color: var(--color-theme-text-btn);
}

.cw-footerMenu {
	display: inline-grid;
}

.cw-footer img {
	/* filter: invert(1); */
	width: 250px;
}

.cw-footer h5 {
	font-weight: 800 !important;
	text-transform: capitalize !important;
}

.cw-footer a {
	color: inherit;
}


.cw-footerMenu a {
	font-size: 14px;
	line-height: 26px;
}

.cw-footer .cw-scroll {
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translate(-50%, 0);
}

.cw-footer .cw-to-top {
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	color: inherit;
	font: inherit;
	line-height: inherit;
	cursor: pointer;
}

.foot-head {
	font-weight: 800;
	margin-bottom: 14px;
}

.cw-footer hr {
	margin-top: 2rem;
}

@media(min-width: 768px) {
	.cw-footer {
		text-align: start;
	}
}

/* ------ Back To Top --------*/
/* html {
	scroll-behavior: smooth;
} */

/* div#top {
	position: absolute;
	top: 0;
} */

.cw-to-top span .fa-chevron-up {
	transition: 1s ease-in-out;
}

.cw-to-top:hover span .fa-chevron-up {
	transform: translateY(-4px);
	transition: 1s ease-in-out;
}

/* About Us ========================================================================================================== */
.cw-about-us {
	overflow: hidden;
	padding: 1rem;
}

.page-about-us .cw-about-us {
	margin-top: 3rem;
	margin-bottom: 3rem;
	overflow: hidden;
}

.cw-about-us img:not(.logo-icon) {
	border-radius: 10px;
	box-shadow: 3px 3px 10px rgba(25, 25, 25, .5);
}

/* ------- Service Blocks --------*/


.service-block {
	padding: 4rem 1rem;
	transition: .2s ease-in-out;
	background-position: 50% 150%;
}

.service-block img {
	margin-bottom: 12px;
}

.service-block:hover {
	background: var(--color-theme-primary);
	background-image: linear-gradient(45deg, var(--color-theme-primary), transparent), url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/BF765F1327540851D87ED39E1E4875CF.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
	border-radius: 10px;
	box-shadow: 1px 1px 10px rgba(25, 25, 25, .6);
	transition: .2s ease-in-out;
	border: none;
}

.service-block:hover img {
	filter: contrast(0);
	transition: .2s ease-in-out;
}

.service-block:hover .h3 {
	color: #fff;
	transition: .2s ease-in-out;
}

.service-block:hover p {
	color: #fff;
	transition: .2s ease-in-out;
}

.service-block:hover a {
	color: #fff;
	transition: .2s ease-in-out;
}

.service-block i {
	transition: .2s ease-in-out;
	padding: 1rem;
	border-radius: 50%;
	margin-bottom: 14px;
}

.service-block:hover i {
	transition: .2s ease-in-out;
}

.service-block h2 {
	font-size: 1rem;
}

.service-block hr {
	width: 50%;
	margin: 5px auto;
}

.service-block p {
	font-size: 11px;
}

@media(min-width: 1200px) {
	.service-block h2 {
		font-size: 1.5rem;
	}
}

/* -------------------- Bodystyle icons ---------------------- */

.cw-bodystyle-section {
	padding: 6rem 0 4rem;
	margin-top: -3rem;
	margin-bottom: 6rem;
	background: #1f2828;
	background-image: linear-gradient(90deg, var(--color-theme-primary), #1f2828cc), url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/30C866D82C293A3D0ACC06ADD2A81674.png);
	background-size: contain;
	color: #fff;
}

.cw-bodystyle-section .cw-bodystyle-row {
	padding: 25px 0 15px;
	max-width: 1320px;
	margin: auto;
	gap: 1rem;
	user-select: none;
	overflow: hidden;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: center;
}

.cw-bodystyle-section .cw-body-item {
	display: inline-block;
	flex: 0 0 auto;
	text-align: center;
	font-size: 1.2rem;
	background-color: var(--color-theme-secondary);
	color: var(--color-theme-text-btn);
	padding: 1rem 2rem;
	min-width: 150px;
	transition: all .5s ease;
	border: 2px solid transparent;
	border-radius: 5px;
}

.cw-bodystyle-section .cw-body-item:focus,
.cw-bodystyle-section .cw-body-item:hover {
	transform: scale(1.1);
	border-color: var(--color-theme-text-btn);
}

.cw-bodystyle-section .cw-body-item img {
	margin: auto;
	min-width: 65px;
	max-width: 65px;
}


/* ------ Car Finder ------*/

.cw-carfinder-parallax {
	text-align: center;
	position: relative;
	padding-top: 10em;
	padding-bottom: 10em;
	margin-bottom: 3rem;
	color: #fff;

	background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/A93E71D1B4DFD9CAE0BB9609256FBDAB.jpg);
	background-position: center center;
    background-size: cover;
}

.cw-carfinder-parallax::after {
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	border-radius: 1vw;

}

.cw-carfinder-parallax>* {
	position: relative;
	z-index: 1;
}

@media (min-width: 768px) {
	.cw-carfinder-parallax {
		background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/A93E71D1B4DFD9CAE0BB9609256FBDAB.jpg);
	}

	.cw-carfinder-parallax::after {
		background: rgba(0, 0, 0, .5);
	}
}

/*---- FAQ ----*/
/* Accordion FAQ  */
.cw-faq-section {
	background-size: cover;
	position: relative;
	padding: 1rem 0 6rem;
	overflow: hidden;
}

.cw-faq-section img {
	filter: drop-shadow(0px 3px 6px rgba(25, 25, 25, .6));
}

.cw-faq .collapse-header {
	position: relative;
	padding: 1.1rem 4rem 1.1rem 1em;
	margin-bottom: 10px;
	border-radius: 3rem;
	background: #fff;
	color: #000;
	display: block;
	overflow: hidden;
	font-size: 1.1em;
	font-weight: 700;
}

a.collapse-header[aria-expanded="true"] {
	background: var(--color-theme-primary);
	color: #fff;
}

.cw-faq .collapse-header::before {
	/* content: ""; */
	position: absolute;
	z-index: 0;
	right: 14px;
	top: 16%;
	width: 40px;
	height: 40px;
	background: var(--color-theme-highlight);
	border-radius: 50%;
}

.cw-faq .collapse-header::after {
	content: "+";
	position: absolute;
	z-index: 3;
	right: 1em;
	top: 24%;
	background: var(--color-theme-highlight);
	padding: 10px;
	border-radius: 50%;
	margin: auto;
	font-size: 1.5em;
	line-height: .9rem;
	transition: .5s ease-in-out
}

a.collapse-header[aria-expanded="true"].collapse-header::after {
	transform: rotate(45deg);
	transition: .5s ease-in-out;
	color: #000 !important;
}

.cw-faq .collaspe-content {
	padding: 2rem 1em
}

/* Custom form styling on faq page */
.page-faq .form {
	padding-top: 0;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin: 0 1rem 1rem 1rem
}

@media(max-width: 992px) {
	.cw-faq-section {
		padding: 0;
	}
}

.popular-vehicles-sections {
	padding-bottom: 4rem;
}

.inventoryslideshow-slick a.item__title,
.inventoryslideshow-slick a.item__title:hover {
	color: var(--color-theme-text-btn) !important;
}

.inventoryslideshow-slick .item__card {
	background-color: var(--color-theme-header) !important;
	background-image: linear-gradient(90deg, var(--color-theme-header), #181818cc), url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/30C866D82C293A3D0ACC06ADD2A81674.png);
	background-size: contain;
	color: var(--color-theme-text-btn) !important;
	transition: .5s ease-in-out;
	box-shadow: 1px 4px 10px rgba(25, 25, 25, .8);
	margin: 1rem auto;
	border: none !important;
}

.item__card img {
	transition: .5s ease-in-out;
}

.item__card:hover img {
	transform: scale(1.2);
	transition: .5s ease-in-out;
}

section[class*=page-]:not(.page-home, .page-inventory-details) {
	/* margin-top: 5rem */
}

@media(min-width: 768px) {
	section[class*=page-]:not(.page-home, .page-inventory-details) {
		/* margin-top: 10rem */
	}
}

/* .sitemap {
	padding-top: 10em !important;
}

.tcpp {
	padding-top: 6rem !important;
} */

section:not(.page-home) .title {
	padding-bottom: 1.8em;
	background: #efefef;
	background-image: linear-gradient(45deg, #efefef, #efefefd9), url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/E711020D3FB91FFD9A243660B2B8FE01.png);
	background-size: contain;
	margin: 1rem;
	border-radius: 15px;
	/* margin-top: -8.6rem; */
	/* padding-top: 16.8em; */
}

.form-grid-row>.form-forms-date {
	z-index: unset;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
	section:not(.page-home) .title {
		padding-top: calc(2rem + var(--cw-headerHeight));
		margin-top: calc(-1 * (var(--cw-headerHeight) - .5rem));
	}

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}

@media (max-width: 991px) {
	.inventory .srp-sidebar {
		z-index: 1040;
	}
}


/* -------------------- VDP inventory details ---------------------- */

/* hardcoded backgrounds in modals and sections switched to transparent so hopefully site text comes through */
.inventorydetails .vdp__veh__info__mod .veh__info__item:nth-child(even)[VehicleInfoWidgetCssScope] {
	background: rgba(150, 150, 150, 0.1)
}

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

.inventorydetails .vdp__message__mod.module .vdp__message__wrapper {
	background-color: transparent;
}

/* quick connect and sticky nav */
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-primary,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-primary:focus {
	color: var(--color-theme-text-btn) !important;
}

/* Financing button and most modal buttons */
.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:hover,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:hover:focus,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:not([disabled]):not(.disabled).active,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:not([disabled]):not(.disabled):active,
.inventorydetails .vdp-module-canvas-razor-wrapper .show>.btn-secondary.dropdown-toggle {
	background-color: var(--color-theme-secondary);
	color: var(--color-theme-text-btn) !important;
	border-color: var(--color-theme-secondary)
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:before {
	background: var(--color-theme-secondary)
}

/* loan calc buttons and "Request more pictures" button in modal */
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary {
	border-color: var(--color-theme-primary);
	color: var(--color-theme-primary);
	background-color: var(--color-theme-text-btn)
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover:focus,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:not([disabled]):not(.disabled).active,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:not([disabled]):not(.disabled):active,
.inventorydetails .vdp-module-canvas-razor-wrapper .show>.btn-outline-secondary.dropdown-toggle {
	background-color: var(--color-theme-secondary);
	color: var(--color-theme-text-btn)
}

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-outline-secondary:before {
	background: var(--color-theme-secondary)
}

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


.inventorydetails .sn_business_openclose.open,
.inventorydetails .store__hours .hours__status {
	background-color: var(--color-theme-primary);
	color: var(--color-theme-text-btn);
}