@import "https://fonts.googleapis.com/css2?family=Righteous&display=swap";

.contact-companyinfo .contact-details-info,
.header .header-business-email,
.footer .footer-business-email {
  overflow-wrap: anywhere;
}

:root {
  --headerfont: "Righteous", sans-serif;
  --bodyfont: "Nunito Sans", sans-serif;
  --cw-accent: #c5060d;
  --cw-star: #ddaf0d;
}

.font-body,
.font-body-Montserrat,
.font-body-Montserrat .contact-details,
.font-body-Montserrat .gallery-img-text,
.font-body-Montserrat .label-frms,
.font-body-Montserrat .products .filter-item label.form-check-label,
.font-body-Montserrat .form-text,
.font-body-Montserrat .form label,
.font-body-Montserrat .businessinfo label {
  font-family: var(--bodyfont);
}

.font-body-Montserrat .form label {
  font-weight: 700;
}

.font-body-Montserrat .eCommerce label,
.font-body-Montserrat .products .product-price-range-text,
.font-body-Montserrat .address-type,
.font-body-Montserrat .font-bold,
.font-body-Montserrat .header .nav-link,
.font-body-Montserrat .header .dropdown-item,
.font-body-Montserrat .footer .nav-link,
.font-body-Montserrat .footer .dropdown-item,
.font-body-Montserrat .gallery .gallery-img-wrap,
.font-body-Montserrat .btn,
.font-body-Montserrat .product-results,
.font-body-Montserrat .btn-link,
.font-body-Montserrat .employees .employees-title,
.font-body-Montserrat .page-item.active .page-link,
.font-body-Montserrat .modal-success .modal-title {
  font-family: var(--bodyfont);
}

.font-header,
.font-body-Montserrat .btn,
.font-header-Montserrat .error-title,
.font-header-Montserrat .header .header-business-name,
.font-header-Montserrat .header .navbar-brand,
.font-header-Montserrat .footer .footer-business-name,
.font-header-Montserrat .title .title-heading,
.font-header-Montserrat .businessinfo .contact-title,
.font-header-Montserrat .employees .employees-name,
.font-header-Montserrat h5.modal-title,
.font-header-Montserrat .gallery .gallery-album-name,
.font-header-Montserrat .list .list-text-title,
.font-header-Montserrat .productslideshow .productslideshow-title-heading,
.font-header-Montserrat
  .productslideshow
  .productslideshow-item
  h3.product-title,
.font-header-Montserrat .detailedlist .detailedlist-item-title,
.font-header-Montserrat .products-loading-container .loader-text,
.font-header-Montserrat .products .filter-item-title,
.font-header-Montserrat .shoppingcart .shoppingcart-titles,
.font-header-Montserrat .productdetails-bottom .nav-tabs .nav-item.nav-link,
.font-header-Montserrat .eCommerce .shoppingcart-titles,
.font-header-Montserrat h1,
.font-header-Montserrat h2,
.font-header-Montserrat h3,
.font-header-Montserrat h4,
.font-header-Montserrat h5,
.font-header-Montserrat h6 {
  font-family: var(--headerfont);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-transform: uppercase;
  letter-spacing: 0.01rem;
  font-weight: 400 !important;
}

.font-header,
.font-body-Montserrat .btn,
.am-title .pg-title,
.font-header-Montserrat h5.modal-title {
  font-style: italic;
}

.slick-arrow i.fa-chevron-left::before {
  margin-left: 0;
}

.slick-arrow i.fa-chevron-right::before {
  margin-right: 0;
}

p {
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.btn {
  border-radius: 0.4vw;
}

.btn-group-lg > .btn,
.btn-lg,
.btn:not(.slick-arrow):not(.btn-xs):not(.btn-md):not(.dropdown-toggle):not(
    .sn_more_btn
  ) {
  /* padding: .8rem 1rem; */
  /* font-size: 1rem; */
  /* line-height: 1.5; */
  /* letter-spacing: .02rem */
}

.btn-accent {
  background: var(--cw-accent);
  border-color: var(--cw-accent);
}

.primary-bg {
  background: var(--color-theme-primary);
  color: var(--color-theme-text);
}

.dark-bg {
  background: var(--color-theme-secondary);
  color: var(--color-theme-text);
}

.star-color {
  color: var(--cw-star);
}

.form-select {
  padding: 0.9rem 2.25rem 0.9rem 0.9rem;
  border-radius: 0.4vw;
}

.form-forms-address,
.form-forms-fullName,
.form-grid-row {
  align-items: flex-start;
}

.star-rating label.star-active .fa,
.star-rating label.star-active ~ label .fa {
  font-weight: 700;
  color: var(--cw-star) !important;
}

.star-rating label.star-active:hover ~ label,
.star-rating label.star-active ~ label:hover,
.star-rating label:hover,
.star-rating label:hover ~ label {
  color: var(--cw-star) !important;
}

.form-control {
  border-radius: 0.2vw;
}

.help-block {
  background-color: transparent;
  color: #c5060d;
}

.help-block::before {
  color: #c5060d;
}

.dropzone .btn {
  margin-right: 0.4rem;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(
    .input-group-btn
  ) {
  background: 0 0 !important;
  width: 100% !important;
  border: 0 !important;
  padding: 0 !important;
}

.bootstrap-select button.btn.dropdown-toggle.form-control {
  font-style: normal;
  text-transform: none;
}

.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select > select.mobile-device:focus + .dropdown-toggle {
  outline: 0 !important;
}

.modal-header {
  background: var(--color-theme-primary) !important;
  color: var(--color-theme-text-btn) !important;
  padding: 1rem !important;
}

.modal-content {
  color: var(--color-theme-text);
  border-color: var(--color-theme-primary) !important;
}

.modal-title {
  color: var(--color-theme-text-btn) !important;
}

.modal-header .btn-close {
  color: var(--color-theme-text-btn) !important;
  opacity: 1;
  margin-right: 0.3rem;
}

.modal-header .btn-close {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nI2ZmZic+PHBhdGggZD0nTS4yOTMuMjkzYTEgMSAwIDAxMS40MTQgMEw4IDYuNTg2IDE0LjI5My4yOTNhMSAxIDAgMTExLjQxNCAxLjQxNEw5LjQxNCA4bDYuMjkzIDYuMjkzYTEgMSAwIDAxLTEuNDE0IDEuNDE0TDggOS40MTRsLTYuMjkzIDYuMjkzYTEgMSAwIDAxLTEuNDE0LTEuNDE0TDYuNTg2IDggLjI5MyAxLjcwN2ExIDEgMCAwMTAtMS40MTR6Jy8+PC9zdmc+);
}

.modal-header .btn-close:hover,
.modal-header .btn-close:focus,
.modal-header .btn-close:active {
  color: var(--color-theme-text-btn) !important;
}

.roundedcorner {
  border-radius: 1vw;
}

.roundedcorner-top {
  border-radius: 0.8vw 0.8vw 0 0;
}

.header .navbar.bg-primary,
.header .navbar {
  background: 0 0 !important;
}

.header .navbar .dropdown-menu {
  border-radius: 0.5vw;
  background: var(--color-theme-background);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.2);
}

