/* Self-hosted Mulish (variable font, weight 200-1000). Replaces the Google Fonts
   dependency previously loaded in header.php. Files live in css/fonts/. */
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("fonts/Mulish-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Mulish";
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
  src: url("fonts/Mulish-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url("fonts/Mulish-Italic-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Mulish";
  font-style: italic;
  font-weight: 200 1000;
  font-display: swap;
  src: url("fonts/Mulish-Italic-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

body {
  padding: 0;
  margin: 0;
}

ol,
p,
ul {
  font-size: 16px;
  line-height: 1.6;
}

.membership-nav-container h1 {
  margin-left: 3rem;
}

/* BURGER MENU */
/* Position and sizing of burger button */
.bm-burger-button {
  position: fixed;
  width: 27px;
  height: 24px;
  right: 36px;
  top: 130px;
  display: none;
}

.bm-burger-button::before {
  content: "";
  border: 2px solid #17477b;
  width: 150%;
  position: absolute;
  height: 160%;
  left: -9px;
  top: -11px;
  border-radius: 4px;
}

/* Color/shape of burger icon bars */
.bm-burger-bars {
  background: #17477b;
  height: 2px !important;
}

/* Color/shape of burger icon bars on hover*/
.bm-burger-bars-hover {
  background: #17477b;
}

/* Position and sizing of clickable cross button */
.bm-cross-button {
  height: 24px;
  width: 24px;
}

/* Color/shape of close button cross */
.bm-cross {
  background: black;
}

/*
  Sidebar wrapper styles
  Note: Beware of modifying this element as it can break the animations - you should not need to touch it in most cases
  */
.bm-menu-wrap {
  position: fixed;
  height: 100%;
  top: 0;
  width: 300px;
  z-index: 1100;
  transition: all 0.5s ease 0s;
}

.membership-right-menu .bm-item-list ul {
  list-style-type: none;
  padding: 0;
}


/* General sidebar styles */
.bm-menu {
  background: white;
  padding: 2.5em 1.5em 0;
  font-size: 1.15em;
  height: 100%;
}

/* Morph shape necessary with bubble or elastic */
.bm-morph-shape {
  fill: #373a47;
}

/* Wrapper for item list */
.bm-item-list {
  color: #b8b7ad;
  padding: 0.8em;
}

/* Individual item */
.bm-item {
  display: inline-block;
}

/* Styling of overlay */
.bm-overlay {
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  z-index: 1000;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  transition: opacity 0.3s ease 0s, transform 0s ease 0.3s;
  transform: translate3d(100%, 0px, 0px);
}

/*END BURGER MENU */

* {
  font-family: "Mulish", Helvetica;
}

a {
  text-decoration: none;
}

p,
ol,
ul {
  font-size: 16px;
  line-height: 1.6;
}

strong {
  font-weight: 700 !important;
}

hr {
  box-sizing: content-box;
  border: solid #ddd;
  border-width: 1px 0 0;
  height: 0;
  margin: 20px 0;
}

.page-main-container p,
.page-main-container ul,
.page-main-container ol {
  font-weight: 300;
  font-size: 18px;
}

.page-main-container ol,
.page-main-container ul {
  padding-left: 18px;
  font-weight: bold;
}

.page-main-container p,
.page-main-container li {
  margin: 0 0 10px;
}

h3 {
  font-size: 27px;
}

.bg-image-fit {
  position: absolute !important;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100% !important;
  z-index: -1;
}

.gatsby-image-wrapper {
  position: relative;
  overflow: hidden
}

.gatsby-image-wrapper picture.object-fit-polyfill {
  position: static !important
}

.gatsby-image-wrapper img {
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-width: none;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  object-fit: cover
}

.gatsby-image-wrapper [data-main-image] {
  opacity: 0;
  transform: translateZ(0);
  transition: opacity .25s linear;
  will-change: opacity
}

.gatsby-image-wrapper-constrained {
  display: inline-block;
  vertical-align: top
}

.gatsby-image-wrapper noscript [data-main-image] {
  opacity: 1 !important
}

.gatsby-image-wrapper [data-placeholder-image] {
  opacity: 0 !important
}

header>div {
  position: fixed;
  width: 100%;
  top: 0;
}

header {
  z-index: 2;
  position: relative;
}

.header-phone a {
  color: white;
}

blockquote {
  background: #ecedee;
  border-radius: 0 4px 4px 0;
  border-left: 3px solid #006e98;
  padding: 15px 15px 15px 20px;
  margin: 0 0 10px;
}

blockquote p {
  color: #15477c;
}

.basic-cta {
  padding: 15px 20px;
  margin: 0;
  line-height: 1;
  height: auto;
  border-radius: 4px !important;
  transition: all 0.3s;
  background: #15477c;
  color: #fff;
  display: inline-block;
}

.basic-cta:hover {
  background: #006e98;
}

.header-info-bar {
  background: #15477c;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: white;
  padding: 15px 20px;
}

.header-info-bar>section {
  display: flex;
  align-items: center;
}

.header-info-bar i {
  font-size: 18px;
  color: #9b9b9b;
  margin: 0 10px;
}

/* .social-icons {
  display: flex;
  align-items: center;
}

.social-icons i {
  color: #ff0;
  transition: all 0.2s;
}

.social-icons .fa-youtube:hover {
  color: #ce1312;
} */

.header-ctas>* {
  background: #ff0;
  color: #15477c;
  padding: 8px 10px;
  font-size: 16px;
  border-radius: 4px;
  transition: all 0.2s;
  border: none;
  display: inline-block;
  outline: none;
  font-weight: bold;
}

.header-ctas>*:hover {
  background: #006e98;
  color: #ff0;
}

.header-ctas>*:nth-child(2) {
  margin: 0 10px;
}

.social-icons i:hover {
  color: #3782bf;
}

.header-info-bar p {
  margin: 0;
}

.header-logo {
  display: inherit;
  max-width: 15%;
}

.header-logo-image {
  max-width: 387px;
}

.badge-25-years {
  max-width: 100px;
  margin-right: auto;
}

.dontbebrokecom {
  max-width: 200px;
  margin-right: auto;
  margin-left: 10px;
}

.header-logo-separator {
  width: 1px;
  background-color: #222;
  height: 60px;
  margin-left: 10px;
  margin-right: 10px;
}

@media (max-width: 988px) {
  .badge-25-years {
    display: none;
  }

  .dontbebrokecom {
    display: none;
  }

  .header-logo-separator {
    display: none;
  }

  .header-logo {
    display: inherit;
    max-width: 25%;
  }

  .main-menu>li>a {
    font-size: 14px !important;
    padding: 10px 2px !important;
  }
}

@media (max-width: 639px) {
  .badge-25-years {
    max-width: 50px;
    margin-right: auto;
    display: inline-block;
  }

  .header-logo {
    display: inherit;
    max-width: 40%;
  }

}

@media (min-width: 639px) {
  .membership-right-menu {
    display: none;
  }

}

.nav-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: white;
  padding: 20px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  transition: all 0.3s;

  box-sizing: border-box;
}

.main-menu,
.main-menu-sub {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.main-menu {
  display: flex;
}

.main-menu>li>a {
  color: #15477c;
  text-transform: lowercase;
  font-weight: 700;
  padding: 10px 12px;
  border-radius: 4px;
  font-size: 16px;
  transition: all 0.3s;
}

.main-menu>li>a:hover {
  background: rgba(255, 255, 255, 0.5);
  color: #006e98;
}

.main-menu-sub {
  position: absolute;
  margin-top: 15px;
  text-align: left;
  background: #fff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
  width: auto;
  padding: 5px 0;
  visibility: hidden;
  opacity: 0;
  border-radius: 4px;
  overflow: hidden;
  transition: all 0.3s;
}

.main-menu-sub>li>a {
  display: block;
  padding: 15px 20px;
  margin: -6px 0;
  min-width: 225px;
  font-weight: 400;
  color: #15477c;
  border-radius: 0;
  transition: all 0.3s;
}

.main-menu-sub>li>a:hover {
  color: #ff0;
  background: #15477c;
}

.main-menu>li:hover>.main-menu-sub {
  visibility: visible;
  opacity: 1;
}

.main-menu-mobile {
  list-style: none;
  padding: 0;
  margin: 0;
}

.main-menu-mobile a {
  margin-bottom: 20px;
  display: inline-block;
  color: #17477b;
  font-weight: bold;
}

.main-menu-sub-mobile {
  list-style: none;
  margin: 0;
  padding: 0 0 0 25px;
}

/* Collapse the primary nav to the hamburger on tablets too: the desktop nav
   (logo + wordmark + 6 inline items) can't fit below ~900px, so it overflowed
   and left a white strip on the right. Public nav only. Hero swap stays at 639;
   the member-area menu is gated separately by .membership-right-menu. */
@media (max-width: 900px) {
  .nav-container nav {
    display: none;
  }

  .bm-burger-button {
    display: block;
  }

  .main-menu-mobile {
    display: block;
  }
}

@media (min-width: 901px) {
  .main-menu-mobile {
    display: none;
  }
}

footer {
  background: #15477c;
}

.footer-support-container-number a {
  color: inherit !important;
  font-size: inherit;
}

.footer-support-container {
  display: flex;
  justify-content: center;
  color: white;
  max-width: 1300px;
  margin: 0 auto;
  padding: 60px 0;
}

.footer-support-container>div {
  flex-basis: 50%;
  display: flex;
  justify-content: center;
}

.footer-support-container>div:nth-of-type(1) {
  border-right: 1px solid #3c628f;
}

.footer-support-container i {
  margin-right: 15px;
}

.footer-support-container i,
.footer-support-container a {
  color: #ff0;
}

.footer-support-container h3 {
  font-size: 24px;
  margin-top: 0;
}

.footer-support-container p {
  display: flex;
  flex-direction: column;
  font-size: 18px;
  margin: 0;
}

.footer-support-container p>span {
  display: flex;
}

.footer-support-container .bi-telephone-fill {
  align-self: center;
}

.footer-support-container p>span:not(:last-of-type) {
  margin-bottom: 15px;
}

.footer-links-container {
  padding: 60px 0;
  background: #15477c;
  border-top: 2px solid #195392;
  border-bottom: 2px solid #195392;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.5);
  font-size: 14px;
}

.footer-links-container>div {
  display: flex;
  max-width: 1300px;
  margin: 0 auto;
}

.footer-links-container>div>* {
  flex-basis: 25%;
  padding: 0 20px;
}

.footer-links-container img {
  width: 100%;
}

.footer-links-container h3 {
  margin-top: 0;
  font-size: 24px;
  font-weight: 700;
  text-transform: lowercase;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  padding: 0 0 15px;
  margin: 0 0 30px;
}

.footer-closing-content {
  color: #fff;
  margin: 0;
  font-size: 14px;
  text-align: center;
}

.footer-copyright {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30px 15px;
  max-width: 1300px;
  margin: 0 auto;
  color: white;
}

.footer-copyright p {
  font-size: 16px;
}

footer .social-icons>a:not(:last-of-type) {
  margin-right: 15px;
}

.footer-additional-links-menu {
  display: grid;
  grid-template-columns: repeat(2, 1fr); 
  margin:0;
  padding: 0;
  line-height: 1;
  column-gap: 20px;
  place-content: center;
}

.footer-additional-links-menu>li {
  margin-bottom: 15px;
  width: 100%;
  display: inline-block;
}

.footer-additional-links-menu-container {
  display: flex;
}

.footer-additional-links-menu-container>ul:nth-of-type(even) {
  flex: 1;
}

footer a {
  color: #ff0;
  font-size: 14px;
}

.footer-recent-posts {
  margin: 0;
  padding: 0;
  list-style: none;
  color: white;
}

.footer-recent-posts p {
  margin: 0 0 10px;
  font-size: 14px;
}

.footer-recent-posts a {
  font-size: 16px;
  line-height: 1.5;
  margin: 0 0 10px;
  display: inline-block;
}

.footer-recent-posts i {
  margin-right: 10px;
}

.subscribe-form {
  display: flex;
  flex-direction: column;
}

.subscribe-form>div {
  display: flex;
}

.subscribe-form>div {
  margin-bottom: 20px;
}

.subscribe-form-email {
  display: flex;
  flex-direction: column;
}

.gform_required_legend {
  display: none;
}

#gform_fields_1 input::placeholder {
  color: #757575;
}

#gform_1 .gfield_required_asterisk {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}


#gform_2 .gfield_required_asterisk {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
  color: #000;
}

#gform_6 .gfield_required_asterisk {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
  color: #000;
}

