.footer__top {
  background-color: #004b87;
  color: #fff;
  font-size: 0.77778rem;
  padding-bottom: 15px;
  padding-top: 15px; }
  @media (min-width: 48em) {
    .footer__top {
      font-size: 0.77778rem; } }
  @media (min-width: 62em) {
    .footer__top {
      font-size: 0.88889rem; } }
  @media (min-width: 48em) {
    .footer__top {
      padding-bottom: 20px; } }
  @media (min-width: 62em) {
    .footer__top {
      padding-bottom: 30px; } }
  @media (min-width: 48em) {
    .footer__top {
      padding-top: 20px; } }
  @media (min-width: 62em) {
    .footer__top {
      padding-top: 30px; } }
  .footer__top p {
    margin-top: 0;
    margin-bottom: 10px; }
    @media (min-width: 48em) {
      .footer__top p {
        margin-bottom: 12px; } }
    @media (min-width: 62em) {
      .footer__top p {
        margin-bottom: 12px; } }
  @media (min-width: 48em) {
    .footer__top .l--constrained {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .footer__top .l--constrained > *:nth-child(2) {
        margin-left: 15px; } }
    @media (min-width: 48em) and (min-width: 48em) {
      .footer__top .l--constrained > *:nth-child(2) {
        margin-left: 20px; } }
    @media (min-width: 48em) and (min-width: 62em) {
      .footer__top .l--constrained > *:nth-child(2) {
        margin-left: 30px; } }
  @media (min-width: 62em) {
    .footer__top .l--constrained {
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
      .footer__top .l--constrained > *:nth-child(n+2) {
        margin-left: 15px; } }
    @media (min-width: 62em) and (min-width: 48em) {
      .footer__top .l--constrained > *:nth-child(n+2) {
        margin-left: 20px; } }
    @media (min-width: 62em) and (min-width: 62em) {
      .footer__top .l--constrained > *:nth-child(n+2) {
        margin-left: 30px; } }

@media (min-width: 48em) {
  .footer__email-subscribe {
    width: 50%;
    -webkit-box-flex: 2;
        -ms-flex-positive: 2;
            flex-grow: 2; } }

@media (min-width: 62em) {
  .footer__email-subscribe {
    width: 41.66667%;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0; } }

@media (min-width: 48em) {
  .footer__email-subscribe .form--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; }
    .footer__email-subscribe .form--inline .form-item,
    .footer__email-subscribe .form--inline .form-submit {
      margin-top: 0; } }

.footer__email-subscribe div.form-item-email-address {
  margin-right: 10px;
  width: auto; }
  .footer__email-subscribe div.form-item-email-address input {
    width: 100%; }

.footer__donation-options {
  margin-top: 15px; }
  @media (min-width: 48em) {
    .footer__donation-options {
      margin-top: 20px; } }
  @media (min-width: 62em) {
    .footer__donation-options {
      margin-top: 30px; } }
  @media (min-width: 48em) {
    .footer__donation-options {
      margin-top: 0;
      width: 41.66667%; } }
  @media (min-width: 62em) {
    .footer__donation-options {
      width: 33.33333%; } }

.footer__accountability {
  margin-top: 15px; }
  @media (min-width: 48em) {
    .footer__accountability {
      margin-top: 20px; } }
  @media (min-width: 62em) {
    .footer__accountability {
      margin-top: 30px; } }
  @media (min-width: 62em) {
    .footer__accountability {
      margin-top: 0; } }

.list--logos {
  margin: 0;
  list-style: none;
  margin: 0;
  margin-left: 0;
  padding-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .list--logos > li {
    margin: 0;
    width: 45%; }
    .list--logos > li:nth-child(n + 2) {
      margin-left: 10px; }
    @media (min-width: 37.5em) {
      .list--logos > li {
        width: 127px; } }
  @media (min-width: 62em) {
    .list--logos {
      width: 127px;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }
      .list--logos > li {
        display: block;
        margin: 0; }
        .list--logos > li:nth-child(n + 2) {
          margin-top: 10px;
          margin-left: 0; } }

.logo--navigator,
.logo--bbb {
  display: block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  width: 100%;
  height: 0;
  padding-bottom: 37.79528%;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto; }
  .logo--navigator:hover,
  .logo--bbb:hover {
    opacity: .8; }

.logo--navigator {
  background-image: url("/themes/custom/cas/images/logo__charity-navigator.png"); }

.logo--bbb {
  background-image: url("/themes/custom/cas/images/logo__bbb.png"); }

.footer__bottom {
  background-color: #f1f1f1;
  text-align: center; }
  @media (min-width: 37.5em) {
    .footer__bottom {
      text-align: left; } }

.footer__navigation {
  padding-bottom: 15px;
  padding-top: 20px; }
  @media (min-width: 48em) {
    .footer__navigation {
      padding-bottom: 20px; } }
  @media (min-width: 62em) {
    .footer__navigation {
      padding-bottom: 30px; } }
  @media (min-width: 48em) {
    .footer__navigation {
      padding-top: 30px; } }
  @media (min-width: 62em) {
    .footer__navigation {
      padding-top: 50px; } }
  @media (min-width: 48em) {
    .footer__navigation {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; } }

@media (max-width: 37.4375em) {
  .footer__menu-main {
    display: none;
    visibility: hidden; } }

@media (min-width: 37.5em) {
  .footer__menu-main {
    width: 66%; } }

@media (min-width: 62em) {
  .footer__menu-main {
    width: 75%; } }

.footer__menu-main > .menu--main {
  font-size: 0.66667rem;
  margin: 0; }
  @media (min-width: 48em) {
    .footer__menu-main > .menu--main {
      font-size: 0.66667rem; } }
  @media (min-width: 62em) {
    .footer__menu-main > .menu--main {
      font-size: 0.77778rem; } }
  @media (min-width: 48em) {
    .footer__menu-main > .menu--main {
      -webkit-column-count: 2;
         -moz-column-count: 2;
              column-count: 2;
      -webkit-column-gap: 60px;
         -moz-column-gap: 60px;
              column-gap: 60px; } }
  @media (min-width: 62em) {
    .footer__menu-main > .menu--main {
      -webkit-column-count: 3;
         -moz-column-count: 3;
              column-count: 3; } }
  .footer__menu-main > .menu--main a {
    display: block;
    padding: 5px 0; }
    .footer__menu-main > .menu--main a:hover {
      text-decoration: underline; }
  .footer__menu-main > .menu--main > li {
    -webkit-column-break-inside: avoid;
       page-break-inside: avoid;
            break-inside: avoid;
    padding-bottom: 15px; }
    @media (min-width: 48em) {
      .footer__menu-main > .menu--main > li {
        padding-bottom: 20px; } }
    @media (min-width: 62em) {
      .footer__menu-main > .menu--main > li {
        padding-bottom: 30px; } }
    .footer__menu-main > .menu--main > li.menu__item--home, .footer__menu-main > .menu--main > li.menu__item--search {
      display: none;
      visibility: hidden; }
    .footer__menu-main > .menu--main > li > a {
      font-weight: bold; }
    .footer__menu-main > .menu--main > li > ul {
      list-style: none;
      margin: 0;
      margin-left: 0;
      padding-left: 0;
      margin: 0;
      -webkit-column-break-inside: avoid;
         page-break-inside: avoid;
              break-inside: avoid; }

@media (min-width: 48em) {
  .footer__navigation--secondary {
    padding-left: 60px;
    width: 33%; } }

@media (min-width: 62em) {
  .footer__navigation--secondary {
    padding-left: 60px;
    width: 25%; } }

.footer__navigation--secondary .title--tiny {
  color: #004b87;
  font-family: "open-sans", sans-serif;
  margin-bottom: .5rem; }

.footer__navigation--secondary ul.social-media-links--platforms.horizontal {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media (min-width: 37.5em) {
    .footer__navigation--secondary ul.social-media-links--platforms.horizontal {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start; } }
  .footer__navigation--secondary ul.social-media-links--platforms.horizontal a {
    color: #004b87; }
    .footer__navigation--secondary ul.social-media-links--platforms.horizontal a:hover {
      color: #1484be; }

.footer__navigation--utility {
  border-top: 1px solid #d7d7d7;
  padding-bottom: 15px;
  padding-top: 15px; }
  @media (min-width: 48em) {
    .footer__navigation--utility {
      padding-bottom: 20px; } }
  @media (min-width: 62em) {
    .footer__navigation--utility {
      padding-bottom: 30px; } }
  @media (min-width: 48em) {
    .footer__navigation--utility {
      padding-top: 20px; } }
  @media (min-width: 62em) {
    .footer__navigation--utility {
      padding-top: 30px; } }
  @media (min-width: 62em) {
    .footer__navigation--utility {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; } }

.footer__menu-utility > .menu--footer {
  font-size: 0.66667rem;
  list-style: none;
  margin: 0;
  margin-left: 0;
  padding-left: 0;
  padding-bottom: 15px;
  margin: 0; }
  @media (min-width: 48em) {
    .footer__menu-utility > .menu--footer {
      font-size: 0.66667rem; } }
  @media (min-width: 62em) {
    .footer__menu-utility > .menu--footer {
      font-size: 0.77778rem; } }
  @media (min-width: 48em) {
    .footer__menu-utility > .menu--footer {
      padding-bottom: 20px; } }
  @media (min-width: 62em) {
    .footer__menu-utility > .menu--footer {
      padding-bottom: 30px; } }
  .footer__menu-utility > .menu--footer > li {
    margin: 0; }
    .footer__menu-utility > .menu--footer > li > a {
      display: block;
      padding: 5px 0;
      text-decoration: none; }
      .footer__menu-utility > .menu--footer > li > a:hover {
        text-decoration: underline; }

.copyright {
  font-size: 0.61111rem; }
  @media (min-width: 48em) {
    .copyright {
      font-size: 0.61111rem; } }
  @media (min-width: 62em) {
    .copyright {
      font-size: 0.66667rem; } }
  @media (min-width: 62em) {
    .copyright {
      margin: 0; } }