.header .navbar {
  border-radius: 0 0 1rem 1rem;
}

.cw-header-info {
  background-color: var(--color-theme-primary);
  color: var(--color-theme-text-btn);
  margin: 1rem;
  font-weight: 700;
  padding: 0.3rem 1.5rem 0.5rem;
  text-align: center;
}

.header .navbar {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  width: auto;
  z-index: 1030;
}

.page-inventory-details .header .navbar {
  position: unset;
  z-index: unset;
}

@media (max-width: 991px) {
  section:not(.page-home) .cw-header-info {
    display: none;
  }

  .header .navbar.bg-primary,
  .header .navbar {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.2);
  }
}

@media (min-width: 992px) {
  .cw-header-info {
    position: relative;
    z-index: 1031;
    margin: 0;
    border-radius: 0;
    padding: 0.5rem 1rem;
    display: block;
    background-image: linear-gradient(45deg, #000, #444, #000, #333);
    color: #fff;
    border-bottom: 4px solid var(--color-theme-primary);
    text-align: right;
  }

  .page-inventory-details .cw-header-info {
    position: unset;
    z-index: unset;
  }
}

.header .navbar .navbar-nav .nav-link,
.header .dropdown-item {
  border-radius: 0.5vw;
  overflow: hidden;
}

.header .navbar .active > .nav-link,
.header .navbar .show > .nav-link,
.header .navbar .dropdown-item.active,
.header .navbar .dropdown-item:active {
  background-color: var(--cw-accent);
}

.header .navbar-dark .navbar-nav > .active .nav-link {
  color: #fff !important;
}

.header .nav-link::before,
.header .navbar .dropdown-item::before {
  display: none;
}

.header .navbar .nav-link,
.header .nav-link-cart,
.navbar-dark .dropdown-item {
  -webkit-transition: all 150ms 50ms ease-in-out;
  -moz-transition: all 150ms 50ms ease-in-out;
  -o-transition: all 150ms 50ms ease-in-out;
  transition: all 150ms 50ms ease-in-out;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .dropdown-item:focus,
.navbar-dark .dropdown-item:hover {
  background: var(--color-theme-highlight);
  color: var(--color-theme-text-btn);
}

.navbar-dark .dropdown-item.active,
.navbar-dark .dropdown-item:active {
  color: var(--color-theme-text-btn);
}

.header .navbar .dropdown-item:hover {
  opacity: 1;
}

.header .navbar .dropdown-item {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
}

@media (min-width: 992px) {
  .header .header-container {
    display: flex;
    flex-flow: column-reverse;
  }

  .navbar .container {
    max-width: 100%;
    align-items: flex-start;
  }

  .navbar-collapse {
    flex-grow: initial;
  }

  .header .nav-link-cart,
  .header .navbar .nav-link,
  .header .dropdown-item {
    line-height: 30px;
  }

  .header .navbar .dropdown-item {
    text-align: left;
  }

  .header .navbar-expand-lg .navbar-nav {
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

@media (min-width: 1200px) {
  .header li.nav-item {
    margin-right: 10px;
  }

  .header li.nav-item:last-of-type {
    margin-right: 0;
  }
}

@media (max-width: 991px) {
  .navbar .container {
    text-align: center;
    max-width: 100%;
  }

  .header .navbar .navbar-collapse .navbar-nav {
    margin-top: 1rem;
  }
}

.header .navbar-toggler {
  background: var(--color-theme-secondary);
  border-color: var(--color-theme-text-btn);
  border-radius: 3rem;
  padding: 0.3rem 1.3rem 0.4rem;
}

.header .navbar-toggler:hover {
  background: var(--color-theme-highlight);
}

.header .toggle .icon-bar {
  background-color: var(--color-theme-text-btn);
}

.phone-link {
  color: var(--color-theme-text);
}

:root {
  --cw-headerHeight: 140px;
}

.title {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1em;
  padding-bottom: 1em;
  text-align: left;
  color: var(--color-theme-text);
}

@media (min-width: 768px) {
  .title {
    padding-top: 1.8em;
    padding-bottom: 1.8em;
    text-align: center;
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.4), transparent),
      url(https://s3.amazonaws.com/fcwebmanager/Abstract/SmartSites/HeroImages/0/abstract_05.jpg);
    background-position: center;
    background-size: auto;
    color: #fff;
  }
}

@media (min-width: 992px) {
  .title {
    margin-top: calc(-1 * var(--cw-headerHeight));
    padding-top: calc(1rem + var(--cw-headerHeight));
  }
}

@media (min-width: 1200px) {
}

/* buttons just used in the hero so far */
.cw-btn-invert {
  background-color: var(--color-theme-text-btn);
  color: var(--color-theme-primary);
}

.cw-btn-invert:hover {
  background-color: var(--color-theme-highlight);
  color: var(--color-theme-text-btn);
}

/* -------------------- Hero ---------------------- */
.cw-hero {
  overflow: hidden;
  background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/CF461BDEF3AD0E1115E43CABB0F8C211.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  position: relative;
  padding: 1rem 1rem;
}

.cw-hero:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
}

.cw-hero .cw-hero-content {
  position: relative;
  z-index: 2;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

.cw-hero h1 {
  font-size: calc(1.4rem + 2vw);
  line-height: 1.05;
}

.cw-hero .cw-vertical-divider {
  display: none;
}

@media (min-width: 992px) {
  .cw-hero {
    position: relative;
    z-index: 1;
    padding: 0;
    margin-top: calc(-1 * var(--cw-headerHeight));
    padding-top: var(--cw-headerHeight);

    /* height: 700px;*/
    min-height: 700px;
    display: flex;
    align-items: flex-end;
  }

  .cw-hero .cw-hero-content {
    /* max-width: clamp(300px, 40%, 700px); */
    margin-left: 0;

    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 1.5rem;
  }
}

@media (min-width: 1200px) {
  .cw-hero {
  }

  .cw-hero .cw-hero-content {
    max-width: clamp(300px, 40%, 700px);
    height: 100%;
  }

  .cw-hero:after {
    /* display: none; */
    background: transparent;
    background-image: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 10%,
      rgba(0, 0, 0, 0.05) 20%,
      rgba(0, 0, 0, 0) 100%
    );
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .cw-hero h1 {
    font-size: 3rem;
  }

  .cw-hero .cw-vertical-divider {
    position: absolute;
    z-index: -1;
    left: -1px;

    bottom: 0;
    margin-bottom: 0px;
    min-height: 100%;
    height: 700px;
    width: calc(110% + 120px);

    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .cw-hero .cw-vertical-divider .cw-divider-svg {
    display: block;
    width: 100%;
    min-height: 300%;
    margin-bottom: -45%;
    fill: var(--color-theme-primary);
  }

  .cw-hero .cw-vertical-divider .cw-divider-top {
    fill: #000;
  }
}

/* -------------------- End Hero ---------------------- */

.crate {
  text-align: center;
  position: relative;
}

.inventoryslideshow .inventory-title {
  font-size: 1.1rem !important;
}

.inventoryslideshow .card a:hover {
  color: var(--color-theme-text);
}

.inventoryslideshow-btn .btn {
  padding: 0.8rem 2rem !important;
  font-size: 1.3rem !important;
  line-height: 1.5 !important;
  letter-spacing: 0.02rem !important;
}

.inventoryslideshow .card,
.inventoryslideshow .price-block {
  background: #c5060d;
}

.inventoryslideshow .card .card-body {
  background: #060606;
}

.inventoryslideshow .price-block .label {
  display: none;
}

.inventoryslideshow .price-block .value {
  font-family: var(--headerfont);
  font-weight: 400 !important;
  color: #fff !important;
}

.inventoryslideshow .price-block {
  background: var(--cw-accent) !important;
  color: var(--color-theme-background) !important;
}

.inventoryslideshow .price-block {
  background: var(--cw-accent) !important;
  color: var(--color-theme-background) !important;
  position: absolute !important;
  padding: 0.3rem 0.7rem !important;
  top: -37px !important;
  right: 10px;
}

.inventoryslideshow .card-top-img {
  background-color: #fff !important;
}

ul.features-list {
  padding: 0.2em !important;
}

.inventoryslideshow .card-body .text-center {
  text-align: left !important;
  margin-top: 0.5rem;
}

/* -------------------- Homepage Faq ---------------------- */
.cw-home-faq {
  background-image: linear-gradient(0deg, #262626, transparent),
    url(https://s3.amazonaws.com/fcwebmanager/Abstract/SmartSites/HeroImages/0/abstract_05.jpg);
  background-size: contain;
}

.bodystyle-button-text {
  color: var(--color-theme-text);
  position: relative;
  top: 0;
  height: 100%;
  width: 100%;
  display: block;
  height: auto;
  transition: 0.25s ease-in;
  transition-delay: 0.1s;
  z-index: 5;
  font-weight: 700;
}

.bodystyle-link {
  position: relative;
  display: block;
}

.bodystyle-link .bodystyle-link-img {
  position: relative;
  z-index: 5;
  max-width: 200px;
  margin: auto;
  transition: 0.3s ease-in-out;
}

.bodystyle-button {
  margin-top: -3.5rem;
  width: 100%;
  padding: 2.7rem 2rem 0.7rem;
  text-align: center;
  display: block;
  position: relative;
  will-change: transform;
  background: var(--color-theme-background);
  border: 1px solid var(--color-theme-border);
  border-radius: 0.5vw;
  transition: 0.3s ease-in-out;
  transition-delay: 0.35s;
  overflow: hidden;
  z-index: 1;
}

.bodystyle-button:before {
  content: "";
  display: block;
  background: var(--color-theme-primary);
  position: absolute;
  width: 200%;
  height: 500%;
  border-radius: 100%;
  transition: 0.8s cubic-bezier(0.4, 0, 1, 1);
  z-index: 3;
}

.bodystyle-button:after {
  content: "";
  display: block;
  background: var(--color-theme-highlight);
  position: absolute;
  width: 300%;
  height: 600%;
  border-radius: 100%;
  transition: 0.4s cubic-bezier(0.4, 0, 1, 1);
  z-index: 2;
}

.bodystyle-link:hover .bodystyle-button .bodystyle-button-text {
  color: var(--color-theme-text-btn);
}

.bodystyle-link:hover .bodystyle-button {
  color: transparent;
}

.bodystyle-link .bodystyle-button:before {
  transform: translate(-110%, -80%) translateZ(0);
}

.bodystyle-link:hover .bodystyle-button:before {
  transform: translate(-45%, -34%) translateZ(0);
}

.bodystyle-link .bodystyle-button:after {
  transform: translate(-110%, -80%) translateZ(0);
}

.bodystyle-link:hover .bodystyle-button:after {
  transform: translate(-55%, -54%) translateZ(0);
}

.footer-info-business
  a:not(.footer-business-phone):not(.footer-business-email) {
  padding: 0.8rem 1.5rem;
}

.footer a {
  border-radius: 0.8vw;
}

.footer .nav-link {
  line-height: 1.7;
}

.footer .dropdown-item:hover,
.footer a:not(.footer-business-phone):not(.footer-business-email):hover {
  background: var(--color-theme-highlight);
  color: var(--color-theme-text-btn);
}

.footer .dropdown-item,
.footer .nav-link {
  display: block;
  padding-left: 1rem;
  padding-right: 1rem;
}

.inventory {
  padding-top: 0 !important;
  --cw-lighter-bg: color-mix(
    in srgb,
    var(--inventory-background) 96%,
    var(--inventory-text)
  );
}

.inventory .card-header {
  background: var(--color-theme-secondary) !important;
  color: var(--color-theme-text-btn) !important;
  position: relative;
}

.srp-sidebar .card-header::before {
  content: "";
  height: 3px !important;
  background: var(--color-theme-primary);
  border: 0 !important;
  position: absolute;
  width: 100%;
  display: block;
  left: 0 !important;
  bottom: 0;
  right: 0;
}

.inventory .btn-link.btn-clear-filter {
  color: var(--color-theme-text) !important;
  padding: 0.5rem 1rem;
  background: var(--color-theme-primary);
  text-decoration: none;
  border-radius: 0.4vw;
  font-style: italic;
  font-family: var(--headerfont);
  text-transform: uppercase;
  letter-spacing: 0.01rem;
  font-weight: 400 !important;
}

.inventory .btn-link.btn-clear-filter:hover,
.inventory .btn-link.btn-clear-filter:hover:focus {
  background-color: var(--color-theme-highlight);
  color: var(--color-theme-text-btn) !important;
  border-color: var(--color-theme-highlight);
}

.inventory .btn-link.btn-clear-filter.active:before,
.inventory .btn-link.btn-clear-filter:active:before,
.inventory .btn-link.btn-clear-filter:hover:before {
  right: 0;
}

.inventory .btn-link.btn-clear-filter:before {
  background: var(--color-theme-highlight);
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 100%;
  top: 0;
  z-index: -1;
  transition: all 0.3s ease;
}

.inventory-histogram-label .stop-top {
  stop-color: var(--color-theme-primary);
  stop-opacity: 1;
}

.inventory .carousel-indicators [data-bs-target] {
  background-color: var(--color-theme-primary) !important;
}

body .inventory .vehicle-card.layout-1 .price-mileage-block .value {
  font-family: var(--headerfont);
  font-weight: 400;
}

.inventory .vehicle-card.layout-1 .price-mileage-block .value .dollar-symbol {
  left: -3px;
  font-size: 0.8em;
}

.inventory .vehicle-card.layout-1 .price-mileage-block {
  border-radius: 0.4vw;
}

.filter-widget .filter-body,
.inventory .vehicle-card.layout-1 .price-mileage-block {
  background: var(--color-theme-primary) !important;
  border: 0 !important;
}

.inventory .vehicle-card .btn {
  padding: 0.6em 1.3em !important;
  background: #020202 !important;
  border: 0;
}

body .inventory .srp-sidebar .card-header .card-title {
  font-family: var(--headerfont);
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.3em;
}

.inventory-cta .btn.btn-primary.d-flex.flex-column:hover {
  color: var(--color-theme-text-btn) !important;
}

.inventory [type="checkbox"]:checked + label::before {
  background: var(--color-theme-primary) !important;
}

.inventory [type="checkbox"] + label::after,
.inventory [type="radio"] + label::after {
  background: var(--color-theme-primary) !important;
}

.inventory .col-12.col-lg-11.col-xl-10 {
  width: 98%;
}

.inventory .financing a {
  color: var(--color-theme-header);
  font-size: 0.8rem;
}

.inventory .p-veh-card .card-body {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
}

.inventory .inventory-card-view .p-veh-card .card-top-img {
  background-color: var(--inventory-background);
}

.inventory .p-veh-card .card-top-img a {
  display: block;
}

.inventory .inventory-card-view .p-veh-card .card-top-img img {
  background-color: transparent;
}

.inventory .p-veh-card .carousel-indicators {
  background: var(--color-theme-background);
  background-color: color-mix(
    in srgb,
    var(--inventory-background) 70%,
    transparent
  );
  margin-bottom: 0;
  bottom: 0;
}

body .inventory .card {
  color: var(--inventory-text);
  background: #232323;
  border-color: #232323;
  background: var(--cw-lighter-bg, #232323);
  border-color: var(--cw-lighter-bg, #232323);
  border-bottom: 4px solid var(--color-theme-primary);
  border-radius: 1em;
  overflow: hidden;
}

.inventory .inventory-cta {
  background: #020202;
  padding-top: 1em !important;
}

.inventory .filter-subsection {
  padding: 20px;
  border-bottom: 1px solid #111;
  border-radius: 1em;
}

.inventory .srp-sidebar .filter-item-title::before {
  color: var(--inventory-primary) !important;
}

.inventory .srp-sidebar a.filter-subsection-title::before {
  color: var(--inventory-primary) !important;
}

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

  .inventory .filter-widget .close-filter {
    margin-left: 1rem;
    padding: 1px 0.5rem;
  }
}

@media (min-width: 992px) {
  .srp-sidebar {
    left: 0 !important;
  }
}

/* --------------------VDP / Inventory Details page ---------------------- */
.inventorydetails .vdp__container {
  max-width: 100%;
}

@media (min-width: 1300px) {
  .inventorydetails .vdp__container {
    padding: 0 2rem;
  }
}

.inventorydetails .disclaimerText {
  color: inherit;
}

.inventorydetails .vdp-module-canvas-razor-wrapper .module {
  margin-top: 1.6rem;
}

.inventorydetails .vdp__title__mod.module {
  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;
  padding: 2rem;
  color: var(--color-theme-text-btn);
  border-radius: 0.5rem;
  background-image: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/34CE4DD4CE5D9A1D4149107E75E12BBC.jpg);
  background-position: center -250px;
  border-bottom: 3px solid #ed1c24;
}

.inventorydetails .vdp__title__mod.module::after {
  overflow: hidden;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.5);
}

.inventorydetails .vdp__title__mod .d-flex {
  position: relative;
  z-index: 2;
  align-items: center !important;
}

.inventorydetails .vdp__title__mod .veh__trim[VehicleHeadingWidgetCssScope] {
  display: inline-block;
}

.inventorydetails
  .vdp__title__mod
  .veh__generation[VehicleHeadingWidgetCssScope] {
  display: inline-block;
  color: var(--color-theme-text-btn);
}

.inventorydetails .vdp__title__mod .veh__price[VehicleHeadingWidgetCssScope] {
  font-family: var(--headerfont) !important;
  color: var(--color-theme-text-btn) !important;
  font-weight: 400 !important;
}

.inventorydetails
  .vdp__title__mod
  .veh__price__mileage__wrapper
  .veh__price
  sup[VehicleHeadingWidgetCssScope] {
  top: -15px !important;
}

.inventorydetails .vdp__title__mod .veh__mileage[VehicleHeadingWidgetCssScope] {
  color: var(--color-theme-text-btn) !important;
}

.inventorydetails .vdp__title__mod h1.veh__title[VehicleHeadingWidgetCssScope] {
  text-align: center;
  font-size: 2.25em;
  margin-top: 15px;
  font-style: italic;
}

@media (min-width: 576px) {
  .inventorydetails
    .vdp__title__mod
    h1.veh__title[VehicleHeadingWidgetCssScope] {
    text-align: left;
  }
}

@media (min-width: 1200px) {
  .inventorydetails
    .vdp__title__mod
    h1.veh__title[VehicleHeadingWidgetCssScope] {
    font-size: 3rem;
  }
}

.inventorydetails .loan__calc__content .btn-outline-secondary {
  font-size: 1rem !important;
  padding: 1rem 0.5rem !important;
}

.inventorydetails .vdp__info__addt__mod .btn-secondary,
.inventorydetails .vdp__info__addt__mod .btn-secondary:focus {
  background-color: var(--color-theme-primary);
  border-color: var(--color-theme-primary);
  color: var(--color-theme-text-btn);
}

.inventorydetails .vdp__info__addt__mod .btn-secondary:hover,
.inventorydetails .vdp__info__addt__mod .btn-secondary:before {
  background-color: var(--color-theme-highlight);
}

.inventorydetails [type="checkbox"] + label::before,
.inventorydetails [type="radio"] + label::before {
  border-color: #000;
}

.inventorydetails [type="checkbox"]:hover + label::before,
.inventorydetails [type="radio"]:hover + label::before {
  border-color: #fff;
}

.inventorydetails .section__title,
.inventorydetails .section__title1,
.inventorydetails .section__title__wrapper {
  font-family: var(--headerfont);
  font-weight: 400 !important;
  font-size: 1.4rem;
  text-transform: uppercase;
  border-bottom: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 20px;
  color: var(--color-theme-header) !important;
}

.inventorydetails .vdp__staff__mod .section__title,
.inventorydetails .vdp__staff__mod .section__subtitle,
.inventorydetails .vdp__staff__mod .section__callout__title {
  font-family: var(--headerfont);
  font-weight: 400 !important;
}

.inventorydetails .veh__price {
  font-family: var(--headerfont);
  font-weight: 400;
}

.inventorydetails .vdp__dealerInfo__mod.module {
  background-image: linear-gradient(0deg, #181818, #333) !important;
  border-bottom: 3px solid var(--color-theme-primary) !important;
  box-shadow: 0 5px 9px #000;
  border: 0 !important;
  padding: 1.5rem !important;
  border-radius: 0.8vw !important;
}

.inventorydetails .narrow-container .vdp__message__mod.module {
  border: 0 !important;
  padding: 1.5rem !important;
  border-radius: 0.8vw !important;
  background-color: var(--color-theme-highlight);
  color: var(--color-theme-text-btn);
}

.inventorydetails
  .narrow-container
  .vdp__message__mod.module
  .disclaimerText
  a {
  color: var(--color-theme-border);
  text-decoration: underline !important;
}

.inventorydetails .narrow-container .vdp__message__mod.module label,
.inventorydetails .narrow-container .vdp__message__mod.module .section__title,
.inventorydetails .narrow-container .vdp__message__mod.module .text-link,
.inventorydetails .narrow-container .vdp__message__mod.module .disclaimerText {
  color: var(--color-theme-text-btn) !important;
}

.inventorydetails .vdp__message__mod.module .section__title,
.inventorydetails .vdp__dealerInfo__mod.module .section__title {
  margin-top: 0;
}

.inventorydetails .vdp__message__mod.module .vdp__message__wrapper {
  background-color: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

.inventorydetails .vdp-module-canvas-razor-wrapper .brdr__rad10 {
  border-radius: 0 !important;
}

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

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

.inventorydetails .vdp__features__mod .features__content .veh__features {
  margin-bottom: 20px;
}

.inventorydetails .hours__status.hours__status__closed {
  background-color: #c72931;
  color: #fff !important;
}

.inventorydetails #LeadFormModal-RequestPhotos .vdp__message__mod.module {
  margin-top: 0 !important;
}

.inventorydetails #LeadFormModal-RequestPhotos .modal-title,
.inventorydetails #viewAllPhotosModal .modal-title {
  font-size: 1.5em !important;
}

.inventorydetails .vdp__loanCalc__mod.module {
  padding: 1.5rem;
  background-image: linear-gradient(0deg, #181818, #333);
  border-bottom: 3px solid #d7232c !important;
  box-shadow: 0 5px 9px #000;
  border-radius: 0.8vw;
}

.inventorydetails .vdp__info__addt__mod {
  border-top: 0 !important;
  background: var(--color-theme-secondary);
  color: var(--color-theme-text-btn) !important;
  border-radius: 0.8vw;
  padding: 1.5rem !important;
}

.inventorydetails .vdp__info__addt__mod label {
  color: var(--color-theme-text-btn) !important;
}

.inventorydetails .vdp__info__addt__mod .fuel__econ .mpg__icon {
  padding: 12px 20px !important;
  width: 70px;
  height: 70px;
  border: 1px solid #ededed;
  background-color: #fff;
  border-radius: 50px;
  -webkit-filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.1));
  background: var(--color-theme-background);
  color: var(--color-theme-primary) !important;
}

.inventorydetails .vdp-module-canvas-razor-wrapper .photos__wrapper {
  padding: 0 !important;
  background: 0 0 !important;
}

.inventorydetails .photos__wrapper img {
  margin: 0 !important;
  border-radius: 0.8vw !important;
}

@media (min-width: 992px) {
  .inventorydetails .vdp-module-canvas-razor-wrapper .photos__wrapper {
    margin-top: 1rem;
  }
}

.inventorydetails
  .vdp__veh__info__mod
  .veh__info__item:nth-child(even)[VehicleInfoWidgetCssScope] {
  background-color: #444 !important;
  color: #fff;
}

.inventorydetails .vdp-module-canvas-razor-wrapper a {
  color: #e3e3e3;
}

.inventorydetails .section__title,
.inventorydetails .section__subtitle,
.inventorydetails .section__callout__title {
  color: #fff;
}

.inventorydetails p.veh__desc {
  color: var(--inventory-text);
}

.inventorydetails
  .vdp-module-canvas-razor-wrapper
  .loan__calc__content
  label:not(.btn) {
  color: #fff;
}

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

.inventorydetails
  [LoanCalculatorWidgetCssScope]
  .loan__calc__content
  .calc__totals__wrapper
  .value
  sup {
  top: -0.9em;
}

.inventorydetails
  .vdp-module-canvas-razor-wrapper
  .btn-check:checked
  + .btn-outline-secondary {
  background-color: var(--color-theme-primary) !important;
}

/* -------------------- FAQ ---------------------- */
.cw-faq {
  text-align: start;
  padding: 3rem 0;
  margin: 1rem 0;
}

.cw-faq .collapse-header {
  position: relative;
  padding: 1.1rem 4rem 1.1rem 1em;
  margin-bottom: 2px;
  background: var(--color-theme-secondary);
  color: var(--color-theme-text);
  border-bottom: 2px solid var(--color-theme-primary);
  display: block;
  overflow: hidden;
  font-size: 1.1em;
  font-weight: 700;
  border-radius: 0.8vw;
}

.cw-faq .collapse-header:hover,
.cw-faq .collapse-header:not(.collapsed) {
  background: var(--color-theme-secondary);
  color: var(--color-theme-text-btn);
}

.cw-faq .collapse-header::after {
  content: "+";
  position: absolute;
  z-index: 3;
  right: 1em;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  font-size: 1.5em;
  line-height: 1em;
  transition: 0.2s;
}

.cw-faq .collapse-header.collapsed::after {
  transform: translateY(-50%);
}

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

/* -------------------- About ---------------------- */
.cw-about {
}

.cw-about h5 {
  color: var(--color-theme-header);
}

/* -------------------- employees module ---------------------- */
.employees {
  padding-top: 0;
  padding-bottom: 1em;
}

.employees .container {
  max-width: 100%;
}

.employees .employees-title {
  color: var(--color-theme-primary);
  font-size: 1rem;
  font-weight: 700 !important;
}

.employees .card.employees-circle {
  margin-top: 5.5em;
  max-width: 30%;
  border-style: solid var(--color-theme-secondary);
}

.employees .employees-circle-inner {
  background-image: linear-gradient(0deg, #181818, #333);
  border-radius: 1em;
  border-bottom: 7px solid var(--color-theme-primary);
  box-shadow: 0 6px 11px #111;
}

.employees .employees-circle .employees-contact {
  background: #232323;
}

h2.employees-name {
  background-image: linear-gradient(
    45deg,
    transparent,
    var(--color-theme-primary),
    transparent
  );
}

.testimonial-body {
  border-bottom: 2px solid #d71c23;
  box-shadow: 0 1px 11px 2px #000;
  background-image: linear-gradient(180deg, #181818, #333);
  border-radius: 3vw 0;
  margin-bottom: 1rem;
}

.testimonial-avatar {
  border-radius: 50%;
  width: 58px;
  height: 58px;
  overflow: hidden;
}

.testimonial-avatar img {
  object-fit: cover;
}

.testimonial-avatar .testimonial-avatar-letter {
  font-size: 1.7rem;
  font-family: var(--headerfont);
  text-align: center;
  height: 100%;
  padding-top: 0.55rem;
}

.testimonial-info {
  padding: 0;
  border-radius: 2em 0 0 2em;
  border-bottom: 4px solid #d71c23;
  position: relative;
  z-index: 2;
  left: -3%;
}

.testimonial-content p:last-of-type {
  margin-bottom: 0;
}

.testimonial-stars i {
  font-size: 1.1rem;
}

.testimonial {
  font-size: 1rem;
  font-style: italic;
  margin: 1rem auto 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}

@media (min-width: 567px) {
  .testimonial {
    font-size: 1.5rem;
  }
}

.testimonial-slider-item .crate {
  height: 100%;
}

.testimonial-slider .testimonial-arrow {
  top: 50%;
}

.testimonial-slider .testimonial-arrow-prev {
  left: -1em;
}

.testimonial-slider .testimonial-arrow-next {
  right: -1.1em;
}

.fa-map-marker::before {
  content: "\f3c5";
}

.page-home .text {
  padding-top: 3em;
  padding-bottom: 2em;
  background-image: linear-gradient(0deg, #121212, transparent),
    url(https://s3.amazonaws.com/fcwebmanager/Abstract/SmartSites/HeroImages/0/abstract_05.jpg);
}

.page-home .inventoryslideshow {
  text-align: center;
  padding-top: 2em;
  padding-bottom: 1em;
}

section.cw-body-styles.py-3.tighter-col {
  background-image: linear-gradient(0deg, black, #131314, #131314);
}

section.cw-search {
  position: relative;
  margin: auto;
  background: #000;
  border-bottom: 2px solid #d71c23;
  box-shadow: 0 8px 10px #d71c23;
}

.cw-grand-hero {
  display: block;
  overflow: hidden;
  padding-top: 6em;
  padding-bottom: 5em;
  color: #fff;
}

.cw-grand-hero:before {
  overflow: hidden;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgb(0, 0, 0, 0.4);
}

@media (max-width: 567px) {
  .cw-grand-hero {
    text-align: center;
    padding-top: 4em;
    padding-bottom: 3em;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

.cw-grand-hero .container {
  position: relative;
  z-index: 2;
}

.cw-grand-title {
  word-break: keep-all;
  white-space: pre-wrap;
  font-size: 3rem;
  line-height: 1.2;
}

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

.popular-vehicles-sections {
  margin-top: 5rem;
}

.popular-vehicles-section {
  padding: 2em 0;
  position: relative;
}

.popular-vehicles-section-heading {
  background-image: linear-gradient(
    90deg,
    var(--color-theme-primary),
    transparent
  );
  color: #fff;
  padding-top: 10px;
  padding-left: 15px;
  border-radius: 10px 0 0 10px;
}

.popular-vehicle-link {
  padding-bottom: 1em;
}

.form h2.form-forms-header,
.loan-app-module h2.form-forms-header,
.businessinfo h2.form-forms-header {
  background-image: linear-gradient(
    90deg,
    var(--color-theme-primary),
    transparent
  );
  color: #fff;
  padding: 10px 15px;
  border-radius: 10px 0 0 10px;
}

@media (min-width: 768px) {
  .form h2.form-forms-header,
  .loan-app-module h2.form-forms-header,
  .businessinfo h2.form-forms-header {
    width: 50%;
  }
}

.footer,
.footer .dropdown-menu,
.footer .footer-bottom-section {
  background: var(--color-theme-secondary);
}

/* -------------------- Body style section ---------------------- */
.bodystyle-link .bodystyle-text {
  width: 100%;
  height: 100%;
  text-align: left;
  z-index: 2;
  position: relative;
  color: #fff;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  font-family: var(--headerfont);
  text-align: center;
}

.bodystyle-link .bodystyle-text::before {
  font-family: var(--bodyfont);
  content: "  \02039";
  position: relative;
  right: 8px;
  top: -1px;
  transition: right 0.5s ease-out;
  width: 2rem;
  height: 1rem;
  line-height: 0;
  font-size: 2rem;
  letter-spacing: -4px;
}

.bodystyle-link .bodystyle-text:after {
  font-family: var(--bodyfont);
  content: "  \0203A";
  position: relative;
  left: 0;
  top: -1px;
  transition: left 0.5s ease-out;
  width: 2rem;
  height: 1rem;
  line-height: 0;
  font-size: 2rem;
  letter-spacing: -4px;
}

.bodystyle-link:hover .bodystyle-text::before,
.bodystyle-link:focus .bodystyle-text::before {
  content: "  \02039\02039";
  right: 1.8rem;
}

.bodystyle-link:hover .bodystyle-text::after,
.bodystyle-link:focus .bodystyle-text::after {
  content: "  \0203A\0203A";
  left: 1rem;
}

.card__multi__style1 .item__flex {
  margin-top: auto !important;
  border: none !important;
  background-color: #333 !important;
  color: var(--inventoryslideshow-text);
}

.inventoryslideshow-container {
  padding-top: 50px;
  padding-bottom: 50px;
}

.productslideshow .product-img-block img,
.products .product-img-block img {
  object-fit: cover !important;
  width: 100% !important;
}

.productslideshow .product-title a {
  color: var(--color-theme-text) !important;
}

.productslideshow .product-price {
  color: var(--color-theme-primary) !important;
}

@media (min-width: 992px) {
  .navbar-expand-lg .navbar-collapse {
    margin-left: auto !important;
  }
}

.popular-vehicle-link::first-line {
  font-weight: 700;
  font-size: 1.1rem;
}

.line + .businessinfo,
.title + .businessinfo {
  padding-top: 3.5em !important;
}

/* Text with Image =================================================================================================== */

/* This code is for Homepage about us */

.cw-welcome-angle {
  position: relative;
}

.cw-welcome-angle::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-theme-primary);
  clip-path: polygon(0 1%, 29% 51%, 0 100%, 50% 51%);
  height: 100%;
  width: 8vw;
  z-index: 2;
  transform: rotateY(180deg);
}

.cw-welcome-angle::after {
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  bottom: 0;
  background-color: var(--color-theme-secondary);
  clip-path: polygon(0 1%, 0 100%, 50% 51%);
  height: 100%;
  width: 8vw;
  z-index: 1;
  transform: rotateY(180deg);
}

/* This code is for Homepage Service and about us */

.cw-angle {
  position: relative;
}

.cw-angle::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--color-theme-primary);
  clip-path: polygon(0 1%, 29% 51%, 0 100%, 50% 51%);
  height: 100%;
  width: 8vw;
  z-index: 2;
}

.cw-angle::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--color-theme-secondary);
  clip-path: polygon(0 1%, 0 100%, 50% 51%);
  height: 100%;
  width: 8vw;
  z-index: 1;
}

/* inventory and VDP width fixes */

.inventory .inventory-container > .row {
  /* Fix for inventory row expanding beyond site width */
  margin-left: 0;
  margin-right: 0;
}

/* Fix VDP width */
.inventorydetails .vdp__container .columns > .row {
  margin-left: 0;
  margin-right: 0;
}

/* -------------------- Sticky nav fixes/changes ---------------------- */
/*  fix sticky nav width  */
.inventorydetails .vdp__sticky-navigation__mod.row,
.inventorydetails .full-container .vdp__photoGrid.row {
  margin-left: 0;
  margin-right: 0;
}

/* Sets sticky top offset and appropriate z-index */
.page-inventory-details .builder-canvas__sticky-container {
  z-index: 1029;
}

/* resets z-index higher than navbar when a modal is open. */
.page-inventory-details .builder-canvas__sticky-container:has(.modal.show) {
  z-index: 1055;
}

/* -------------------- VDP colors (tacked on during Sticky nav addition. There might be some overlap with code above, but we can clean that up later. ---------------------- */
.page-inventory-details label {
  color: inherit;
}

body .vdp-module-canvas-razor-wrapper .btn-secondary,
body .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);
}

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

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

body .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);
}

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

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

body
  .vdp-module-canvas-razor-wrapper
  .btn-check:active
  + .btn-outline-secondary,
body
  .vdp-module-canvas-razor-wrapper
  .btn-check:checked
  + .btn-outline-secondary,
body .vdp-module-canvas-razor-wrapper .btn-outline-secondary.active,
body
  .vdp-module-canvas-razor-wrapper
  .btn-outline-secondary.dropdown-toggle.show,
body .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);
}