.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* Breakpoints: */
/* Colors. */
/* Cross-browser display: inline-block. */
.dib { display: inline-block; zoom: 1; *display: inline; }

/* Fonts */
.sr { font-family: "ss", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: normal; }

.ssb, .footer-center h2, .footer-center h2 a, .footer-topics h2, .footer-topics h3 a { font-family: "ss_semibold", Arial, "Helvetica Neue", Helvetica, sans-serif; font-style: normal; font-weight: bold; }

.list-no-margin-left { margin-left: 0; }

.text--center { text-align: center; }

.bg--white { background-color: #fff; }
.bg--loblolly { background-color: #c2cad3; }

@media screen and (min-width: 1024px) { .hidden-on-desktop { display: none !important; } }

.footer-logo-left { display: none; float: left; }
@media screen and (max-width: 1025px) { .footer-logo-left { display: block; }
  .footer-logo-left img { width: 200px; height: auto !important; } }
.footer-logo-left a { margin: 0; }

.region-footer-copyrights.clearfix:after { content: ""; }

.footer-center { background: #e3e1d7; padding: 22px 0 15px 0; }
.footer-center h2, .footer-center h2 a { color: #4D4F53; font-size: 16px; margin-bottom: 14px; }
.footer-center .content li { margin-bottom: 10px; }
.footer-center .content li a { font-size: 14px; }
.footer-center .content li a, .footer-center .content li span { line-height: 1.3; }

.footer-topics { background: #ecebe4; padding: 23px 0 25px; }
.footer-topics h2, .footer-topics h3 a { color: #4D4F53; }
.footer-topics h2 { font-size: 16px; margin-bottom: 11px; }
.footer-topics #block-views-fsi-topics-block-2 > h2 { font-size: 14px; margin-bottom: 2px; }
.footer-topics h3 { line-height: 1; }
.footer-topics h3 a { font-size: 14px; }
.footer-topics .footer-nav .span3 { margin-bottom: 5px; }
.footer-topics .footer-nav li a { color: #4d4f53; font-size: 14px; line-height: 1.2em; list-style: none; }
.footer-topics .footer-regions li a { color: #4d4f53; font-size: 14px; }

@media screen and (max-width: 1025px) { .footer-center, .footer-topics { display: none; } }

.footer-copyrights { background: #8e130f; padding: 8px 0; }
.footer-copyrights p { color: #fff; font-size: 14px; margin-bottom: 0; }
.footer-copyrights p a { color: #fff; font-size: 14px; margin-right: 30px; }
@media screen and (max-width: 480px) { .footer-copyrights p a { font-size: 13px; margin-right: 0; } }

@media screen and (max-width: 480px) { .footer-logo-left, .footer-copyright-left { width: 50% !important; margin: 0 !important; }
  .footer-logo-left img, .footer-copyright-left img { width: 200px !important; margin-bottom: 15px; } }

@media screen and (max-width: 320px) { .footer-logo-left { width: 60% !important; } }

.footer-copyright-left { float: left; }
@media screen and (max-width: 1025px) { .footer-copyright-left { float: none; margin-left: 210px; } }
@media screen and (max-width: 979px) { .footer-copyright-left { float: left; margin-left: 3% !important; margin-top: 3% !important; } }
@media screen and (max-width: 760px) { .footer-copyright-left { margin-top: 4% !important; } }
@media screen and (max-width: 568px) { .footer-copyright-left { margin-top: 5% !important; } }
@media screen and (max-width: 480px) { .footer-copyright-left { margin-left: 0; margin-top: 0 !important; width: 30% !important; text-align: center; } }
@media screen and (max-width: 480px) { .footer-copyright-left a { display: block; line-height: 1; margin-right: 0; } }

@media screen and (max-width: 1025px) { .footer-copyright-left, .footer-copyright-description { margin: 0 5% 0 30%; } }
@media screen and (max-width: 979px) { .footer-copyright-left, .footer-copyright-description { margin: 0; } }

.footer-copyright-right { float: right; }
@media screen and (max-width: 568px) { .footer-copyright-right { position: absolute; top: 0; right: 0; } }

@media screen and (min-width: 1025px) { .footer-copyright-description { clear: both; } }
@media screen and (max-width: 979px) { .footer-copyright-description { clear: both; margin: 0; } }
@media screen and (max-width: 480px) { .footer-copyright-description { margin-top: 10px !important; } }

.panel-two-column > .row-fluid > .span12 .social-media { margin-top: 0; margin-bottom: 25px; }
@media screen and (max-width: 760px) { .panel-two-column > .row-fluid > .span12 .social-media { margin-bottom: 15px; } }

.footer-social-media .views-row { float: left; }
.footer-social-media .views-row a { color: #4d4f51; display: block; width: 55px; line-height: 36px; }
