/*
Theme Name: Ike's 2016
Author: Fuzzy Duck
Author URI: http://fuzzyduck.com/
Description: A devdmbootstrap3 v1.80 child theme.
Text Domain: devdmbootstrap3
Template: devdmbootstrap3
*/

@import "css/bootstrap.css";
@import 'https://fonts.googleapis.com/css?family=Alegreya:400,400i,700,700i';

/* YOU SHOULD BE MAKING A CHILD THEME. Don't let me be a bad guy and erase all your hard work with a theme update. I just want to bring you new amazing features. I don't want to destroy your world. I've include a child theme to use. Need help? http://devdm.com/DevDmBootstrap3/child-themes/ */

/****************** Special Blank CSS classes for child themes to use without disturbing core bootstrap rules ****************/
body.home.page{
  padding:0px;
  background-color:#000000;
}

img {
  width:100%;
  height:auto;
}


h3{
  font-size: 16px;
  color: #fff;
  font-family: 'Alegreya', serif!important;
  text-align: center;
  text-transform:uppercase;
}

.row.dmbs-header {
    display: none;
}

.search{
	font-size: 16px;
	color: #fff;
  margin-top: 20px;
}



/* Navbar */
.navbar {
  position: absolute;
  margin-bottom: 0;
  border: 0;
  z-index: 10;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 2%, rgba(0,0,0,0.7) 58%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 2%,rgba(0,0,0,0.7) 58%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0.9) 2%,rgba(0,0,0,0.7) 58%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
  padding-bottom:50px;
}

.navbar-inverse{
  background-color: rgba(34, 34, 34, 0);
  width: 100%;
}

.navbar-inverse .navbar-collapse {
  float: right;
}
   
.navbar-inverse .navbar-toggle {
  background-color: #a9233e;
}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
   background-color: rgba(8, 8, 8, 0);
}
   
.navbar-inverse .navbar-nav > li > a{
  font-family: 'Alegreya', serif!important;
  text-transform:uppercase;
    font-size: 20px;
}
   
/* Carousel */

.carousel a.btn-primary {
  background: #a9233e;
  padding: 10px 30px 10px 30px;
  box-shadow: none;
  border-width: 0px;
  border-style: solid;
  border-color: #000000;
  border-color: RGBA(0,0,0,1);
  border-radius: 0px;
  font-family: 'Montserrat','Arial';
  color: #ffffff;
  font-size: 87.5%;
  text-shadow: none;
  line-height: 1.5;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  text-align: center;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-transform:uppercase;
}

.carousel-caption {
  bottom:0px;
  height:100%;
  width:100%;
  top:0;
  left:0;
  right:0;
}


.carousel-caption .caption{
  position:absolute;
  top: 50%;
  left:50%;
  transform: translate(-50%, -50%);
  background: rgba(0,0,0,0.6);
  padding: 5px;
  bottom: auto;
  
}

.carousel-caption .caption p:last-child {
  padding:0;
  margin:0;
}

.carousel-caption > .btn-primary {
  position:absolute;
  bottom:60px;
  left:50%;
  transform: translateX(-50%);
}

/* Thumbnails */

.thumbnail-container, .thumbnail-container .row, .thumbnail-container .thumbnail-item {
  margin:0;
  padding:0;
  border:4px solid #000!important;
}


h3.img-name {
  position: absolute;
  width: 100%;
  top: 60%;
  transform: translateY(-50%);
  margin: 0;
  text-shadow: 2px 2px 5px rgba(0,0,0,1);
}

a.img-link {
  display: block;
  position: relative;
  max-height: 167px;
  background: #000;
  overflow: hidden;
}

a.img-link img {
  opacity:0.5;
}

a.img-link:hover img {
  opacity:1;
}

/* Footer */

.dmbs-author-credits {
  display: none;
}


/* Media Queries */
@media (max-width: 767px){
  
   
  .navbar-inverse {
    position:relative;
    z-index:16;
    padding-bottom:0px;
  }
  .navbar-inverse .navbar-collapse {
    float: none;
    background-color: rgba(0,0,0,0.8);
  }
  .navbar-nav li > .dropdown-menu {
    background-color: rgba(0,0,0,0.8);
    display:block;
    position:relative;
    z-index:16;
    width:100%;
   }
  .navbar-inverse .navbar-nav li > .dropdown-menu > li > a {
    color: #ffffff;
    font-size: 16px;
    font-family: 'Limelight', cursive!important;
    line-height:26px;
  }
  .navbar-inverse .navbar-nav li > .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav li > .dropdown-menu > li > a:focus {
    color: #a9233e;
  }
  .carousel-caption .caption{
    display:none;
  }
}
@media (min-width: 768px){
  .carousel .item {
    max-height:75vh !important;
  }
  a.img-link {
    max-height:25vh;
    overflow:hidden;
  }
  h3 {
    font-size:24px;
  }
  .navbar-collapse.navbar-1-collapse.collapse {
    margin-top: 10px;
  }
}
@media (min-width: 600px){
  .col-sm-five {
    width:20%;
    float:left;
    display:block;
  }
}