/* Main compiled CSS converted from SCSS partials. */
@import url("./variables.css");
@import url("./fonts.css");
@import url("./misc.css");
@import url("./layout.css");
@import url("./header.css");
@import url("./contact.css");
@import url("./welcome.css");
@import url("./mid_section.css");
@import url("./covid19.css");
@import url("./elements.css");
@import url("./footer.css");
@import url("./faqs.css");
@import url("./mobile_navigation.css");
@import url("./theme.css");
/*
  In the original SCSS these mixins were included under several media query
  ranges. Below we inline the rules that were inside those mixins so the same
  responsive behavior is preserved in plain CSS.
*/
/* For Extra Small Phones Portrait (e.g. iPhone 5) */
@media (max-width: 1199px) {
  /* mobile_navigation mixin */
  .nav {
    flex-direction: row-reverse;
    z-index: 9999;
    top: 0px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.6);
  }
  .nav .nav-button {
    display: block;
  }
  .nav-list {
    display: none;
  }

  /* header-small-phone-only / header-phone-only */
  .nav-container {
    height: 55px;
    position: fixed;
    top: 0px;
  }
  .float_banner {
    display: none;
  }
  .inline_banner {
    display: block;
  }
  .inline_banner .fb_text {
    font-size: 12pt;
    padding: 0;
  }
  .top_banner {
    width: auto;
    background-image: url(/img/Collage_800.jpg);
    background-size: cover;
    height: 170px;
  }
  .top_banner_covid {
    width: auto;
    background-image: url(/img/covid_banner_mobile.jpg);
    background-size: cover;
    height: 170px;
  }
  .covid_banner,
  .covid_banner_stats {
    height: 45px;
    width: 90%;
    font-size: 18pt;
    color: #fff;
    line-height: 34pt;
  }
  .DOS_Seal {
    height: auto;
    width: 100%;
    display: none;
  }
  .ARB_title {
    font-size: 24pt;
    line-height: 1;
    margin: 15px 0 0 20px;
  }
  .ARB_sub_title {
    font-size: 11pt;
    font-weight: 800;
    line-height: 2;
  }

  /* footer-phone-only */
  .footer-container {
    width: 100%;
  }
  .footer {
    width: auto;
    margin: 15px;
    font-size: var(--smallDeviceFontSize);
  }
  .footer-seal {
    margin: 20px 0 0;
  }
  .footer-seal img {
    width: 275px;
    height: auto;
  }
  .footer_div {
    margin: 0;
    font-size: var(--smallDeviceFontSize);
    padding-bottom: 10px;
  }
  .footer_text {
    padding: 0;
    margin: 0;
  }
  .disclaimer_text {
    width: 100%;
    font-size: 10pt;
    text-align: justify;
    padding: 15px 0;
  }

  /* layout-phone-only */
  .content-container {
    margin-top: 55px;
  }
  .section-content {
    background-color: #ffffff;
    margin: 0 0 20px 0;
  }
  .box-list,
  .box-list-single {
    flex-flow: column;
    align-items: center;
    justify-content: flex-start;
  }
  .boxTeaser {
    width: 250px;
  }
  .boxTeaser-details {
    font-size: 14pt;
    padding-top: 12px;
  }

  /* faqs-phone-only */
  .faqTeaser {
    position: relative;
    margin: 0 10px;
    border-radius: 0.25rem;
    box-shadow: 0 0.3125rem 0.75rem 0 rgba(0, 0, 0, 0.12);
    padding: 0.9375rem 0.9375rem 2.5rem;
    overflow: visible;
    width: 80%;
    text-align: center;
    background-color: #fff;
    font-size: 12pt;
  }
  .collapsible {
    padding: 10px;
    width: 100%;
    font-size: 14pt;
  }
  .content {
    padding: 0 10px;
    font-size: 12pt;
  }
  .FAQTeaser-title img {
    height: 45px;
    width: auto;
  }

  /* misc-phone-only */
  .default-text {
    display: none;
  }
  .mobile-text {
    display: inline-block;
  }
  .arb-confirm {
    margin: 35px auto;
  }

  /* contact-phone-only */
  .banner-container {
    display: none;
  }
  .banner-container-mobile {
    display: block;
  }

  /* elements-phone-only */
  .vertical-line {
    background-color: #d0b590;
    display: inline-block;
    width: 1px;
    margin: 0 15px;
    height: 115px;
    overflow: hidden;
  }
  .verticle-line-stars {
    width: 44px;
    height: 12px;
    display: block;
    margin-bottom: 10px;
  }

  /* covid-phone-only */
  .hover-quicklinks-menu {
    right: -200px;
    top: 60%;
  }
  .hover-quicklinks-menu-collapse {
    top: 60%;
    transition: 0.5s ease-out;
    transform: translateX(-200px);
  }
  .sample-billing {
    flex-direction: column;
  }
}