.subscribe-form input,
#gform_fields_1 input {
  box-sizing: border-box;
  background: #fff;
  border: 0;
  box-shadow: none;
  border-radius: 4px;
  width: 100%;
  height: auto;
  line-height: 1.25;
  display: block;
  padding: 8px 10px;
  margin: 10px 0 0;
  color: #15477c;
  outline: 0;
  font-weight: 400;
  font-size: 14px;
  transition: all 0.3s;
}

.subscribe-form label,
#gform_fields_1 label {
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
}


.subscribe-form-name>div {
  flex-basis: 47%;
}

.subscribe-form-name {
  justify-content: space-between;
}

.gform-theme--foundation .gform_fields {
  column-gap: 15px;
  row-gap: 20px;
}

#gform_submit_button_1 {
  padding: 11px 16px;
  border: none;
  outline: none;
  border-radius: 4px;
  font-size: 16px;
  background: #ff0;
  color: #15477c;
  cursor: pointer;
  transition: all 0.3s;
  width: 100% !important;
  margin: 0 !important;
}

#gform_submit_button_1:hover {
  background: #006e98;
  color: #ff0;
}

.home-slide-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-slide-container {
  position: relative;
  display: block !important;
}

.home-slide-content-container {
  position: absolute;
  top: 50%;
  width: 40%;
  left: 60px;
}

.home-slide-content-container h2 {
  color: #15477c;
  font-size: 42px;
  font-size: 2.7vw;
  text-transform: lowercase;
  font-weight: 700;
  margin: 0 0 20px;
  padding: 0;
  line-height: 1;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.home-slide-content-container p {
  color: #1b1b1b;
  font-size: 28px;
  font-size: 1.5vw;
  margin: 0 0 25px;
  padding: 0;
  text-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  line-height: 1.25;
}

.home-slide-cta {
  padding: 15px 20px;
  margin: 0;
  line-height: 1;
  height: auto;
  border-radius: 4px !important;
  transition: all 0.3s;
  background: #15477c;
  color: #fff;
  display: inline-block;
}

.home-slide-cta:hover {
  background: #006e98;
}

.cta-bar-container p {
  margin: 0;
}

.cta-bar-cta-container>div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1300px;
  margin: 0 auto;
  align-items: center;
}

.cta-bar-cta-container {
  padding: 20px;
}

/* Only the first CTA row carries the page h1; any row after it is an h2, pinned here
   to the same metrics style.css:34 gives h1 so a second row looks identical */
.cta-bar-cta-container h2 {
  font-size: 2em;
  margin: 0.67em 0;
}

.cta-row-container {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  padding: 60px 0px;
  justify-content: center;
}

.cta-row-container>div {
  flex-basis: calc(33.333% - 30px);
  margin: 0px 15px;
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}

.cta-row-container>div:hover .cta-row-content-container {
  bottom: 0px;
}

.trustpilot-row-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 60px 0px;
}

.cta-row-content-container {
  padding: 30px;
  color: white;
  background: #15477ccc;
  height: 100%;
  box-sizing: border-box;
  bottom: calc(-100% + 115px);
  position: relative;
  transition: all 0.3s;
}

.cta-row-headline-container {
  display: flex;
  align-items: center;
}

.cta-row-headline-container h2 {
  font-size: 28px;
  padding-left: 20px;
  line-height: 30px;
  margin: 0;
  color: #ff0;
}

.cta-row-content-container p {
  font-size: 20px;
  margin-bottom: 30px;
  line-height: 1.5;
}

.cta-row-content-container a {
  color: #ff0;
  font-size: 18px;
  display: inline-block;
  line-height: 1;
  transition: all 0.3s;
}

.bullet-points-container,
.charities-container {
  padding: 60px 0;
}

/* Editable prose between the bullet points and the charity slider. Same 60px vertical
   rhythm as its neighbors, but deliberately NOT their 1300px: this is the only running
   body copy on the page, and prose stops being readable much past 75 characters a line.
   Measured, not guessed: Mulish at the site's 16px averages 7.26px a character, so the
   540px of text inside this box runs about 74. Do not widen it to match the sections
   above and below; they are grids, this is a paragraph.

   Font size is deliberately absent here. layout.css:41 and :160 both set
   "ol, p, ul { font-size: 16px }", and a type selector beats inheritance outright, so
   anything set on this container is ignored by the very elements it contains. Size
   belongs on .home-intro p / li below, and 16px matches the rest of the site anyway */
.home-intro {
  max-width: 580px;
  margin: 0 auto;
  padding: 60px 20px;
  color: #6b6b6b;
}

.home-intro> :first-child {
  margin-top: 0;
}

.home-intro> :last-child {
  margin-bottom: 0;
}

.home-intro p {
  margin: 0 0 1em;
}

.home-intro ul,
.home-intro ol {
  margin: 0 0 1em;
  padding-left: 1.25em;
}

.home-intro li {
  margin-bottom: 0.4em;
}

/* strong carries the state and product names in this block, so it reads as emphasis
   rather than as a heading */
.home-intro strong {
  color: #15477c;
}

.section-title,
.page-main-content-container h3 {
  position: relative;
  text-align: center;
  text-transform: lowercase;
  color: #15477c;
  padding: 0;
  margin: 0;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 30px;

  /* category names become slider headlines verbatim, and Spanish runs
     ~25-30% longer -- wrap instead of overflow */
  overflow-wrap: break-word;
}

.page-template-template-press .section-title {
  text-transform: initial;
}

.section-title:before,
.page-main-content-container h3:before {
  content: " ";
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -25px;
  background: #ff0;
  width: 50px;
  height: 10px;
  border-radius: 4px;
}

.section-title span {
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 20px;
  font-weight: 300;
  color: #006e98;
  background: rgba(255, 255, 255, 0.8);
  position: relative;
  top: -15px;
}

.bullet-points {
  max-width: 1300px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.bullet-points>div {
  flex-basis: 33.333%;
  padding: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
}

.bullet-points h3 {
  color: #15477c;
  font-size: 20px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 10px;
}

.bullet-points img {
  margin-right: 40px;
}

.bullet-points p {
  margin: 0;
  color: #6b6b6b;
}

.testimonials-container {
  padding: 60px 0px;
}

.testimonials {
  max-width: 1300px;
  margin: 80px auto 50px;
  display: flex;
}

.testimonials>div {
  flex-basis: calc(33.333% - 30px);
  position: relative;
  background: #ecedee;
  border-radius: 4px;
  padding: 40px 30px;
  box-sizing: border-box;
  margin: 0 15px;
}

.testimonial-location {
  position: absolute;
  bottom: -50px;
  left: 50%;
  height: 80px;
  width: 80px;
  border-radius: 100%;
  border: 8px solid #fff;
  background: #ecedee;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
  line-height: 62px;
  font-size: 32px;
  color: #fff;
}

.testimonial-location.facebook {
  background: #3b5998;
}

.testimonial-location.google {
  background: #dd4b39;
}

.testimonial-location.yelp {
  background: #c41200;
}

.testimonial-location i {
  margin-top: 25px;
}

.testimonial h3 {
  text-align: center;
  color: #15477c;
  text-transform: lowercase;
  margin-top: 0;
}

.testimonial p {
  font-size: 18px;
  color: #000;
  text-align: center;
}

.testimonial-stars {
  position: absolute;
  top: -30px;
  left: 50%;
  background: #ecedee;
  padding: 6px 12px;
  border-radius: 4px;
  border: 8px solid #fff;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #006e98;
}

.testimonial-stars>*:not(:last-of-type) {
  margin-right: 4px;
}

.charities-slider {
  max-width: 900px;
  margin: 0 auto;

  /* gentler glide on autoplay/nav transitions (speed is set in JS -- this
     just softens the easing curve, not the duration) */
  --swiper-wrapper-transition-timing-function: ease-in-out;
}

/* Swiper's own CSS already lays slides out as a flex row pre-init (unlike
   Slick's div stack) -- this just stops each logo stretching before JS sets
   slide widths. height:auto (overriding Swiper's own height:100%) is what
   actually lets align-items:stretch on the wrapper even out a row's height
   to its tallest card; min-height keeps a row of short/flat logos from
   collapsing below the current ~4/5-up visual weight. */
.charities-slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  min-height: 140px;
}

.charities-slider .swiper-slide img {
  max-width: 100%;
  max-height: 80px;
  width: auto;
  object-fit: contain;
}

/* Covers the delay-JS pre-interaction window for everyone, and any browser
   below the v14 baseline permanently (see the try/catch in
   charities-slider.js) -- a native swipeable row instead of a clipped strip.
   Strictly :not(.swiper-initialized): Swiper's own layout wins once it's up. */
.charities-slider:not(.swiper-initialized) .swiper-wrapper {
  overflow-x: auto;
  scroll-snap-type: x proximity;
}

.charities-slider:not(.swiper-initialized) .swiper-slide {
  scroll-snap-align: start;
}

/* U4: card treatment so touch users get a clickable cue before contact.
   White on #ecedee alone is too close in tone to read as a card -- the
   border does the real work of showing the edge. box-sizing scoped here
   only, there's no site-wide reset to rely on. */
.charities-slider .swiper-slide a {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  background: #fff;
  border: 1px solid rgba(21, 71, 124, 0.15);
  border-radius: 8px;
}

.charities-slider .swiper-slide a:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
}

.charities-slider .swiper-slide a:active {
  box-shadow: none; /* flattens the hover lift -- a visible press cue with no motion involved */
}

/* transform/transition only for visitors who haven't asked to avoid motion --
   the shadow change above still applies either way, just without the lift */
@media (prefers-reduced-motion: no-preference) {
  .charities-slider .swiper-slide a {
    transition: transform 0.15s ease, box-shadow 0.15s ease;
  }

  .charities-slider .swiper-slide a:hover {
    transform: translateY(-2px);
  }

  .charities-slider .swiper-slide a:active {
    transform: scale(0.97);
  }
}

.charities-slider .swiper-slide a:focus-visible {
  outline: 3px solid #15477c;
  outline-offset: 2px;
}

/* watchOverflow (default on) locks + fully hides these via .swiper-button-lock
   (display:none, in the vendored CSS) once every slide already fits -- no
   extra hide rule needed for that, just brand color + focus for when visible */
.charities-slider .swiper-button-prev,
.charities-slider .swiper-button-next {
  color: #15477c;

  /* these are real <button>s (Swiper's own CSS assumes divs), so the browser's
     default button chrome needs an explicit reset -- just the chevron, no box */
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0;
}

.charities-slider .swiper-button-prev:focus-visible,
.charities-slider .swiper-button-next:focus-visible {
  outline: 3px solid #15477c;
  outline-offset: 2px;
}

/* community page can stack several category sliders back to back -- give
   each band breathing room instead of the shared #ecedee backgrounds
   running together */
.charities-container + .charities-container {
  margin-top: 30px;
}

