/*
Theme Name: Bar Bloc
Theme URI: http://www.bloc.ruf
Description: A custom WordPress theme for Bar Bloc

Version: 1.0
Author: Ross Barber
Template: twentyfourteen
Author URI: http://www.electrickiwi.co.uk
*/

.easy-instagram-container { text-align: center; }
.easy-instagram-thumbnail-wrapper { display: inline-block; width: auto; }


/*--- VIDEOS ---*/
.video  {
     display:  inline-block;
     width:  32%;
	margin-right: 1%;
     margin-top:  30px;
     margin-bottom:  35px;
     text-align:  center;
     font-family:  'Quantico';
     text-transform:  uppercase;
     color:  #000;
     font-size:  18px;
     vertical-align: top;
     float:  left;
 }
.video iframe  {
     max-width:  99%;
 }


/*--- GENERAL ---*/

*:focus, *, *:hover { outline: none !important; }
html, body { height: 100%; width: 100%; }
body { margin: 0; background: #fff url(bg.jpg) fixed center top; color: #000; font-family: 'Quantico'; font-size: 18px; line-height: 25px;}
a {text-decoration: none; color: #e41b0e; }
a:hover { color: #b8b7b8; }
a,a:hover { -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; }

h2 { text-transform: uppercase; font-weight: normal !important; padding-bottom: 0; margin-bottom: 0px; margin-top: 5px; }

#mjstpops-exit-popup, #mjstpops-exit-popup div { font-family: 'Quantico' !important; font-size: 18px; line-height: 25px; color: #e41b0e !important; }
#mjstpops-exit-popup div:first-child { padding-bottom: 0 !important; }
#mjstpops-exit-popup div { background: none 0 !important; border: 0 none !important; }
/* #mjstpops-exit-popup div:last-child { background: #000 !important; color: #fff !important; } */
#mjstpops-exit-popup input { border: 1px solid #e41b0e !important; box-shadow: none 0 !important; }
#mjstpops_add_sub, #mjstpops_add_sub:hover { background: #e41b0e !important; color: #fff !important; border: 0 !important; box-shadow: 0 0 0 none !important; }

/*--- MAIN ---*/

#container { width: 990px; margin: 20px auto; min-height: 90%; display: block; }

#header { width: 990px; height: 254px; padding-bottom: 10px; }
#logo { width: 689px; height: 254px; float: left; }
#menu { text-transform: uppercase; float: right; padding-right: 12px; }
#menu ul { list-style: none; padding: 0; text-align: right; font-size: 21px; margin-bottom: 5px; margin-top: -4px; }
#menu ul li { margin-bottom: -1px !important; }
#menu ul li a { color: #000; font-size: 16px; }
#menu ul li a:hover { color: #e41b0e; }
#menu img { margin-right: -16px; margin-left: 15px;}

#content { width: 960px; padding-left: 15px; padding-right: 15px; margin: 15px auto; }
#page-content { padding-bottom: 25px; }
#slider { width: 970px; display: block; height: 325px; }

#map, #instagram, #twitter, #calendar { height: 300px; width: 470px; margin-bottom: 10px;  }
#map { float: left; }
#twitter { float: right; }
#food-twitter { height: 300px; width: 49%; margin-bottom: 10px; float: left; }
#food-instagram { height: auto; margin-bottom: 10px; float: none; }
.spacer { clear: both; margin-bottom: 20px;}
.spacer-border-home { height:10px; border-top: 1px dashed #ccc; margin-top: -15px; margin-bottom: 25px; width: 100%; }




/*--- FLEXSLIDER ---*/


#flexslider { background: none !important; border: none !important; box-shadow: none !important; }

.flex-direction-nav a {
    color: rgba(255, 255, 255, 0.8) !important;  height: 38px; display: none !important;}

#flexslider a { color: #fff; }

.flex-direction-nav a:before {
    content: "";
    display: inline-block;
    font-family: "flexslider-icon";
    font-size: 30px !important;
}

.flex-control-paging li a.flex-active {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    cursor: default;
}

.flex-control-paging li a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); }

.flex-control-paging li a:hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); }

#slider { width: 970px; height: 325px !important; clear: both; display: block; margin-bottom:25px; overflow: hidden; margin-top: -10px;}
#slider .flexslider { background: 0 none !important; padding: 0 !important; margin: 0 !important; border: 0 !important; }

