/* ========== FONTS ========== */
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400,700);

body {
  font-family: 'Open Sans', sans-serif;
}

/* ========== RULES ========== */
html, body {
  height:100%;
  margin:0;
  padding:0;
}
#wrapper {
  min-height: 100%;
  margin-bottom: -50px;
  position: relative;
}
#wrap {
  padding-top: 50px;
  padding-bottom: 50px;
}
.clearfooter {
  height: 50px;
  clear: both;
}
#footer {
  height: 50px;
  position: relative;
  text-align: center;
  line-height: 20px;
  padding: 15px;
  background-color: #f4f4f4;
}

body {
  background-color: #f4f4f4;
}
body.home {
  footer#footer {
    background-color: transparent;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
    a {
      color: #fff;
    }
  }
}

#flash_shower {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}

.table {
  margin-top: 20px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.alert {
  margin: 20px 0 0;
}

#c_albums {
  .c_album {
    padding: 0 10px 20px;
  }
}

.album-content {
  width: 100%;
  background-color: #fff;
  border: 1px solid #ddd;
  > a {
    color: inherit;
  }
  &:hover {
    box-shadow: 0 0 0 5px #ddd;
    a {
      text-decoration: none;
    }
  }
  > .img-container {
    display: block;
    width: 100%;
    img {
      width: 100%;
    }
  }
  h4, p {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.admin-format .photo_link {
  display: block;
  margin-right: 20px;
  height: 190px;
  img {
    height: 100%;
  }
}
.aPhoto_actions {
  padding: 10px 0 20px;
}

.photo_to_edit {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  img {
    height: 190px;
  }
}

#cancel-multi-select, #submit-multi-select, .check-multi-select {
  display: none;
}

.check-multi-select {
  padding-bottom: 22px;
}

/* ========== HEADER ========== */

.navbar {
  form {
    width: 100%;
  }
  .navbar-brand {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
  }
}


/* ========== RESPONSIVE ========== */

@media (max-width: 767px) {
  #wrapper {
    margin-bottom: -90px;
  }
  .clearfooter {
    height: 90px;
  }
  footer#footer {
    height: 90px;
    span {
      display: block;
    }
  }
  .c_album {
    width: 100%;
  }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #header-login-form {
    width: 200px;
    padding: 15px;
  }
  .c_album {
    width: 50%;
  }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .c_album {
    width: 33%;
  }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .c_album {
    width: 25%;
  }
}

@media (orientation: landscape) {
  body.home {
    background: url(/Public/images/upload/Home_cover/cover.jpg) no-repeat center;
    background-size: cover;
  }
}

@media (orientation: portrait) {
  body.home {
    background: url(/Public/images/upload/Home_cover/cover-mobile.jpg) no-repeat center;
    background-size: cover;
  }
}

/* =========== PLUGINS ========== */
.mfp-bg {
  background: #000;
  opacity: 1;
  filter: alpha(opacity=100);
}