/* 44px, not 32 -- box-sizing is border-box sitewide, so this is the real hit
   area, not just the visual circle (which grows with it; that's fine here) */
.charities-autoplay-toggle {
  display: block;
  width: 44px;
  height: 44px;
  margin: 16px auto 0;
  padding: 6px;
  border: 1px solid #15477c;
  border-radius: 50%;
  background: transparent;
  color: #15477c;
  cursor: pointer;
}

.charities-autoplay-toggle svg {
  width: 100%;
  height: 100%;
  fill: currentcolor;
}

.charities-autoplay-toggle .icon-play {
  display: none;
}

.charities-autoplay-toggle.is-paused .icon-pause {
  display: none;
}

.charities-autoplay-toggle.is-paused .icon-play {
  display: block;
}

.charities-autoplay-toggle:focus-visible {
  outline: 3px solid #15477c;
  outline-offset: 2px;
}

/* Hover-capable, fine-pointer devices only (mouse/trackpad) -- hides the
   button until it's needed so it doesn't sit on top of the slides at rest.
   Touch (hover: none) never matches this query, so the WCAG 2.2.2 pause
   control stays visible there exactly as before -- the home slider is only
   display:none below 640px, so touch widths above that (iPad, kiosk) still
   show the autoplaying slider and need a reachable, visible control.
   Reveal is scoped to .charities-container, not .charities-slider: the
   toggle is the slider's next sibling (charities-slider.js's afterend
   insert), so both live inside the same <section class="charities-container">.
   Hovering the container covers the whole path from a card down to the
   button with zero dead zone -- the toggle is a DOM descendant of the
   container, so moving onto it keeps the container's :hover true the whole
   way. :focus-within covers keyboard focus anywhere inside (slides, nav
   arrows, the toggle itself); the toggle's own :hover/:focus are a belt in
   case a future layout ever puts it outside .charities-container. Each
   .charities-container on the page scopes its own toggle -- no cross-talk
   on the community page's stacked sliders. */
@media (hover: hover) and (pointer: fine) {
  .charities-autoplay-toggle {
    opacity: 0;
    pointer-events: none;
  }

  .charities-container:hover .charities-autoplay-toggle,
  .charities-container:focus-within .charities-autoplay-toggle,
  .charities-autoplay-toggle:hover,
  .charities-autoplay-toggle:focus {
    opacity: 1;
    pointer-events: auto;
  }
}

@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .charities-autoplay-toggle {
    transition: opacity 0.15s ease;
  }
}

.support-container {
  background: #172d45;
  padding: 60px 0;
}

.support-container h3 {
  position: relative;
  text-align: center;
  text-transform: lowercase;
  color: white;
  margin: 0 0 20px;
  font-size: 42px;
  font-weight: 700;
}

.support>div>div {
  padding: 30px 20px;
  border-radius: 4px;
}

.support sub {
  font-size: 18px;
  font-weight: 100;
}

.home-phone-support-container>div {
  background: #195392;
}

.home-phone-support-container p {
  color: #cbcbcb;
}

.home-phone-support-container a {
  color: #fff;
}

.home-chat-support-container>div {
  background: #ffffffcc;
  cursor: pointer;
}

.home-chat-support-container p {
  color: #000;
}

.home-chat-support-container a {
  color: #15477c;
}

.support a {
  font-size: 58px;
  margin-bottom: 20px;
  line-height: 1;
  display: block;

  font-weight: bold;
}

.support p {
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
  text-transform: lowercase;
}

.support {
  text-align: center;
  display: flex;
  align-items: stretch;
  max-width: 1300px;
  margin: 0 auto;
}

.support>div {
  flex-basis: calc(50% - 30px);
  margin: 0 15px;
}

.page-title-container {
  padding: 190px 0 40px;
  position: relative;
}

.page-title-container::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #ffffffb5;
}

.page-section-title-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 15px;
}

.page-section-title-container .section-title,
.page-main-content-container h3 {
  font-size: 36px;
  text-align: left;
  margin-bottom: 30px;
}

.page-section-title-container .section-title:before,
.page-main-content-container h3:before {
  left: 0px;
  margin-left: 0px;
}

.page-main-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 60px 15px;
}

.contact-information {
  padding: 20px;
  background: #ecedee;
  border-radius: 4px;
}

.contact-information button {
  cursor: pointer;
  color: #006e98;
  outline: none;
  border: none;
  padding: 0;
}

.sidebar-title {
  font-size: 20px;
  padding: 0;
  margin: 0 0 15px;
  text-transform: lowercase;
  font-weight: 700;
  color: #15477c;
}

.page-sidebar-container p {
  margin: 0 0 10px;
  font-size: 14px;
}

.page-main-container a {
  color: #006e98;
}

.page-main-container {
  display: flex;
}

.page-main-content-container {
  flex-basis: 75%;
  margin-right: 30px;
}

.page-sidebar-container {
  flex: 1;
}

.page-sidebar-container img {
  width: 100%;
  border-radius: 4px;
}

.page-sidebar-container>div:not(:last-of-type) {
  margin-bottom: 30px;
}

.button {
  padding: 15px 20px;
  margin: 0;
  line-height: 1;
  height: auto;
  border-radius: 4px !important;
  transition: all 0.3s;
  display: inline-block;
  box-sizing: border-box;
  cursor: pointer;
  border: none;
}

.button.dark {
  background: #15477c;
  color: #fff;
}

.button.dark:hover {
  background: #006e98;
}

.button.dark i {
  color: #ff0;
}

.button i {
  margin-right: 15px;
}

.email-button {
  cursor: pointer;
  background: none;
  border: none;
  color: #ff0;
  outline: none;
}

.apply-button {
  width: 100%;
  font-weight: 700;
  font-size: 20px;
  text-transform: lowercase;
  text-align: center;
  cursor: pointer;
}

.page-sidebar-container hr {
  margin-top: 30px;
  margin-bottom: 0px;
  border: 1.5px solid #15477c;
}

.sidebar-recent-posts-container h4 {
  text-transform: lowercase;
  color: #15477c;
  font-size: 24px;
  font-weight: 700;
  padding: 0;
  line-height: 1.25;
}

