:root {
  --cw-dark: #333333;
}

@media (max-width: 280px) {
  .contact-companyinfo .contact-email .contact-details-info,
  .header .header-business-email,
  .footer .footer-business-email {
    overflow-wrap: anywhere;
  }
}

/* Header */
.header {
  position: relative;
}

.header .navbar-dark .navbar-nav .nav-link {
  text-transform: uppercase;
  font-size: 0.85rem;
  line-height: 32px;
  font-weight: normal;
}

.header .navbar,
.header .navbar.bg-primary {
  /* z-index: 1031; */
}

.dropdown-toggle::after {
  color: var(--color-theme-highlight);
}

.dropdown-toggle.active::after,
.dropdown.active .dropdown-toggle:after {
  color: var(--color-theme-primary);
}

.cw-header-contact {
  padding: 0.75rem;
  text-align: center;
}

.header a.header-business-phone {
  font-weight: 700;
  font-size: 1.25rem;
  padding: 0;
}

.header .header-business-phone:before {
  font-family: FontAwesome;
  content: "\f2a0";
  padding: 8px 10px;
  color: var(--color-theme-highlight);
  font-weight: normal;
  text-shadow: none;
}

.header .container {
  max-width: none;
  /* z-index: 1031; */
}

.header .header-info-logo-img {
  /* position: relative; */
  /* z-index: 1031; */
}

.header .header-info-logo-img img {
  width: 400px;
}

.cw-header-contact .cw-address,
.cw-header-contact .cw-phone {
  display: inline-block;
  color: #fff;
}

.cw-header-contact .cw-phone {
  font-size: 1.25rem;
}

.cw-header-contact .cw-address:before {
  font-family: FontAwesome;
  content: "\f3c5";
  margin-right: 0.5rem;
  font-weight: normal;
  color: var(--color-theme-highlight);
}

.cw-header-contact .cw-phone:before {
  font-family: FontAwesome;
  content: "\f095";
  margin-right: 0.5rem;
  font-weight: normal;
  color: var(--color-theme-highlight);
}

.header .navbar .active > .nav-link {
  color: var(--color-theme-background);
}

.header .dropdown-item {
  font-weight: normal !important;
}

@media (min-width: 992px) {
  /* 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) {
    justify-content: center;
  }

  .header .header-info-logo-img {
    position: absolute;
    /* top: 1rem; */
    left: 0.5rem;
    z-index: 3;
  }

  .header .header-info-logo-img img {
    width: 450px;
  }

  .cw-header-contact {
    position: absolute;
    z-index: 2;
    /* top: 3rem; */
    width: 70%;
    margin-left: 30%;
    text-align: right;
  }

  .cw-header-contact .cw-address,
  .cw-header-contact .cw-phone {
    text-shadow: 0 0 12px #000;
  }

  .cw-header-contact .cw-address:before,
  .cw-header-contact .cw-phone:before {
    text-shadow: 2px 2px #000;
  }

  section:not(.page-home) .header {
    min-height: 300px;
    background: var(--color-theme-background)
      url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/FB1B408E40CF43ACBBD09C2739357C11.jpg)
      no-repeat center;
    background-size: contain;
    background-attachment: fixed;
    background-position: top;
  }

  section:not(.page-home) .header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 50%);
  }

  .header:after {
    content: "";
    z-index: 2;
    position: absolute;
    left: 0;
    /* top: 0; */
    border-bottom: 225px solid transparent;
    border-top: 0 solid transparent;
    border-left: 377px solid var(--color-theme-background);
  }

  section:not(.page-home) .header:after {
    /* top: 0; */
  }

  .navbar-collapse {
    /* justify-content: flex-end !important; */
    /* position: absolute; */
    /* width: calc(100% - 377px); */
    /* right: 0; */
    /* top: 0; */
    /* background: var(--color-theme-primary); */
    /* margin: 0; */
  }

  /* .navbar-collapse:before {
		content: "";
		position: absolute;
		left: -81px;
		top: 0;
		width: 0px;
		height: 0px;
		border-bottom: 0 solid transparent;
		border-top: 48px solid transparent;
		border-right: 81px solid var(--color-theme-primary);
		border-right: 81px solid var(--header-primary);
	} */
}

