/*
 * Custom CSS
 *
 * Place here your custom CSS. This will keep your custom css when there is a theme update.
 *
 */

/*Hide the logo and nav section, not required*/

body {
    font-size: 17px;
    font-weight: 400;
}

h5, .h5 {
    font-size: 23px;
}

ul li {
    padding: 7px;
}

#header .container{
    display: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    text-transform:uppercase;
    font-weight: bold;
    margin-bottom: 20px;
}

.blue_text{
    color: #2B95D3;
}

.green_text{
    color: rgb(0,176,80);
}

section#reserve-ticket1,
section#reserve-ticket2,
section#blue-strip{
    padding-top: 5px;
}

section#reserve-ticket1 p,
section#reserve-ticket2 p,
section#blue-strip p{
    padding: 0;
}

section#reserve-ticket1 br,
section#reserve-ticket2 br,
section#blue-strip br,
section#section1 br{
    display: none;
}

section#section1 h5{
    margin-bottom: 0px;
}

section#blue-strip{
    padding-top:15px;
    padding-bottom:10px;
}

.strip_arrow{
    padding: 41px 0 0px;
    background: url(/wp-content/uploads/2014/09/strip_arrow.png) no-repeat 50% 0;
}

.yesbarcontainer{
    float:right; 
    text-align: center; 
    display: table; 
    padding: 0 25px 0 0;
}

.yesbarcontainer_center{
    display:table; 
    margin: 20px auto 30px;
}

.yesbar{
    padding:15px;
    text-align: center;
    background-color: #fdb92c;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 26px;
    height:120px;
    max-width: 750px;
    margin: 0 auto;
}

.yesbar:hover {
    background-color: rgb(0,176,80);
}

.yesbarsmall{
    height: 50px;
    background-color: #2B95D3;
}

.yesbarmedium{
    height: 65px;
    background-color: #2B95D3;
}

.yesbarlarge{
    max-width: 100%;
    height: 75px;
    margin-bottom: 5px;
    background-color: #2B95D3;
}

.yesbaryes {
    float: left;
    width: 30%;
    font-size: 80px;
    padding: 0 20px;
    margin-top: -25px;
    text-align: left;
}

.yesbarleft {
    width: 59%;
    float: left;
    text-align: left;
}

.yesbarlarge .yesbarleft {
    width: 100%;
    float: none;
    text-align: center;
}

.yesbarleft a{
    color:#fff;
}
.yesbarleft a:hover{
    color:#fff;
}

.yesbarright {
    padding-top: 25px;
    margin-left: -10px;
    width: 6%;
    float: right;
    margin-right: 10px;
}

.yesbarinner{
    background-image: url('images/doublearrow.png');
}

.right-outside {
    background: url("images/arrow.png") no-repeat scroll rgba(0, 0, 0, 0);
    /* border: 1px solid; */
    color: #FFF;
    /*height: 255px;*/
    height: 275px;
    position: absolute;
    right: 0px;
/*    top: 355px;*/
    top : 410px;
    width: 190px;
    background-position: right 70px bottom 10px;
    font-weight: bold;
    font-size: 13px;
    padding-left: 35px;
}

.right-outside br{
    display: block !important;
}

.ticketstext{
    text-align: center;
    font-weight: bold;
}

.google-maps {
position: relative;
padding-bottom: 75%; // This is the aspect ratio
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}



#header #title, #header #title a {
    display: block;
    float: left;
    height: 100px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 100%;
}

#header #title-area {
    background: url('images/btl_logo.jpg') no-repeat;
    min-height: 150px;
    background-position: center;
}

ol li {
    padding: 7px;
}

img {
    border-radius: 5px;
}

span.speaker_headlines{
    font-size: 24px;
}

.vedanta_eventbrite_form{
    width:100%; 
    text-align:left;
}

iframe.vedanta_eventbrite_iframe{
   height: 293px;
}

.gototop{
	display:none;
}

@media (max-width: 1099px){ 
    .right-outside {
        display:none;
    }
}

@media (min-width: 1100px){ 
    section#section1 .container {
        max-width: 1080px;
    }
}

@media (max-width: 991px){
    h4, .h4 {
        font-size: 22px;
    }
    
    h5, .h5 {
        font-size: 20px;
    }
    
    .mobile_menu.navbar-default {
        display:none;
    }
    
    .yesbar {
        font-size: 20px;
        height: 100px;
    }
    
    .yesbarlarge {
        font-size: 20px;
        height: 63px;
    }

    .yesbarmedium {
        height: 65px;
    }

    .yesbaryes {
        font-size: 70px;
    }

    .yesbarright {
        padding-top: 15px;
    }
        
    .video-container {
        margin:0 0%;
        padding-bottom: 5.25%;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
        width: 100% !important;
    }

}

@media (max-width: 830px){
    .shareaholic-floated-share-buttons-container{
        display:none !important;
    }
    
    h3, .h3 {
        font-size: 28px;
    }
}

@media (max-width: 768px){
    .yesbarmedium {
        height: 65px;
    }
    
    .yesbarcontainer{
        margin: 20px auto 30px;
        float:none;
        padding: 0;
    }
}

@media (max-width: 660px){
    .yesbar {
        font-size: 16px;
        height: 80px;
    }
    
    .yesbarlarge {
        font-size: 20px;
        height: 63px;
    }
    
    .yesbarmedium {
        height: 65px;
    }
    
    .yesbaryes {
        font-size: 60px;
    }

    .yesbarright {
        padding-top: 5px;
    }

}

@media (max-width: 600px){
    
    h5, .h5 {
        font-size: 16px;
    }

    .yesbarleft {
        width: 70%;
        text-align: center;
    }
    
    .yesbarright {
        display:none;
    }
    
    span.speaker_headlines{
        font-size: 20px;
    }
}

@media (max-width: 500px){
    #header #title-area {
        background: url('images/btl_logo_mobile.jpg') no-repeat;
        min-height: 120px;
    }
    
    .video-container iframe,
    .video-container object,
    .video-container embed {
        height: 250px !important;
    }
    
    .yesbar{
        padding:10px;
        font-size: 20px;
        height:120px;
    }
    
    .yesbarlarge {
        font-size: 20px;
        height: auto;
    }
    
    .yesbarmedium {
        height: auto;
    }
    
    .yesbaryes {
        font-size: 40px;
        width: 100%;
        padding-top: 10px;
        text-align: center;
    }
    
    .yesbarleft {
        width: 100%;
        font-size: 15px;
        text-align: center;
    }
    
    iframe.vedanta_eventbrite_iframe{
        height: 393px;
     }

}