.sidebar-recent-posts {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sidebar-recent-posts a {
  margin: 0 0 10px;
  display: block;
  line-height: 1.5;
  font-size: 16px;
  text-transform: capitalize;
  font-weight: 400;
  color: #006e98;
  transition: all 0.3s;
}

.sidebar-recent-posts a:hover {
  color: #15477c;
}

.sidebar-recent-posts p {
  color: #6b6b6b;
  font-size: 14px;
  font-weight: 700;
}

.sidebar-recent-posts i {
  color: #9b9b9b;
  margin: 0 10px 0 0;
}

.sidebar-recent-posts>li:not(:last-of-type) {
  margin-bottom: 30px;
}

.page-main-container .support-container h3 {
  font-size: 32px;
}

.page-main-container .support p {
  font-size: 20px;
}

.page-main-container .support a {
  font-size: 42px;
}

.page-main-container .home-phone-support-container a {
  color: white;
}

.page-main-container .support-container {
  border-radius: 4px;
  margin-top: 30px;
}

.page-main-container .charities-container {
  border-radius: 4px;
}

.bill-button {
  cursor: pointer;
}

.bill-of-rights-cta {
  position: relative;
  background: #ff0;
  padding: 20px;
  border-radius: 4px;
  text-align: center;
}

.bill-of-rights-cta .headline {
  font-size: 24px;
  font-weight: 700;
  color: #15477c;
  text-transform: lowercase;
  margin-bottom: 20px;
  padding: 0;
  line-height: 1.25;
  margin-top: 0px;
}

.bill-of-rights-cta .tagline {
  font-size: 18px;
  font-weight: 300;
  color: #000;
  margin-bottom: 20px;
  line-height: 1.25;
}

.page-main-container .cta-row-headline-container h2 {
  margin: 0 0 30px;
}

.page-main-container .cta-row-content-container {
  bottom: calc(-100% + 96px);
}

.page-main-container .cta-row-container {
  padding-top: 0px;
}

.button.yellow {
  background: #ff0;
  color: #15477c;
}

.button.yellow:hover {
  background: #006e98;
  color: #ff0;
}

.nevada-calculator-top-container {
  background: #15477c;
  padding: 30px;
  border-radius: 4px;
  display: flex;
}

.nevada-calculator-top-container>div {
  flex-basis: 50%;
}

.nevada-calculator-top-container h4 {
  position: relative;
  font-size: 42px;
  font-weight: 700;
  text-align: center;
  color: #ff0;
  text-transform: lowercase;
  letter-spacing: 2px;
  margin: 0;
}

.nevada-calculator-top-container h5 {
  position: relative;
  font-size: 32px;
  font-weight: 300;
  letter-spacing: 2px;
  color: #fff;
  text-transform: lowercase;
  text-align: center;
  margin: 0;
}

.nevada-calculator-top-container strong {
  color: #ff0;
}

.nevada-calculator-loan-container {
  display: flex;
}

.nevada-calculator-loan-container>div {
  flex-basis: 33.333%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.nevada-calculator-loan-amount {
  height: 80px;
  width: 80px;
  border-radius: 100%;
  border: 8px solid #006e98;
  text-align: center;
  line-height: 84px;
  color: #ff0;
  background: rgba(255, 255, 255, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
}

.nevada-calculator-time-range {
  text-align: center;
  width: 100%;
  color: #fff;
  text-transform: lowercase;
  font-weight: 700;
  line-height: 1;
  margin-top: 20px;
}

.nevada-calculator-title-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.nevada-calculator-bottom-container {
  background: #006e98;
  color: #fff;
  text-align: center;
  display: block;
  padding: 15px;
  border-radius: 0 0 4px 4px;
  box-shadow: inset 0 10px 20px -10px rgba(0, 0, 0, 0.5);
  margin: 0 20px;
}

.nevada-calculator-bottom-container p {
  line-height: 1.25;
  font-weight: 700;
  font-size: 12px;
  text-transform: lowercase;
}

.nevada-calculator-container {
  margin-bottom: 30px;
}

.disclaimer-container {
  background: #ecedee;
  border-radius: 4px;
  padding: 20px;
}

.disclaimer-container p {
  font-size: 12px;
  font-weight: 400;
  font-style: italic;
}

.post-container {
  margin: 0 0 30px;
  padding: 10px;
  border-radius: 4px;
}

.post-container .section-title {
  font-size: 24px;
}

.post-container .post-meta {
  margin: 0 0 20px;
}

.post-meta span {
  font-size: 14px;
  padding: 0 15px 0 0;
  margin: 0 10px 0 0;
  display: inline-block;
  border-right: 1px solid #cbcbcb;
  color: #6b6b6b;
}

.post-meta span i {
  color: #006e98;
  margin-right: 5px;
}

.post-container .post-meta span:last-child {
  border-right: 0;
  margin: 0;
  padding: 0;
}

.post-meta span .info {
  color: #15477c;
  font-weight: 700;
}

.post-featured-image-container {
  width: 100%;
  height: 400px;
  display: block;
  background-size: cover !important;
  background-position: center center !important;
  border-radius: 4px;
  border: 1px solid #cbcbcb;
  position: relative;
  z-index: 1;
}

.post-excerpt-container {
  color: #6b6b6b;
  margin: 30px 0;
}

.page-main-container.post .page-main-content-container>.post-container:nth-of-type(even) {
  background: #ecedee;
}

.page-main-container.post {
  padding-bottom: 0px;
}

.pagination-container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 30px 15px;
  border-top: 1px solid #ecedee;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  place-items: center;
}

.pagination-container .button .bi-chevron-right {
  margin-right: 0px;
  margin-left: 15px;
}

.accordion-group {
  overflow: hidden;
  border: 1px solid #cbcbcb;
  border-top: 0;
  border-radius: 4px;
}

.accordion-group .accordion {
  background: #fff;
}

.accordion-group .accordion .accordion-heading {
  background: #ecedee;
  padding: 10px 20px;
  margin: 0 0 -1px;
  font-size: 22px;
  cursor: pointer;
  opacity: 1;
  border-bottom: 1px solid #cbcbcb;
  border-top: 1px solid #cbcbcb;
  transition: all 0.3s;
  text-transform: capitalize;
}

.accordion-group .accordion .accordion-heading::before {
  content: "";
  display: none;
}

.accordion-group .accordion .accordion-body {
  overflow: hidden;
}

.accordion-group .accordion .accordion-body .accordion-body-inner {
  padding: 20px;
}

table {
  border: 1px solid #cbcbcb;
  margin-bottom: 20px;
  border-collapse: collapse;
}

table tr {
  border-bottom: 1px solid #cbcbcb;
}

table tr td,
table tr th {
  font-size: 18px;
  font-weight: 300;
  line-height: 1.5;
  border-right: 1px solid #cbcbcb;
  color: #222;
  font-size: 0.875rem;
  padding: 0.5625rem 0.625rem;
  text-align: left;
}

.footer-additional-links-menu>li:nth-child(7) {
  display: block;
  break-after: column;
}

.cta-row-icon-container {
  position: relative;
  width: 60px;
  height: 60px;
  z-index: 1;
}

.modal-contact-container>div {
  display: flex;
  flex-wrap: wrap;
}

.modal-contact-container>div>label {
  padding: 10px;
  box-sizing: border-box;
  flex-basis: 50%;
}

.modal-contact-container input {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid lightgray;
  box-shadow: none;
  border-radius: 4px;
  width: 100%;
  height: auto;
  line-height: 1.25;
  display: block;
  padding: 8px 10px;
  margin: 10px 0 0;
  color: #15477c;
  outline: 0;
  font-weight: 400;
  font-size: 18px;
  transition: all 0.3s;
}

.modal-contact-container textarea {
  box-sizing: border-box;
  background: #fff;
  border: 1px solid lightgray;
  box-shadow: none;
  border-radius: 4px;
  width: 100%;
  height: auto;
  line-height: 1.25;
  display: block;
  padding: 8px 10px;
  margin: 10px 0 0;
  color: #15477c;
  outline: 0;
  font-weight: 400;
  font-size: 18px;
  transition: all 0.3s;
}

.modal-contact-container {
  display: flex;
  flex-direction: column;
}

.modal-contact-container label {
  margin-bottom: 10px;
  display: inline-block;
  font-weight: bold;
}

.modal-contact-container>label {
  display: flex;
  flex-direction: column;
  padding: 10px;
  box-sizing: border-box;
}

.modal-contact-container .button {
  border: none;
  margin: 20px;
}

.city-box {
  padding: 15px;
}

.location-two-col {
  display: flex;
}

.location-two-col>div {
  padding: 0px 10px;
}

.location-two-col>div:nth-of-type(1) {
  flex-basis: 33.333%;
}

.location-two-col>div:nth-of-type(2) {
  flex: 1;
}

.location-two-col strong {
  color: #15477c;
}

.location-hours-day {
  color: #006e98;
  display: inline-block;
}

.location-hours-description-container {
  display: flex;
  justify-content: space-between;
}

.location-hours-description-container>div {
  flex-basis: 50%;
}

.location-gallery-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 15px;
}

.location-gallery-container>* {
  flex-basis: calc(50% - 10px);
  box-sizing: border-box;
  border-radius: 6px;
}

.location-gallery-container img {
  transition: transform 0.3s ease;
  cursor: pointer;
  /* own GPU layer so the object-fit crop rasterizes once, not every frame > kills the hover tearing */
  will-change: transform;
}

.location-gallery-container img:hover {
  transform: scale(1.1);
}

.image-wrapper {
  width: 100%;
  /* box owns the normalized tile height; img fills it and object-fit crops the width */
  height: 140px;
  overflow: hidden;
}

.image-wrapper img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.location-video-container {
  margin-top: 15px;
}

.nearby-stores-container {
  display: flex;
  flex-wrap: wrap;
}

.nearby-stores-links-container {
  margin-top: auto;
}

.nearby-stores-container>div {
  flex-basis: calc(25% - 20px);
  background: rgba(21, 71, 124, 0.15);
  border-radius: 4px;
  margin: 0 10px;
  padding: 10px 15px 15px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.nearby-stores-container p {
  font-size: 14px;
  margin-top: 10px;
}

.nearby-stores-container strong {
  color: #15477c;
}

.nearby-stores-container .button {
  width: 100%;
  text-align: center;
  margin-top: 10px;
}

.location-map {
  height: 100%;
}

.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Shared modal backdrop + spinner. Centralized here (was duplicated in
   member-area.css / apply.css) so the site-wide footer Locations modal
   styles on every page, not just member/apply pages. DLCWEB-306 */
.dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  justify-content: center;
  align-items: center;
}

.circular-spinner {
  border: 8px solid #f3f3f3;
  border-top: 8px solid #1c3f69;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  animation: spin 1s linear infinite;
  margin: 20% auto;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.location-modal-container h2 {
  padding: 20px;
  background: #ecedee;
  border-bottom: 1px solid #cbcbcb;
  color: #15477c;
  text-transform: lowercase;
  font-size: 32px;
  font-weight: 700;
  margin: 0px;
}

#locations-dialog .locations-dialog-box {
  padding: 0;
}

.locations-dialog-box {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  z-index: 1000;
  max-height: 80% !important;
  overflow-y: auto;
}

#results-container h2 {
  position: fixed;
  z-index: 90000;
  width: 100%;
}

.location-modal-find-container {
  padding-top: 80px !important;
}

#locations-dialog .location-modal-container h2 {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.location-modal-find-container {
  padding: 20px;
}

.location-modal-find {
  position: relative;
}

.location-modal-find input {
  width: 100%;
  height: auto;
  margin: 0;
  border-radius: 4px;
  border: 3px solid #15477c;
  padding: 12px;
  box-shadow: 0;
  background: #fff;
  transition: all 0.3s;
  box-sizing: border-box;
}

.location-modal-find button {
  position: absolute;
  right: 0;
  top: 0;
  text-align: center;
  border: none;
  border-radius: 0 4px 4px 0 !important;
  border-left: 2px solid #15477c;
  padding: 15px;
}

.location-modal-find button i {
  margin-left: 10px;
  margin-right: 0px;
}

.location-closest-location {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 15px;
  background: #ecedee;
  margin: 15px 0 0;
  border-radius: 4px;
  flex-wrap: wrap;
}

.location-closest-location p {
  font-size: 13px;
}

.location-hours-container-p {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 300;
}

div.location-hours-container-p {
  font-size: 18px;
  line-height: 1.6;
  font-weight: 300;
}

.location-closest-location strong {
  color: #15477c;
  min-width: 70px;
  display: inline-block;
}

.location-closest-location a {
  color: #006e98;
}

.locations-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  background: #feff00;
  flex-wrap: wrap;
}

.locations-banner h3 {
  margin: 0;
}

.locations-states-container {
  position: relative;
}

.locations-states-container>ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}

.locations-states-state-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 350px;
  min-width: 33.33%;
  flex-grow: 1;
  text-align: center;
}

.locations-states-state-container h3 {
  position: relative;
  font-size: 38px;
  font-weight: 700;
  padding: 0 0 20px;
  margin: 0 0 20px;
  display: block;
  clear: both;
  line-height: 60px;
  color: #ff0;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.locations-states-state-container h3::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  background: #ff0;
  width: 58px;
  height: 12px;
  border-radius: 5px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.locations-states-state-container .button {
  padding: 17px 20px;
  font-size: 19px;
  width: 192px;
}

@media (max-width: 639px) {

  .locations-dialog-box {
    height: 90%;
    max-height: 90% !important;
    overflow-y: auto;
    width: 95%;
  }

  .location-modal-container h2 {
    font-size: 18px !important;
  }

  #results-container h2 {
    position: fixed;
    z-index: 90000;
    width: 100%;
  }

  .location-modal-find-container {
    padding-top: 80px;
  }

  .locations-states-state-container {
    width: 100%;
  }

  .location-hours-container-p br {
    display: initial;
  }

  .location-hours-container span {
    clear: left;
  }

  .location-hours-description-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .location-hours-description-container>div {
    flex-basis: initial;
  }

  .locations-by-city-container {
    -webkit-column-count: 1 !important;
    column-count: 1 !important;
    -webkit-column-gap: 15px;
    column-gap: 15px;
  }
}

.locations-by-city-container {
  -webkit-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 15px;
  column-gap: 15px;
}

.locations-by-city-container>div {
  margin: 0 0 15px;
  width: 100%;
  background: #ecedee;
  padding: 15px;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
}

.locations-by-city-container h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 10px;
  color: #15477c;
  text-transform: lowercase;
  line-height: 1.25;
}

.locations-by-city-container a {
  font-size: 12px;
  text-align: left;
  color: #15477c;
  display: block;
  margin: 0 0 10px;
  border-radius: 4px;
  transition: all 0.3s;
}

.radio-container {
  display: flex;
  flex-direction: column;
}

.radio-container>label {
  display: flex;
  margin: 20px 0;
  align-items: center;
}

.radio-container>label>input {
  align-self: flex-start;
  margin-left: 20px;
  width: auto;
  margin-top: 3px;
}

.ccpa.radio-container>label {
  justify-content: space-between;
}

.location-single .page-section-title-container {
  display: flex;
  justify-content: space-between;
}

.location-single .page-section-title-container>* {
  flex-basis: 50%;
}

.location-top-cta-container {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}

.location-top-cta-container>a:nth-of-type(1) {
  margin-right: 10px;
}

.location-top-cta-container>a {
  margin-bottom: 10px;
}

.position-dropzone {
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid lightgray;
  border-radius: 4px;
  margin: 10px 0 0;
  transition: all 0.3s;
}

.position-listing-position {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: lowercase;
  border-bottom: 1px solid #cbcbcb;
  padding: 20px;
  transition: all 0.3s;
}

.position-listing-position:hover {
  background: #ecedee;
}

.position-listing-position .button {
  background: #006e98;
  margin-left: 20px;
}

.position-listing-position>div {
  display: flex;
  align-items: center;
}

.position-listing-position h4 {
  font-size: 18px;
  margin: 0;
}

.position-listing-container {
  border: 1px solid #cbcbcb;
  border-radius: 4px;
}

.position-listing-filter-container {
  font-weight: bold;
  color: #15477c;
  background: #ecedee;
  padding: 20px;
}

.position-listing-filter-container select {
  background: #fff;
  border: 0;
  box-shadow: none;
  border-radius: 4px;
  width: 100%;
  height: auto;
  line-height: 1.25;
  display: block;
  padding: 8px 10px !important;
  margin: 10px 0 0;
  color: #15477c;
  outline: none;
  font-weight: 400;
  font-size: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 1170px) {
  header .social-icons {
    display: none;
  }
}



@media (min-width: 1171px) {
  .location-modal-container {
    width: 600px;
  }
}

@media (max-width: 988px) {
  .header-ctas>*:nth-child(1) {
    display: none;
  }

  .location-single .page-section-title-container {
    flex-direction: column;
  }

  .location-single .page-section-title-container>* {
    flex-basis: 100%;
  }

  .footer-additional-links-menu-container>ul {
    grid-template-columns: 100%;
  }

  .footer-additional-links-menu {
    columns: 1;
    width: 100%;
  }

  .footer-additional-links-menu>li:nth-child(7) {
    break-after: avoid;
  }
}