@media (min-width: 1200px) {
  .header .header-info-logo-img {
    /* position: absolute; */
    top: 1rem;
    /* left: 0.5rem; */
    /* z-index: 3; */
  }

  .header .navbar-nav:not(.navbar-cart) {
    /* set pixels to logo width (or more) */
    max-width: calc(100% - 350px);
    justify-content: center;
  }

  .header:after {
    top: 0;
  }
}

/* Hero */
.cw-hero-section {
  background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/871BBF34BBA3413610AF1E9B758D337E.jpg");
  background-size: cover;
  background-position: center center;
  padding: 10%;
  overflow: hidden;
}

.cw-hero-section h5 {
  color: #fff;
  font-size: 3rem;
  font-weight: 800;
  text-shadow: 2px 2px 2px var(--cw-dark);
  text-align: right;
}

.carousel-inner .item {
  overflow: hidden;
}

@media (min-width: 992px) {
  .cw-hero-section h5 {
    font-size: 7rem;
  }
}

/* ----------Home Page Button Section ---------- */
.cw-stripe-bkg {
  background: linear-gradient(
    135deg,
    var(--color-theme-background) 55%,
    var(--cw-dark) 55%,
    var(--cw-dark) 70%,
    var(--color-theme-background) 70%
  );
  padding: 2% 0;
  overflow: hidden;
}

.cw-btn-section {
  padding: 2% 0 0;
}

.cw-btn {
  position: relative;
  display: block;
  margin: 0.4em auto;
  padding: 0.8em 10% 0.6em;
  border-radius: 10px;
  border: 3px solid var(--color-theme-primary);
  color: #fff;
  font-family: "Josefin Sans", sans-serif;
  text-transform: uppercase;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.cw-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--color-theme-primary);
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.cw-btn:hover,
.cw-btn:focus,
.cw-btn:active {
  color: #fff;
}

.cw-btn:hover:before,
.cw-btn:focus:before,
.cw-btn:active:before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

.cw-btns {
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .cw-btns {
    flex-direction: row;
    justify-content: space-around;
  }

  a.cw-btn {
    font-size: 1.25em;
  }
}

/*---------- Advantages Section ----------*/
.cw-advantages-section {
  padding: 0 0 2%;
}

.cw-advantages-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cw-advantages-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  padding: 0 15px;
}

.cw-advantages-img {
  -webkit-box-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  padding-right: 2%;
}

.cw-advantages-section h5 {
  color: var(--color-theme-primary);
  font-size: 1.5em;
}

.cw-advantages-section p {
  color: #fff;
  font-size: 1.25em;
}

.cw-advantages-section p a {
  color: var(--color-theme-primary);
}

.cw-advantages-section p a:hover {
  color: #fff;
}

@media (min-width: 440px) {
  .cw-advantages-img {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
  }
}

@media (min-width: 768px) {
  .cw-advantages-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 48%;
    -ms-flex: 48%;
    flex: 48%;
    max-width: 48%;
  }

  .cw-advantages-img {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
  }
}

@media (min-width: 992px) {
  .cw-advantages-img {
    -webkit-box-flex: 30%;
    -ms-flex: 30%;
    flex: 30%;
  }
}

/* Inventory Search Module */
.inventory-search-module {
  background-color: var(--cw-dark);
  padding: 10px;
  color: #fff;
  font-weight: 950;
  margin-top: 0 !important;
  text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.25);
}

/* Home Page Welcome Section */
.cw-welcome-section {
  background: linear-gradient(
    45deg,
    var(--cw-dark) 30%,
    var(--color-theme-background) 30%,
    var(--color-theme-background) 45%,
    var(--cw-dark) 45%
  );
  padding: 10% 0 3%;
}

.page-about-us .cw-welcome-section {
  padding: 3% 0;
}

@media (min-width: 992px) {
  .cw-welcome-section {
    margin-top: -10%;
  }

  .page-about-us .cw-welcome-section {
    margin-top: 0;
  }
}

.cw-welcome-section p {
  color: #fff;
  font-size: 1.25em;
}

.cw-welcome-section p a {
  color: var(--color-theme-primary);
}

.cw-welcome-section p a:hover {
  color: #fff;
}

