/* Footer. */

#footer { font-family: 'Source Sans'; font-weight: 300; font-size: 110%;
          color: #b2b2b2; background-color: #3c3c3c; margin-top: 0;
          padding: 0.25em 1em 1.5em 1em; line-height: 160%;
          max-width: 100% !important;
          width: 100% !important;
          background-color: #3c3c3c !important;
      }
@media (max-width: 767px) {
    #footer {
        width: initial !important;
    }
}

#footer-wrapper {
    max-width: var(--Desktop-Container-Width);
    margin: 0 auto;
    padding: 0.25em 1em 1.5em 1em !important;
  }

/* General styles. */

#footer p { margin: 0; }
#footer .footertitle { font-size: 120%; color: #f0f0f0; margin: 1em 0 0.25em 0; }
#footer a { color: #b2b2b2; }
#footer a:hover { color: white; }
#footer #legal-stuff a { color: #e0e0e0; }


/* Minor positioning tweaks. */

#footer #footer-sig, #footer #legal-stuff { margin: 1em 0; }
#footer #footer-sig .footertitle { margin-bottom: 0.1em; }


/* Inline social media icons. */

#footer #social a
   { display: inline-block; vertical-align: middle; margin-right: 4px;
     color: #b2b2b2; opacity: 0.40; filter: alpha(opacity=40);
     font-size: 30px; line-height: 1; text-decoration: none; }
#footer #social a:hover
   { color: white; opacity: 1.0; filter: alpha(opacity=100); }
#footer #social .fa-brands { vertical-align: -0.125em; width: 1.1em; }


/* Background image icons. */

#footer .personicon
{ padding-left: 24px; background-position: center left; background-repeat: no-repeat;
  background-image: url(/assets/chan/icons/person-white40.png); background-size: 20px 20px; }

#footer .mapicon
{ padding-left: 24px; background-position: center left; background-repeat: no-repeat;
  background-image: url(/assets/chan/icons/map-pin-white40.png); background-size: 20px 20px; }

#footer .phoneicon
{ padding-left: 24px; background-position: 0% 7%; background-repeat: no-repeat;
  background-image: url(/assets/chan/icons/phone-white40.png); background-size: 20px 20px; }

#footer .informationicon
{ padding-left: 24px; background-position: center left; background-repeat: no-repeat;
  background-image: url(/assets/chan/icons/information-white40.png); background-size: 20px 20px; }

#footer .rssicon
{ padding-left: 24px; background-position: center left; background-repeat: no-repeat;
  background-image: url(/assets/chan/icons/rss-white40.png); background-size: 18px 18px; }


/* Reformatting as flex-box for larger screens. */

@media (min-width: 768px)
   { #footer {
    /* font-size: .74vw;  */
    padding: 0.25em 0 1.5em 0; }
     #footer-cells { display: flex; flex-direction: row; }
     #footer-cells #contact { flex-basis: 30%; padding-left: 2em; }
     #footer-cells #information { flex-basis: 24%; }
     #footer-cells #feeds { flex-basis: 21%; }
     #footer-cells #social { flex-basis: 25%; }
     #footer #social a { font-size: 1.5vw; margin-right: 0.15vw; }
     #footer #footer-sig, #footer #legal-stuff { padding-left: 2em; }

     #footer .personicon { padding-left: 2vw; background-size: 1vw 1vw; }
     #footer .mapicon { padding-left: 2vw; background-size: 1vw 1vw; }
     #footer .phoneicon { padding-left: 2vw; background-size: 1vw 1vw; }
     #footer .informationicon { padding-left: 2vw; background-size: 1vw 1vw; }
     #footer .rssicon { padding-left: 2vw; background-size: 1vw 1vw; }
     }