@media (max-width: 850px) {
  .page-main-container {
    flex-direction: column;
  }

  .page-main-content-container {
    margin-right: 0px;
    margin-bottom: 30px;
  }
}

@media (max-width: 950px) and (min-width: 639px) {
  .locations-by-city-container {
    -webkit-column-count: 2 !important;
    column-count: 2 !important;
    -webkit-column-gap: 15px;
    column-gap: 15px;
  }

}

@media (max-width: 840px) {
  .header-ctas {
    display: none;
  }
}

@media (max-width: 809px) {
  .nearby-stores-container {
    flex-direction: column;
  }

  .nearby-stores-container>div {
    flex-basis: 100%;
  }

  .nearby-stores-container>div:not(:last-of-type) {
    margin-bottom: 10px;
  }

  .location-two-col {
    flex-direction: column;
  }

  .location-map {
    height: 350px;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  .locations-banner {
    flex-direction: column;
  }

  .locations-banner h3 {
    margin-bottom: 15px;
  }

  .locations-states-container {
    flex-direction: column;
  }

  .locations-states-container>div {
    flex-basis: 350px;
  }
}

@media (max-width: 639px) {
  .header-info-bar {
    flex-direction: column;
  }

  .modal-contact-container>div {
    flex-direction: column;
  }

  .nevada-calculator-top-container {
    flex-direction: column;
  }

  .nevada-calculator-title-container {
    margin-bottom: 30px;
  }

  .nevada-calculator-top-container h4 {
    font-size: 30px;
  }

  .nevada-calculator-top-container h5 {
    font-size: 20px;
  }

  .section-title {
    font-size: 28px;
  }

  .header-info-bar>section:nth-of-type(1)>p {
    display: none;
  }

  .header-info-bar>section:nth-of-type(1)>.header-phone {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .header-ctas {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
  }

  .header-ctas>* {
    flex-basis: 50%;
    text-align: center;
  }

  .header-ctas>*:nth-child(1) {
    display: block;
    margin-left: 0px;
  }

  .home-top-slider {
    display: none !important;
  }

  .cta-bar-cta-container h2 {
    font-size: 2em;
  }

  .cta-row-headline-container h2 {
    font-size: 24px;
  }

  .cta-row-content-container p {
    font-size: 16px;
  }

  .cta-row-container {
    flex-direction: column;
  }

  .cta-row-content-container {
    bottom: 0px;
  }

  .cta-row-container>div:not(:last-of-type) {
    margin-bottom: 15px;
  }

  .bullet-points {
    flex-direction: column;
  }

  .home-intro {
    padding: 40px 20px;
  }

  .testimonials {
    flex-direction: column;
  }

  .testimonials>div {
    margin-bottom: 100px;
  }

  /* home only -- community's shortcode sliders stay visible at this width */
  .home .charities-container {
    display: none;
  }

  .footer-links-container>div {
    flex-direction: column;
  }

  .footer-recent-posts {
    display: none;
  }

  .footer-copyright {
    flex-direction: column;
  }

  .footer-support-container {
    display: none;
  }

  .home-chat-support-container {
    display: none;
  }

  .support>div {
    flex-basis: calc(100% - 30px);
  }

  .support-container h3 {
    font-size: 28px;
  }

  .support-container a {
    font-size: 28px !important;
  }

  .support-container p {
    font-size: 16px;
  }

  .support-container {
    padding: 20px 0px;
  }

  .testimonials {
    margin-bottom: 0px;
  }

  .footer-links-container>div>*:nth-of-type(1) {
    text-align: center;
  }

  .header-logo-image {
    width: 140px !important;
    max-width: 140px !important;
  }


  .cta-bar-cta-container .basic-cta {
    margin-top: 10px;
  }

  .header-info-bar>section {
    width: 100%;
  }
}

@media (max-width: 499px) {
  .location-modal-find {
    display: flex;
    flex-direction: column;
  }

  .location-modal-find input {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
  }

  .location-modal-find button {
    position: relative;
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    width: 100%;
  }
}

@media (max-width: 450px) {
  .header-ctas>* {
    font-size: 10px;
  }

  .mobile-header-image {
    margin-top: 197px !important;
  }

  .dashboard-section .second-col-squares .squares {
    width: 100% !important;
    margin: 0;

  }

  .dashboard-section .second-col-squares {
    display: flex;
    flex-direction: column !important;
    gap: 20px;
  }
}

@media (max-width: 390px) {
  .nevada-calculator-loan-amount {
    width: 70px;
    height: 70px;
  }

  #gform_submit_button_8 {
    font-size: 18px !important;
  }
}

@media (max-width: 325px) {
  .mobile-header-image {
    margin-top: 195px !important;
  }

  .header-logo-image {
    width: 100% !important;
    height: auto;
  }

  .nav-container {
    background: #FFFFFF !important;
  }
}

.mobile-header-image {
  display: none;
}

.mobile-header-image img {
  width: 100%;
  height: auto;
  margin-bottom: -4px;
}

@media (max-width: 639px) {
  .mobile-header-image {
    display: block;
    margin-top: 203px;
  }
}

.d4d-text.left {
  position: absolute;
  color: #feff00;
  z-index: 1;
  left: 27%;
  top: 11vw;
  margin: 0;
  font-size: 4vw;
}

.d4d-text.right {
  position: absolute;
  color: white;
  z-index: 1;
  right: 18%;
  top: 11vw;
  margin: 0;
  font-size: 4vw;
}
@media (min-width: 576px) { 
    .d4d-text.left,
    .d4d-text.right {
      top: 11vw;
      font-size: 5vw;
    }
 }


@media (min-width: 768px) { 
    .d4d-text.left,
    .d4d-text.right {
      top: 11vw;
      font-size: 5vw;
    }
 }


@media (min-width: 992px) {
    .d4d-text.left,
    .d4d-text.right {
      top: 11vw;
      font-size: 5vw;
    }
 }

@media (min-width: 1200px) { 
    .d4d-text.left,
    .d4d-text.right {
      top: 11vw;
      font-size: 5vw;
    }
 }


@media (min-width: 1400px) { 
  .d4d-text.left,
  .d4d-text.right {
    top: 150px;
    font-size: 3.5vw;
  }
}


/* members-area- : ma- */
/* members-area-loan-list- : mal- */

.member-greeting {
  float: right;
  margin: 28px 35px 0 0;
  line-height: 1;
  font-size: 15px;
  color: #4b443e;
  font-weight: 300;
}

.member-greeting b {
  color: #24476d;
  text-decoration: underline;
  text-decoration-color: #f7f533;
  text-decoration-thickness: 2px;
}

.session-controls {
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
  padding: 12px 0px 14px;
  font-size: 12px;
  text-align: right;
}

.session-controls-link {
  display: inline-block;
  margin-right: 30px;
  line-height: 1;
}

.session-controls-link .logout {
  color: #504f51;
}

.ma-my-loans {
  background-color: #fff;
  position: relative;
}

.ma-my-loans::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 200px;
  background: linear-gradient(to bottom, #fafbfc, transparent);
  top: 230px;
}

.ma-navigation-container {
  margin: -40px 0 -128px 0;
  padding: 40px 0 128px 0;
  box-shadow: 0px 3px 5px #f4f7f6;
  background-color: #fff;
}

.ma-navigation {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1230px;
  margin: 0 auto;
}

.ma-heading {
  font-size: 24px;
  font-weight: 500;
  color: #27292b;
  margin: 0;
}

.ma-menu {
  display: flex;
  grid-gap: 1.5rem;
}

.ma-button {
  display: block;
  padding: 0 24px;
  line-height: 60px;
  border: 1px solid #14477c;
  border-radius: 4px;
  box-shadow: 0 0 1px #14477c;
  position: relative;
}

.ma-button label {
  position: absolute;
  top: 2px;
  left: 24px;
  line-height: 1;
  font-size: 14px;
}

.ma-button span {
  margin-right: 3px;
  max-width: 130px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  font-weight: 400;
}

.ma-button span:first-child {
  padding-right: 24px;
}

.ma-button img {
  position: absolute;
  transform: translateY(-50%);
  right: -10px;
  top: 50%;
}

.ma-button.fill {
  background-color: #14477c;
  color: #e6f8ff;
}

.mal-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  grid-gap: 40px;
  margin: 30px auto 40px;
  max-width: 910px;
  padding: 0;
}

.mal-item {
  display: block;
  width: 260px;
  height: 200px;
  border-radius: 4px;
  line-height: 1;
  background-color: #fcfeff;
  position: relative;
  box-shadow: 0 5px 12px rgb(1 1 1 / 9%);
  background-color: #fbfcfd;
}

.mal-item-add {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  border: 1px solid #eeeef0;
  background-color: #fff;
}

.mal-item-add div {
  text-align: center;
  font-size: 18px;
  line-height: 1;
  color: #ccd6da;
  font-weight: bold;
}

.mal-item-add div div {
  font-size: 80px;
  font-weight: 200;
  line-height: 50px;
}

.mal-item-paid {
  background-color: #f2f5f7;
}

.mal-item-paid-off {
  background: #f2f5f7;
  box-shadow: none;
}

.mal-item-paid-off .mal-item-frame {
  border-color: #f2f5f7;
}

.mal-item-paid-off .mal-item-loan-id span {
  padding: 0 2px;
  color: #a3b3bf;
  background: transparent;
}

.mal-item-paid-off .mal-item-hint {
  color: #a3b3bf;
}

.mal-item-paid-off .mal-item-balance b {
  font-size: 24px;
  color: #5d7997;
  font-weight: 700;
}

.mal-item-paid-off .mal-item-balance b span {
  transform: translate(-8px, 0);
  color: #5d7997;
  font-size: 15px;
}

.paidOff {
  color: #a3b3bf;
  font-size: 25px;
  font-weight: 800;
  margin-top: 10px;
  margin-bottom: 22px;
}

.paidOff span {
  color: #5d7997;
}

.mal-item-paid-off .ma-button-small-dimmed,
.mal-item-denied .ma-button-small-dimmed {
  color: #5d7997;
  background-color: transparent;
  border: 1px solid #15477c;
}

.mal-item-denied .mal-item-frame {
  border: 1px solid #fcfeff;
}

.mal-item-past-due .mal-item-frame .mal-item-loan-id,
.mal-item-past-due .mal-item-frame .mal-item-date span:last-child,
.mal-item-past-due .mal-item-frame .mal-item-balance b,
.mal-item-past-due .mal-item-frame .mal-item-balance>span {
  color: red;
}

.loan-info-past-due .loan-info-balance span,
.loan-info-past-due .past_due .loan-info-payment-amount,
.loan-info-past-due .past_due .loan-info-payment-status,
.past_due {
  color: red;
  text-transform: uppercase;
  font-weight: 700;
}

.loan-info-past-due .loan-info-controls .ma-button-small {
  background: red;
  border-color: red;
  color: #fff;
}

.loan-info-past-due .past_due .loan-info-payment-status {
  text-transform: initial;
}

.mal-item-past-due .mal-item-frame .mal-item-controls .ma-button-small:not(.ma-button-small-dimmed) {
  background-color: red;
  border-color: red;
  box-shadow: none;
}

.mal-item-past-due .mal-item-frame {
  border-color: #eaedef;
}

.mal-item-past-due .mal-item-frame .mal-item-loan-id,
.mal-item-past-due .mal-item-frame .mal-item-date span:last-child,
.mal-item-past-due .mal-item-frame .mal-item-balance b,
.mal-item-past-due .mal-item-frame .mal-item-balance>span {
  color: red;
}

.mal-item-past-due .mal-item-frame .mal-item-controls .ma-button-small:not(.ma-button-small-dimmed) {
  background-color: red;
  border-color: red;
  box-shadow: none;
}