@media (min-width: 992px) {
  .cw-welcome-section .cw-flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

/*----------Home Page Testimonials Section ---------- */
:root {
  --star: var(--color-theme-primary);
}

.cw-title-section .cw-title-preline {
  font-size: 3rem;
  position: relative;
  z-index: 2;
  color: var(--color-theme-text);
  display: inline-block;
  margin-bottom: 0;
  font-weight: 500 !important;
}

.cw-title-section .cw-title {
  font-size: 3.5rem;
  line-height: 0.9;
  font-weight: 700;
  margin-bottom: 10px;
  color: var(--color-theme-text);
  display: block;
}

@media (max-width: 1199px) {
  .cw-title-section .cw-title-preline {
    font-size: 2.5rem;
  }

  .cw-title-section .cw-title {
    font-size: 3rem;
  }
}

@media (max-width: 767px) {
  .cw-title-section .cw-title-preline {
    font-size: 2rem;
  }

  .cw-title-section .cw-title-preline::before {
    background-size: 45px 30px;
    width: 45px;
    height: 30px;
    left: -34px;
    top: 2px;
  }

  .cw-title-section .cw-title {
    font-size: 3rem;
  }
}

@media (max-width: 575px) {
  .cw-title-section .cw-title-preline {
    font-size: 1.75rem;
  }

  .cw-title-section .cw-title-preline::before {
    background-size: 35px 25px;
    width: 35px;
    height: 30px;
    left: -26px;
    top: 3px;
  }

  .cw-title-section .cw-title {
    font-size: 2.5rem;
  }
}

.cw-testimonials .cw-testimonial-item {
  border: 1px solid var(--border);
  border-radius: 25px;
  padding: 6%;
  -webkit-filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15));
  filter: drop-shadow(0 8px 1px rgba(0, 0, 0, 0.15));
  margin-bottom: 25px;
}

.cw-testimonial-item {
  background-color: var(--color-theme-secondary) !important;
}

.cw-testimonials .cw-testimonial-item .cw-testimonial-name {
  font-size: 1.25em;
  font-weight: 700;
}

.cw-testimonials .cw-testimonial-item .cw-testimonial-date {
  font-size: 1em;
}

.cw-testimonials .cw-testimonial-item .cw-testimonial-title {
  font-size: 1.5rem;
  font-weight: 700;
}

.cw-testimonials .cw-testimonial-item .cw-testimonial-text p {
  font-size: 1em;
}

.cw-testimonials .cw-testimonial-item .cw-testimonial-text p:last-of-type {
  margin-bottom: 0;
}

.cw-testimonials .cw-testimonial-item .cw-testimonial-stars {
  margin-bottom: 10px;
}

.cw-testimonials .cw-testimonial-item i {
  padding-right: 2px;
  color: var(--star);
}

@media (max-width: 576px) {
  .cw-testimonials .cw-testimonial-item {
    padding: 25px;
  }
}

/* btn below testimonials section */
.cw-btn2-section {
  padding: 2% 0;
  background-color: var(--color-theme-primary);
}

.cw-btn2 {
  position: relative;
  display: block;
  margin: 0.4em auto;
  padding: 0.8em 10% 0.6em;
  border-radius: 10px;
  color: #fff;
  font-family: "Josefin Sans", sans-serif;
  text-transform: uppercase;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  background: var(--color-theme-highlight);
  -webkit-transition-property: color;
  -o-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.cw-btn2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--color-theme-primary);
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.cw-btn2:hover,
.cw-btn2:focus,
.cw-btn2:active {
  color: #fff;
}

