@import "https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap";

:root {
  --headerfont: "Crimson Pro", serif;
}

.font-header,
.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;
  letter-spacing: 0.01rem;
  font-weight: 400 !important;
}

.font-header,
.am-title .pg-title,
.font-header-Montserrat h5.modal-title {
  font-style: italic;
}

.font-body-Lora .header .nav-link,
.font-body-Lora .header .dropdown-item,
.font-body-Lora .footer .nav-link,
.font-body-Lora .footer .dropdown-item,
.font-body-Lora .gallery .gallery-img-wrap,
.font-body-Lora .btn,
.font-body-Lora .eCommerce label,
.font-body-Lora .product-results,
.font-body-Lora .btn-link,
.font-body-Lora .employees .employees-title,
.font-body-Lora .page-item.active .page-link,
.font-body-Lora .modal-success .modal-title {
  font-weight: 400 !important;
}

h2 {
  font-size: 2.5em;
}

.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 {
  text-transform: uppercase;
}

.btn-secondary:hover {
  color: var(--color-theme-text-btn) !important;
  border-color: var(--color-theme-primary) !important;
}

.btn-group-lg>.btn,
.btn-lg,
.btn:not(.slick-arrow):not(.btn-xs):not(.btn-md):not(.dropdown-toggle) {
  padding: 0.8rem 2rem;
  font-size: 1.3rem;
}

.btn-md {
  font-size: 1.1rem;
}

svg {
  fill: #e6e6e6;
}

.btn-primary {
  color: var(--color-theme-highlight) !important;
}

.btn-primary:hover {
  color: var(--color-theme-text) !important;
  background-color: var(--color-theme-secondary) !important;
  border: 1px solid var(--color-theme-primary) !important;
}

.btn-primary:active {
  color: var(--color-theme-text) !important;
  background-color: var(--color-theme-secondary) !important;
  border: 1px solid var(--color-theme-primary) !important;
}

.inventoryslideshow .inventory-title {
  font-size: 1.5em !important;
}

.btn-primary:not([disabled]):not(.disabled).active,
.btn-primary:not([disabled]):not(.disabled):active {
  background-color: var(--color-theme-background);
}

.primary-bg {
  background: var(--color-theme-primary);
  color: var(--color-theme-text);
}

.businessinfo .btn-primary:hover,
.form .btn-primary:hover {
  color: var(--color-theme-text) !important;
}

.light-bg {
  background: #e6e6e6;
  color: var(--color-theme-background);
}

.gry-bg {
  background: var(--color-theme-highlight);
}

.border-1 {
  border: 1px solid var(--color-theme-border);
}

.med-bg .btn-link {
  color: var(--color-theme-primary);
}

.light-bg .btn-link {
  color: var(--color-theme-secondary);
}

/* -------------------- Header & navbar---------------------- */

.med-bg {
  background: var(--color-theme-highlight);
  color: var(--color-theme-text);
}

.med-bg .btn-primary:hover,
.med-bg .btn-primary:hover:focus,
.med-bg .btn-primary:not([disabled]):not(.disabled).active,
.med-bg .btn-primary:not([disabled]):not(.disabled):active,
.med-bg .show>.btn-primary.dropdown-toggle {
  background-color: var(--color-theme-text);
  border-color: var(--color-theme-text);
}

.med-bg .btn-primary:before {
  background: var(--color-theme-text);
}

.header :focus {
  -webkit-box-shadow: 0 0 0 0.1rem var(--color-theme-background) !important;
  box-shadow: 0 0 0 0.1rem var(--color-theme-background) !important;
}

.header .navbar.bg-primary,
.header .navbar {
  background: var(--color-theme-background) !important;
  font-weight: 400;
  text-transform: uppercase;
}

.header .navbar .dropdown-menu {
  background: var(--color-theme-highlight);
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.2);
  font-weight: 400 !important;
  text-transform: uppercase !important;
}

.cw-header-info {
  margin: 2rem 1rem 1rem;
  font-weight: 400;
  padding: 0.3rem 1.5rem 0.5rem;
}

.header .navbar .navbar-nav .nav-link,
.header .dropdown-item {
  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(--color-theme-secondary);
  border-radius: 4px;
}

.header .navbar-dark .navbar-nav>.active .nav-link {
  color: #fff !important;
  text-shadow: 2px 2px #000;
  font-weight: 600;
}

.header .nav-link::before,
.header .navbar .dropdown-item::before {
  display: none;
}

.header .navbar .nav-link,
.header .nav-link-cart,
.navbar-dark .dropdown-item {
  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);
  border-radius: 4px;
}

.header .navbar .dropdown-item {
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
}

.header .navbar .dropdown-item:hover {
  opacity: 1;
  background-color: var(--color-theme-primary);
}

.header .navbar-toggler {
  background: var(--color-theme-secondary);
  padding: 0.3rem 1.3rem 0.4rem;
}

.header .navbar-toggler:hover {
  background: var(--color-theme-highlight);
}

.phone-link {
  color: var(--color-theme-text);
}

.phone-link:hover {
  color: var(--color-theme-primary);
}

.navbar .container {
  text-align: center;
  max-width: 100%;
}