.mal-item-frame {
  position: relative;
  width: calc(100% - 32px);
  height: calc(100% - 38px);
  margin: 18px 15px;
  border: 1px solid #eaedef;
  border-radius: 4px;
}

.mal-item-loan-id {
  width: auto;
  margin: -6px auto 0;
  padding: 0;
  color: #b1b1b1;
  font-size: 12px;
  text-align: center;
  font-weight: 400;
}

.mal-item-loan-id span {
  padding: 0 2px;
  background-color: #fcfeff;
  text-transform: uppercase;
}

.denied.paidOff {
  margin-top: 50px;
}

.mal-item-pending {
  background: #ffff00;
}

.mal-item-pending .mal-item-frame {
  border-color: #ffff00;
}

.mal-item-written-off .mal-item-frame {
  border-color: #fbfcfd;
}

.mal-item-pending .mal-item-loan-id span {
  color: #15477c;
  background: transparent;
}

.written_off {
  position: relative;
  background: #e60b0b;
  color: #fff;
  font-size: 24px;
  font-weight: 800;
  text-align: center;
  left: -16px;
  right: -17px;
  padding: 16px 0;
  width: calc(100% + 34px);
  top: -8px;
}

.written_off_contact_detail {
  font-size: 14px;
  line-height: 18px;
  color: #222;
  text-align: center;
  margin-top: 15px;
}

.written_off_contact_detail a {
  color: #15477c;
}

.mal-item-balance {
  margin: 18px 0 0 0;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #222222;
}

.mal-item-past-due .mal-item-balance {
  font-weight: 700;
}

.mal-item-past-due .mal-item-frame .mal-item-balance>span:nth-child(2) {
  color: #222 !important;
}

.mal-item-balance b {
  display: block;
  margin: 4px 0 0 0;
  font-size: 40px;
  color: #174678;
  font-weight: 700;
}

.mal-item-balance b span {
  position: absolute;
  transform: translate(-12px, 0);
  color: #373739;
  font-size: 24px;
  font-family: sans-serif;
  font-weight: 200;
}

.mal-item-controls {
  margin: 22px 0 0;
  text-align: center;
}

progress {
  border-radius: 7px;
  width: 100%;
  height: 15px;
  border: 1px solid #e2e5e9;
  margin-bottom: 12px;
}

progress::-webkit-progress-bar {
  background-color: #fff;
  border-radius: 7px;
}

progress::-webkit-progress-value {
  background-color: #15477c;
  border-radius: 7px;
}

progress::-moz-progress-bar {
  background-color: #fff;
}

progress::-moz-progress-value {
  background-color: #15477c;
  border-radius: 7px;
}

.mal-item-pending .mal-item-balance,
.mal-item-pending .mal-item-controls {
  margin: 0 0 10px;
}

.doc_btn_list {
  display: flex;
  flex-direction: row;
  position: absolute;
  left: -4px;
  right: -4px;
  bottom: -5px;
}

.document_box {
  background-color: #fff;
  padding: 12px 15px 20px;
  text-align: center;
  color: #222;
  font-size: 16px;
  max-width: 212px;
  margin: 0 auto;
}

.uploadProgress {
  font-size: 25px;
  color: #15477c;
  display: flex;
  align-items: center;
  justify-content: center;
}

.uploadProgress span {
  font-size: 40px;
  color: #15477c;
  font-weight: 700;
  margin: 0 12px;
}

.pending_doc {
  max-width: 1140px;
  margin: 0 auto;
}

.pending_doc .uploadProgress span {
  font-size: 60px;
}

.pending_doc .uploadProgress {
  font-size: 30px;
  margin-top: 20px;
}

.pending_doc .document_box {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}

.pending_doc .document_box p {
  font-size: 24px;
}

.pending_doc progress {
  border-radius: 15px;
  width: 100%;
  max-width: 550px;
  height: 34px;
  margin: 30px auto;
  display: block;
}

.pending_doc progress::-webkit-progress-bar {
  border-radius: 15px;
}

.pending_doc progress::-webkit-progress-value {
  border-radius: 15px;
}

.pending_doc progress::-moz-progress-value {
  border-radius: 15px;
}

.sign_loan_bar {
  background: #ffff00;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  padding: 5px 0;
}

.sign_loan_bar div {
  position: relative;
}

.info-img {
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.file_upload {
  display: flex;
  max-width: 550px;
  margin: 0 auto 50px;
  justify-content: space-between;
  align-items: start;
}

.file_upload>div {
  width: 33.33%;
  text-align: center;
  position: relative;
}

.file_name {
  font-size: 14px;
  font-weight: 700;
  color: #15477c;
  margin: 10px 0;
  font-style: italic;
}

.info-tooltip {
  display: block;
  margin-top: 10px;
}

.approved::after {
  content: "Approved!";
  text-transform: uppercase;
  color: #a3b3bf;
  font-weight: 700;
  background: #fff;
  display: inline-block;
  padding: 2px 5px;
  position: absolute;
  top: 42%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}

.form-control {
  height: 60px;
  border-radius: 4px;
  border: 1px solid #15477c;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px 40px;
  font-size: 18px;
  color: #222;
}

.form-control::-webkit-input-placeholder {
  color: #aab3bc;
}

.form-control::placeholder {
  color: #aab3bc;
}

.form-control::-moz-placeholder {
  color: #aab3bc;
}

button,
a {
  cursor: pointer;
}

.ma-button-small {
  display: inline-block;
  margin: 0 5px;
  padding: 0 12px;
  background-color: hsl(211, 72%, 28%);
  color: #daebf8;
  line-height: 33px;
  font-size: 14px;
  border: 1px solid #14477c;
  border-radius: 4px;
  box-shadow: 0 0 1px #14477c;
  font-weight: 600;
}

.ma-button-small-dimmed {
  color: #f2f7fe;
  background-color: #a2b4c0;
  border: none;
}

.mal-item-date {
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  transform: translateX(-50%);
  font-size: 12px;
  font-weight: 300;
  text-align: center;
  background-color: #fcfeff;
  padding: 0 4px;
  color: #222;
}

.mal-item-date span {
  color: #15477c;
  padding: 0 2px;
  font-weight: 700;
}

.mal-item-date span:first-child {
  margin-right: 12px;
  color: #222;
  font-weight: 400;
}

.mal-item-hint {
  position: absolute;
  font-size: 14px;
  font-weight: 900;
  color: #d8dde3;
  top: 5px;
  right: 6px;
}

.loan-info {
  width: 100%;
  max-width: 511px;
  margin: 0 auto;
}

.loan-info h6 {
  padding: 0;
  margin: 0;
  font-size: 12px;
  color: #b1b1b1;
  font-weight: 400;
  line-height: 1.2;
}

.loan-info h5 {
  padding: 0;
  margin: 0;
  font-size: 18px;
  color: #a3b3bf;
  line-height: 1;
  font-weight: 600;
}

.loan-info h5 span {
  display: inline-block;
  font-family: sans-serif;
  font-size: 10px;
  transform: translate(0, -8px);
}

.w100.container {
  max-width: 1100px;
}

.credit_limit {
  margin-top: 50px !important;
}

.credit_limit .row {
  display: flex;
  margin-left: -12px;
  margin-right: -12px;
}

.credit_limit .column {
  padding-left: 12px;
  padding-right: 12px;
}

.credit_limit img {
  max-width: 45%;
}

.credit_limit img:first-child {
  margin-right: 24px;
}

.credit_limit h4 {
  color: #15477c;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 20px;
}

.loan-info-balance {
  margin: 4px 0 0 -2px;
  font-size: 32px;
  color: #222;
  font-weight: 400;
}

.loan-info-balance span {
  color: #15477c;
}

.loan-info-balance span span {
  display: inline-block;
  transform: translate(2px, -9px);
  font-family: sans-serif;
  font-size: 19px;
}

.loan-info-fields {
  display: flex;
  flex-wrap: wrap;
  margin: 22px 0 0;
  list-style: none;
  padding: 0;
  align-items: flex-end;
}

.loan-info-fields table {
  margin: 0;
}

.loan-info-fields table,
.loan-info-fields tr,
.loan-info-fields td {
  border: none;
  padding: 0;
  vertical-align: baseline;
}

.loan-info-fields td:first-child {
  padding: 0 14px 0 0;
  color: #15477c;
  font-weight: 700;
  font-size: 17px;
}

.loan-info-fields td:last-child {
  font-size: 14px;
  color: #000;
  font-weight: 400;
}

.loan-info-detailed-info-link {
  flex-grow: 1;
  padding-right: 20px;
  text-align: right;
  font-size: 14px;
  color: #15477c;
  line-height: 22px;
}

.loan-info-payments {
  margin: 35px 0 0;
  padding: 0;
}

.loan-info-payment {
  margin: 0 0 10px 0;
  padding: 10px 18px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border: 1px solid #dbe0e2;
  line-height: 1;
  list-style: none;
}

.loan-info-payment-amount {
  font-size: 26px;
  color: #434343;
}

.loan-info-payment-amount span:first-child {
  font-family: sans-serif;
  color: #0e5eb4;
}

.loan-info-payment-amount span:last-child {
  padding: 0 0 0 20px;
  font-weight: 400;
  color: #222;
}

.loan-info-payment-amount span:last-child small {
  position: relative;
  top: -8px;
  font-size: 16px;
}

.loan-info-payment-status {
  color: #0e5eb4;
  line-height: 26.5px;
  font-size: 18px;
  font-weight: 600;
}

.loan-info-payment-status span {
  padding: 0 0 0 22px;
  color: #585858;
}

.loan-info-payment-status button {
  color: #e8f1f4;
  background: none;
  outline: none;
  border: none;
  font-size: 18px;
  transform: scaleX(2);
  margin: 0 0 0 20px;
}

.loan-info-controls {
  padding: 0 0 20px;
  text-align: right;
}

.loan-info-history-link {
  display: block;
  margin: 0 20px 22px 0;
  font-size: 14px;
}

.loan-info-controls .ma-button-small {
  margin: 0;
  padding: 0 15px;
  line-height: 40px;
}

.members-area-loans-list-item-paidoff-controls {
  color: #a8b6bf;
}

.loan-info {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}

.loan-info h6 {
  padding: 0;
  margin: 0;
  font-size: 12px;
  color: #b1bbc4;
  font-weight: 600;
  line-height: 1;
}

.loan-info h5 {
  padding: 0;
  margin: 0;
  font-size: 18px;
  color: #b1b1b1;
  line-height: 1;
}

.loan-info h5 span {
  display: inline-block;
  font-family: sans-serif;
  font-size: 10px;
  transform: translate(0, -8px);
}

.loan-info-balance {
  margin: 4px 0 0 -2px;
  font-size: 32px;
  color: #393a3a;
  font-weight: 400;
}

.loan-info-balance span {
  color: #395c80;
}

.loan-info-balance span span {
  display: inline-block;
  transform: translate(2px, -9px);
  font-family: sans-serif;
  font-size: 19px;
}

.loan-info-fields {
  display: flex;
  flex-wrap: wrap;
  margin: 22px 0 0;
  list-style: none;
  padding: 0;
  align-items: flex-end;
}

.loan-info-fields table {
  margin: 0;
}

.loan-info-fields table,
.loan-info-fields tr,
.loan-info-fields td {
  border: none;
  padding: 0;
  vertical-align: baseline;
}

.loan-info-fields td:first-child {
  padding: 0 14px 0 0;
  color: #375b85;
  font-weight: 700;
  font-size: 18px;
}

.loan-info-fields td:last-child {
  font-size: 15px;
  color: #1a1a1a;
  font-weight: 600;
}

.loan-info-detailed-info-link {
  flex-grow: 1;
  padding-right: 20px;
  text-align: right;
  font-size: 14px;
  color: #3a5a79;
  line-height: 22px;
}

.loan-info-payments {
  margin: 35px 0 0;
  padding: 0;
}

.loan-info-payment {
  margin: 0 0 10px 0;
  padding: 10px 18px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border: 1px solid #dbe0e2;
  line-height: 1;
  list-style: none;
}

.loan-info-payment-amount {
  font-size: 26px;
  color: #434343;
}

.loan-info-payment-amount span:first-child {
  font-family: sans-serif;
  color: #0e5eb4;
}

.loan-info-payment-amount span:last-child {
  padding: 0 0 0 20px;
  font-weight: 400;
  color: #222;
}

.loan-info-payment-amount span:last-child small {
  position: relative;
  top: -8px;
  font-size: 16px;
}

.loan-info-payment-status {
  color: #0e5eb4;
  line-height: 26.5px;
  font-size: 18px;
  font-weight: 600;
}

.loan-info-payment-status span {
  padding: 0 0 0 22px;
  color: #222;
}

.loan-info-payment-status button {
  color: #e8f1f4;
  background: none;
  outline: none;
  border: none;
  font-size: 18px;
  transform: scaleX(2);
  margin: 0 0 0 20px;
}

.loan-info-controls {
  padding: 0 0 20px;
  text-align: right;
}

.loan-info-controls .ma-button-small {
  margin: 0;
  padding: 0 15px;
  line-height: 40px;
}

.members-area-loans-list-item-paidoff-controls {
  color: #a8b6bf;
}

.loan-info {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}

.loan-info h6 {
  padding: 0;
  margin: 0;
  font-size: 12px;
  color: #b1bbc4;
  font-weight: 600;
  line-height: 1;
}

.loan-info h5 {
  padding: 0;
  margin: 0;
  font-size: 18px;
  color: #a3b3bf;
  line-height: 1;
}

.loan-info h5 span {
  display: inline-block;
  font-family: sans-serif;
  font-size: 10px;
  transform: translate(0, -8px);
}

.loan-info-balance {
  margin: 4px 0 0 -2px;
  font-size: 32px;
  color: #393a3a;
  font-weight: 400;
}

.loan-info-balance span {
  color: #395c80;
}

.loan-info-balance span span {
  display: inline-block;
  transform: translate(2px, -9px);
  font-family: sans-serif;
  font-size: 19px;
}

.loan-info-fields {
  display: flex;
  flex-wrap: wrap;
  margin: 22px 0 0;
  list-style: none;
  padding: 0;
  align-items: flex-end;
}

.loan-info-fields table {
  margin: 0;
}

.loan-info-fields table,
.loan-info-fields tr,
.loan-info-fields td {
  border: none;
  padding: 0;
  vertical-align: baseline;
}

.loan-info-fields td:first-child {
  padding: 0 14px 0 0;
  color: #375b85;
  font-weight: 700;
  font-size: 18px;
}

.loan-info-fields td:last-child {
  font-size: 15px;
  color: #1a1a1a;
  font-weight: 600;
}

.loan-info-detailed-info-link {
  flex-grow: 1;
  padding-right: 20px;
  text-align: right;
  font-size: 14px;
  color: #3a5a79;
  line-height: 22px;
}

.loan-info-payments {
  margin: 35px 0 0;
  padding: 0;
}

.loan-info-payment {
  margin: 0 0 10px 0;
  padding: 10px 18px;
  display: flex;
  justify-content: space-between;
  width: 100%;
  border: 1px solid #dbe0e2;
  line-height: 1;
  list-style: none;
}

.loan-info-payment-amount {
  font-size: 26px;
  color: #434343;
}

.loan-info-payment-amount span:first-child {
  font-family: sans-serif;
  color: #5392d1;
}

.loan-info-payment-amount span:last-child {
  padding: 0 0 0 20px;
  font-weight: 400;
  color: #222;
}

.loan-info-payment-amount span:last-child small {
  position: relative;
  top: -8px;
  font-size: 16px;
}

.loan-info-payment-status {
  color: #0e5eb4;
  line-height: 26.5px;
  font-size: 18px;
  font-weight: 600;
}

.loan-info-payment-status span {
  padding: 0 0 0 22px;
  color: #585858;
}

.loan-info-payment-status button {
  color: #e8f1f4;
  background: none;
  outline: none;
  border: none;
  font-size: 18px;
  transform: scaleX(2);
  margin: 0 0 0 20px;
}

.loan-info-controls {
  padding: 0 0 20px;
  text-align: right;
}

.loan-info-controls .ma-button-small {
  margin: 0;
  padding: 0 15px;
  line-height: 40px;
}

.mobile_navigation {
  display: none;
}

.the-press-releases-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 20px;
  margin: 0 auto;
  padding: 20px;
}

