/*
Theme Name: Alive
*/


body{
    background-color: #fffff;
    font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5, .btn, .quicksand{
    font-family: 'Roboto', sans-serif;
}

#navGap{
    height: 90px;
}
.panel-group > .panel{
	overflow: visible!important;
}
#bgVid{
	position:fixed;
	left:0;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:-1;
	overflow:hidden;
}
#backgroundImage{
	background:url('/wp-content/themes/alive/img/aliveBGimage.jpg') no-repeat;
	background-size: cover;
	position: fixed;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: -2;

}
#topSpace{
	background-size: auto;
}

#shareIcons{
	list-style-type: none;
	padding-left: 12px;
	float: left;
}
#shareIcons li{
	display: inline;
	float: left;
	font-size: 40px;
	padding: 0 5px;
}
#news{
	background-color: #ffffff;
}
/*Colors*/
#footer, #footer2, #header, #main_menu{
    background-color: #3e454c;
}

/* SOCIAL */
#social{
    background-color: #3e454c;
    padding: 5px 0 5px;
    color: #e3e3e3;
}

.follow_us a{
    color: #e3e3e3;
    opacity: 1
}
/* END SOCIAL */

/* HOME DATES */
#home-dates{
    background-color: #2185C4;
}

.home-dates-left{
    color: #ffffff;
    font-size: 40px;
    border-right: 3px solid #ffffff;
    line-height: 80px;
    text-align: right;
    font-weight: bold;
}

.home-dates-right{
    color: #ffffff;
    font-size: 18px;
    margin-top: 15px;
}
/* END HOME DATES */

/* HOME WELCOME */
.welcome_index{
    padding: 20px 0px;
    width: 90%;
}
/* END HOME WELCOME */

.btn-primary:hover{
    background-color: #2184c4;
}

.btn-primary{
    background-color: #3d444b;
}

.btn {
    border-radius: 15px;
    text-transform: uppercase;
}


/*Artist Blocks*/
.artist-block .item_description{
    background-color: #3e454c;
    border-bottom: 0;
}

.artist-block h3{
    color: #FFF;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}
/*End Artist Block*/

/*Lineup*/
.day {
    border-radius: 10px;
    padding: 20px 40px;
    margin-bottom: 20px;
}

.day h2{
    font-size: 30px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.day-even{
    background-color: #2185C4;
}

.day-odd{
    background-color: #e3e3e3;
}

.day-even h2{
    color: #FFF;
}

.day-odd h2{
    color: #3e454c;
}


/* End Lineup */

.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}
.mt30{
	margin-top: 30px;
}
.mb10{
	margin-bottom: 10px;
}
.mb20{
	margin-bottom: 20px;
}
.mb30{
	margin-bottom: 30px;
}
.pad20{
	padding-bottom: 20px;
}
.mb0{
	margin-bottom: 0px;
}

.logo{
	margin-top: 10px!important;
}
#logo{
	position: absolute;
	max-height:240px;
	padding: 0.875em 0.5em 0;
	z-index: 1000;
}
.logo h1{
	margin-bottom: 0px;
}

#main_menu .nav{
	margin: 24px 0 0 0;
}

#main_menu  .nav > .active > a, #main_menu  .nav> .active > a:hover, .current-menu-item { background: #2185C4; color: #fff!important; border-radius: 4px 4px 0px 0px;}
.error{
	color: #be192a;
}

.tile h2{
	margin-top: 10px;
}

header h1{
	color: #999999;
}
header span{
	color: #999999;
}
#mainHeader{
	border-bottom: 6px solid #be192a;
}
.container > header{
	margin: 0;
	width: auto;
	float: left;
	padding: 0.875em 0.5em 0.875em;
	position: absolute;
	z-index: 1000;
}
.container > header > img{
	max-height: 170px;
}
.cbp-hrmenu{
	margin-top: 0px;
	margin-left: 150px;
}
.cbp-hrmenu .cbp-hrsub{
	background:#be192a;
}

.cbp-hrmenu .cbp-hrsub-inner{

}
.cbp-hrsub h4{
	font-weight: bold;
	color: #fff;

}

.cbp-hrmenu > ul > li > a{
	font-size: 16px;
}

.intro_wrapper{
	padding: 20px 0 20px;
}


/* COUNTDOWN */
.countdown img{
    margin-left: -35px;
}

.countdown {
    /*font: 32px/50px 'Roboto', sans-serif;*/
    padding: 10px 0px 0px;
    font-weight: 0;
    margin: 0 auto;
    color: #FFF;
    text-align: center;
    background-color: #21919E;
}

.countdown span {
    border-radius: 5px;
    padding: 0 5px;
    margin-right: 4px;
    background-color: #FFF;
    color: #000;
    font-size: 60px;
    line-height: .9em;
    display: inline-block;
}

.countdown p{
	font-size: 1.2em;
	margin-top: 0px;
	font-weight: normal;
}
/* END COUNTDOWN */


.btn-orange {
  color: #FFFFFF;
  background-color: #FF7F66;
  border-color: #FF7F66;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  color: #FFFFFF;
  background-color: #2184c4;
  border-color: #2184c4;
}

.btn-orange:active,
.btn-orange.active,
.open .dropdown-toggle.btn-orange {
  background-image: none;
}

.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active {
  background-color: #F76955;
  border-color: #F76955;
}

.btn-orange .badge {
  color: #F76955;
  background-color: #FFFFFF;
}

/*
.sfb .btn{
	background-color: #218F9B;
	border-radius: 5px !important;
	border-width: 0px;
	font-weight: bold;
	font-size: 1.5em;
}
*/

.sfb .btn:hover{
    color: #FFF;
}

.page-header{
	color: white;
	padding-left: 80px;
	margin: 0px auto;
	padding: 20px 0;
  border-bottom: none;
}

.item_description{
    padding: 0px;
}

.item_description h3{
    margin: 0;
    padding: 5px 0;
}


/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}
.col-fixed {
    /* custom width */
    width:320px;
}
.col-min {
    /* custom min width */
    min-width:320px;
}
.col-max {
    /* custom max width */
    max-width:320px;
}

/* end centerd columns */

@media(max-width: 1199px){
    #navGap{
        height: 165px;
    }
}
@media(max-width: 991px){
}
@media(max-width: 979px){

    #home-dates{
        padding: 30px 0px;
    }

    .home-dates-left{
        color: #FFF;
        font-size: 40px;
        border-right: 0;
        line-height: 1em;
        text-align: center;
        font-weight: bold;
    }

    .home-dates-right{
        color: #FFF;
        font-size: 18px;
        text-align: center;
    }

}
@media(max-width: 767px){
  h1.title{
    line-height: 1em;
  }
  .btn{
    width: 100%;
    margin-bottom: 10px;
  }
    .countdown img{
        margin-left: 0;
    }

    #navGap{
        height: 75px;
    }
    #topSpace{
	    background-size:contain !important;
    }
}
@media(max-width: 688px){
    .countdown img{
        margin-left: 0;
    }
    #navGap{
        height: 75px;
    }

}