/**
 * Note: This file was not created from a SASS file
 * DO NOT REMOVE IT
 */

body > iframe[src^="http://app.wordfly.com/"] {
  position: fixed !important;
}

.footer {
	line-height: calc(26 / 15);
  background: #262537;
  color: #abaabf;
  font-size: 14px;
}

.footer a,
.footer-bottom__side a {
  color: #ffffff;
  font-weight: 600;
}

.footer__title-container {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #373646;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.footer__title {
  color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: "PT Serif W01", serif;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 37px;
  margin: 0;
}

.footer__title-link {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.footer__subtitle {
  font-size: 1em;
  font-weight: 600;
  margin-top: 0;
}

.footer__column {
  box-sizing: border-box;
  float: left;
}

.footer__subcolumns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__subcolumn {
  box-sizing: border-box;
  padding-right: 2em;
  width: 50%;
}

.footer__hidden {
  display: none;
}

.footer__menu {
  list-style: none;
  padding-left: 0;
}

.footer__social ul {
  list-style: none;
  padding-left: 0;
}

.footer__social li {
  display: inline-block;
}

.footer__social li:not(:first-child) {
  margin-left: 15px;
}

.footer__social a,
.footer__newsletter-link::before {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 20px;
  overflow: hidden;
  text-indent: 1000px;
  width: 20px;
}

.footer__social .menu-twitter {
  background-image: url("/sites/all/themes/folger/images/twitter-white.svg");
}

.footer__social .menu-facebook {
  background-image: url("/sites/all/themes/folger/images/facebook-white.svg");
}

.footer__social .menu-flickr {
  background-image: url("/sites/all/themes/folger/images/flickr-white.svg");
}

.footer__social .menu-pinterest {
  background-image: url("/sites/all/themes/folger/images/pinterest-white.svg");
}

.footer__social .menu-youtube {
  background-image: url("/sites/all/themes/folger/images/youtube-white.svg");
}

.footer__social .menu-instagram {
  background-image: url("/sites/all/themes/folger/images/instagram-white.svg");
}

.footer__newsletter-link::before {
  background-image: url("/sites/all/themes/folger/images/newsletter-white.svg");
  content: "";
  margin-right: 1em;
}

.footer-bottom {
  background: #171621;
  color: #a4a4aa;
  font-size: 0.75rem; /* 12px */
  padding: 1.25rem; /* 20px */
}

.footer-bottom__wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-bottom__copyright {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 2em;
}

.footer-bottom__copyright p {
  margin: 0;
}

.footer-bottom__side {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: calc(14 / 16 * 1rem); /* 14px */
}

/* custom media query (between large-down & medium-down) */
@media screen and (min-width: 901px) {
  .footer__column--quarter {
    width: calc(266 / 1200 * 100%); /* 266px */
  }

  .footer__column:not(:first-child) {
    margin-left: calc(45 / 1200 * 100%); /* 45px */
  }

  .footer__column--half {
    width: calc(577 / 1200 * 100%); /* 578px */
  }
}

/* custom media query (somewhere between large-down, and medium-up) */
@media screen and (min-width: 481px) and (max-width: 900px) {
  .footer__column--quarter {
    width: 50%;
  }

  .footer__column--quarter:first-child {
    padding-right: 2em;
  }

  .footer__column--half {
    margin-top: 5%;
    width: 100%;
  }
}

/* large-up */
@media screen and (min-width: 769px) {
  .footer__wrap {
    padding-bottom: 3.75rem; /* 60px */
    padding-top: 3.75rem; /* 60px */
  }
}

/* medium-down */
@media screen and (max-width: 768px) {
  .footer__wrap {
    padding-bottom: 2rem; /* 32px */
    padding-top: 2rem; /* 32px */
  }
}


/* small-down */
@media screen and (max-width: 480px) {
  .footer__column {
    float: none;
  }

  .footer__column,
  .footer__subcolumn {
    margin-bottom: 2em;
    width: auto;
  }

  .footer__subcolumns {
    display: block;
  }

  .footer-bottom__wrap {
    display: block;
  }

  .footer-bottom__side {
    margin-top: 1em;
  }
}