@media (min-width: 992px) {

  .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% - 205px);
    justify-content: center;
  }

  .cw-header-info {
    z-index: 1039;
    top: 0;
    margin: 0;
    padding: 0 1rem;
    display: block;
  }

  .navbar .container {
    padding-right: 9px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .cw-header-info .cw-logo {
    display: block;
    position: absolute;
    margin-top: 50px;
    max-width: 250px;
    z-index: 5;
  }

  .header .nav-link-cart,
  .header .navbar .nav-link,
  .header .dropdown-item {
    line-height: 30px;
  }

  .header .navbar .dropdown-item {
    text-align: left;
  }
}

@media (min-width: 1200px){
  .cw-header-info .cw-logo {
    display: block;
    position: absolute;
    margin-top: 50px;
    max-width: 400px;
    z-index: 5;
  }
}

/*--------------------------------------------------------------*/

.cw-showcase .cw-showcase-text h1 {
  font-family: var(--headerfont);
  color: var(--color-theme-primary);
  padding: 0;
  font-style: italic;
  text-transform: uppercase;
  font-size: 2.75em;
}

.cw-showcase .cw-showcase-text h1 span {
  color: #fff;
  font-style: normal;
  font-size: 0.42em;
  text-transform: none !important;
}

@media (min-width: 440px) {
  .cw-showcase .cw-showcase-text h1 {
    padding: 0.42em 0 0;
    font-size: 3em;
  }

  .cw-showcase .cw-showcase-text h1 span {
    font-size: 0.5em;
  }
}

@media (min-width: 576px) {
  .cw-showcase {
    background: linear-gradient(6deg,
        rgba(0, 0, 0, 1) 0%,
        rgba(0, 0, 0, 1) 23%,
        rgba(18, 18, 18, 0) 23%,
        rgba(18, 18, 18, 0) 27%,
        rgba(23, 23, 23, 0) 85%,
        rgba(23, 23, 23, 0) 87%,
        rgba(0, 0, 0, 1) 87%,
        rgba(0, 0, 0, 1) 100%),
      linear-gradient(6deg,
        rgba(18, 18, 18, 0.7) 0%,
        rgba(18, 18, 18, 0.7) 27%,
        rgba(0, 0, 0, 0) 27%,
        rgba(0, 0, 0, 0) 27%,
        rgba(0, 0, 0, 0) 85%,
        rgba(0, 0, 0, 0) 85%,
        rgba(23, 23, 23, 0.7) 85%,
        rgba(23, 23, 23, 0.7) 100%),
      url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/6CC16B675E3E11849E61B692B7CEECF1.jpg);

    background-repeat: no-repeat;
    background-size: cover;
  }

  .cw-showcase .cw-showcase-text h1 {
    padding: 4em 0 0;
    font-size: 2.5em;
  }
}

@media (min-width: 768px) {
  .cw-showcase .cw-showcase-text h1 {
    padding: 4em 0 0;
    font-size: 3em;
  }

  .cw-showcase .cw-showcase-text h1 span {
    font-size: 0.35em;
  }
}

@media (min-width: 992px) {
  .cw-showcase .cw-showcase-text h1 {
    font-size: 4em;
  }
}

@media (min-width: 1200px) {
  .cw-showcase .cw-showcase-text h1 {
    padding: 6em 0 0;
  }
}

@media (min-width: 1400px) {
  .cw-showcase .cw-showcase-text h1 span {
    font-size: 0.5em;
  }

  .cw-showcase .cw-showcase-text h1 {
    padding-top: 6.5em;
  }
}

@media (min-width: 1600px) {
  .cw-showcase .cw-showcase-text h1 {
    padding-top: 7em;
  }
}

section.inventory-search-module .form__wrapper {
  background-color: var(--color-theme-highlight) !important;
  border: 1px solid var(--color-theme-border);
  padding: 20px;
}

section.inventory-search-module .brdr__rad10 {
  border-radius: 2px !important;
}

.cw-btn-background {
  background: #000;
  background-size: cover;
  background-attachment: fixed;
}

/*----------------------------------------------------------------------------------------*/

.cw-flex-btns {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0;
}

.cw-flex-btns a.cw-flex-btn {
  display: flex;
  flex-basis: 100%;
  margin: 1rem 0;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-box-shadow: inset 27px 10px 176px -27px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: inset 27px 10px 176px -27px rgba(0, 0, 0, 0.9);
  box-shadow: inset 27px 80px 176px -27px rgba(0, 0, 0, 0.9);
}

.cw-flex-btns a.cw-flex-btn:hover {
  -webkit-box-shadow: inset 60px 60px 176px 60px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: inset 60px 60px 176px 60px rgba(0, 0, 0, 0.9);
  box-shadow: inset 60px 60px 176px 60px rgba(0, 0, 0, 0.9);
}