#flexslidertop #flexslidertop ul { padding: 0 !important; list-style: none; margin: 0; height: 325px !important; }
.slider-img { z-index: 0; display: block; }
.title-container { display: block; margin-bottom: 15px; text-align:left; margin-top: 15px; }
.slider-title { background: #e41b0e; color: #fff; width: auto; text-transform: uppercase; font-size: 30px; padding-left: 10px; padding-right: 10px; padding-bottom: 2px; padding-top: 2px; z-index: 3; text-align:left; }
.slider-overlay { width: 635px; height: 130px; background: rgba(255,255,255,0.8); margin-left: 10px; position:relative; top: -155px !important; font-family: 'Quantico'; padding: 6px; font-weight: 300; text-transform: uppercase; color: #000; display:block; float: left; z-index: 2; text-align:justify; line-height:1.3em;}

ul.slides { list-style: none; padding: 0; margin: 0; height: 325px !important; }


/*--- FOOTER ---*/

#footer { width: 100%; height: 65px; background: #000; color: #fff; position:relative; bottom: -20px; text-transform: uppercase; font-size: 12.5px; }
#footer-content { width: 960px; margin: 0 auto; padding-top: 20px;}
#footer-menu { float: left; }
#footer-menu ul { list-style: none; padding: 0; margin: 0;}
#footer-menu ul li { display: inline-block; }
#footer-menu ul li::after
{ 
content:" + ";
}

#footer-menu ul li:last-child::after { content:"" !important; }
#footer a { color: #fff; }
#footer a:hover { color: #e41b0e; }
#footer-credits { float: right; }



/*--- GIGS ---*/

.wpmudevevents-list { padding: 0.8em !important; padding-top: 1em !important; }

#wpmudevevents-wrapper h2 {
    padding: 0.1em 0.4em !important;
}

.eab-has_events { text-align: left; vertical-align: top; }
.eab-has_events p { margin-top: 0 !important; padding-top: 0 !important; }
.eab-date-ordinal { text-align:left !important; vertical-align:top !important; margin-top:0 !important; margin-left:0 !important; }

#wpmudevevents-wrapper {
font-family: 'Quantico' !important; font-size: 18px !important; line-height: 25px !important;
}

a.wpmudevevents-calendar-event {
    background: none repeat scroll 0 0 #e41b0e !important;
    border: 0 none !important;
	border-radius: 2px !important; 
}

