/* stylelint-disable number-leading-zero, selector-id-pattern, color-function-notation, alpha-value-notation, shorthand-property-no-redundant-values, selector-class-pattern, max-line-length, property-no-vendor-prefix */

div.grecaptcha-badge {
  z-index: 100;
}

div#join_box.elcontainer.tight.inline-label-right div.submit-container div.g-recaptcha div.grecaptcha-badge {
  bottom: 45px !important;
  display: none !important;
}

#email_join_container {
  background-color: #d0e8ff;
  text-align: center;
  padding: 20px;
  color: #004a83;
}

form#ic_signupform {
  display: inline-block;
}

form#ic_signupform div.ic_captcha.elcontainer.left-aligned div.submit-container input.btn.btn-submit {
  background-color: #ff3048;
  color: white;
  border-radius: 0;
  font-size: 14px;
  font-weight: normal;
  padding: 3px;
  border: 0 none;
  cursor: pointer;
  margin-top: 3px;
  transition: all 0.2s ease 0s;
}

form#ic_signupform div.ic_captcha.elcontainer.left-aligned div.submit-container input.btn.btn-submit:focus,
form#ic_signupform div.ic_captcha.elcontainer.left-aligned div.submit-container input.btn.btn-submit:hover {
  background-color: #c80101;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.ic_captcha.elcontainer.left-aligned {
  height: auto !important;
}

.ic_captcha.elcontainer.left-aligned .g-recaptcha > div {
  width: auto !important;
}

/* #email_join_container #join_box{ */

/* height: 50px; */

/* } */

#email_join_container #join_box input#textBox {
  width: 250px;
  padding: 2px;
  font-size: 14px;
}

#email_join_container input#joinEmail {
  padding: 3px;
  margin-left: 3px;
  font-size: 14px;
  display: inline;
  font-weight: normal;
  border-radius: 0;
}

@media (width <= 600px) {
  #email_join_container #join_box input#textBox {
    width: inherit;
  }
}

@media (width <= 489px) {
  #email_join_container #join_box input#textBox {
    width: 250px;
  }
}

#footer {
  background-color: #fff;
}

#footer .links {
  background-color: #004a83;
  border-top: 4px solid #033362;
}

#footer .links_container {
  text-align: center;
  padding: 16px 20px 25px 20px;
  padding-left: 8%;
}

#footer .links_container .footer_list {
  display: inline-block;
  vertical-align: top;
  text-align: left;
  width: 19%;
  color: white;
}

#footer .links_container .footer_list li {
  padding: 4px 0;
  font-size: 12px;
}

#footer .links .social a {
  background-color: #004a83;
  display: inline-block;
}

#footer .links_container .footer_list li a {
  color: white;
}

#footer .links .social a:hover {
  background-color: #48a8da;
}

#footer .links_container .footer_list li a:hover {
  color: #48a8da;
}

#footer .links_container .footer_list h3 {
  color: #48a8da;
  font-weight: bold;
  font-size: 14px;
}

#footer .links_container .footer_list .last_link {
  font-weight: bold;
}

#footer .links_container .footer_list .last_link span.arrows {
  vertical-align: text-top;
}

section#contactInfo {
  margin-bottom: 30px;
}

div#footerLogo {
  margin-right: 9px;
}

@media (width <= 930px) {
  #footer .links_container {
    padding: 20px;
  }

  #footer .links_container .footer_list li {
    font-size: 10px;
  }

  #footer .links_container .footer_list h3 {
    font-size: 12px;
  }

  section#contactInfo {
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
  }

  div#final_section_container section#contactInfo.top {
    font-size: 13px !important;
  }
}

@media (width <= 660px) {
  #footer .links_container {
    display: none;
  }

  div#footerLogo {
    margin-right: 0;
    margin-bottom: 10px;
  }

  #footer .links {
    border-top: none !important;
  }

  #footer h2#linksHdr {
    display: none;
  }
}

#check_us_content {
  text-align: center;
  width: 720px;
  margin: 0 auto;
  padding: 30px;
  position: relative;
}

#check_us_content .swiper-wrapper,
#check_us_content .swiper-slide {
  height: auto !important;
}

#check_us_content #check_us_slides .swiper-slide {
  width: auto;
  display: inline-block;
}

#check_us_content .arrows {
  display: inline-block;
  vertical-align: middle;
  width: 5%;
}

/* The arrows are lazy-loaded, and until then the browser draws their alt text, which ignores the
   width and runs past the screen's edge. As inline blocks with the image's shape they keep their
   30px box before they load, and the alt text is clipped to it. */
#check_us_content .arrows img {
  display: inline-block;
  overflow: hidden;
  width: 30px;
  aspect-ratio: auto 65 / 55;
  cursor: pointer;
}

#check_us_content #check_us_slides_container {
  display: inline-block;
  vertical-align: middle;
  width: 80%;
  overflow: hidden;
  background-color: white;
  padding: 20px;
  border-radius: 10px;
}

#footer .links .social img {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
}

#check_us_content #check_us_slides img {
  height: 50px;
}