.cw-flex-btns .cw-flex-btn1 {
  background: url(https://cdn.powersports.com/cdn-cgi/image/h=540,w=720/BBE35008A6C2445E286AA3CEBABF0829.jpg) no-repeat center center;
  background-size: cover;
}

.cw-flex-btns .cw-flex-btn2 {
  background: url(https://cdn.powersports.com/cdn-cgi/image/h=540,w=720/642B938FE160D15BA5A190D0D2F826B3.jpg) no-repeat center center;
  background-size: cover;
}

.cw-flex-btns .cw-flex-btn3 {
  background: url(https://cdn.powersports.com/cdn-cgi/image/h=540,w=720/060DFF2B67D39FF8904F74B4B6AE9A2D.jpg) no-repeat center center;
  background-size: cover;
}

.cw-flex-btns .cw-flex-btn4 {
  background: url(https://cdn.powersports.com/cdn-cgi/image/h=540,w=720/D619CAB207A36708311FF72A2EA9B6D8.jpg) no-repeat center center;
  background-size: cover;
}

.cw-flex-btns .cw-flex-btn-text {
  color: var(--color-theme-primary);
  flex-basis: 100%;
  padding: 3rem 2rem;
  font-size: 2rem;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.cw-flex-btns .cw-flex-btn-text span {
  display: block;
  font-size: 4rem;
  line-height: 4rem;
  font-style: italic;
  margin: 0 0 1rem;
}

@media (min-width: 440px) {}

@media (min-width: 768px) {}

@media (min-width: 992px) {
  .cw-flex-btns {
    margin: 2em 0 8em;
  }

  .cw-flex-btns a.cw-flex-btn {
    flex-basis: 24%;
    flex-direction: column;
    min-height: 35rem;
    margin: 0;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
  }

  .cw-flex-btns a.cw-flex-btn:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: "";
    top: 100%;
    left: 0;
    height: 30px;
    width: 100%;
    opacity: 0;
    background: -webkit-radial-gradient(center,
        ellipse,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0) 80%);
    background: radial-gradient(ellipse at center,
        rgba(0, 0, 0, 0.75) 0%,
        rgba(0, 0, 0, 0) 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
  }

  .cw-flex-btns a.cw-flex-btn:hover,
  .cw-flex-btns a.cw-flex-btn:focus,
  .cw-flex-btns a.cw-flex-btn:active {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }

  .cw-flex-btns a.cw-flex-btn:hover:before,
  .cw-flex-btns a.cw-flex-btn:focus:before,
  .cw-flex-btns a.cw-flex-btn:active:before {
    opacity: 1;
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
  }

  .cw-flex-btns .cw-flex-btn-text {
    flex-basis: auto;
    padding: 1vw;
    margin-top: auto;
  }
}

@media (min-width: 1200px) {
  .cw-flex-btns .cw-flex-btn-text span {
    font-size: 4rem;
    line-height: 4rem;
  }

  .cw-flex-btns a.cw-flex-btn {
    min-height: 35rem;
  }
}

@media (min-width: 1400px) {
  .cw-flex-btns {
    margin: 0 0 8em;
  }

  .cw-flex-btns a.cw-flex-btn {
    min-height: 53rem;
  }
}

/*-------------------------- Inventory Slideshow --------------------------*/
.inventoryslideshow .card-top-img {
  background-color: var(--color-theme-background) !important;
}

.inventoryslideshow .card {
  background: var(--color-theme-highlight);
}

.inventoryslideshow .card-body {
  background: var(--color-theme-background);
}

.inventoryslideshow .card-body .price-block {
  background: var(--color-theme-secondary);
}

.bodystyle-button-text {
  color: #fff;
  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: 400;
}

.bodystyle-link {
  position: relative;
  display: block;
  color: #fff;
}

.bodystyle-link .bodystyle-link-img {
  position: relative;
  z-index: 5;
  max-width: 200px;
  margin: auto;
}

.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-highlight);
  border: 1px solid var(--color-theme-border);
  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%;
  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%;
  transition: 0.4s cubic-bezier(0.4, 0, 1, 1);
  z-index: 2;
}

.bodystyle-link:hover .bodystyle-button .bodystyle-button-text {
  color: #fff;
}

.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);
}

.cw-finance span {
  color: var(--color-theme-primary);
}

.cw-finance .cw-finance-list li:before {
  content: "\f5eb";
  font-family: FontAwesome;
  display: inline-block;
  padding-right: 6px;
  vertical-align: middle;
  color: var(--color-theme-primary);
}

/*------------------------------------------------------------------------------------------------------------------*/
.cw-carfinder-mod {
  background: linear-gradient(184deg,
      rgb(0, 0, 0) 0%,
      rgb(0, 0, 0) 14%,
      rgba(230, 230, 230, 0) 14%,
      rgba(230, 230, 230, 0) 100%),
    linear-gradient(185deg,
      rgba(230, 230, 230, 0.5) 0%,
      rgba(230, 230, 230, 0.5) 18%,
      rgba(230, 230, 230, 0) 18%,
      rgba(230, 230, 230, 0) 100%),
    linear-gradient(188deg,
      rgba(34, 34, 34, 0) 0%,
      rgba(34, 34, 34, 0) 73%,
      rgba(34, 34, 34, 0.5) 73%,
      rgba(34, 34, 34, 0.5) 100%),
    linear-gradient(186deg,
      rgba(34, 34, 34, 0) 0%,
      rgba(34, 34, 34, 0) 78%,
      rgba(34, 34, 34, 1) 78%,
      rgba(34, 34, 34, 1) 100%),
    url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/9647FD2933E59E1F9828A862579952A0.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 15em 0;
}

@media (max-width: 1200px) {
  .cw-carfinder-mod {
    padding: 6em 0 10em;
  }
}

@media (max-width: 767px) {
  .cw-carfinder-mod {
    padding: 4em 0 10em;
  }
}

.popular-vehicles-sections.container {
  padding: 3rem 2rem 2rem;
  background: var(--color-theme-highlight);
  color: var(--color-theme-text);
  max-width: 100% !important;
}