a.wpmudevevents-calendar-event:hover { background: #000 !important; }

.wpmudevevents-calendar-event-info {
    background: none repeat scroll 0 0 #000 !important;
    border: 0 none !important;
}

.wpmudevevents-calendar-event-info { display: none !important; }

div.event-pagination { padding-top: 1em; }
div.event-pagination a:first-child { float: left; }
div.event-pagination a:last-child { float: right; }
div.event-pagination a { color: #fff; padding: 10px; background: #e41b0e; padding-left: 20px; padding-right: 20px; text-transform: uppercase; }
div.event-pagination a:hover { color: #fff; background: #000; } 

.eab-monthly_calendar th { text-transform: uppercase !important; background: #000 !important; color: #fff !important; font-weight: normal; }


/*--- SINGLE EVENTS ---*/

#wpmudevevents-wrapper { padding: 0 !important; }
.wpmudevevents-buttons { display: none; }
#event-bread-crumbs { padding-bottom: 10px; }
#wpmudevevents-user { display: none; }
#wpmudevevents-contentmeta { padding-top: 10px; }
.wpmudevevents-date {
    margin: 0 !important;
    width: 100% !important;
}

#event-bread-crumbs {
    font-size: 14px;
    padding-bottom: 10px;
    text-transform: uppercase;
}

#event-bread-crumbs a { color: #e41b0e; }
#event-bread-crumbs a:hover { color: #000; }

.blog-content iframe { margin: 5px auto; display: block; }
#image img { display: block; margin: 5px auto; }


/*--- NEWS ---*/

.blog-content { width:100%; margin-bottom: 15px; padding-bottom: 15px; display: block; text-align: justify; border-bottom: 1px dashed #ccc; margin-top: 25px; clear: both; float: left;  }
.blog-content .newer { margin-top: 10px; }
.newer a { color: #fff; padding: 10px; background: #e41b0e; padding-left: 20px; padding-right: 20px; text-transform: uppercase; margin-bottom: 20px; }
.newer a:hover { color: #fff; background: #000; } 
.news-spacer { clear: both; width: 100%; height: 20px; float: left; }

.date { text-align: center; text-transform: uppercase; font-size: 22px; background: #e41b0e; color: #fff; line-height: 34px; padding-top: 5px; padding-bottom:5px; padding-left: 3px; padding-right: 3px; display: block; float: left; width: 60px; margin-bottom: 10px; margin-right: 15px;}

#pagination { padding-top: 0.5em; padding-bottom: 1.5em; clear:both; }
.older { float: left; }
.newer{ float: right; }
#pagination a { color: #fff; padding: 10px; background: #e41b0e; padding-left: 20px; padding-right: 20px; text-transform: uppercase; }
#pagination a:hover { color: #fff; background: #000; } 

img.alignleft { float: left; margin-right: 15px; margin-top: 5px; }
img.alignright { float: right; margin-left: 15px; margin-top: 5px; }
img.aligncenter { margin: 15px auto; display: block; }

.wp-caption-text { font-size: 14px; text-align: center; margin-top: 0px !important; padding-top: 0 !important; font-style: italic; }


/*--- FOOD ---*/

.spacer-border { height:10px; border-top: 1px dashed #ccc; margin-top: 35px; margin-bottom: 5px; width: 100%; }

.instagram-pics { list-style: none; padding: 0; margin: 0; }
.instagram-pics li { display: inline-block; list-style: none; margin-right: 6px; }
.instagram-pics li img { height: 111px; width: 111px; }

.menu-logos { text-align: center; margin-top: 15px; }
.menu-logos img { margin-left: 40px !important; margin-right: 40px !important; margin-bottom: -25px !important; }

/*-- food-instagram iframe { width: 100%; text-align:right; float: right; height: 310px !important; } --*/


#gallery-1 .gallery-item {
    margin-left: 1% !important;
    margin-right: 0.6% !important;
    text-align: center !important;
    width: 18% !important;
}

#gallery-1 .gallery-item img { padding: 5px background: #fff; }

.book-now { background: #e41b0e; color: #fff !important; width: 100%; display: block; margin: 20px auto 5px; height: 60px; line-height: 60px; font-size: 32px; text-align: center; text-transform: uppercase; font-family: 'Quantico'; }
.book-now:hover { background: #000; cursor: pointer; color: #fff !important; }


/*--- VAN ---*/

.section { margin-top: 15px; padding-top: 30px; padding-bottom: 5px; border-top: 1px dashed #ccc; margin-bottom: 5px; }

#gallery-1 .gallery-item {
    float: left;
    margin-right: 0.6%;
    margin-top: 20px;
    text-align: center;
    width: 16%;
}

#gallery-1 .gallery-item img { padding: 5px; background: #fff; border: 1px dashed #ccc; }



/*--- PROMOTERS ---*/

#cboxLoadedContent { border: 2px solid #000; background: #fff !important; padding-top: 25px; font-family: 'Quantico'; font-size: 18px; line-height: 25px; }
#promoters { text-align:left; margin-left:-5px;}
.promologo { width: 310px; text-align:center; height: 290px; vertical-align:middle; display: inline-block; line-height:290px; background: #fff; border: 1px dashed #ccc; margin-bottom: 10px; margin-left: 5px; margin-right: 4px;}
.promologo img { vertical-align:middle; }


/*--- LABEL ---*/

#label { margin-left: -8px; margin-top: 10px; text-align: left; }
.labelimg { margin-top: 8px; display: inline-block; margin-left: 7px; padding-bottom: 1px !important; border: 1px dashed #ccc; background: #fff; overflow:hidden; height: 255px;}

.label-title { background: #e41b0e; color: #fff; width: auto; text-transform: uppercase; font-size: 16px; padding-left: 10px; padding-right: 10px; padding-bottom: 2px; padding-top: 2px; z-index: 3; text-align:left; }
.label-overlay { width: 280px; padding: 5px; background: rgba(255,255,255,0.8); margin-left: 5px; position:relative; top: -50px !important; font-family: 'Quicksand'; padding: 6px; font-weight: 300; text-transform: uppercase; color: #000; z-index: 2; text-align:justify; line-height:1.3em;}

.label-img { margin-top: 15px; }
.connect-img { margin-top: 15px; }
.connect-img img { margin-right: 10px; }




#step3 { margin-top: 25px; }