/*
Theme Name: Amplified Ales
Theme URI: http://assaultmediamarketing.com
Description: Custom Theme
Author: Eli Lennox
Author URI: http://assaultmediamarketing.com/
Version: 1.0
Tags: badass

License: MIT
License URI:

*/

/*@import url('https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css');*/
@import url('https://fonts.googleapis.com/css?family=Oswald');
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/* 1.0 Mobile Styles */

body{font-family: 'Oswald', sans-serif; overflow-x: hidden;}
.img-responsive{width:100%; height:auto;}
h1, h2, h3, h4, h5, h6, p, .h1, .h2, .h3, .h4, .h5, .h6{line-height: 1.7;}
p{font-size: 1.25em;}


/* 1.1 Header Styles */
.navbar.navbar-expand-md.navbar-dark.bg-dark{position:relative; text-transform: uppercase; z-index:9999;}
.navbar-dark .navbar-brand{margin: 0 3% 0 0;}
.collapse.in {  display: block;  }
.navbar-brand{position:relative;}
.navbar-brand img{border-radius: 100%;}
.tagline{display:none;}
.navbar-dark .navbar-nav .nav-link{color:#fff;}
.dropdown-menu{color: #fff; background-color: #000; width:100%;}
.dropdown .dropdown-toggle::after{content:"\f078";font-family:'fontawesome';font-size:14px; position:absolute; right: 5%; border-top: none;border-right: none;border-bottom: none;border-left: none;}
.dropdown.show .dropdown-toggle::after{content:"\f077";font-family:'fontawesome';font-size:14px; position:absolute; right: 5%; border-top: none;border-right: none;border-bottom: none;border-left: none;}
.dropdown-item{color: #fff;}
.dropdown-item.active, .dropdown-item:active{background-color: #EBCE78; color: #000;}
.dropdown-item:hover{background-color: #EBCE78; color: #000 !important;}
.collapsing{height:auto;}
/* 1.2 Footer Styles */
footer, footer p{color: #ffffff !important; padding-left:5%; padding-right:5%;}
/* 1.3 Homepage Content */
.sliderContainer {width: calc(100% + 60px) !important;margin-left: -30px;display: block;max-width: initial;}
.carousel-caption {
    right: auto !important;
    left: 50px !important;
    top: 35% !important;
    height:30% !important
}
.carousel-indicators{display:none;}
.carousel-caption.hidden-sm{display:block !important; top:5% !important;}
.sliderContainer a.left.carousel-control{display:none;}
.sliderContainer a.right.carousel-control{display:none;}
.sliderContainer:hover a.left.carousel-control{display:block;  left: 0px !important;  right: auto;  width:50px;  height:25%;  top: 30%;  background: black !important;  }
.sliderContainer:hover a.right.carousel-control{  display:block;  left: 0;  right: auto;  width:50px;  height:25%;  top: 55%;  background: black !important;  }
.carousel-control.right{left:0; right:auto;}
.display-sec h3 {color: #000;text-transform: uppercase;font-size: 32px;vertical-align: top;background-color: rgba(0,0,0,.4) !important;padding: 5% 30% 5% 1% !important;  }
.display-sec p {  text-align: left;  background-color: rgba(0,0,0,.9);padding: 10px 5px;margin-top: -10px;  }
.homepageBox{display:inline-flex !important; background-size:cover; justify-content:center; width:100%; height:auto; min-height:250px; }
.homepageBox .box-title{height:100%; width:100%; position: relative; min-height:300px;}
.homepageBox .box-title h3{background-color: #000000; color:white; padding: 2px 5px; text-align:center; position:absolute; top:0; right:0; left:auto;}
.homepageBox:hover.box-title h3, .homepageBox:active.box-title h3{background-color: transparent; color:white; padding: 2px 5px;}
.homepageBox:hover .box-title, .homepageBox:focus .box-title{background-color: rgba(0,0,0,.5);}
.homepageBox .hoverForMore.col-xs-12.col-xl-12{visibility:hidden; color: rgba(0,0,0,0.0); height:100%; padding-top:20%;}
.homepageBox:hover .hoverForMore.col-xs-12.col-xl-12, .homepageBox:active .hoverForMore.col-xs-12.col-xl-12{visibility:visible;color:white; transition: color 2s, color 3s;}
.homepageBox .hoverForMore.col-xs-12.col-xl-12 address{text-align:center;}
.homepageBox .hoverForMore.col-xs-12.col-xl-12 .hours{font-size:12px;}
.hoverForMore a {  font-size: 21px;  color: white;  background-color: black;  padding: 1px 3px;  text-align: right; float:right;  }

/* 1.4 Location Page Content */
.backgrounded{height:250px; width: calc(100% + 30px) !important; max-width:inherit; margin-left:-15px; background-size:cover; background-repeat: no-repeat;}
.backgrounded h1{color:rgba(255,255,255,.6); padding-top:3%; width:fit-content; text-transform:uppercase; text-align:right; margin-right:5%; margin-left:auto; z-index:5; position:relative;}
.locationDescription{padding-top: 2%;}
ol{list-style:none;}

/* 1.5 */
.content.container{padding-top:5%; padding-bottom:5%;}

/*1.2 Tablet Styles*/

@media screen and (min-width:768px){
    .navbar-expand-md .navbar-nav{width:100%;}
    .navbar-collapse .collapse{height: auto !important;}
    .navbar.navbar-expand-md.navbar-dark.bg-dark{align-items:flex-end;}
    .navbar-brand{bottom: -50px; left: 3.5%;}
    .tagline{display:block;position: absolute;top: 20%;right: 7%;font-size: 56px;color: rgba(255,255,255, .3);  text-align: center;  }
    .navbar-expand-md .navbar-collapse{justify-content:flex-end; width:100%;}
    .mr-auto, .mx-auto{margin-left:auto;}
    .navbar-dark .navbar-nav .nav-link{font-size:18px;}
    .menu-item {width: calc(100%/5);  text-align: center;}
    .navbar-dark .navbar-nav .nav-link:hover{color: #EBCE78;}
    .dropdown-toggle::after{display:none;}

    /*homepage styles*/
    .carousel-caption.hidden-sm{top: 35% !important;}
    .display-sec h3{font-size:50px;}
    .homepageBoxes{display:flex !important;}
    .homepageBox{width:49% !important; height:auto; min-height:300px;}
    .homepageBox .hoverForMore.col-xs-12.col-xl-12{padding-top:33%;}

    /*location page styles*/
    .locationDescription {display:inline-block;}
    .locationSidebar{float:right;}
}
@media screen and (min-width:992px){
    /*header*/
    .navbar-dark .navbar-nav .nav-link{font-size:21px;}
    /*homepage styles */
    .homepageBox{width:33% !important; height:auto; min-height: 300px; margin-bottom:0.25%;}
    /*location page styles*/

}