.popular-vehicles-section {
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

.popular-vehicle-link {
  color: var(--color-theme-text);
  line-height: 1.3rem;
}

.popular-vehicle-link:hover {
  color: var(--color-theme-primary);
}

.popular-vehicle-link::first-line {
  font-weight: 400;
  font-size: 1.1rem;
}

.form-select {
  padding: 0.9rem 2.25rem 0.9rem 0.9rem;
  -moz-padding-start: calc(0.9rem - 3px);
}

.form-forms-address,
.form-forms-fullName,
.form-grid-row {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.star-rating label.star-active .fa,
.star-rating label.star-active~label .fa {
  font-weight: 900;
  color: var(--color-theme-primary) !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(--color-theme-primary) !important;
}

.help-block {
  background-color: transparent;
  color: var(--color-theme-primary);
}

.help-block::before {
  color: var(--color-theme-primary);
}

.dropzone .btn {
  margin-right: 0.4rem;
}

.modal-header {
  background: var(--color-theme-primary) !important;
  padding: 1rem !important;
}

.modal-content {
  background: var(--color-theme-highlight);
  color: var(--color-theme-text);
  border-color: var(--color-theme-primary) !important;
}

.modal-header .btn-close {
  opacity: 1;
  margin-right: 0.3rem;
}

/* .modal-header .btn-close {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nI2ZmZic+PHBhdGggZD0nTS4yOTMuMjkzYTEgMSAwIDAxMS40MTQgMEw4IDYuNTg2IDE0LjI5My4yOTNhMSAxIDAgMTExLjQxNCAxLjQxNEw5LjQxNCA4bDYuMjkzIDYuMjkzYTEgMSAwIDAxLTEuNDE0IDEuNDE0TDggOS40MTRsLTYuMjkzIDYuMjkzYTEgMSAwIDAxLTEuNDE0LTEuNDE0TDYuNTg2IDggLjI5MyAxLjcwN2ExIDEgMCAwMTAtMS40MTR6Jy8+PC9zdmc+);
} */

.btn-close-white {
  /* filter: invert(0) grayscale(100%) brightness(200%); */
}

.footer .dropdown-item {
  padding-left: 1rem;
  padding-right: 1rem;
}

.footer .dropdown-item:hover,
.footer a:not(.footer-business-phone):not(.footer-business-email):hover {
  background: var(--color-theme-highlight);
}

.footer .dropdown-item,
.footer .nav-link {
  display: block;
}

.pg-title::after,
.inventoryslideshow-title-heading::after,
.form-forms-header::after,
.popular-vehicles-section-heading::after {
  content: "";
  display: block;
  height: 3px;
  width: 80px;
  margin: 0.5rem 0 1.5rem;
  background-color: var(--color-theme-primary);
}

.pg-title-center::after,
.inventoryslideshow-title-heading::after {
  margin-right: auto;
  margin-left: auto;
}

.mb-0.pg-title::after {
  margin-bottom: 0;
}

/* -------------------- SECTIONTITLE ---------------------- */

.page-loan-application .form,
.page-value-my-trade .form {
  background: var(--color-theme-highlight);
  margin: 1rem;
}

.page-loan-application a:hover {
  color: var(--color-theme-text) !important;
}

.page-home .accordion-button {
  color: var(--color-theme-primary) !important;
  background: var(--color-theme-highlight) !important;
  border-bottom: 1px solid var(--color-theme-primary) !important;
}

.page-faq .accordion-button {
  color: var(--color-theme-primary) !important;
  background: var(--color-theme-highlight) !important;
  border-bottom: 1px solid var(--color-theme-primary) !important;
}

.accordion-button:hover {
  background: var(--color-theme-primary);
}

.page-home .accordion-body {
  background: #e6e6e6;
}

.page-faq .accordion-body {
  background: var(--color-theme-highlight);
}

.accordion-item {
  border: 0 #000 !important;
}

.page-home .accordion-button {
  font-weight: 600 !important;
}

.accordion-button:not(.collapsed) {
  color: var(--color-theme-text);
  background: var(--color-theme-primary);
}

.accordion-button {
  font-size: 0.75em;
  font-weight: 700;
  padding: 1.25em;
}

.accordion-button:focus {
  border-color: #000 !important;
  box-shadow: none !important;
}

.accordion-button::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nI0E5OTI2MCc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMS42NDYgNC42NDZhLjUuNSAwIDAgMSAuNzA4IDBMOCAxMC4yOTNsNS42NDYtNS42NDdhLjUuNSAwIDAgMSAuNzA4LjcwOGwtNiA2YS41LjUgMCAwIDEtLjcwOCAwbC02LTZhLjUuNSAwIDAgMSAwLS43MDh6Jy8+PC9zdmc+) !important;
}

.cw-accordion-avatar {
  display: block;
  max-width: 220px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}

.cw-accordion-avatar img {
  object-fit: cover;
}

.accordion-button:not(.collapsed)::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxNiAxNicgZmlsbD0nI0E5OTI2MCc+PHBhdGggZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNMS42NDYgNC42NDZhLjUuNSAwIDAgMSAuNzA4IDBMOCAxMC4yOTNsNS42NDYtNS42NDdhLjUuNSAwIDAgMSAuNzA4LjcwOGwtNiA2YS41LjUgMCAwIDEtLjcwOCAwbC02LTZhLjUuNSAwIDAgMSAwLS43MDh6Jy8+PC9zdmc+) !important;
  transform: rotate(-180deg);
}

@media (min-width: 768px) {
  .cw-accordion-avatar {
    width: 100% !important;
  }
}

