/*
Theme Name: Aeraco Theme
Theme URI: http://angelflo.com
Author: Angel Flores
Author URI: angelflo.com
Description: Aeraco Wordpress site
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Aeracomusic.com
*/
/* tourdate table*/
.tourdates td a { color: white; width:50px; border: .110em solid white; border-radius: 6px; padding:4px;}
.tourdates .column-1{ background-color:#191919; color:white;}
.tourdates .column-2{ background-color:#191919; color:white;}
.tourdates .column-3{ background-color:#191919; color:white;}
.tourdates{background-color:#191919;}
.mainbody{background-color:#191919;}
.head{background-color:black;}
img.logo{display:block; text-align: center; margin-top:1em;}
.logo { margin-left: auto; margin-right: auto; margin-bottom:3em; margin-top:3em;}
/* main navigation style up to 767px (tablet)*/
.main-nav ul { display:none; width:100%; margin:0; padding:0; list-style:none; text-align:center; }
.main-nav li { display:block; }
.main-nav li a {display:block; padding:17px; text-decoration:none; text-transform:uppercase;}
.main-nav span{font-family: 'icomoon'; font-size: 1em; color: #c39a6b ; padding-right:10px; }
.main-nav li a:hover, .main-nav li a:focus /*focus is for accessibility/tabbing*/ { color:#b22222 ; }
/*hamburger*/
.menu-link { display:block; position:relative; padding:5px; font-size:1.5em; margin-bottom:40px; text-align:center; background:#eee; cursor:pointer; color:#333;}
.home-content{ background-color:#191919; box-shadow: 100px 0px 190px 100px black; background-image: url('img/background_grunge.png'); background-repeat: repeat;}
.bio{ padding:3em 0 3em 0; }
/*--bg image--*/
.background{ display:none;}
.bg_text{ font-family: 'Nobile', sans-serif; text-align:center; font-size:4em; font-weight:200; text-shadow: 0px 13px 11px black;}
.background2{ background-color:#2B2B2B; height: 500px;}
/*=====slideshow====*/
/*All or nothing*/
.ghostbtn_placement{ margin-top:100px;}
/*store*/
.ghost-btn { font-family: 'Nobile', sans-serif; display: inline-block; text-decoration: none; border: .110em solid #ffffff; line-height: 36px; color: #3f6fa0; -webkit-border-radius: 5px; -webkit-background-clip: padding-box; -moz-border-radius: 5px;
  -moz-background-clip: padding; border-radius: 6px; background-clip: padding-box; font-size: 1em; padding: .2em .8em; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; cursor: pointer; zoom: 1; -webkit-backface-visibility: hidden; color:#ffffff; box-shadow: 1px 0px 40px 0px  black;}
.ghost-btn:hover { -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; background-color:black; background-color: rgba(0, 0, 0, 0.7); color: #ffffff; }
.ghost-btn:focus { outline: none;}
.footer{ background-color:black; }
.footer li{list-style:none;}
li{padding-right:1em}
.youtube{font-family: 'icon-youtube';}
/*styles*/
h1{ color:aliceblue; font-weight:500; font-size:2em; padding:.50em;}
h2{ color:aliceblue; font-weight:100; font-size:2em; padding:.50em;}
h3{ text-shadow: 2px 5px 2px  black; color:white; font-size:1.35em; font-weight:400; letter-spacing:3px;}
h3.footerheader{ font-family: 'Nobile', sans-serif; letter-spacing:2px; color:white; font-size:1.500em; font-weight:600;}
p{font-family: 'Nobile', sans-serif; color:white; font-size:1.2em;  padding:.500em;}
a{color:white; text-decoration: none;}
 img{max-width:100%;}
.icon-youtube:before { margin-right:50px; content: "\e600"; color:aliceblue; font-size:5em}
.icon-facebook:before { content: "\e601";}
.icon-twitter2:before { content: "\e602"; color:aliceblue; font-size:5em}
 .owl-theme .owl-controls .owl-buttons div {color: #FFF; display: inline-block; margin: 50px; padding: 9px 17px; font-size: 19px; border-radius: 30px; background: #869791 none repeat scroll 0% 0%; opacity: 0.5;}
 .owl-theme .owl-controls { text-align: center;}
    /*all or nothing*/
 .minime{font-size:.9em;}
.album-footer{display:none;}
.sponsors-footer{display:none;}
.social-media{text-align:center;}
.copyright-text{ text-align:center; margin-top:1.500em}
a.back-to-top {display: none; width: 60px; height: 60px; text-indent: -9999px; position: fixed; z-index: 999; right: 20px; bottom: 20px;
background: grey url("img/up-arrow.png") no-repeat center 43%; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;
border: black 2px;}
/*desktop*/
@media (min-width: 768px) {
img.logo{text-align:center; max-width:100%;}
	.main-nav ul { display:block; }
	.main-nav li { display:inline-block;}/*lays the links out nicely instead of being lists*/
	.main-nav li a { font-size:1em;  }
    .main-nav{width:100%;}
  .menu-link { display:none;  } /*hamburger*/
	.main-nav ul { display:block; }
	.main-nav li { display:inline-block; text-align:center;}
	.main-nav li a { font-size:1em; color:white; }  
    /*==============Hero==============*/  
    /*====styles==*/
    h1{color:aliceblue; font-weight:100; font-size:7.8em; padding:.100em; padding-top:.800em;}
    .home-text{ margin:2em 0 0 0;}
   .owl-demo .item img{ display: block; width: 100%; height: auto;}
    .owl-theme .owl-controls .owl-buttons div {color: #FFF; display: inline-block; margin: 50px; padding: 9px 17px; font-size: 19px; border-radius: 30px; background: #869791 none repeat scroll 0% 0%; opacity: 0.5;
}
    .background{
    display:block;
    background-size:cover;
    height: 500px;
    background-image: url('img/Aeraco_fullband_bg.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
}
    .background2{
    background-size:cover;
    height: 500px;
    background-image: url('img/bw_aeraco_bg.png');
    background-repeat: no-repeat;
    background-attachment: fixed;
}
      .owl-theme .owl-controls {
    text-align: center;
      }
    /*all or nothing*/

    .bg_text{
    text-align:center;
    font-size:9em;
    font-weight:700;
    font-family: 'Nobile', sans-serif;
}
    img.ace{
    display: block;
    margin-left: auto;
    margin-right: auto;   
    }
      img.spidey{
    display: block;
    margin-left: auto;
    margin-right: auto;  
    }
    
      img.beast{
    display: block;
    margin-left: auto;
    margin-right: auto;    
    }
    
      img.misfit{
 display: block;
    margin-left: auto;
    margin-right: auto;   
      }
 img{
     max-width:100%;
  }
    .icon-youtube:before {
    margin-right:50px;
    content: "\e600";
    color:aliceblue;
    font-size:9em
    
}
    a.aeracofb{
        text-decoration: underline;
    }
.icon-facebook:before {
    margin-right:50px;
    content: "\e601";
     color:aliceblue;
    font-size:8em
}
.icon-twitter2:before {
    content: "\e602";
    color:aliceblue;
    font-size:8em
}
    .album-footer{
    display:block;
}
.sponsors-footer{
    display:block;
}
}/*end mq*/