:root {
  --text-color: #404140;
  --header-bg-color: rgba(255,255,255,1);
  --link-color: #9f988b;
  --error-color: #f41d16;
  --footer-color: #f5f3f0;
  --form-color: rgba(245,243,240,1);
  --input-bg-color: rgba(245,243,240,1);
  --input-text-color: #9f988b;
  --button-bg-color: rgba(64,65,64,1);
  --button-text-color: #f5f3f0;
}

/* line 18, ../scss/lsvt-style.scss */
body {
  color: #404140;
}

/* line 24, ../scss/lsvt-style.scss */
a {
  color: #9f988b;
}

/* line 58, ../scss/lsvt-style.scss */
header {
  background-color: rgba(255,255,255,1);
}

/* line 74, ../scss/lsvt-style.scss */
#page {
  background-color: rgba(255,255,255,1);
}
@media only screen and (min-width: 768px) {
  /* line 74, ../scss/lsvt-style.scss */
  #page {
    background-image: url('//d1xfb0e3ea1asg.cloudfront.net/lsvt-sign-in/images/signin-background-A3743A16-C84F-8DD2-F3B8A45796EE9D03.jpg');
  }
}

/* line 90, ../scss/lsvt-style.scss */
.card {
  background-color: rgba(245,243,240,1);
}

/* line 135, ../scss/lsvt-style.scss */
.powered-by svg {
  fill: rgba(64,65,64,1);
}

@media only screen and (min-width: 768px) {
  /* line 143, ../scss/lsvt-style.scss */
  .powered-by svg {
    fill: #f5f3f0;
  }
}

/* line 150, ../scss/lsvt-style.scss */
.message {
  color: #f41d16;
}

/* line 174, ../scss/lsvt-style.scss */
.message span svg {
  fill: #404140;
}

.input-container {
  border-bottom-color: #9f988b;
}

/* line 209, ../scss/lsvt-style.scss */
.error + label span {
  color: #f41d16;
}

/* line 213, ../scss/lsvt-style.scss */
input {
  color: #9f988b;
  background: rgba(245,243,240,1);
}

input.error {
  color: $$$INPUTTEXTERRORCOLOR$$$;
}

/* line 238, ../scss/lsvt-style.scss */
.user-icon,
.pass-icon,
.envelope-icon {
  fill: #404140;
}

/* line 248, ../scss/lsvt-style.scss */
.error + label + .user-icon,
.error + label + .pass-icon,
.error + label + .envelope-icon {
  fill: #f41d16;
}

/* line 252, ../scss/lsvt-style.scss */
.close-icon,
.chevron-down-icon {
  fill: #404140;
}

/* line 269, ../scss/lsvt-style.scss */
.btn {
  background-color: rgba(245,243,240,1);
  border-color: rgba(64,65,64,1);
  color: rgba(64,65,64,1);
}

/* line 293, ../scss/lsvt-style.scss */
.btn:after {
  color: #f5f3f0;
  background-color: rgba(64,65,64,1);
}

/* line 309, ../scss/lsvt-style.scss */
.secure {
  color: rgba(64,65,64,1);
}

/* line 315, ../scss/lsvt-style.scss */
.secure a {
  color: rgba(64,65,64,1);
}

@media only screen and (min-width: 768px) {
  /* line 309, ../scss/lsvt-style.scss */
  .secure {
    color: #f5f3f0;
  }
  /* line 326, ../scss/lsvt-style.scss */
  .secure a {
    color: #f5f3f0;
  }
}

/* line 335, ../scss/lsvt-style.scss */
.lock-icon {
  fill: rgba(64,65,64,1);
}

@media only screen and (min-width: 768px) {
  /* line 335, ../scss/lsvt-style.scss */
  .lock-icon {
    fill: #f5f3f0;
  }
}

/* line 349, ../scss/lsvt-style.scss */
.more {
  color: rgba(64,65,64,1);
}

/* line 385, ../scss/lsvt-style.scss */
.crate-title {
  background: rgba(64,65,64,1);
  color: rgba(245,243,240,1);
}

/* line 386, ../scss/lsvt-style.scss */
.crate-body {
  background: rgba(245,243,240,1);
  color: #404140;
}

/* location styling */
/* line 392, ../scss/lsvt-style.scss */
.loc-selection {
  background-color: rgba(245,243,240,1);
  color: #404140;
  border-top-color: rgba(64,65,64,1);
}

/* line 399, ../scss/lsvt-style.scss */
.loc-selection:last-child {
  border-bottom-color: rgba(64,65,64,1);
}

/* line 402, ../scss/lsvt-style.scss */
.loc-selection:hover {
  background-color: rgba(64,65,64,1);
  color: rgba(245,243,240,1);
}

/* line 406, ../scss/lsvt-style.scss */
.loc-selection:after {
  border-right-color: #404140;
  border-top-color: #404140;
}

/* line 419, ../scss/lsvt-style.scss */
.loc-selection:hover:after {
  border-right-color: rgba(245,243,240,1);
  border-top-color: rgba(245,243,240,1);
}

/* line 439, ../scss/lsvt-style.scss */
.login {
  background-color: rgba(245,243,240,1);
  color: rgba(64,65,64,1);
  border-color: rgba(64,65,64,1);
}
 /* =========================================
   NEW STYLES FOR THE CREATE ACCOUNT BUTTON
   ========================================= */

.create-account-link {
    color: #ffffff !important; 
    font-size: 16px; /* Decreased size as requested */
    font-weight: 800;
    text-decoration: none;
    letter-spacing: 0.5px;
}