.page-main-container .the-press-releases-read-btn {
  background: #006e98;
  color: #fff;
  padding: 8px 10px;
  font-size: 16px;
  border-radius: 4px;
  transition: all 0.2s;
  border: none;
  outline: none;
  font-weight: bold;
  align-self: flex-end;
  width: 126px;
}

.page-main-container p.the-press-releases-paragraph p {
  font-size: 16px;
  line-height: 1.5;
  color: #222222;
  margin-bottom: 20px;
  margin-top: 20px;
}

@media (max-width: 1170px) {
  .the-press-releases-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 20px;
    margin: 0 auto;
    padding: 20px;
  }
}

@media (max-width: 499px) {
  .the-press-releases-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 20px;
    margin: 0 auto;
    padding: 20px;
  }
}


@media (max-width: 767px) {

  .ma-button label,
  .ma-button span:nth-child(3),
  .change_pwd {
    display: none;
  }

  .ma-navigation {
    align-items: start;
    flex-direction: column-reverse;
    padding: 0 20px;
  }

  .ma-button:first-child {
    padding: 11px 24px;
    line-height: 18px;
    white-space: pre-wrap;
    width: 135px;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    order: 1;
  }

  .ma-menu {
    min-width: 100%;
    margin-bottom: 30px;
  }

  .ma-button:nth-child(2) {
    width: 100%;
  }

  .mobile_navigation {
    display: flex;
    font-size: 15px;
    font-weight: 700;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 15px;
    padding: 0 15px;
  }

  .logout {
    font-weight: 400;
    color: #222222;
  }

  .credit_limit .row {
    flex-flow: wrap;
    width: 100%;
  }

  .credit_limit .column {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .credit_limit img {
    max-width: 48%;
    margin-top: 20px;
  }

  .credit_limit .column:last-child {
    flex-direction: row;
  }

  .credit_limit img:first-child {
    margin-right: 12px;
  }

  .loan-info-balance {
    font-size: 28px;
  }

  .loan-info {
    padding: 0 20px;
    width: 100% !important;
    max-width: 100% !important;
  }

  .loan-info-payment-status {
    font-size: 18px;
  }

  .loan-info-payment-amount {
    font-size: 25px;
  }

  .pending_doc {
    padding: 0 20px;
  }

  .pending_doc .ma-button-small {
    margin: 0;
    padding: 0 5px;
    font-size: 12px;
  }

  .file_name {
    font-size: 12px;
  }

  .file_upload>div>img {
    width: 60px;
  }

  .approved::after {
    top: 40%;
    font-size: 10px;
  }

  .pending_doc progress {
    height: 15px;
    margin: 20px auto;
  }

  .pending_doc .document_box p {
    font-size: 20px;
  }

  .pending_doc .uploadProgress {
    font-size: 25px;
    margin-top: 20px;
  }

  .pending_doc .uploadProgress span {
    font-size: 40px;
  }

  .mal-list {
    justify-content: flex-start;
    flex-wrap: nowrap;
    grid-gap: 12px;
    margin: 0 auto 40px;
    white-space: nowrap;
    flex-direction: row;
    width: 100%;
    overflow: scroll;
    scroll-snap-align: center;
    scroll-snap-stop: normal;
    scroll-snap-type: x mandatory;
    padding: 20px 0;
    align-items: center;
  }

  .mal-list::-webkit-scrollbar {
    height: 0;
  }

  .mal-list::-moz-scrollbar {
    height: 0;
  }

  .mal-item {
    display: inline-block;
    scroll-snap-align: center;
    min-width: 260px;
    white-space: pre-line;
  }

  .ma-my-loans::before {
    top: 320px;
  }

  .mal-item-add span {
    display: none;
  }

  .mal-item.mal-item-add {
    box-shadow: none;
    border: none;
    min-width: auto;
    text-align: center;
    padding-right: 15px;
  }

  .mal-item.mal-item-add .plus-icon {
    background-color: #fff;
    font-size: 40px;
    font-weight: 700;
    border: 1px solid #c3cfd9;
    width: 40px;
    height: 40px;
    line-height: 32px;
    border-radius: 4px;
    margin-top: 10px;
  }

  .mal-item-add div {
    font-size: 15px;
    color: #c3cfd9;
    font-weight: 600;
  }
}

.dialog {
  position: fixed;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 20px;
  z-index: 999;
  max-height: calc(100% - 64px);
  border-radius: 10px;
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  overflow-y: auto;
  padding: 20px;
  max-height: 70%;
}

.close-button {
  background-color: #15477c;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

#billofRightsDialog h2 {
  font-size: 46px !important;
  color: rgb(21, 71, 124);
  font-size: 1.25rem;
  font-family: "Mulish", "Helvetica", "Arial", sans-serif;
  font-weight: bold;
  line-height: 1;
  text-transform: lowercase;
  letter-spacing: 0.0075em;
  margin: 0 0 20px 0;
}

#billofRightsDialog .panel-body,
#billofRightsDialog .panel-body>* {
  color: rgba(0, 0, 0, 0.54);
  font-size: 16px;
  line-height: 1.6;
}

/* Location City Image modal */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.9);
}

.modal-content {
  margin: 10% auto;
  display: block;
  max-width: 1800px;
  max-height: 80vh;
}

@media (max-width: 650px) {
  .modal-content {
    margin: 50% auto;
    max-width: 90%;
  }
}

.close {
  color: #fff;
  position: absolute;
  top: 10px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
  cursor: pointer;
}

/* Blog list */
.page-main-content-container>.post-container:nth-of-type(2n) {
  background: #ecedee;
}

.page-id-69 h2 {
  font-size: 46px;
}

/* About us */
body.page-id-8>main>section.page-main-content-container>p:nth-child(6)>img,
body.page-id-8>main>section.page-main-content-container>p:nth-child(9)>img,
body.page-id-8>main>section.page-main-content-container>p:nth-child(12)>img {
  width: 30px;
  height: 30px;
  margin-right: 15px;
  margin-bottom: -7px;
}

/* Data Request CCPA */

.ccpa-container {
  max-width: 800px;
  margin: 0 auto;
}

.ccpa-radio-group>*:not(:last-of-type) {
  margin-bottom: 20px;
}

.ccpa-container .gform-theme--framework .gfield--type-choice .gchoice br {
  display: block;
}

.ccpa-container h2 {
  font-size: 2em;
  margin: 0.67em 0;
}

.ccpa-container #gform_fields_2 label {
  font-size: 16px !important;
  color: #000000 !important;
}

.ccpa-container #gform_fields_2 .gfield--type-text label,
.ccpa-container #gform_fields_2 .gfield--type-phone label,
.ccpa-container #gform_fields_2 .gfield--type-email label {
  font-weight: 700;
}

#field_2_13>legend {
  font-size: 16px !important;
  color: #000000 !important;
  font-weight: 700;
}

