/* Main style file. Override general styles here. Specific module or page type
styles, often have their on css files, which are called only if necessary. */

html, body {

}
body {
}

/* Navbar Updates */
.navbar-brand {
  padding: 0;
}
.banner-container {
    background: #3A5484 url('/images/MICS-banner-xs.jpg') top center no-repeat;
    height: 135px;
}
.p-home .banner-container, .p-accueil .banner-container {
    background: #3A5484 url('/images/MICS-full-banner-xs.jpg') top center no-repeat;
    height: 257px;
}
.navbar-header {
    float: left;
    margin-top: 0px;
}
.navbar-brand img {
    width: 100%;
}
.navbar-default {
    background-color: #184165;
    border-color: #e7e7e7;
}
.navbar-default .navbar-nav>li>a, .navbar-default a.navbar-brand {
    color: #fff;
}
.navbar-brand {
  float: none;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
  color: #fff;
  background-color: #596798;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: black;
    background-color: #3cadee;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: black;
    background-color: #3cadee;
}

/* Donate Button*/
.btn {
  white-space: normal;
}
.btn-donate {
  background-color: #ECA92B;
  color: #484848;
  text-transform: uppercase;
}
a.btn-donate {
  color:black !important;
}
.navbar-nav > li > a.btn-donate {
  margin-top:10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
a.btn-donate:focus, a.btn-donate:hover {
  color: #000;
  background-color: yellow !important;
}
.btn, a i {
  transition: all 0.3s ease 0s;
}

/**** Side Nav Menu Customization****/
.side-menu h3{
    color: white;
}
.side-nav {
  background: #184165;
}
.side-nav > h3:first-child  {
  margin-top: 0;
}
.side-nav .nav .nav {
  margin: 5px 0 10px 12px;
}
.side-nav .nav li a {
  padding: 2px;
  color: white;
}
.side-nav .nav li.active > a {
  color: #55b5ec !important;
  font-weight: 700;
}
.side-nav .nav .nav .nav {
  font-size: 12px !important;
}
.side-nav .nav li a:hover, .side-nav .nav li a:hover {
  color: white !important;
  background: none !important;
  text-decoration: underline;
}
.section-bk {
    width: 100%;
    background-color: rgba(255,255,255,.6);
    padding: 0px 0;
    margin: 0;
}
.book-tour {
    text-align: center;
    margin: 30px auto 0 auto;
    padding: 20px 8px;
    border-radius: 4px;
    color: white;
    display: block;
    background-color: #051D49;
}
.btn-mics {
    color: #fff;
    background-color: #051D49;
}
.button-background {
  background: url(/images/button-background.jpg);
  color: white;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.button-background:hover { transform: scale(1.1); }
.book-tour p {
  margin-bottom: 0;
  font-size: 17px;
}

/* Articles */
.article-img {
  padding-top: 30px;
}
.articles-issue {
  padding: 15px 0;
}
.articles-full {
  padding: 15px;
}
.articles-issue h2 {
  margin-top: 0;
}
.article-image {
  margin-top: 50px;
}
.bg-alt {
  background-color: #f6f6f6;
}

/* Partners and Sponsors */
#sponsor-container {
  display: table;
  margin: 0 auto;
}
#sponsor-row {
  display: table-row !important;
}
.sponsor-cell {
  display: table-cell;
  vertical-align:middle;
  padding: 10px;
  max-width: 200px;
}

/* footer */
.ft {
    padding: 15px;
    background-color: #184165;
    color: #ddd;
  margin-top: 90px;
}
.ft a {
  color: #bbb;
}
.ft a:hover, .ft a:focus {
  color: #fff;
}
.tripadvisor-logo {
  width: 50px;
  height: 42px;
  vertical-align: bottom;
}
.footer-icons {
  overflow: auto;
  clear:both;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.footer-icons a {
  margin: 10px;
}
.copyright-info {
  clear:both;
}
/**** Responsive Hooks ****/

/* Keep in mind mobile-first styles get applied 
generally and override for larger devices. */

/* Mobile */
@media (max-width: 767px) {  
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #fff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
      color: #ddd;
      background-color: transparent;
  }

}

/* Tablet*/
@media (min-width: 768px) {  
  
  .navbar-header {
    margin-top: -20px;
  }
   ul.nav.navbar-nav.translate-link {
      float: right;
  }
  ul.nav.navbar-nav.translate-link {
      position: absolute;
      top: -150px;
      right: 50px;
  }
  .banner-container {
    background: #b7bcc1 url('/images/MICS-banner-md.jpg') top center no-repeat;
    height: 162px;
  }
  .p-home .banner-container, .p-accueil .banner-container {
    background: #3A5484 url('/images/MICS-full-banner-md.jpg') top center no-repeat;
    height: 309px;
  }

  .p-home ul.nav.navbar-nav.translate-link, .p-accueil ul.nav.navbar-nav.translate-link {
      position: absolute;
      top: -290px;
  }
  .donate-link {
    float: right;
  }
  .home-button .btn {
      position: absolute;
      bottom: 0;
  }
  .home-column {
    position: relative;
    height:415px;
  }
}
/* Desktop*/
@media (min-width: 992px) {
  .banner-container {
    background: #b7bcc1 url('/images/MICS-banner.jpg') top center no-repeat;
    height: 250px;
  }
  .p-home .banner-container, .p-accueil .banner-container {
    background: #3A5484 url('/images/MICS-full-banner.jpg') top center no-repeat;
    height: 450px;
  }
  .navbar-header {
      float: left;
      margin-top: 40px;
  }
  .p-home .navbar-header, .p-accueil .navbar-header {
    float: left;
    margin-top: -20px;
  }
  ul.nav.navbar-nav.translate-link {
      position: absolute;
      top: -240px;
      right: 50px;
  }
  .p-home ul.nav.navbar-nav.translate-link, .p-accueil ul.nav.navbar-nav.translate-link {
      top: -410px;
  }
  .footer-icons {
    justify-content: start;
  }
}
/* Large Desktop*/
@media (min-width: 1200px) {
 
}