.page-faq .form {
  padding-top: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

/* -------------------- Employee Module/page ---------------------- */
section.employees {
  --employees-bio: var(--color-theme-background);
  --employees-link: var(--color-theme-background);
  --employees-name: var(--color-theme-background);
  --employees-title: var(--color-theme-primary);
  --employees-highlight: var(--color-theme-primary);
}

.employees {
  padding-top: 0;
  padding-bottom: 1em;
}

.employees-stacked-side .employees-item {
  background: var(--color-theme-highlight);
  border-bottom: 0;
}

.employees-item .row {
  align-items: center !important;
}

.employee-photo img {
  margin-bottom: 0 !important;
}

.employees-text {
  padding: 2rem;
}

.employees-stacked-side .employees-item {
  padding: 0;
  margin: 0 0 1em;
}

@media (min-width: 992px) {
  .employees-stacked-side .employees-item {
    padding: 2rem;
  }

  .employees-stacked-side .employees-item:last-of-type {
    padding-bottom: 2rem;
  }
}

.page-our-staff .form {
  padding-top: 0.5rem;
}

.employees .card.employees-square {
  background: var(--color-theme-text) !important;
  padding: 1em !important;
}

.employees .employees-name {
  color: var(--color-theme-background);
}

.employees .employees-bio {
  color: var(--color-theme-background);
}

.employees .employees-img-square {
  padding: 50% 0;
}

.employees-squares .card-deck.d-flex {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

@media (min-width: 992px) {
  .employees-squares .card-deck.d-flex {
    margin-left: 4em !important;
    margin-right: 4em !important;
  }
}

.contact-details:not(.contact-address):hover .contact-icon {
  color: var(--color-theme-text) !important;
}

.map {
  margin: 0 1rem 1rem;
}

.map-container {
  overflow: hidden;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
}

.map-text-container {
  padding: 2.5em;
}

.fa-map-marker::before {
  content: "\f3c5";
}

/* -------------------- business info module---------------------- */

.businessinfo {
  padding-top: 0;
  padding-bottom: 0;
}

.businessinfo .pe-lg-4 {
  padding: 0 !important;
}

.businessinfo .contact-details a:hover,
.businessinfo a:hover {
  color: var(--color-theme-primary) !important;
}

.businessinfo .form-wrap {
  padding: 2rem;
  background: var(--color-theme-background);
  color: var(--color-theme-text);
  width: auto;
  margin: 0 1rem;
}

.businessinfo .form-forms-header,
.businessinfo .form-sent-message {
  color: var(--color-theme-text);
}

.businessinfo label,
.businessinfo .form-check label,
.businessinfo .webit-forms-text,
.businessinfo .form-text {
  color: var(--color-theme-text);
}

.contact-companyinfo,
.contact-hours {
  padding: 2rem;
  margin: 1rem;
  background: var(--color-theme-highlight);
}

.contact-companyinfo,
.contact-hours {
  margin-bottom: 1rem;
}

.font-header-Montserrat h2.contact-details .contact-details-info {
  text-transform: none;
}

@media (min-width: 992px) {
  .businessinfo .form-wrap {
    margin-right: 0;
  }

  .contact-companyinfo,
  .contact-hours {
    margin-left: 0;
  }

  .contact-companyinfo {
    margin-top: 0;
  }
}

.businessinfo .contact-title {
  font-size: 2rem;
  border-bottom: 0;
}

.businessinfo .contact-title .contact-title-container {
  border-bottom-color: var(--color-theme-primary);
}

.businessinfo .contact-title:not(.contact-businessname) .contact-title-container {
  border-bottom-color: var(--color-theme-primary);
}

.contact-title .contact-title-container {
  padding-bottom: 0.3rem;
  border-bottom-width: 0.1em;
}

.businessinfo .contact-title.contact-businessname .contact-title-container {
  border-bottom-color: var(--color-theme-primary);
}

.page-testimonials .form {
  position: relative;
  z-index: 1;
  padding-top: 0;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.testimonial-avatar {
  border-radius: 50%;
  width: 93px;
  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-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;
}

.star-color {
  color: var(--color-theme-primary);
}

@media (min-width: 330px) {
  .testimonial-avatar {
    width: 58px;
    height: 58px;
  }
}

@media (min-width: 567px) {
  .testimonial {
    font-size: 1.5rem;
  }
}

.cw-hours {
  background-color: var(--color-theme-highlight);
}

.cw-hours p {
  color: var(--color-theme-secondary);
}

.cw-hours table {
  color: var(--color-theme-text);
  font-size: 0.85em;
}

@media (min-width: 330px) {
  .cw-hours table {
    color: var(--color-theme-text);
    font-size: 1em;
  }
}

@media (min-width: 567px) {
  .map-iframe {
    padding-left: 4em;
  }
}

.page-home .popular-vehicles-section-panel a {
  margin: 0.5rem 0;
}

.page-home .popular-vehicles-sections .popular-vehicle-link:first-line {
  font-weight: 700 !important;
}

.contact-companyinfo .contact-email .contact-details-info,
.header .header-business-email,
.footer .footer-business-email {
  overflow-wrap: anywhere;
}

.page-home .inventoryslideshow+.modal+.container {
  display: none;
}

/* -------------------- Inventory page ---------------------- */

.mobile-fixed-cta {
  background: var(--color-theme-highlight) !important;
}

.inventory {
  padding-top: 0 !important;
}

.inventory .card {
  background: var(--color-theme-highlight) !important;
}

.inventory .card-header {
  background: var(--color-theme-highlight) !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: #000 !important;
  padding: 0.5rem 1rem;
  background: var(--color-theme-primary);
  text-decoration: none;
  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:focus {
  background-color: var(--color-theme-highlight);
  border-color: var(--color-theme-highlight);
}

.inventory .btn-link.btn-clear-filter:hover {
  background-color: #fff !important;
}

.inventory-cta .btn:not(.btn-pre-qualified) {
  background-color: var(--color-theme-secondary) !important;
}

.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-histogram-label .stop-top {
  stop-color: var(--color-theme-primary);
  stop-opacity: 1;
}

.inventory .value {
  font-family: var(--headerfont) !important;
  font-weight: 400 !important;
}

.filter-widget .filter-body,
.contact-widget .card-body,
.inventory .vehicle-card.layout-1 .price-mileage-block {
  background: var(--color-theme-highlight) !important;
  border: 0 !important;
}

.inventory .vehicle-card .btn {
  padding: 0.6em 1.3em !important;
}

.srp-sidebar .card-header .card-title {
  font-family: var(--headerfont) !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  font-size: 1.3em !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% !important;
}

.inventory .vehicle-card.layout-3 .inventory-title {
  font-size: 1.6em !important;
  margin-bottom: 0 !important;
}

.inventory a:hover {
  opacity: 0.9;
}

.inventory a:hover .inventory-title {
  color: inherit;
}

@media (max-width: 991px) {
  .inventory .srp-sidebar {
    z-index: 1040;
  }
}

.financing a {
  color: var(--color-theme-primary) !important;
  font-size: 0.8rem !important;
}

.p-veh-card .card-top-img a {
  display: block;
}

body .inventory .carousel-indicators {
  bottom: 0;
  margin-bottom: 0;
}

/* -------------------- VDP ---------------------- */

.vdp__veh__info__mod .veh__info__item:nth-child(even)[VehicleInfoWidgetCssScope] {
  background-color: var(--color-theme-highlight) !important;
}

.vdp-module-canvas-razor-wrapper .btn-link {
  color: var(--color-theme-text) !important;
}

.vdp-module-canvas-razor-wrapper .btn-link:hover {
  color: var(--color-theme-primary) !important;
}

.inventorydetails {
  margin-top: 30px;
}

.inventorydetails .vdp__container {
  max-width: 100%;
}

h1.veh__title {
  font-size: 1.9rem !important;
  margin-top: 15px;
}

.veh__generation {
  color: var(--color-theme-primary) !important;
}

h4.veh__trim {
  color: var(--color-theme-primary) !important;
}

.vdp__title__mod .col-12.col-sm-8.flex-grow-1,
h1.veh__title {
  text-align: center !important;
}

.section__title,
.section__subtitle,
.section__callout__title {
  color: var(--color-theme-text) !important;
}

.page-inventory-details .module,
.vdp-module-canvas-razor-wrapper .module {
  margin-top: 1.6rem !important;
}

.vdp__title__mod.module {
  position: relative;
  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;
  margin: 1rem 0.6rem 0 !important;
  background-position: center -250px;
}

.photo__item .photo__thumbnail .photo__showMore[PhotoGalleryWidgetCssScope] {
  background: color-mix(in srgb,
      var(--color-theme-primary) 70%,
      transparent) !important;
}

.full-container .photo__grid1 .photo__thumbnail[PhotoGalleryWidgetCssScope] {
  border-radius: 0 !important;
}

.photo__grid1 .photo__thumbnail[PhotoGalleryWidgetCssScope] {
  border: none !important;
}

.vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover:focus,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary:not([disabled]):not(.disabled).active,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary:not([disabled]):not(.disabled):active,
.vdp-module-canvas-razor-wrapper .show>.btn-outline-secondary.dropdown-toggle {
  background-color: var(--color-theme-primary) !important;
  border-color: var(--color-theme-primary) !important;
}

.vdp-module-canvas-razor-wrapper .btn-outline-secondary:before {
  background-color: var(--color-theme-primary) !important;
  border-color: var(--color-theme-primary) !important;
}

.vdp-module-canvas-razor-wrapper .btn-check:active+.btn-outline-secondary,
.vdp-module-canvas-razor-wrapper .btn-check:checked+.btn-outline-secondary,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary.active,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary.dropdown-toggle.show,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary:active {
  background-color: var(--color-theme-primary) !important;
  border-color: var(--color-theme-primary) !important;
}

.vdp-module-canvas-razor-wrapper .btn-outline-secondary {
  border-color: var(--color-theme-primary) !important;
  color: var(--color-theme-background) !important;
  background: var(--color-theme-text);
}

.vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover {
  color: var(--color-theme-highlight) !important;
}

.calc__totals__wrapper {
  color: var(--color-theme-background) !important;
}

.vdp__title__mod.module::after {
  overflow: hidden;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: var(--color-theme-highlight);
}

.vdp__title__mod .d-flex {
  position: relative;
  z-index: 2;
  align-items: center !important;
}

.vdp__title__mod .veh__trim[VehicleHeadingWidgetCssScope] {
  display: inline-block;
}

.vdp__title__mod .veh__generation[VehicleHeadingWidgetCssScope] {
  display: inline-block;
}

.vdp__title__mod .veh__price[VehicleHeadingWidgetCssScope] {
  font-family: var(--headerfont) !important;
  font-weight: 400 !important;
}

.vdp__title__mod .veh__price__mileage__wrapper .veh__price sup[VehicleHeadingWidgetCssScope] {
  top: -15px !important;
}

.inventorydetails .vdp-module-canvas-razor-wrapper a {
  color: var(--color-theme-primary);
}

.inventorydetails p {
  color: var(--color-theme-text);
}

.inventorydetails .disclaimerText {
  color: var(--color-theme-text);
  opacity: 0.9;
}

.vdp__photoGrid {
  margin-top: 0.2rem;
}

.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: #fff;
}

.page-inventory-details .section__title,
.page-inventory-details .section__title1,
.page-inventory-details .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;
}

.vdp__staff__mod .section__title,
.vdp__staff__mod .section__subtitle,
.vdp__staff__mod .section__callout__title {
  font-family: var(--headerfont);
  font-weight: 400 !important;
}

.vdp__title__mod .veh__title {
  font-size: 2.25em;
}

.vdp__title__mod .veh__trim {
  font-weight: 400 !important;
}

.page-inventory-details .veh__price {
  font-family: var(--headerfont);
  font-weight: 400;
}

.narrow-container .vdp__message__mod.module,
.vdp__dealerInfo__mod.module {
  border: 0 !important;
  padding: 1.5rem !important;
}

.vdp__dealerInfo__mod.module {
  background-color: var(--color-theme-highlight) !important;
}

#LeadFormModal-RequestPhotos .modal-body {
  background-color: var(--color-theme-highlight) !important;
}

.narrow-container .vdp__message__mod.module {
  background-color: var(--color-theme-highlight) !important;
}

.narrow-container .vdp__message__mod.module .disclaimerText a {
  color: var(--color-theme-primary) !important;
  text-decoration: underline !important;
}

.vdp__message__mod.module .section__title,
.vdp__dealerInfo__mod.module .section__title {
  margin-top: 0;
}

.vdp__message__mod.module .vdp__message__wrapper {
  background-color: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

@media (min-width: 576px) {
  h1.veh__title::after {
    margin-right: 0;
    margin-left: 0;
  }

  .vdp__title__mod .col-12.col-sm-8.flex-grow-1,
  h1.veh__title {
    text-align: left !important;
  }
}

@media (min-width: 992px) {
  .row.vdp__photoGrid.photo__grid3.g-2 {
    margin-top: 1rem;
  }
}

@media (min-width: 1200px) {
  .vdp__container {
    padding: 0 2rem !important;
  }
}

.loan__calc__content .calc__totals__wrapper .value {
  font-family: var(--headerfont);
  font-weight: 400 !important;
}

[LoanCalculatorWidgetCssScope] .loan__calc__content .calc__totals__wrapper {
  background-color: var(--color-theme-text) !important;
}

[LoanCalculatorWidgetCssScope] .loan__calc__content .calc__totals__wrapper .value sup {
  top: -0.9em !important;
}

.vdp__features__mod .features__content .veh__features {
  margin-bottom: 20px;
}

.vdp__optFeatures__mod .optFeatures__content .optFeatures__total {
  font-family: var(--headerfont);
  font-weight: 400 !important;
}

.hours__status.hours__status__closed {
  background-color: var(--color-theme-primary);
  color: #fff !important;
}

#LeadFormModal-RequestPhotos .vdp__message__mod.module {
  margin-top: 0 !important;
}

#LeadFormModal-RequestPhotos .modal-title,
#viewAllPhotosModal .modal-title {
  color: #333;
  font-size: 1.5em !important;
}

