/*
Theme Name: Ample Entertainment
Theme URI: http://www.ample-entertainment.co.uk/
Description: Ample Entertainment 2016 Theme.
Version: 1.0
Author: MAW Associates Ltd
Tags: MAW, Two column, HTML 5, Purple, Black, DJ
*/

html, body, div, header, footer, section, aside, span, hgroup, a img, form, input, article, h1, h2, h3, h4, a, p, img, ul, li, label, textarea, small {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none;}
body {font-size:14px !important; font-family:Arial, Helvetica, sans-serif; -webkit-text-size-adjust:100%; width:100%; max-width:2000px; height:100%; color:#fff !important; background-color:#000 !important;}
#wrapper{width:100%; margin:0 auto; padding:0; float:left; height:100%;}
#skip-to{display:none;}
.bg-img{float:left; position:absolute; width:100%; height:100%; margin:0; padding:0; z-index:2; overflow:hidden;}
.bg-img img{width:100%; height:auto; padding:0; margin:0;}
.header, .content, .footer, .newsletter{float:left; position:relative; width:100%; margin:0; padding:0; z-index:4;}
.header, .footer{background-image:url(../images/overlay_bg.png); min-height:80px; color:#fff;}

.home .content{z-index:1 !important;}
.navbar-default{margin:20px 0 0 0 !important; background:none !important; border:none !important; padding:0 !important; width:100% !important;}
.navbar-collapse{padding:0 !important;}
.navbar-default .navbar-nav > li > a{color:#fff !important; text-transform:uppercase; font-size:16pt;}
.navbar-default .navbar-nav > li > a:hover{text-decoration:underline;}
.nav > li > a{padding:10px 10px !important;}
.navbar{margin-bottom:0 !important; display:inline-block; vertical-align:middle;}
.navbar-nav{margin:0 auto !important;text-align:center !important; float:none !important;}
.navbar-default .navbar-toggle{border-color:#fff !important;}
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#000000 !important;}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff !important;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background-color:#000000 !important;}
.content{height:100%; max-height:800px; min-height:600px;}
.footer-area{position:absolute; bottom:0; width:100%;}
.footer-area a{color:#fff;}
.footer-area a:hover{color:#fff;}
.contact .footer-area, .request-a-quote .footer-area, .page-id-19 .footer-area{position:relative; float:left;}
.footer{ border-top:solid 1px #37393e; text-align:center; padding:10px 0;}
.footer p{font-size:12px;}
.footer h3{font-size:16px;}
.newsletter{background-image:url(../images/newsetter_overlay.png); padding:20px 0; color:#fff;}
.newsletter-form{margin:0 auto; width:100%;}
.newsletter-form form{width:100%; margin:0 auto; text-align:center;}
.newsletter-form form h2{display:inline-block; vertical-align:middle; margin:0 10px 0 0;}
.newsletter-form form input{border:solid 1px #e1e1e1; padding:5px 10px;  -moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px; text-transform:uppercase;}
.newsletter-form form input[type="submit"]{background-color:#e1e1e1; color:#444; text-transform:uppercase;}
.newsletter-form form input[type="text"], .newsletter-form form input[type="email"]{min-width:250px; margin:10px 10px 0px 0;}
.logo img{width:100%; max-width:160px; margin:0px 0; position:absolute; height:auto;}
.social-icons{width:100%; padding:0; margin:10px 0 0 0; display:inline-block;}
.social-icons ul{display:inline-block; width:100%; padding:0; margin:0; list-style:none; vertical-align:middle;}
.social-icons ul li{display:inline-block; vertical-align:middle; margin:10px 10px 0 0; border:solid 1px #fff; padding:5px; width:26px; height:26px; text-align:center; position:relative; -moz-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px; padding:2px; }
.social-icons ul li a{color:#fff;}
.content .col-md-6, .content .col-md-12{background-image:url(../images/content_overlay.png); color:#fff;}
.content a{color:#fff;}
.content a:hover{color:#fff; text-decoration:underline;}
.contact .content, .request-a-quote .content{float:left; position:relative; max-height:950px;}
/* Carousel Items */
.carousel, .item, .active {height:100%;}
.carousel-inner {height:100%;}
.carousel {margin-bottom: 60px;}
.carousel-caption {z-index: 10;top:30%;text-align:left !important;}
.carousel .item {background-color: #000;}
.carousel .carousel-inner .bg {background-repeat:no-repeat;background-size:cover;}
.carousel-caption h1{font-size:61px; text-transform:uppercase;}
.carousel-caption h2{font-size:42px; text-transform:uppercase; margin:10px 0 ;}
.carousel-indicators{bottom:25% !important;}
.yourDetails .form_row_left{display:inline-block; width:49%;}
.yourDetails .form_row_left_full{display:inline-block; width:98%;}
.yourDetails .form_row_left input{border:solid 1px #fff; padding:5px 10px; width:100%; background-color:#000; color:#fff;}
.yourEnquiry textarea{border:solid 1px #fff; width:98%; background-color:#000; color:#fff;}
.yourDetails legend,.yourEnquiry legend{color:#fff !important;
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;

    border: 0;
    border-bottom: 1px solid #e5e5e5 !important;}

.buttonContainer{float:left; width:100%; margin:10px 0;}
.buttonContainer input[type="submit"]{width:100%; border:solid 1px #fff; background-color:#000; color:#fff; text-align:center; padding:10px;}
.gallery .col-md-4 img{width:100%;}
.contact-page {
    background-image: url(../images/content_overlay.png);
    color: #fff;
}
@media (min-width:768px){
.mobile-social-icons{display:none;}
}
@media (max-width:767px){
.social-icons{display:none;}
.mobile-social-icons ul{display:inline-block; width:100%; padding:0; margin:0 0 10px 0; list-style:none; vertical-align:middle; text-align:center;}
.mobile-social-icons ul li{display:inline-block; vertical-align:middle; margin:10px 10px 0 0; border:solid 1px #fff; padding:5px; width:26px; height:26px; text-align:center; position:relative; -moz-border-radius: 3px;	-webkit-border-radius: 3px;	border-radius: 3px; padding:2px; }
.mobile-social-icons ul li a{color:#fff;}
.carousel-caption{top:15%;}
.carousel-caption h1{font-size:41px; text-transform:uppercase;}
.carousel-caption h2{font-size:22px; text-transform:uppercase; margin:10px 0 ;}
.footer-area{float:left; position:relative !important; width:100%;}
.bg-img{position:relative !important; height:100vh !important; max-height:400px;} 
}