/* Header */

.header .navbar .navbar-nav .nav-link[href="/finance"],
.header .navbar .navbar-nav .nav-link[href="/preview/123456/finance"] {
    
    font-weight: 900 !important;
}

.header .navbar-nav .nav-link {
  text-transform: capitalize !important;
  line-height: 36px;
  font-weight: normal;
  font-family: "Montserrat Alternates", sans-serif;
}

.header .navbar .navbar-nav .dropdown-item,
.header .navbar .navbar-nav .nav-link {
  font-family: "Montserrat Alternates", sans-serif !important;
  font-weight: normal !important;
  text-transform: capitalize !important;
}

/* .header .navbar .active > .nav-link,
    .header .navbar .dropdown-item.active,
    .header .navbar .dropdown-item:active,
    .header .navbar .show > .nav-link {
      background-color: var(--color-theme-highlight);
    }
  
    .header .navbar .active > .nav-link {
      color: var(--color-theme-background);
      background-color: var(--color-theme-highlight);
    }
  
    .navbar-nav .nav-link {
      color: var(--color-theme-secondary) !important;
    }
  
    .badge {
      color: var(--color-theme-primary);
    }
  
    .header .navbar .dropdown-item {
      text-transform: uppercase;
    } */

.header .header-business + .header-business:nth-of-type(1):before {
  display: none;
}

.cw-header-bar {
  display: inline-block;
  width: 100%;
  height: 10px;
  background: var(--color-theme-highlight);
}

.cw-custom-header {
  background-color: var(--cw-customColorV1);
  padding: 10px 0;
}

.cw-custom-header .cw-logo {
  text-align: center;
  margin-bottom: 10px;
}

.cw-custom-header .cw-header-text {
  text-align: center;
}

.cw-custom-header .cw-header-text a {
  color: inherit;
}

.cw-custom-header .cw-header-text a:hover {
  color: var(--color-theme-highlight);
}

.cw-custom-header .cw-social-media {
  padding-top: 10px;
}

.cw-custom-header .cw-social-media .fab {
  border-radius: 50%;
  padding: 15px;
  width: 99px;
  font-size: 2em;
  text-align: center;
}

.cw-custom-header .cw-social-media .fab:hover {
  transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
}

.cw-header-text a.header-business {
  font-weight: 700;
  font-size: 1.75rem;
  color: #f21922;
}

.cw-header-text a.header-business:hover {
  color: inherit;
}

@media (min-width: 768px) {
  .cw-custom-header .cw-logo {
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .cw-custom-header {
    padding: 0;
  }

  .cw-custom-header .cw-logo {
    text-align: left;
  }

  .cw-custom-header .cw-logo img {
    max-height: 150px;
    /* margin: 0; */
  }
}

@media (min-width: 1200px) {
  .cw-custom-header .cw-header-text {
    text-align: right;
  }
}

/* !!! Hero !!! */

.cw-hero .carousel-item {
  height: 300px;
  background-size: cover;
  background-position: center center;
}

.cw-hero .carousel-control-prev,
.cw-hero .carousel-control-next {
  width: 10%;
  text-align: center;
  opacity: 0.7;
}

.cw-hero .carousel-control-prev:hover,
.cw-hero .carousel-control-next:hover {
  opacity: 1;
}

@media (min-width: 768px) {
  .cw-hero .carousel-item {
    height: 500px;
  }
}

/*-- Hero Buttons --*/

/*-- FOLLOWING CSS IS NEEDED TO APPLY OPACITY TO BUTTONS WHILE USING TEMPLATE COLORS VARIABLES --*/

.cw-button {
  height: 60px;
  margin: auto;
  border: 1px solid black;
  line-height: 60px;
  opacity: 0;
  transform: translateY(50%);
  animation: slide-up 1s ease-out forwards;
}

.cw-button > div {
  position: absolute;
  width: 100%;
}

.cw-buttons a {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  padding-left: 45px;
  font-weight: bold;
  text-shadow: 0 0 2px black;
}

.cw-button1 a {
  background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/9BD97201017639D65ED37670AF7DB828.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.cw-button2 a {
  background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/E9953CBDCEF5219BAD43DEA816C7681B.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.cw-button3 a {
  background: url(https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/CF093D421D068CA44AB8112F0217CB32.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

@keyframes slide-up {
  0% {
    opacity: 0;
    transform: translateY(50%);
  }

  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

@media (min-width: 768px) {
  .cw-buttons {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    width: 100%;
    font-size: 0.95rem;
    overflow: hidden;
  }

  .cw-button {
    width: 33%;
    margin: 0 0.25rem;
    height: 75px;
    line-height: 75px;
  }

  .cw-button > div {
    opacity: 0.5;
  }

  .cw-button:hover > div {
    background: var(--color-theme-highlight);
  }
}

@media (min-width: 992px) {
  .cw-buttons {
    font-size: 1.15rem;
  }

  .cw-button {
    margin: 0 0.75rem;
  }
}

@media (min-width: 1200px) {
  .cw-buttons {
    max-width: 1100px;
    left: calc(50% - 550px);
  }
}

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

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

/* Large devices (desktops, 992px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 992px) {
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}
.vdp__veh__info__mod .veh__info__item:nth-child(even)[VehicleInfoWidgetCssScope] {
  background-color: #000000 !important;
} 

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

.inventory .srp-sidebar .card-header {
    background: var(--color-theme-primary);
}


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

.inventoryslideshow .inventoryslideshow-btn .btn-primary {
    color: #000 !important;
}

.inventoryslideshow .inventoryslideshow-btn .btn-primary:hover {
    color: var(--color-theme-text-btn) !important;
}

   .loan__calc__content label {
       color: #fff;
   }
 
   /* .loan__calc__content .calc__totals__wrapper .label,
   .loan__calc__content .calc__totals__wrapper .value {
       color: #000;
   } */
 
   .vdp__loanCalc__mod .loan__calc__content .btn-outline-secondary {
       color: #fff;
       border-color: #fff;
   }
 
   .vdp__loanCalc__mod .loan__calc__content .btn-outline-secondary::before {
       background: var(--color-theme-primary);
   }
 
   .vdp__loanCalc__mod .loan__calc__content .btn-check:checked+.btn-outline-secondary {
       background: var(--color-theme-primary);
       border-color: #fff;
   }


	.form-grid-row>.form-forms-date {
		/* Hopefully fixes form popups being underneath other dropdowns/boxes */
		z-index: unset;
	}