/*
* Copyright 2021 Adam Lawson
* https://www.edapb.org
* css/footer.css
*/

footer {
    background-color: #ffffff;
    font-family: 'san_francisco_textlight', sans-serif;
    padding: 0 22px;
    padding-bottom: 21px;
    overflow: hidden;
  }

footer hr {
  color: #555;
  max-width: 980px;
}

  .footer__wrapper {
    width: 970px;
    list-style: none;
  }
  .footer__wrapper li {
    font-family: 'san_francisco_textlight', sans-serif;
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 300;
    letter-spacing: -.01em;
    color: #555;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  @media screen and (max-width: 600px) {
    .footer__wrapper {
      width: 100%;
    }
  }

  .footer-content {
    max-width: 980px;
    margin: 0 auto;
  }

  .footer-menu {
    padding-top: 21px;
    overflow: hidden;
  }

  .footer-col {
    font-family: 'san_francisco_textlight', sans-serif;
    width: 20%;
    float: left;
  }

  input[type="checkbox"] {
      display: none;
  }

  footer h3 {
      color: #000000;
      font-size: 12px;
      position: relative;
      z-index: 1;
      background: #ffffff;
      margin-bottom: 6px;
      margin-top: 0;
  }

  @media screen and (max-width: 768px) {
    footer h3 {
      font-size: 12px;
    }
  }

  .product-list {
      padding: 0;
      list-style: none;
      margin: 0;
  }

  .product-list li {
    margin-bottom: 5px;
    line-height: 1;
    padding: .2em 0;
  }

  .product-list a {
    color: #555;
    display: inline-block;
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 300;
    letter-spacing: -.01em;
    text-decoration: none;
  }

  .product-list a:hover {
    text-decoration: underline;
  }

  input[type="checkbox"]:checked+.col-section .product-list {
      transition: transform 300ms ease, -webkit-transform 300ms ease;
      visibility: visible;
      position: static;
      transform: none;
  }

  input[type="checkbox"]:checked+.col-section h3::after {
      transform: rotate(45deg) scale(1.08);
  }

  .footer-base {
    padding-top: 34px;
    padding-bottom: 34px;
    color: #555;
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 300;
    letter-spacing: -.01em;
  }

  .footer-more-ways {
    margin-bottom: 7px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d6d6d6;
  }

  .footer-more-ways a {
      color: #0071E3;
      text-decoration: none;
  }

  .footer-more-ways a:hover {
      text-decoration: underline;
  }

  .nowrap {
      white-space: nowrap;
  }

  @media only screen and (max-width: 767px) {

    footer {
      padding: 0 16px;
      padding-bottom: 21px;
    }

    .footer-col {
      width: 100%;
    }

    .item {
      border-bottom: 1px solid #d6d6d6;
    }

    footer h3 {
      padding: 10px 0;
      margin: 0;
      cursor: pointer;
    }

    footer h3::after {
      content: '+';
      float: right;
      font-size: 14px;
      font-weight: bold;
      margin-top: -2px;
      margin-right: 8px;
      transition: transform .3s ease
    }

    .product-list {
      visibility: hidden;
      position: absolute;
      transform: translateY(-100px);
      z-index: 1;
      padding: 5px 0 16px 0;
    }

    .product-list li {
      margin: 0;
    }

    .product-list a {
      display: block;
      padding: 6px 14px;
      font-size: 12px;
    }

    .footer-col {
      overflow: hidden;
    }

    .footer-base {
      font-size: 14px;
    }
  }

  @media only screen and (min-width: 767px) {
    .item-padding-top {
      padding-top: 24px;
    }
  }

  .footer-legal-copyright {
      margin-right: 30px;
      float: left;
      margin-top: 3px;
      padding-bottom: 10px;
  }

  .footer-legal-links {
    float: right;
    padding-bottom: 10px;
  }

  .footer-legal-links a {
    border-right: 1px solid #d6d6d6;
    margin-right: 10px;
    padding-right: 12px;
    display: inline-block;
    margin-top: 3px;
    white-space: nowrap;
    color: #555;
    text-decoration: none;
  }

  .footer-legal-links a:last-child {
    border-right: none;
  }

  .footer-legal-links a:hover {
    color: #555;
    text-decoration: underline;
  }

  .social_span_1_of_3 {
  	width: 32%;
    padding-left: 4px;
    padding-right: 4px;
  }
  .social_span_1_of_3 img {
    width: 100%;
    height: 200px;
    border-radius: 24px;
  }

  .dailyVerses.bibleVerse {
    color: #555;
    display: inline-block;
    font-size: 12px;
    line-height: 1.33337;
    font-weight: 300;
    letter-spacing: -.01em;
    margin-top: .5em;
  }

  .dailyVerses.bibleVerse a {
    font-weight: bold;
  }