.cw-btn2:hover:before,
.cw-btn2:focus:before,
.cw-btn2:active:before {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

@media (min-width: 768px) {
  a.cw-btn2 {
    font-size: 1.25em;
  }
}

/* ----------Popular Vehicles Section ---------- */
.popular-vehicles-sections {
  margin-top: 50px;
}

.popular-vehicles-section h2 {
  color: var(--color-theme-primary);
}

/* ----------Vehicle Information Page---------- */
.page-inventory-details .cw-title {
  color: var(--color-theme-text);
}

.page-inventory-details
  .vdp__title__mod
  .veh__price__mileage__wrapper
  .veh__price[VehicleHeadingWidgetCssScope] {
  color: var(--color-theme-highlight);
}

.page-inventory-details .desc__content .veh__desc {
  color: var(--color-theme-text);
}

.page-inventory-details .vdp-module-canvas-razor-wrapper a,
.page-inventory-details .vdp-module-canvas-razor-wrapper .btn-link {
  /* color: var(--color-theme-highlight) */
}

.inventorydetails
  .vdp__veh__info__mod
  .veh__info__item:nth-child(even)[VehicleInfoWidgetCssScope] {
  background: rgba(150, 150, 150, 0.1);
}

.vdp-module-canvas-razor-wrapper .btn {
  color: inherit;
}

/* VDP */
.page-inventory-details .builder-canvas__sticky-container {
  background: var(--cw-dark);
  color: #fff;
  padding-top: 1%;
}

/* ----------Reviews---------- */

/* .grid {
	--gap: 1em;
	max-width: 60rem;
	margin: 0 auto;
	display: column;
	columns: var(--columns);
	gap: var(--gap);
}

.grid>* {
	break-inside: avoid;
	margin-bottom: var(--gap);
}

@supports (grid-template-rows: masonry) {
	.grid {
		display: grid;
		grid-template-columns: repeat(var(--columns), 1fr);
		grid-template-rows: masonry;
		grid-auto-flow: dense;
	}

	.grid>* {
		margin-bottom: 0em;
	}
}

@media (max-width:576px) {
	.grid {
		--columns: 1;
	}
}

@media (min-width:768px) {
	.grid {
		--columns: 2;
	}
}

@media (min-width:992px) {
	.grid {
		--columns: 4
	}
}

.flow>*+* {
	margin-top: var(--flow-space, var(--spacer));
}

.cw-review {
	padding: 2em;
	box-shadow: 0 0 3em rgba(0, 0, 0, 0.15);
	background: var(--color-theme-background);
	border: 3px solid var(--color-theme-highlight)
} */

/* ----------Footer---------- */
.cw-footer-section {
  padding: 2%;
  position: relative;
  background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/837A81EA446EC7CE848B0ADA966DBA92.jpg");
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.cw-footer-section:before {
  overflow: hidden;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0, 0.65);
}

.cw-footer-section .container-fluid {
  position: relative;
  z-index: 1;
}

/* Hours Section */
.cw-footer-section .cw-footer-hours {
  padding: 2%;
  line-height: 0.75;
}

.cw-footer-section .cw-footer-hours .c-table {
  color: #fff;
  font-size: 1.25em;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .cw-footer-hours table {
    justify-content: center;
    display: flex;
  }
}

/* Contact Section */
.cw-footer-section .cw-footer-contact {
  padding: 2%;
}

.cw-footer-section .cw-footer-contact i {
  color: var(--color-theme-primary);
  font-size: 1.5em;
  margin-right: 0.5em;
}

.cw-footer-section .cw-footer-contact h5 a {
  color: #fff;
  font-size: 1.5em;
  transition: all 0.3s ease-in-out;
  line-height: 2.5em;
}

.cw-footer-section .cw-footer-contact h5 a:hover {
  color: var(--color-theme-primary);
}

.cw-footer-section .cw-footer-contact h6 a {
  color: #fff;
  font-size: 1.5em;
  transition: all 0.3s ease-in-out;
}

.cw-footer-section .cw-footer-contact h6 a:hover {
  color: var(--color-theme-primary);
}

.cw-footer-section .cw-footer-contact p {
  color: #fff;
  font-size: 1.25em;
  transition: all 0.3s ease-in-out;
  margin: 2em;
}

@media (max-width: 280px) {
  .cw-footer-section .cw-footer-hours {
    line-height: 1.25;
  }
}

@media (min-width: 1200px) {
  .cw-footer-section .cw-footer-hours .c-table {
    font-size: 1.15em;
  }
}

@media (min-width: 1400px) {
  .cw-footer-section .cw-footer-hours .c-table {
    font-size: 1.25em;
  }
}

.business-hours .today {
  color: var(--color-theme-primary) !important;
}

/* About Page */
@media (min-width: 1400px) {
  .cw-about-page .cw-about-details {
    border-right: solid 2px var(--color-theme-border);
  }
}

@media (min-width: 992px) {
  .header .dropdown-menu[data-bs-popper] {
    /* make navbar dropdowns right aligned so they don't go off page when navbar is right aligned */
    left: unset;
    right: 0;
  }
}

.vdp-module-canvas-razor-wrapper .btn-outline-secondary {
  border-color: #0070df !important;
  color: #0070df !important;
}