.vdp__loanCalc__mod.module {
  padding: 1.5rem;
  background: var(--color-theme-highlight);
}

.vdp__loanCalc__mod.module .section__title {
  margin-top: 0;
}

.vdp-module-canvas-razor-wrapper label {
  color: inherit;
}

.vdp__info__addt__mod {
  border-top: 0 !important;
  background: var(--color-theme-background);
  padding: 1.5rem !important;
}

.vdp__info__addt__mod .fuel__econ .mpg__icon {
  padding: 12px 20px !important;
  width: 70px;
  height: 70px;
  border: none !important;
  filter: drop-shadow(0 1px 5px rgba(0, 0, 0, 0.1));
  background: var(--color-theme-primary);
  color: var(--color-theme-text) !important;
}

.vdp-module-canvas-razor-wrapper .photos__wrapper {
  padding: 0 !important;
  background: 0 0 !important;
}

.vdp-module-canvas-razor-wrapper .btn-secondary:before {
  background-color: #222 !important;
}

.vdp-module-canvas-razor-wrapper .btn-secondary:hover {
  color: #fff !important;
}

.photos__wrapper img {
  margin: 0 !important;
}

@media (min-width: 992px) {
  .vdp-module-canvas-razor-wrapper .photos__wrapper {
    margin-top: 1rem;
  }
}

