.cw-trade-banner {
  padding: 0.5em 0;
  background: var(--color-theme-primary);
}

.cw-trade-banner p {
  color: var(--color-theme-text-btn);
  margin: 0;
}

.cw-header {
  padding: 1.5em 0;
}

.cw-header .row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.cw-header img {
  width: 100%;
  max-width: 375px;
  margin: auto;
}

.cw-header h2 {
  font-size: 1.5rem;
  margin: 0 0 0.5em 0;
}

.cw-header p {
  font-size: 1.1rem;
  margin: 0 0 0.5em 0;
}

.page-home .title {
  padding: 0.75em 0;
}

.page-home .title h1 {
  margin: 0;
  color: var(--color-theme-text-btn);
  letter-spacing: 1px;
  font-size: 2rem;
}

/* Main Banner */
.cw-banner-section {
  position: relative;
  padding: 20% 0;
  background-image: url("https://cdn.powersports.com/cdn-cgi/image/h=1440,w=1920/15582F8EA7D95260544059C2B768892E.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .cw-banner-section {
    padding: 10% 0 26%;
  }
}

@media (min-width: 1600px) {
  .cw-banner-section {
    padding: 13% 0 26%;
  }
}

.cw-intro-imgs {
  position: relative;
  overflow: hidden;
  background-color: var(--color-theme-secondary);
}

.cw-intro-imgs .row {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.cw-intro-imgs img {
  position: relative;
  margin: 1em auto;
}

.cw-intro-imgs .cw-angle {
  background-color: var(--color-theme-primary);
  position: absolute;
  left: -34%;
  width: 70%;
  height: 100%;
  -webkit-transform: skew(-30deg);
  -moz-transform: skew(-30deg);
  -o-transform: skew(-30deg);
  z-index: 0;
}
@media (min-width: 992px) {
  .cw-intro-imgs .cw-angle {
    left: -8%;
  }
}

/* Welcome */
.cw-welcome-section {
  padding: 1em 0;
  background-color: var(--color-theme-primary);
}

.cw-welcome-section h5 {
  position: relative;
  color: var(--color-theme-text-btn);
  font-family: "Fjalla One", sans-serif;
  font-size: 2em;
  font-weight: 500;
  text-transform: uppercase;
}

.cw-welcome-section h5::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -10px;
  height: 3px;
  width: 50px;
  background-color: #000;
}

.cw-welcome-section h6 {
  color: var(--color-theme-text-btn);
  font-size: 1.5rem;
}

.cw-welcome-section p {
  font-size: 1.1em;
  color: var(--color-theme-text-btn);
}

.cw-welcome-section i.fa-square {
  color: var(--color-theme-background);
}

/* Button Section */
.cw-button-section {
  padding: 1em 0;
}

.cw-flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cw-button-section .cw-button-wrap {
  margin: 0.5em 0.5em 1.25em 0.5em;
  padding: 0.75em 0em;
  flex: 1 1 200px;
}

.cw-button-section h5 {
  position: relative;
  color: var(--color-theme-header);
  font-family: "Fjalla One", sans-serif;
  font-size: 2em;
  font-weight: 500;
  text-transform: uppercase;
}

.cw-button-section h5::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -10px;
  height: 3px;
  width: 50px;
  background-color: var(--color-theme-primary);
}

.cw-button-section .cw-button-wrap h6 {
  position: relative;
  color: var(--color-theme-secondary);
  font-family: "Fjalla One", sans-serif;
  font-size: 2em;
  font-weight: 500;
  margin-top: 0.25em;
  text-transform: uppercase;
}

.cw-button-section .cw-button-wrap h6::before {
  content: "";
  position: absolute;
  left: 0px;
  bottom: -10px;
  height: 3px;
  width: 50px;
  background-color: var(--color-theme-primary);
}

.cw-button-section p {
  font-size: 1.1em;
  padding-top: 0.8em;
}