.ccpa-container #gform_fields_2 .gfield--type-text input,
.ccpa-container #gform_fields_2 .gfield--type-phone input,
.ccpa-container #gform_fields_2 .gfield--type-email input {
  background: #fff;
  border: 1px solid #d3d3d3;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box;
  color: #15477c;
  display: block;
  font-size: 18px;
  font-weight: 400;
  height: auto;
  line-height: 1.25;
  margin: 10px 0 0;
  outline: 0;
  padding: 8px 10px;
  transition: all .3s;
  width: 100%;
}

#gform_submit_button_2 {
  background: #15477c;
  color: #fff;
  border: none;
  margin: 20px 0;
  border-radius: 4px !important;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: auto;
  line-height: 1;
  padding: 15px 20px;
  transition: all .3s;
  font-size: 16px;
  width: 100%;
}

#gform_submit_button_6 {
  background: #15477c !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: auto;
  line-height: 1;
  padding: 15px 20px;
  transition: all .3s;
  font-weight: 700 !important;
  width: 100%;
}

#gform_fields_3 .gfield_required_asterisk {
  color: #000000;
}

#gform_submit_button_7,
#gform_submit_button_8,
#gform_submit_button_9 {
  background: #15477c !important;
  color: #fff !important;
  border: none !important;
  border-radius: 4px !important;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  height: auto;
  line-height: 1;
  padding: 15px 20px;
  transition: all .3s;
  font-weight: 700 !important;
  width: 100%;
}

#gform_fields_7 .gfield_required_asterisk {
  color: #000000;
}

#gform_7 .gfield label,
#gform_8 .gfield label,
#gform_9 .gfield label {
  position: absolute;
  top: -10px;
  left: 13px;
  transition: top 0.3s, left 0.3s;
  pointer-events: none;
  background-color: #fff;
  padding: 0 2px;
}

.gfield {
  position: relative;
  margin-bottom: 20px;
}

#gform_wrapper_7,
#gform_wrapper_8,
#gform_wrapper_9,
.gform_wrapper {
  width: 100%;
}

.email-already-used,
.match-password,
.weak-password,
.invalid-char-password,
.invalid-password,
.membership-form-error,
#password-error,
#password-updated,
.ssn-message,
.signature-message,
.dlc-plus-sign {
  color: red !important;
}

.invalid-char-password code,
#gfield_description_4_6 code {
  font-family: monospace;
  background-color: #f4f4f4;
  color: #c7254e;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 90%;
}

.weak-password {
  padding-top: 10px;
}

.match-password,
.weak-password {
  padding-top: 10px;
}

#gform_next_button_4_9 {
  margin-top: -65px;
}

#field_4_6 {
  margin-top: -25px;
}

#field_4_116,
#field_4_117 {
  margin-top: -35px;

}

#field_8_5,
#field_8_6,
#field_9_7,
#field_9_8 {
  margin-bottom: 0;
  margin-top: -35px;
}

#gform_submit_button_8,
#gform_submit_button_9 {
  margin-top: -20px;
}

#gform_confirmation_message_6 {
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
  color: red !important;
}

.input-focused {
  border-color: #15477c;
}

.tooltip {
  position: absolute;
  display: none;
  background-color: #15477c;
  color: #fff;
  border: 1px solid #15477c;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  left: 73%;
  transform: translateX(-50%);
  z-index: 1000;
  width: 410px;
  top: calc(100% + 10px);
  text-align: left;

  &:before {
    content: '';
    position: absolute;
    top: -20px;
    left: 50%;
    margin-top: 0;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #15477c transparent;
  }
}

@media screen and (max-width: 1000px) {
  .tooltip {
    left: 50%;
    top: calc(100% + 10px);
    transform: translateX(-50%);
    max-width: 100%;

    &:before {
      top: -20px;
      margin-top: 0;
      border-color: transparent transparent #15477c transparent;
      border-width: 10px;
      left: 90%;
    }
  }
}

.tooltip ul {
  list-style-type: disc;
  padding-left: 20px;
}

.page-template-default iframe {
  max-width: 100%;
}

.page-template-default main img {
  max-width: 100%;
  height: auto;
}

.kiosk-logo-container {
  padding: 30px 0 40px !important;
}

.kiosk-section {
  padding: 0px;
  height: 150px;
}

.kiosk-section::before {
  z-index: 0;
}

.kiosk-section .page-section-title-container {
  z-index: 2;
}

.kiosk-logo {
  z-index: 1000;
  position: relative;
  float: right;
}

.kiosk-logo-container h1 {
  float: left;
}

.stopScroll {
  overflow: hidden;
}

.text-cap {
  text-transform: capitalize !important;
}

#locInfo .locPimg {
  width: 100%;
  height: 350px;
  object-fit: cover;
}

#locInfo section {
  flex-basis: 100%;
  margin: 0;
}

#locInfo h3 {
  margin: 2.5rem 0;
  text-transform: capitalize;
}

#locInfo .locLblTxt {
  font-size: 1.25rem;
  color: #15477c;
  margin-bottom: 0.5rem;
  margin-top: 0;

}

#locInfo .locWhyChoose {
  flex: 1;
}

#locInfo .locWhyChoose .locWcIconCont {

  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  text-align: center;
  padding: 1rem 0;
  margin: 1rem 0;
  gap: 1.25rem;
  column-gap: 1.25rem;
}

#locInfo .locWcIconCont>div {
  align-content: center;
  max-width: 180px;
  padding: 1.25rem;
  background-color: #cbd5e0;
  border: 1px solid #006e98;
  border-radius: 6px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

#locInfo .locWcIconCont>div>span {
  display: inline-block;
}

#locInfo .locWcIconCont>div>img {
  width: 60px;
  margin-bottom: 1.25rem;
}

#locInfo .locWcIconCont span {
  font-weight: 700;
  color: #0e467c;
}

#locInfo .locRow {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 1.25rem;
}

#locInfo .locRow p {
  font-size: 1.125rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 1rem;
}

#locInfo .locCol1 {
  flex: 1 0 0%;
}

#locInfo .locCol2 {
  flex: 2 0 0%;
}

#locInfo .locHowTo ul {
  font-size: 1.125rem;
  font-weight: 300;
}

#locInfo .locHowTo ul li {
  margin: 0;
}

#locInfo .locSpacer {
  margin: 2.5rem 0;
}

#locInfo .locAffLogos,
#locInfo .locBizAffLogos {
  display: flex;
  justify-content: start;
  column-gap: 3.25rem;
  padding: 1rem 0;
  margin: 1rem 0;
}

#locInfo .locAffLogos>div,
#locInfo .locBizAffLogos>div {
  align-content: center;
}

#locInfo .locAffLogos>div>img,
#locInfo .locBizAffLogos>div>img {
  max-width: 150px;
}

@media (max-width: 800px) {
  .location-top-cta-container {
    justify-content: center;
  }

  #locInfo .locRow {
    flex-direction: column;
    flex-wrap: nowrap;
  }

  #locInfo .locWhyChoose .locWcIconCont {
    justify-content: space-evenly;
    column-gap: normal;
  }

  #locInfo .locNearByCont {
    flex-direction: column;
  }

  #locInfo h3 {
    font-size: 3vh;
  }
}

#locInfo .location-gallery-container {
  gap: 1.25rem;
}

#locInfo .location-gallery-container .image-wrapper {
  flex: 0 0 calc(50% - 0.625rem);
  box-sizing: border-box;
  margin: 0;
}

#locInfo .location-gallery-container .image-wrapper img {
  display: block;
}

.image-wrapper img {
  height: 100%;
}

#locInfo .modal {
  display: none;
  position: fixed;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
}

#locInfo .modal-content {
  max-width: 90%;
  max-height: 90%;
  box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.3);
}

#locInfo .close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 30px;
  color: white;
  cursor: pointer;
}

#locInfo .locNearByCont {
  display: flex;
  flex-wrap: wrap;
  gap: 1.563rem;
  justify-content: center;
  flex-basis: 100%;
  padding: 1.563rem 0;
}

#locInfo .locNearByItem {
  flex: 1;
  min-width: 100px;
  background-color: #cbd5e0;
  text-align: center;
  color: #006e98;
  padding: 1.75rem;
  border: 1px solid #006e98;
  border-radius: 6px;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  align-content: center;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

#locInfo .locNearByItem:hover {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

#locInfo .locNearByItem .locNearByUrl {
  margin-top: 1rem;
  color: #15477c;
  font-size: 1.25rem;
  display: inline-block;
}

#locInfo .locNearByItem a {
  font-size: 1rem;
  font-weight: normal;
}

.soc-icons {
  padding: 10px;
  text-align: center;
  margin-bottom: 1rem;
}

.soc-icons a {
  background-color: #ff0;
  color: #15477C;
  margin: 0 0.313rem;
  text-decoration: none;
  font-size: 24px;
  transition: color 0.3s ease;
  display: inline-block;
  padding: 0.5rem;
  border-radius: 4px;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.soc-icons .icon {
  fill: #15477C;
  width: 24px;
  height: 24px;
  vertical-align: -0.125em;
}

.soc-icons a:hover {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);

}

#locInfo .locNearByItem a:hover {
  text-decoration: underline;
}

/* DLCWEB-405/385: the fault/neutral screen after a dead or indeterminate form-4
   submission (components/ApplyFailureNotice.php). layout.css is global, so this
   reaches the kiosk route with no enqueue change. Rebuilt 2026-08-07 after the
   original card treatment (tokens copied from .disallowed-state-notice,
   css/members-area-make-payment.css) was diagnosed live in the browser as
   broken: member-area.css's .membership-btn width:100% defeated flex-wrap and
   rendered two 649px slabs, the theme's global `p { font-size: 16px }` beat the
   18px set here, and text-align/margin were both inherited rather than set.
   Still a tinted card - Jon had already approved a screenshot with one, and
   plain white read like a styling error instead of a designed state. The four
   card properties are duplicated here rather than reused because
   .disallowed-state-notice's own file sits behind the member CSS gate and
   never loads on the kiosk route; that gate is the whole reason this class
   exists instead of sharing that one. Contrast verified: text 11.02:1, icon
   4.35:1, focus ring 8.26:1 (all above their WCAG minimums). */
.apply-failure-notice {
  background-color: #fdecea;
  border: 1px solid #f5c2c0;
  border-left: 4px solid #d32f2f;
  border-radius: 8px;
  max-width: 560px;
  margin: 48px auto 56px;
  padding: 32px;
  text-align: left;
}

/* A scripted-focus div (js/apply.js's gform_confirmation_loaded handler) does not
   reliably show a default focus ring in every browser. */
.apply-failure-notice:focus-visible {
  outline: 3px solid #15477c;
  outline-offset: 2px;
}

.apply-failure-head {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 22px;
  line-height: 1.2;
  margin: 0 0 12px;
  color: #611a15;
}

.apply-failure-head .bi {
  font-size: 22px;
  color: #d32f2f;
  flex: none;
}

.apply-failure-notice p {
  font-size: 18px;
  line-height: 1.55;
  margin: 0 0 24px;
}

.apply-failure-notice .apply-failure-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: stretch;
}

.apply-failure-notice .apply-failure-actions .membership-btn,
.apply-failure-notice .apply-failure-actions .membership-btn-secondary {
  width: auto;
  flex: 1 1 auto;
  min-width: 190px;
  height: auto;
  min-height: 52px;
  margin: 0;
  font-size: 16px;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 24px;
  box-sizing: border-box;
}

/* member-area.css ships margin-top: 15px !important on .membership-btn-secondary -
   proved live: an inline style with no !important lost to it (inline only beats
   !important). Without this override the secondary button sits 15px lower than
   the primary and, because the flex row above stretches, ends up 15px shorter
   too (measured 67px vs 52px, both ending at the same y). Needs !important to
   win against the theme's own !important - do not strip this as sloppy later. */
.apply-failure-notice .apply-failure-actions .membership-btn-secondary {
  margin-top: 0 !important;
}