/*
Theme Name: Vanilla
Theme URI: http://mercury-marketing.co.uk/
Description: Custom theme for Vanilla based on Twenty Eleven
Author: Mercury Marketing
Author URI: http://mercury-marketing.co.uk/
Template: twentyeleven
Version: 1.0
*/

/* @import url("../twentyeleven/style.css"); */

@font-face {
    font-family: 'bonvenocflight';
    src: url('BonvenoCF-Light-webfont.eot');
    src: url('BonvenoCF-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('BonvenoCF-Light-webfont.woff') format('woff'),
         url('BonvenoCF-Light-webfont.ttf') format('truetype'),
         url('BonvenoCF-Light-webfont.svg#bonvenocflight') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height:100%;}
*, *:before, *:after {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}
body,td,th, h1, h2, h3, h4 {font-family: "bonvenocflight", sans-serif; font-style: normal; font-weight: 200; color:#0e76bc;}
body {margin-left: 0px;	margin-top: 0px; margin-right: 0px;	margin-bottom: 0px; text-align:center;}
img {border:0; max-width:100%; height:auto; display:block;}
a {text-decoration:none; background:transparent; color:#0e76bc;}
a:hover, a:hover img, #tab-container .etabs li.active a {opacity:0.6; cursor:pointer;}
a, .head {-webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;}
.shadow {-moz-box-shadow:inset 0 0 10px #000000; -webkit-box-shadow:inset 0 0 10px #000000; box-shadow:inset 0 0 10px #000000;}
h1, #vip strong, .tab-container h3 {text-transform:uppercase; letter-spacing:10px; display:inline-block; border-top:solid 1px #0e76bc; border-bottom:solid 1px #0e76bc; padding:2px 0 2px 10px; margin:0 0 40px 0; font-size:24px;}
.center_h, .img_section, #food .txt, .slider {-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;}
.center_i, .img_section img, .slider .s_txt {position: absolute; top: 50%; transform: translateY(-50%);}

.blue {color: #0e76bc;}
.blue_bg {background-color: #0e76bc; color: #FFFFFF;}
.blue_op { background:rgb(14,118,188); background:rgba(14,118,188,0.80); color: #FFFFFF;}

.bdr1 {border: solid 1px #0e76bc;}
.bdr4 {border: solid 4px #0e76bc; border-radius: 4px;}

.but {display: block; width: 200px; margin: 30px auto 0; padding: 10px; text-align: center; text-transform: uppercase; font-size: 16px; border-radius: 4px;}

#tab-container .etabs {padding: 0; margin: -30px 0 30px; text-align: center;}
#tab-container .etabs li {display: inline-block; margin: 0 5px;}
#tab-container .etabs li a {width: auto;}
#tab-container div {padding:20px;text-align: center;}
#tab-container div.active {display: inline-block !important;}
#tab-container div h3 {font-size: 24px;}

.head {position:absolute; z-index:9999; top:0; width:100%; overflow:auto; padding:20px 60px; text-transform:uppercase; background-color: #FFFFFF; border-bottom:1px solid}
.head .logo {float:left; width:14%; min-width:200px;}
.head .nav {color:#0e76bc; right:60px; letter-spacing:1px;}
.head .nav a {color:#0e76bc;}
.head .nav ul {list-style:none; margin:0; padding:0;}
.head .nav ul li {display:inline-block; margin-left:40px;}
.slider {padding:8px; position:relative; overflow:hidden;}
.slider .arrow_d {position:absolute; bottom:-2px; left:0; right:0; margin:0 auto;}
.slider .ms-skin-default .ms-nav-next, .slider .ms-skin-default .ms-nav-prev {width:68px; height:164px; top:41% !important;}
.slider .ms-skin-default .ms-nav-next {right:-12px; background:url(images/arrow_s_r.png) right no-repeat;}
.slider .ms-skin-default .ms-nav-prev {left:-12px; background:url(images/arrow_s_l.png) left no-repeat;}
.slider a, .arrow_d:hover, .slider .ms-skin-default .ms-nav-next:hover, .slider .ms-skin-default .ms-nav-prev:hover {opacity:0.9 !important; cursor:pointer;}
.page-id-8 .slider img {display:none;}
.boxes {overflow:hidden; position:relative;}
.section {padding:50px 60px 60px;}
#resturants .box {padding: 30px 20px; margin: 2% 1%; width: 31%; display: inline-block; text-align: center; border-color: #0e76bc; color: #0e76bc; float: none;}
#resturants .box img {display: inline-block; margin: 10px 0; height: 90px; width: auto;}
#resturants .box h3 {margin: 10px 0 30px; }
#events .boxes {left:-20px;}
#events .box {background:url(images/event_border.gif) right center no-repeat; background-size:contain; margin:0 20px 0 0; border-left:solid 2px #0e76bc;}
#events .bx-wrapper {max-width:100% !important;  padding: 0 80px !important;}
#events .bx-wrapper .bx-viewport {border:0; box-shadow:none; left:0;}
#events .bx-wrapper .bx-controls-direction a {width:57px; height:154px; top:25%; z-index:999;}
#events .bx-wrapper .bx-prev {background:url(images/arrow_e_l.png) left no-repeat; left:0;}
#events .bx-wrapper .bx-next {background:url(images/arrow_e_r.png) right no-repeat; right:0;}
#events .box img, #events .box .txt {width:46%; font-size:11px; float:left;}
#events .box img {margin-left:20px;}
#events .box .txt {margin-left:2%;}
#events .box .txt .center_i {padding:25px 20px 0; top:0; transform:none;}
#events .box .txt strong {font-size:17px; padding:0 0 10px; margin:0 0 5px; border-bottom:solid 1px #0e76bc; display:inline-block;}
#events .box .txt a, #food .txt a, #vip a, .other_menus a {background-color:#0e76bc; color:#FFFFFF; display:inline-block; padding:5px 15px; text-transform:uppercase; font-size:10px;  -webkit-border-radius:60px/15px; -moz-border-radius:60px/15px; border-radius:60px/15px;}
.img_section {position:relative; overflow:hidden;}
.img_section img, .slider .s_txt {left:0; right:0; margin:auto; max-width:25%; min-width:250px;}
.story {overflow: hidden; position: relative; padding-left: 150px;}
#del_food, #del_food_l, #del_food_r {background:url(images/del-food.jpg) center fixed no-repeat; background-attachment: fixed; background-size:cover;}
#del_food_l {position: absolute; left: 0; top: 0; height: 300px; width: 300px; border-radius: 360px; z-index: 2; background-size:105%; background-attachment: scroll;}
#del_food_r {height: 300px; padding-left: 150px;}
#food .box, #contact .box {float:left; width:49%; margin:0 0.5%;}
#food .images p {margin:0;}
#food .images img {width:32.5%; display:inline-block; margin:0.5% 0.5% 0 0; float:left;}
#food .txt {margin-left:0; background:url(images/food_border.gif) center no-repeat; background-size:contain;}
#food .txt h2 {margin:0 20px 10px; padding-bottom:10px; border-bottom:solid 1px #0e76bc; display:inline-block;}
#food .txt p {padding:0 10%;}
#food .txt a, #vip a, .other_menus a {font-size:15px; padding:10px 15px;-webkit-border-radius:60px/20px; -moz-border-radius:60px/20px; border-radius:60px/20px; min-width:120px;}
#van_vip {background:url(images/wood.jpg) center fixed no-repeat; background-size:cover;}
#vip strong {font-size:56px; margin:0; padding:10px 0; letter-spacing:4px;}
#contact {background-color:#0e76bc; color:#FFFFFF;}
#contact h1 {color:#FFFFFF; border-top:solid 1px #ffffff; border-bottom:solid 1px #ffffff;}
#contact .box {margin:0; padding:0 20px; width:50%;}
#contact .hours, #contact .add {font-size:12px; line-height:14px; letter-spacing:3px;}
#contact .hours {text-align:right; border-right:1px solid #FFFFFF;}
#contact .add {text-align:left;overflow-wrap: break-word;
  word-wrap: break-word;word-break: break-all;word-break: break-word;}
#contact a {color:#FFFFFF;}
#contact strong {font-size:16px;}
.foot {font-size:12px; padding:20px 40px; overflow:auto;}
.foot .copy {float:left;}
.foot .mercury {float:right;}
#menus {padding-top:30px; font-size:14px;}
.page-id-8 #menus {padding-top:130px;}
#menus h1 {margin:40px 0;}
#menus h1.title {margin-top: 0; font-size: 30px;}
#menus .boxes {max-width:1050px; margin:auto;}
#menus .boxes .box {width:50%; float:left; padding:0 20px; text-align:left;}
#menus .boxes .ezcol {text-align:left;}
#menus .boxes .box strong {font-size:16px; display:block; border-bottom:solid 1px #0e76bc; padding:10px 0 5px; margin-bottom:5px; overflow:auto;}
#menus .boxes .box strong .price {float:right;}
#menus .boxes .box .title {text-align:center;}
#sandwiches {background:url(images/sandwiches.jpg) center fixed no-repeat; background-size:cover;}
#van_mains {background:url(images/van_mains.jpg) center fixed no-repeat; background-size:cover;}
.other_menus a {margin:5px;}

#menus .para {height: 350px; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; margin: 40px -60px 0;}
#menus .news .boxes {max-width: none;}
#menus .news .boxes .box {width: 31%; margin: 1%; display: inline-block; vertical-align: top; text-align: center; font-size: 110%; padding: 0 0 20px;}

.page-id-16 .callouts {display: none;}

#del_food, #del_food_r {min-height: none; padding: 80px 0; color: #FFFFFF; font-size: 26px; text-shadow: 2px 2px 5px #000;}
#del_food h2, #del_food_r h2 {color: inherit; text-transform: uppercase; margin-top: 0;}
#del_food p a, #del_food_r p a {display: none;}
#del_food .but, #del_food_r .but {text-shadow: none;}
strong {font-weight:700;}
#del_food_r {padding: 40px 0 0 150px;}

.news {display:none;}

@media (max-width: 1200px) {
	.head {position:relative !important; text-align:center;}
.head .logo {float:none; margin:auto;}
#wprmenu_bar {z-index:99999999 !important;}
.page-id-8 #menus {padding-top:30px;}
}
@media (max-width: 1000px) {
	#food .box img {width:49%;}
	#food .txt {background:none; border:solid 1px #0e76bc;}
#resturants .box, #menus .news .boxes .box {width:90%;}

}
@media (max-width: 800px) {
	#food .box img {opacity:0;}
	#food .box {position:absolute; left:9999px; float:none;}
	#food .txt {border: none; position:relative; left:0; width:auto; margin:0;}
	#menus .boxes .box {width:auto; float:none;}
.story {padding-left:0;}
	#del_food_l {display:none;}
#del_food_r {padding:40px 10px; height:auto;}
#contact .hours, #contact .add {width:100%; text-align:center;}
#contact .hours {padding-bottom:20px; border-right:0;}
}
@media (max-width: 600px) {
	.head {padding:20px !important;}
	#contact .box {float:none; width:auto; max-width:300px; margin:auto; border:0; text-align:center;}
	#contact .hours {padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #FFFFFF;}
	.foot .copy, .foot .mercury {float:none;}
	.foot .copy {margin-bottom:10px;}
	/*#events, #menus {padding-top:130px;}*/
	#events .boxes {left:0}
	#events .box {background:none;border-left:0;}
	#events .bx-wrapper img {display:none;}
	#events .box .txt {float:none; width:auto; min-height:200px;}
	#events .box .txt .center_i {padding:0;}
	
	
@media (max-width: 400px) {
	#events .box .txt {height:300px;}
	.head .logo {min-width:120px !important;}
#resturants .box img {width:100%; height:auto;}
.but {width:95%;}
.section {padding-left:20px;padding-right:20px;}
#menus .para {margin-left:-20px;margin-right:-20px;}
h1, #vip strong, .tab-container h3 {font-size:16px;}
}