.cw-button-section a {
  display: block;
  margin: 0.25em auto;
  padding: 0.25em 0;
  width: 100%;
  color: var(--color-theme-text-btn);
  font-size: 1.35em;
  text-align: center;
  background-color: var(--color-theme-secondary);
  border: 1px solid transparent;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.cw-button-section a:hover {
  color: var(--color-theme-text-btn);
  background-color: var(--color-theme-highlight);
  border-color: var(--color-theme-highlight);
}

.cw-button-section .business-hours .bh-title {
  display: none;
}

@media (min-width: 992px) {
  .cw-flex-row {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
}

.page-home .textwithimage .textwithimage-img img {
  border-bottom: 3px solid #fff;
}

@media (min-width: 992px) {
  .page-home .textwithimage .textwithimage-img img {
    border-bottom: none;
    border-right: 3px solid #fff;
  }
}

.cw-reviews .cw-review {
  border: 1px solid #222222;
  padding: 20px;
  margin: 30px 0;
  border-radius: 10px;
  background-color: #222222;
}

.cw-reviews .cw-review .cw-stars {
  color: #ffc107;
  font-size: 1.5rem;
}

.cw-reviews .cw-review .cw-name {
  font-weight: bold;
  margin-top: 10px;
}

.inventory .vehicle-card .inventory-cta .btn:not(.btn-pre-qualified):hover {
  color: var(--color-theme-text-btn) !important;
}

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

.inventorydetails .vdp-module-canvas-razor-wrapper .btn-primary {
  color: var(--color-theme-text-btn) !important;
}

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

.veh__info__item:nth-child(even)[VehicleInfoWidgetCssScope] {
  background: #222 !important;
}

.vdp-module-canvas-razor-wrapper .hours__status {
  background: var(--color-theme-highlight) !important;
  color: var(--color-theme-text-btn) !important;
}

.header .navbar .dropdown-menu .badge {
  background: var(--color-theme-secondary);
  color: var(--color-theme-text-btn);
}

/* Loan Calculator */
.loan__calc__content label {
  color: #fff;
}

.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-secondary);
  color: var(--color-theme-text-btn);
  border-color: #fff;
}

.header .navbar a {
  text-transform: uppercase;
  font-size: 0.9rem;
}

/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*------ Primary Btns ----------------------------------------------------------------------------*/
.btn-primary,
.btn-submit,
.businessinfo .btn-primary,
.vdp__info__addt__mod .btn-secondary,
.form .btn-primary,
.vdp-module-canvas-razor-wrapper .btn-secondary,
.vdp-module-canvas-razor-wrapper
  .vdp__sticky-navigation__mod
  .sn_item
  button.button_sn_item {
  color: #fff !important;
  background: #917c47 !important;
  border-color: #fff !important;
  transition: 0.3s ease !important;
}
.btn-primary:hover,
.btn-submit:hover,
.businessinfo .btn-primary:hover,
.vdp__info__addt__mod .btn-secondary:hover,
.page-home section.inventory-search-module .btn-primary:hover,
.form .btn-primary:hover,
.vdp-module-canvas-razor-wrapper .btn-secondary:hover,
.vdp-module-canvas-razor-wrapper
  .vdp__sticky-navigation__mod
  .sn_item
  button.button_sn_item:hover {
  color: #000 !important;
  background: #c6ab04 !important;
  border-color: #917c47 !important;
}
/*------ Secondary Btns ----------------------------------------------------------------------------*/
.btn-secondary,
.vdp-module-canvas-razor-wrapper .btn-primary,
section.page-inventory-details .btn.btn-primary,
.inventory .inventory-cta .btn:not(.btn-pre-qualified) {
color: #000 !important;
  background: #fff !important;
  border-color: #917c47 !important;
  transition: 0.3s ease !important;
}
.btn-secondary:hover,
.vdp-module-canvas-razor-wrapper .btn-primary:hover,
section.page-inventory-details .btn.btn-primary:hover,
.inventory .inventory-cta .btn:not(.btn-pre-qualified):hover {
  color: #fff !important;
  background: #333 !important;
  border-color: #fff !important;
}
.btn-primary::before,
.btn-secondary::before,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary:before,
.btn-outline-secondary:before {
  background: transparent !important;
}
/*------ VDP Btns ----------------------------------------------------------------------------*/
.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,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary {
  color: #fff !important;
  background: #917c47 !important;
  border-color: #fff !important;
  transition: 0.3s ease !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,
.vdp-module-canvas-razor-wrapper .btn-outline-secondary:hover {
 color: #000 !important;
  background: #c6ab04 !important;
  border-color: #917c47 !important;
}
/*------ VDP Loan Calc ----------------------------------------------------------------------------*/
/* .loan__calc__content .vdp-module-canvas-razor-wrapper .btn-outline-secondary {
  border-color: #cc0000 !important;
  background-color: transparent !important;
  color: #000 !important;
}
.loan__calc__content
  .vdp-module-canvas-razor-wrapper
  .btn-outline-secondary:hover {
  background-color: #cc0000 !important;
  color: #fff !important;
  border-color: #cc0000 !important;
}
.loan__calc__content
  .vdp-module-canvas-razor-wrapper
  .btn-outline-secondary:before {
  background: #b22a37 !important;
} */
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
  .vdp-module-canvas-razor-wrapper .hours__status,
  .vdp-module-canvas-razor-wrapper .hours__status {
    color: #000 !important;
  }