@import 'fonts.css';

#main-container #bottom-edge,
#main-container .review-bike .review-edit,
#home-page-header div {
  display: none;
}

#main-container #centerContainer,
#main-container .stepContent,
#main-container .slide {
  background-color: #f0f0e4;
}

#main-container #main-nav-container,
#main-container .mobile-navigation .image-container {
  background: none;
  background-color: #f0f0e4;
}

#main-container #joint-applicant-link {
  background-image: none;
  background-color: #000;
}

#tab-background .bike-selector-button-container.tab-selected-new .new-button-container,
#tab-background .bike-selector-button-container.tab-selected-used .used-button-container {
  background-image: none;
  background-color: #000;
}

#main-container .header-container,
#main-container .footer-container .lang {
  display: none;
}

#main-container #home-subheader-footnote-text {
  padding: 0 0 30px;
}

#main-container .tooltip-tab, .page-livewire .tooltip-container .tooltip-tab {
  background-color: #f38971;
}

h4 ul {
  margin: 0 0 0 20px;
}

h4 ul li {
  list-style-image: none;
  list-style-type: disc;
}

a,
a:active,
a:focus,
a:link,
a:visited,
a:hover,
a:active:hover,
a:focus:hover,
a:link:hover,
a:visited:hover #step4 .review-edit,
#step4 .review-edit a {
  color: #f38971;
}

.reveal-overlay .reveal .modal-title-bar [data-close]::after,
[data-close]::after {
  color: #f38971;
}

#step3 .row .right-side .annual-income-hr,
#step2 .row hr,
#slideDecision hr {
  border-color: #f38971;
}

#step4 .header-divider {
  border-bottom: 4px solid #f38971;
}

a.button,
a.button-prev {
  color: var(--cta-color);
}

a.button:hover,
a.button-prev:hover {
  color: var(--cta-hover-color);
}

input[type='email'],
input[type='tel'],
input[type='text'],
input[type='number'],
.applicant-info .ux-dropdown,
#step2 .row #bike-selection-bike-year-container,
.joint-applicant-info .ux-dropdown,
select {
  border-radius: 0;
}

[type='text']:focus {
  border-color: #f38971 !important;
}

h2,
h3,
h4,
p,
a,
div,
span,
li {
  font-family: 'Aeonik', 'Arial', sans-serif !important;
}

.apply-for-credit-now-inner-container h2,
#Faq h3,
#AppInfoFaq2 h3,
.FAQAccordion h3,
.component-applicationInfo .right-side .right-side-header,
#step3 .row .right-side .right-side-header,
.right-side label,
#step4 .review-container .review-container-left .review-header-container .review-header .name,
#step4 .review-applicant .review-subheader .name,
#step4 .review-edit a,
#step2 .right-side .right-side-content .right-side-header,
#main-nav-container
  a
  .text
  #step4
  .review-container
  .review-container-right
  .review-header-container
  .review-content
  .grouping
  span,
#step4 .review-container .review-container-right .review-header-container .review-content span {
  font-family: 'Aeonik', 'Arial', sans-serif !important;
}

#main-nav-container > div {
  max-width: 1080px;
}

#main-nav-container a .text {
  font-size: 1.1875rem;
}

@media screen and (max-width: 39.9375em) {
  .left-side-content .left-side-header .content-header span,
  .left-side-content .left-side-header .left-side-sub-header-container {
    text-align: left !important;
  }
}

.apply-submit-ride-container .apply-submit-ride-background .apply-submit-ride-header h3 {
  font-family: 'Aeonik', 'Arial', sans-serif !important;
  font-weight: 600;
}

#home-page-header h1 span {
  font-family: 'Aeonik-Black' !important;
}

.left-side-header > span, .left-side-header > .content-header > span, .approval-decision-header {
  font-family: 'Aeonik-Black' !important;
  text-transform: uppercase;
  font-size: 4.1875rem !important;
  line-height: 3.5rem !important;
}
@media (max-width: 1200px) {
  .left-side-header > span, .left-side-header > .content-header > span, .approval-decision-header {
    font-size: 2.75rem !important;
    line-height: 2.625rem !important;
  }
}

.left-side-header .review-content span, #review-bike-container .bike-container span {
  font-family: 'Aeonik', 'Arial', sans-serif !important;
  font-size: 1.125rem !important;
  line-height: 1.5rem !important;
  text-transform: initial;
}
@media (max-width: 1200px) {
  .left-side-header .review-content span, #review-bike-container .bike-container span {
    font-size: 1rem !important;
    line-height: 1.375rem !important;
  }
}

#step4 .review-container .review-container-right .review-header-container .review-header .name {
  font-family: inherit !important;
}

#home-container .top-background .home-apply-container.row {
  background-image: url(images/thank_you.jpg);
  background-size: cover;
  background-position: 0 -400px;
}

.apply-for-credit-now-inner-container,
#step1 .right-side .right-side-content,
#step3 .row .right-side .right-side-content,
#step2 .right-side .right-side-content {
  background-image: url(images/Lock.png);
  background-size: 18px 20px;
}

#step4 .review-edit {
  background-image: url(images/edit.png);
  background-size: 23px 23px;
}

.ui-state-default .ui-icon {
  background-image: url(images/plus.png);
  width: 24px;
  height: 24px;
}

.ui-state-active .ui-icon {
  background-image: url(images/minus.png);
  width: 24px;
  height: 24px;
}

#step3 .right-side .right-side-content {
  background-position: right 0 top 0px;
}

.apply-for-credit-now-inner-container {
  background-position: right 29px top 29px;
}

.reveal-overlay .reveal .modal-title-bar [data-close]::after,
[data-close]::after {
  color: #f38971;
}

@media (max-width: 1280px) {
  #home-container .top-background .home-apply-container.row {
    background-position: center;
  }
}

.prequalification {
  background-color: white;
}

.prequalification .hero.hide-for-small-only img {
  content:url("https://www.livewire.com/next-assets/images/prequal/hero_Laptop_L_1440px.png");
}
.prequalification .hero.show-for-small-only img {
  content:url("https://www.livewire.com/next-assets/images/prequal/hero_Mobile_M_375px.png");
}

.prequalification .form h2, .prequalification .form .action .button span{
  font-family: franklin-gothic-atf, Georgia, serif !important;
}
.prequalification .form input:focus {
  border-color: #f38971;
}
.prequalification .form input:required:valid:not(.ng-invalid) {
  border-color: #5ac55a
}
.prequalification .form .action .button:not([disabled]) {
  background-color: #f38971 !important;
  border-color: #f38971 !important;
}
.prequalification .form .action .button:not([disabled]):hover {
  background-color: black !important;
  border-color: black !important;
  color: white !important;
}