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

/* 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 -100px;}

/* Set the fixed height of the footer here */
#push, #footer {height: 100px;}
#footer {background-color: #EEE; z-index: 10;}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #wrap{margin: 0 auto;}
  #push, #footer {height: auto;}
  #xsSpace{height: 130px;}
}

/* Fixed footer -------------------------------------------------- */
#footer.navbar-fixed-bottom{z-index: 10;}

/*General styles*/
#footer a {color: #000;}
#footer h6{font-size: 11px;}
#footer a:hover{color: #666; text-decoration: none;}
#footer a:hover h6{color: #666; text-decoration: none;}
#footer a.pull-left{margin-right: 20px; margin-top: 6px;}
#footer h4{font-size: 12px; margin-top: 15px;}
#footer a.pull-right{margin-left: 20px; margin-top: 12px;}
#footer .borderTop{border-top: 1px solid #000;}
#footer .row.visible-xs a{margin: 2px 12px 2px 12px; font-size: 18px;}

@media screen and (max-width: 480px) {
  #footer h4{font-size: 12px;}
}

body.ch #footer .borderTop h6{font-size: 13px;}

/*Navigation buttons*/
#footer .footerNav > .navbar ul.nav li{font-size: 13px; padding-left: 0; /*padding-right: 23px;*/}
body.ch #footer .footerNav > .navbar ul.nav li{font-size: 14px; font-weight: bold; /*padding-right: 54px;*/}
#footer .footerNav .navbar-default {background-color: transparent; border-color: transparent; margin: 0;}
#footer .footerNav .navbar-default .navbar-collapse{padding: 0;}
#footer .footerNav .navbar-default ul.navbar-nav{width: 100%;}
#footer .footerNav .navbar-default ul.navbar-nav li{text-align: center;}
#footer .footerNav .navbar-default ul.navbar-nav > li > a{ padding-left:0; padding-right: 0;}
#footer .footerNav .navbar-default ul.navbar-nav li a i{padding-left: 6px;}
#footer .footerNav .navbar-default ul.navbar-nav li a i.icon-caret-up{display: inline-block; *display:inline; zoom: 1;}
#footer .footerNav .navbar-default ul.navbar-nav li a i.icon-caret-down{display: none;}

/*Dropdown*/
#footer .footerNav .dropdown-menu {
  padding: 10px;
  background-color: #EEE;
  border: none;
  border-radius: 0;
  box-shadow: none;
}
#footer .footerNav > .navbar ul.dropdown-menu > li{padding-right: 0;}
#footer .footerNav ul.dropdown-menu > li{border-bottom: 1px solid #DDD;}
#footer .footerNav ul.dropdown-menu > li > a{text-align: left; padding: 10px 15px 5px 15px;}
#footer .navbar-default .navbar-nav > .open > a,
#footer .navbar-default .navbar-nav > .open > a:hover,
#footer .navbar-default .navbar-nav > .open > a:focus {
  color: #EA3638;
  background-color: #EEE;
}
#footer .dropdown-menu > li > a:hover,
#footer .dropdown-menu > li > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #333;
}

/*Toggle button*/
#footer .navbar-header{}

#footer button.navbar-toggle {
  position: relative;
  text-align: center;
  padding: 9px 10px;
  margin: 8px auto;
  background-color: transparent;
  border: none;
  border-radius: 0;
  width: 100%;
}
#footer button.navbar-toggle i{display: inline-block; *display:inline; zoom: 1; padding-right: 10px;}
#footer button.navbar-toggle h5{display: inline-block; *display:inline; zoom: 1; font-size: 14px;}

@media screen and (max-width: 767px) {
  #footer .footerNav .navbar-collapse{height: auto; max-height: 1000px; overflow: hidden; border: 0;}
  #footer .footerNav .navbar-default ul.navbar-nav{margin: 0;}
  #footer .footerNav > .navbar ul.nav li.col-md-2{padding: 0; border-top: 1px solid #DDD;}
  #footer .footerNav ul.dropdown-menu{background-color: #EEE; margin-bottom: 10px;}
  #footer .footerNav ul.dropdown-menu > li{border-bottom: 1px solid transparent; background-color: #E6E6E6; margin-top: 10px;}
  #footer .footerNav ul.dropdown-menu > li:first-child{margin-top: 0;}
  #footer .footerNav ul.dropdown-menu > li > a{text-align: center; padding: 10px 0 5px 0;}
  #footer .footerNav .navbar-default ul.navbar-nav li a i.icon-caret-down{display: inline-block; *display:inline; zoom: 1;}
  #footer .footerNav .navbar-default ul.navbar-nav li a i.icon-caret-up{display: none;}
}

@media screen and (max-width: 480px) {
  #footer .footerNav > .navbar ul.nav li{padding-right: 0;}
  #footer .footerNav > .navbar ul.nav li.col-md-2:first-child{padding: 0; border-top: 1px solid transparent;}
  body.ch #footer .footerNav > .navbar ul.nav li{padding-right: 0;}
}

@media (min-width: 768px) and (max-width: 977px){
  /*#footer .footerNav > .navbar ul.nav li{padding-right: 19px;}*/
  /*body.ch #footer .footerNav > .navbar ul.nav li{padding-right: 54px;}*/
  body.ch #footer .footerNav > .navbar ul.nav li ul.dropdown-menu li{padding-right: 0;}
}
@media (min-width: 768px) {
  #footer .navbar-nav {
    display: flex;
    float: none;
    justify-content: space-between;
  }
}