/*
 Theme Name:   QGCon 2015
 Author:       Kat Hagan
 Author URI:   http://codebykat.com
 Template:     farben-basic
 Version:      0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  qgcon-theme
*/

/* \/\/\/\/\/\/\/\/\/\/\/\/
 * Logo styles
 \/\/\/\/\/\/\/\/\/\/\/\/*/
header {
  margin-bottom: 2px;
}

.header-img {
  width: 90%;
  margin: 0 auto;
  height: auto;
  margin-bottom: 20px;
}

.header-img-small {
  width: auto;
  max-width: 100%;
  margin: 1em 1.5em;
}

/* \/\/\/\/\/\/\/\/\/\/\/\/
 * Home page styles
 \/\/\/\/\/\/\/\/\/\/\/\/*/
.sticky-container {
  margin-bottom: 0;
}

.sticky-container .item {
  border: 2px solid white;
}

.sticky-container .item a {
  display: block;
  color: #2d2d2d;
  text-shadow: 0 1px 0 rgba(200, 200, 200, 0.7);
}
.sticky-container .item a:hover { background: #888; text-decoration: underline; }
.sticky-container .item a:hover .background-image { opacity: 0.8; }

.sticky-container .item .background-image {
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  -webkit-filter: blur(5px);
  overflow: hidden;
}

@media (max-width: 600px) {
  .sticky-container .item img {
    height: 100px;
  }
}

.item p.rainbow-0 { background: rgba(146, 214, 227, 0.8); }
.item p.rainbow-1 { background: rgba(199, 221, 116, 0.8); }
.item p.rainbow-2 { background: rgba(252, 195, 149, 0.8); }
.item p.rainbow-3 { background: rgba(247, 157, 134, 0.8); }
.item p.rainbow-4 { background: rgba(241, 104, 143, 0.8); }
.item p.rainbow-5 { background: rgba(155, 231, 247, 0.8); }
.item p.rainbow-6 { background: rgba(228, 250, 143, 0.8); }
.item p.rainbow-7 { background: rgba(247, 208, 163, 0.8); }
.item p.rainbow-8 { background: rgba(250, 155, 155, 0.8); }
.item p.rainbow-9 { background: rgba(239, 70, 118, 0.8); }

/* don't display categories on posts */
.post-cat {
  display: none;
}

.navbar-nav > li a {
  font-size: 18px;
}

/* reduce space between nav items */
.navbar-nav .dropdown-menu li a {
  padding: 15px;
}

/* fix up footer on mobile */
@media (max-width: 600px) {
  #footer .copyright {
    text-align: right !important;
  }
  #footer .pull-right {
    text-align: center;
    width: 100%;
  }
  #footer .pull-left {
    margin-bottom: 2px;
  }
}

/* move menu icon */
.navbar-toggle {
  float: left;
  margin-left: 10px;
  margin-right: 0;
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 0;
}

/* display large header on the homepage */
.header-img-large {
  display: none;
}

body.home .header-img-large {
  display: block;
}
body.home .header-img-small {
  display: none;
}

/* always use large header on mobile */
@media (max-width: 600px) {
  .header-img-large {
    display: block;
  }
  .header-img-small {
    display: none;
  }
}

/* make header larger on mobile */
@media (max-width: 600px) {
  .navbar-header .container {
    padding-left: 0;
    padding-right: 0;
    margin: -5px -35px -35px -35px;
  }
}

.navbar-toggle,
.navbar-toggle.collapsed,
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #fff;
}