.button4 {
    cursor: pointer;
    background: #f51d16; /* Solid Red Background */
    border: none;
    padding: 12px 24px; /* Slightly reduced padding for a sleeker look */
    border-radius: 10px;
    transition: background 0.3s ease;
}

.button4:hover {
    background: #d41913; /* Darker red on hover */
}

.or-divider {
    margin: 20px 0;
    font-size: 20px; 
    font-weight: bold;
    color: #222222; 
}

.signin-text {
    font-size: 18px; 
    color: #222222; 
}

/* =========================================
   ORIGINAL PAGE STYLES
   ========================================= */

/* text next to form */
.neonfront_content_media {
    margin-top: 60px;
}

/* header logo */
.neonfront_logo {
    min-height: auto;
}

/* header */
.navbar .container-fluid.neonfront_header {
    min-height: auto;
}

/* header nav items */
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav {
        align-items: center;
    }
}

/* header nav items */
.neonfront_link {
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 15px;
    font-weight: 500;
    letter-spacing: .5px;
}

/* header login button */
.neonfront_header .neonfront_link.login_button {
    border-color: #F51D16 !important;
    width: 78px;
    height: 32px;
    padding: 0px 0px 2px 0px !important;
    margin-left: 15px;
    margin-bottom: -2px;
    border-radius: 40px;
}

/* header nav dropshadow */
.navbar {
    box-shadow: 0 3px 6px 0px rgba(0, 0, 0, 0.16);
}

/* form container */
.neonfront_container {
    border-radius: 20px;
    box-shadow: 0 0px 14px 0 rgba(0, 0, 0, 0.16);
    padding: 30px 30px;
}

/* step */
.neonfront_stepper {
    height: 3px;
    background: #C6C6C6;
    border-radius: 0px;
}

/* step (active) */
.neonfront_stepper_title {
    font-weight: 400;
    font-size: 16px;
    text-transform: none;
    margin-top: 20px;
}

/* once or monthly button gap */
.btn-group, .btn-group-vertical {
    gap: 10px;
}

/* form button */
.btn.neonfront-btn-outline-primary.btn-nm.fs-875.btn-label-donationOnce {
    height: auto;
    color: #404140;
    border: 1px solid #C6C6C6;
    border-radius: 0 !important;
    padding-left: 2px;
    padding-right: 2px;
    font-weight: 400;
    background: #F4F2EF;
}

/* form button */
.neonfront-btn-primary {
    border-radius: 0px !important;
}

/* form button */
.neonfront-btn-primary.btn-lg {
    height: auto;
    line-height: 120%;
    background: #F51D16;
    border: none;
    border-radius: 0px !important;
}

/* form button (checked) */
.btn-check:checked + .neonfront-btn-outline-primary, .donationFrequencyChecked, .btn-check:active + .neonfront-btn-outline-primary, .neonfront-btn-outline-primary.active, .neonfront-btn-outline-primary.dropdown-toggle.show {
    background-color: rgba(245, 29, 22, 1) !important;
    color: #ffffff !important;
    z-index: 0 !important;
    border: 1px solid rgba(245, 29, 22, 1) !important;
    border-radius: 0px !important;
}

/* form button */
.neonfront-btn-outline-primary.btn-nm {
    height: auto;
    line-height: 160%;
    background: #F4F2EF;
    border-radius: 0px !important;
}

/* form button */
.neonfront-btn-outline-primary {
    color: #404140 !important;
    border: 1px solid #C6C6C6 !important;
    border-radius: 0px !important;
    width: 100%;
    font-size: 14px;
}

/* form fields */
.form-control {
    font-weight: 400;
    color: #404140;
    border: 1px solid #C6C6C6;
    border-radius: 0;
}

/* form labels */
.neonfront_element label.form-label {
    color: #777777;
}

/* checkbox labels */
.neonfront_element .neonfront_checkbox_label {
    color: #777777;
}

/* dropdowns */
.neonfront_element .neonfront_input {
    color: #404140;
    border-radius: 0px !important;
}

.input-group-text {
    color: #404140;
    background-color: #F4F2EF;
    border: 1px solid #C6C6C6;
    border-radius: 0px;
}

/* pay with card button */
.btn.neonfront-btn-primary.btn-lg.phone-card-button {
    height: 50px;
    background: #F4F2EF !important;
    color: #404140 !important;
    border-radius: 0px;
    border: 1px solid #C6C6C6;
}

/* body */
.neonfront_body {
    margin-top: auto;
    margin-bottom: auto;
    padding: 30px 30px;
}

/* footer */
.footer-root {
    align-items: center;
    justify-content: space-between;
}

/* footer container */
.container-fluid.neonfront_footer {
    color: #222222;
}

/* footer text */
.row.neonfront_footer_lv_info {
    color: #222222;
}

/* footer links */
.neonfront_footer_lv_info a {
    color: #F51D16 !important;
    text-decoration: underline !important;
}

/* =========================================
   MOBILE STYLES
   ========================================= */

@media screen and (max-device-width: 991px) {
    .neonfront_body {
        margin-top: 15px !important;
        width: 95%;
    }
    .neonfront-btn-outline-primary.btn-nm {
        display: flex !important;
        justify-content: center !important;
    }
    .neonfront-form {
        padding: 0px 0px;
    }
}

/* =========================================
   GLOBAL SANS-SERIF OVERRIDE
   ========================================= */

* {
    font-family: Arial, Helvetica, sans-serif !important;
}