/* Sticky footer styles
      -------------------------------------------------- */
* {
  margin: 0;
}
      html,
      body {
        height: 100%;
        /* The html and body elements cannot have any padding or margin. */
      }
      footer {
        display:block;
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -20.5em;
      }

      /* Set the fixed height of the footer here */
      #push {
        height: 20.5em;
      }
      
      #footer {
        min-height: 20.5em;
        white-space: nowrap;
      }
      #footer {
        #background-color: #f5f5f5;

      }
      
      .footer-navigation-title {
        color: #fff;
        letter-spacing: 0.1rem;
        margin-bottom: 6px;
        text-transform: uppercase;
        white-space: nowrap;
      }
      
      
      .footer-navigation-section {
        max-width: 25em;
        min-width: 14em;
        float: left;
      }
      
      .footer-navigation-link {
        color: #B0B8C1;
      }
      
      .footer-navigation-link:hover {
        color: #DD4B39;
        text-decoration: none;
        padding-bottom: 3px;
      }
      
      .footer-center {
        text-align:center;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }
      
      @media (max-width: 868px) {
        .wrap-sections {
          text-align: left;
          margin-left: 2em;
          width: 400px;
          padding-left: 2em;
        }
        .footer-center  {
          text-align:left;
         }
      }



      /* Custom page CSS
      -------------------------------------------------- */
      /* Not required for template or sticky footer method. */

      #wrap > .container {
        padding-top: 1em;
      }
      .container .credit {
        margin: 20px 0;
      }
     .footer ul {
        color: #B0B8C1;
        float: right;
        margin: 0;
        max-width: 80%;
        font-size: small;
      }
      .footer ul li {
        display: inline;
        padding: 0 1.5em 0 0;
      }
      .footer .logo {
        float: left;

      }
      
      code {
        font-size: 80%;
      }

      .btn-mailing-list:hover,
      .btn-mailing-list:focus,
      .btn-mailing-list:active,
      .btn-mailing-list.active,
      .btn-mailing-list.disabled,
      .btn-mailing-list[disabled] {
        color: #ffffff;
        background-color: #DD4B39;
        background-image:none;
       *background-color: #003bb3;
      }
 
.btn-mailing-list {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999999;
  *background-color: #999999;
  background-image: -moz-linear-gradient(top, #cccccc, #999999);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cccccc), to(#999999));
  background-image: -webkit-linear-gradient(top, #cccccc, #999999);
  background-image: -o-linear-gradient(top, #cccccc, #999999);
  background-image: linear-gradient(to bottom, #cccccc, #999999);
  background-image: img/google.png;
  background-repeat: repeat-x;
  border-color: #d14836 #d14836 #d14836;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-share {
  text-shadow: none;
  background-color: #999999;
  *background-color: #999999;
  background-image: none;

}
.btn-share:hover {
  background-color: #d14836;
}

hr.footer-divider {
  margin: 20px 0;
  border: 0;
  border-top: 0px;
  border-bottom: 1px solid #42505B;
}

.muted {
  color:#B0B8C1;
}

a.content-share {
  color: #FFF;
}

a.share  {
  display: inline-block;
  padding-left: 30px;
  padding-bottom: 3px;
  background-position: left center;
  background-repeat: no-repeat;
  text-decoration: none;
}

ul.share  {
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
}

a.footer-youtube {
  background-image: url(/img/youtube-24.png);
}

a.footer-youtube:hover {
  background-image: url(/img/youtube-24-hover.png);
}

a.footer-facebook {
  background-image: url(/img/facebook-6-24.png);
}

a.footer-facebook:hover {
  background-image: url(/img/facebook-6-24-hover.png);
}

a.footer-twitter {
  background-image: url(/img/twitter-24.png);
}

a.footer-twitter:hover {
background-image: url(/img/twitter-24-hover.png);
}
a.twitter {
  background-image: url(/img/twitter.png);
}

a.facebook {
  background-image: url(/img/facebook.png);
}

a.google {
  background-image: url(/img/google.png);
}

a.email{
  background-image: url(/img/email.png);
}