#check_us_content #skewed_note {
  padding: 10px 15px;
  color: white;
  background-color: #ff3048;
  border-radius: 10px;
  position: absolute;
  font-style: italic;
  top: 5px;
  left: 50px;
  box-shadow: 0 7px 22px -5px black;
  -webkit-box-shadow: 0 7px 22px -5px black;
  -moz-box-shadow: 0 7px 22px -5px black;
  z-index: 2;

  /* Safari */
  -webkit-transform: perspective(1px) rotate(-10deg);

  /* Firefox */
  -moz-transform: perspective(1px) rotate(-10deg);

  /* IE */
  -ms-transform: perspective(1px) rotate(-10deg);

  /* Opera */
  -o-transform: perspective(1px) rotate(-10deg);
  transform: perspective(1px) rotate(-10deg);
}

.swiper-button-disabled {
  display: none;
}

@media (width <= 850px) {
  #check_us_section {
    padding-top: 10px;
  }

  #check_us_content {
    width: auto;
  }
}

@media (width <= 650px) {
  #check_us_content #skewed_note {
    left: 15%;
  }

  #check_us_content .arrows {
    width: 10%;
  }

  #check_us_content #check_us_slides_container {
    width: 63%;
  }
}

@media (width <= 500px) {
  #check_us_content .arrows {
    width: 15%;
  }

  #check_us_content #check_us_slides_container {
    width: 45%;
  }
}

#footer h2#linksHdr {
  background-color: #033362;
  color: #fff;
  padding: 4px 5px 7px 5px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  width: 90%;
  margin: 0 auto;
}

#footer .links .social {
  text-align: center;
  color: white;
  padding-bottom: 30px;
}

#footer .links .social .text {
  display: inline-block;
  vertical-align: middle;
}

#footer #need_help_section {
  background-color: #d0e8ff;
}

#footer #need_help_section #need_help_container {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
  color: #004a83;
  font-weight: bold;
}

#footer #need_help_section #need_help_container .top {
  font-size: 22px;
}

#footer #need_help_section #need_help_container .top .mobile {
  display: none;
  margin-top: 10px;
}

#footer #need_help_section #need_help_container span.needHelp,
#footer #need_help_section #need_help_container span.needHelpInt {
  color: #ff3048;
}

#footer #need_help_section #need_help_container .top .mobile a {
  padding: 10px;
  color: white;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  width: 100px;
  background-color: #ff3048;
  border-radius: 5px;
  margin-right: 1px;
}

#footer #need_help_section #need_help_container .top .mobile .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-weight: normal;
  font-style: italic;
}

#footer #need_help_section #need_help_container .top .mobile img {
  width: 15px;
  vertical-align: middle;
  margin-right: 5px;
}

#footer #need_help_section #need_help_container .bottom {
  font-style: italic;
}

@media (width <= 660px) {
  #footer #need_help_section #need_help_container #not_mobile {
    display: none;
  }

  #footer #need_help_section #need_help_container .top .mobile {
    display: block;
  }
}

#footer #final_section #final_section_container {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  padding: 20px;
  color: #004a83;
}

#footer #final_section #final_section_container .top {
  font-size: 14px;
  line-height: 22px;
}

#footer #final_section #final_section_container .bottom {
  padding-top: 10px;
}

#footer #final_section #final_section_container .bottom .business_information .text a {
  color: #bbb;
}

#footer #final_section #final_section_container .bottom .business_information .text a:hover {
  color: #1caadc;
}

#footer #final_section #final_section_container .bottom .business_information > div {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  color: #bbb;
}

#footer #final_section #final_section_container .bottom .business_information .text {
  text-align: left;
  line-height: 18px;
}

#footer #final_section #final_section_container .bottom .business_information img {
  width: 173px; /* was 150px for ADC logo */
}

@media (width <= 660px) {
  #check_us_section {
    padding-top: 30px;
  }

  #footer #need_help_section #need_help_container span.needHelp {
    color: #004a83;
  }
}

#backToTop {
  position: fixed;
  bottom: 90px;
  right: 10px;
  display: none;
  background-color: #5887ab;
  color: white;
  border: none;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  text-align: center;
  z-index: 999;
  cursor: pointer;
  transition: background-color .3s, opacity .5s, visibility .5s;
}

#backToTop:hover {
  background: #004a83;
}

.grecaptcha-badge {
  width: 70px ! important;
  overflow: hidden ! important;
  transition: all 0.3s ease ! important;
  left: 4px ! important;
  bottom: 195px !important;
}

.grecaptcha-badge:hover {
  width: 256px ! important;
}

/* The footer's email signup uses invisible reCAPTCHA, whose badge floated over the page on
   phones. Google allows hiding the badge when the site says it uses reCAPTCHA
   (https://docs.cloud.google.com/recaptcha/docs/faq, checked 2026-11-10), so the footer says
   "This site is protected by reCAPTCHA." and the badge is hidden. Only a page carrying that
   notice hides it, so a copy of the footer without the notice keeps the badge. */
body:has(.recaptcha-notice) .grecaptcha-badge {
  visibility: hidden;
}

.recaptcha-notice {
  margin: 8px 0 0;
  color: #4a6378;
  font-size: 12px;
}