/*header*/

.header .header-info-logo-img img {
  width: 290px;
  padding-top: 17px;
}

.cw-header-contact .fa {
  display: inline-block;
  vertical-align: middle;
  padding-right: 0.25rem;
  color: var(--color-theme-secondary);
}

.cw-header-contact .cw-phone:before {
  color: unset;
}

.header .navbar {
  padding-top: 20px;
  padding-bottom: 20px;
}

.font-body-Lora .font-bold {
  font-weight: 700;
  font-size: 30px;
}

.header .nav-link,
.header .navbar-brand,
.header .navbar-dark .navbar-nav .nav-link {
  color: #ffffff;
}

.cw-header-contact .cw-phone {
  color: var(--white);
}

.cw-header-contact .cw-phone:hover {
  color: #333333;
}

.cw-header-contact {
  padding: 6px 2px;
}

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

@media (min-width: 992px) {
  .cw-header-info .container {
    max-width: 1140px;
  }

  .cw-header-info .header-info-logo-img {
    position: absolute;
    z-index: 1040;
    top: 50px;
  }

  nav.navbar .container {
    min-height: 99px;
  }

  .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% - 315px);
    justify-content: center;
  }
}

@media (min-width: 1400px) {
  .header .container,
  .cw-header-contact .container {
    max-width: 1340px;
  }
}

/*Hero*/
.cw-custom {
  background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/FDB0C1E5295FCFCB5A1571338779D532.jpg);
  background-size: cover;
  background-position: 90%;
  overflow: hidden;
  height: 800px;
}

@media (min-width: 768px) {
  .cw-custom {
    height: 475px;
  }
}

.cw-hover-shadow {
  transition: all 0.3s ease;
}
.cw-hover-shadow:hover {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.cw-card {
  background-color: rgba(51, 51, 51, 0.55);
  backdrop-filter: blur(5px);
}

/* Search Module */
section.inventory-search-module > .container {
  max-width: 1320px !important;
}

/*H1 - Title*/
.page-home .title-heading {
  font-size: 36px;
  text-align: center;
}

/*sliderchange*/

.card__multi__style7 .item__card__photo:after {
  background: linear-gradient(
    to top,
    rgba(181, 142, 75, 0.5),
    transparent
  ) !important;
}

.inventory-search-module {
  margin-top: -45px !important;
  z-index: auto;
  position: relative;
  padding-top: 10px;
}

section.inventory-search-module .form__wrapper {
  background-color: #333 !important;
  border: var(--color-theme-primary) !important;
}

/* 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: var(--cw-white);
  font-size: 1.25em;
}

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

.cw-welcome-section p a:hover {
  color: var(--cw-white);
}

@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: 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: 576px) {
  .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;
  }
}

.header .navbar .dropdown-item {
  color: #fff !important;
}
.vdp__veh__info__mod
  .veh__info__item:nth-child(even)[VehicleInfoWidgetCssScope] {
  background-color: #1a69eb !important;
}

/* -------------------- Color Fixes for VDP ---------------------- */

/* most vdp text issues fixed by using inherit. If they aren't coming through, check for !importants on other targets, especially for the 'label' seems common */
.inventorydetails .section__title,
.inventorydetails .section__subtitle,
.inventorydetails .section__callout__title,
.inventorydetails .vdp-module-canvas-razor-wrapper a,
.inventorydetails p,
.inventorydetails label {
  color: inherit;
}
/* color issue in header that only has problems on VDP */
.header .badge {
  color: inherit;
}

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

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

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

/* Financing button and most modal buttons */
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary,
.inventorydetails .vdp-module-canvas-razor-wrapper .btn-secondary:focus {
  background-color: var(--color-theme-primary);
  color: var(--color-theme-text-btn);
  border-color: var(--color-theme-primary);
}

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

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

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

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

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

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

/* Translate Button Styles  */
.cw-translate-btn {
  background-color: var(--color-theme-primary);
  border: 2px solid white;
  padding: 4px 16px;
  border-radius: 8px;
  color: white;
  font-weight: 500;
  font-size: 0.875rem;
  display: inline-block;
  width: auto;
}

.cw-translate-btn:hover {
  background-color: var(--color-theme-primary);
  color: white;
}

.cw-translate-btn:focus {
  background-color: var(--color-theme-primary);
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  color: white;
}

.cw-translate-widget {
  display: none;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
  overflow: hidden;
  padding: 1px 8px;
  font-size: 0.875rem;
}

.cw-translate-widget.show {
  display: inline-block;
  animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Style Google Translate dropdown */
.goog-te-combo {
  display: inline-block;
  width: auto;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 6 7 7 7-7'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
  min-width: 200px;
}

.goog-te-combo:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

.goog-te-combo:hover {
  border-color: #b6d7ff;
}

/* Hide branding */
.goog-te-gadget {
  font-family: inherit !important;
  font-size: inherit !important;
}

.goog-te-gadget .goog-te-combo {
  margin: 0 !important;
}

.goog-logo-link {
  display: none !important;
}

.goog-te-gadget-simple {
  background-color: transparent !important;
  border: none !important;
  font-size: inherit !important;
}

.goog-te-banner-frame {
  display: none !important;
}

.goog-te-gadget-icon {
  display: none !important;
}

/* Style the translate widget container */
#google_translate_element {
  margin: 0;
}

#google_translate_element > div {
  display: inline-block;
}

@media (max-width: 440px) {
  .cw-header-contact .d-flex {
    flex-direction: column !important;
    align-items: center !important;
  }

  .cw-header-contact .cw-phone {
    margin-right: 0 !important;
    margin-bottom: 0.5rem; /* space between phone and translate */
    display: block;
  }

  .cw-header-contact .cw-translate-btn,
  .cw-header-contact .cw-translate-widget {
    margin-left: 0 !important;
  }
}

/* ------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------- */

.item__card__details__wrapper {
  text-shadow: 0px 0px 2px #000000, 1px 1px 2px #000000;
}