/* -------------------- SN VDP fixes ---------------------- */

@media (min-width: 992px) {
  .vdp-module-canvas-razor-wrapper .vdp__container .row {
    margin: auto;
  }
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod {
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .vdp-module-canvas-razor-wrapper .vdp__details__mod .row>* {
    padding: 0 !important;
  }
}

.sn_business_openclose.open {
  background: var(--color-theme-primary) !important;
  color: var(--color-theme-highlight) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod button.sn_more_btn {
  background: var(--color-theme-primary);
  color: var(--color-theme-highlight);
  font-size: 0.7rem !important;
  padding: 7px 10px !important;
}

@media (min-width: 440px) {
  .vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod button.sn_more_btn {
    font-size: 0.8rem !important;
    padding: 7px 12px !important;
  }
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod button.sn_more_btn:hover {
  background: var(--color-theme-secondary);
  color: var(--color-theme-text) !important;
}

.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-primary);
}

.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-primary);
}

/* Sticky Nav Buttons  */
.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_item button.button_sn_item {
  font-size: 1rem !important;
  color: var(--color-theme-highlight) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__sticky-navigation__mod .sn_item button.button_sn_item:hover {
  color: var(--color-theme-text) !important;
}

/* VDP Dealership info mod  */
@media (max-width: 767px) {
  .vdp-module-canvas-razor-wrapper .vdp__dealerInfo__mod .row>* {
    padding: 0 !important;
  }
}

@media (max-width: 991px) {
  .vdp-module-canvas-razor-wrapper .vdp__container .vdp__dealerInfo__mod {
    margin-bottom: 0 !important;
  }
}

.vdp-module-canvas-razor-wrapper .vdp__dealerInfo__mod .store__hours {
  margin-bottom: 1em;
}

.vdp-module-canvas-razor-wrapper .vdp__dealerInfo__mod .hours__status__open {
  color: var(--color-theme-highlight);
}

/* Footer and VDP spacing */
.vdp-module-canvas-razor-wrapper {
  margin-bottom: 2em;
}

/* Contact Module */
.vdp-module-canvas-razor-wrapper .vdp__message__mod button.btn-primary {
  color: var(--color-theme-highlight) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__message__mod button.btn-primary:hover {
  color: var(--color-theme-text) !important;
}

/* Loan App  */
.vdp__loanCalc__mod .narrow__col-12 {
  padding: 0;
}

.vdp-module-canvas-razor-wrapper .vdp__loanCalc__mod a.btn-primary {
  color: var(--color-theme-highlight) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__loanCalc__mod a.btn-primary:hover {
  color: var(--color-theme-text) !important;
}

/* Quick Connect Module */
.vdp-module-canvas-razor-wrapper .vdp__quickconnect__mod .section__title {
  color: var(--color-theme-header);
  margin: 0 0 0.5em 0;
}

.vdp-module-canvas-razor-wrapper .vdp__quickconnect__mod {
  background: var(--color-theme-highlight);
  border: 0 !important;
  padding: 1.5rem !important;
  margin-top: 1em !important;
  margin-bottom: 1.5em;
  /* border-radius: .8vw !important; */
}

.vdp-module-canvas-razor-wrapper .vdp__quickconnect__mod button {
  color: var(--color-theme-highlight) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__quickconnect__mod button:hover {
  color: var(--color-theme-text) !important;
}

.vdp-module-canvas-razor-wrapper .vdp__quickconnect__mod .vdp__quickconnect__wrapper {
  padding: 0 !important;
}

/* Financing Button in details section */
.vdp-module-canvas-razor-wrapper .vdp__info__addt__mod a.btn-secondary {
  color: var(--color-theme-highlight);
}

.vdp-module-canvas-razor-wrapper .vdp__info__addt__mod a.btn-secondary:hover {
  color: var(--color-theme-text);
}

/* Modal colors  */
/* -------------------- Dark site color fixes ---------------------- */
.inventorydetails .form-wrap label {
  color: inherit;
}

.inventorydetails [QuickConnectCssScope] .modal-content {
  background-color: var(--color-theme-background);
  color: var(--color-theme-text);
  border-color: var(--color-theme-text);
}

.inventorydetails [QuickConnectCssScope] h5.modal-title,
.inventorydetails [QuickConnectCssScope] .modal-header .close,
.inventorydetails [QuickConnectCssScope] .form-text {
  color: inherit;
}

.inventorydetails p {
  color: var(--color-theme-text);
}

.inventorydetails .formDisclaimer__content-wrapper,
.inventorydetails .vdp-module-canvas-razor-wrapper a {
  color: inherit;
}

.inventorydetails .formDisclaimer__content-wrapper a {
  color: inherit !important;
}

.vdp-module-canvas-razor-wrapper .modal-header {
  background-color: transparent !important;
}

.vdp-module-canvas-razor-wrapper .modal-header button.close {
  color: inherit !important;
}

.vdp-module-canvas-razor-wrapper .modal-header button.close:hover {
  color: var(--color-theme-primary) !important;
}

.vdp-module-canvas-razor-wrapper .modal#viewAllPhotosModal .modal-header {
  background: var(--color-theme-primary) !important;
}

.vdp-module-canvas-razor-wrapper .modal#viewAllPhotosModal .modal-header .modal-title {
  color: var(--color-theme-text) !important;
}

/* header on mobile*/
.page-inventory-details .cw-header-info {
  display: none;
}

@media (min-width: 768px) {
  .page-inventory-details .cw-header-info {
    display: block;
  }
}

.page-cars-for-sale a:hover {
  color: var(--color-theme-secondary) !important;
}

.business-hours .today {
  color: var(--color-theme-primary) !important;
}

.modal-title {
    color: #000000;
    white-space: normal;
    word-break: break-word;
}

.modal-header .close {
    color: #000000;
    opacity: 1;
}