/* Theme Name: abarbistro Theme URI: http://design-image.co.uk Author: Design Image Author URI: http://design-image.co.uk Description: Design Image for abarbistro 2016 Version: 2.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: abarbistro Tags: /*-------------------------------------------------------------- ## Animate --------------------------------------------------------------*/ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .page-id-2679 .page-title-wrap { padding-bottom: 0!important; } .float { float: left; width: 100%; } .text-box { padding: 20px 0; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } .wow { visibility: hidden; } /*-------------------------------------------------------------- ## Flexslider --------------------------------------------------------------*/ @font-face{font-family:'flexslider-icon';src:url('fonts/flexslider-icon.eot');src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');font-weight:normal;font-style:normal}.flex-container a:hover,.flex-slider a:hover{outline:none}.slides,.slides > li,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}.flexslider{margin:0;padding:0}.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden}.flexslider .slides img{width:100%;display:block}.flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .flexslider .slides{display:block}* html .flexslider .slides{height:1%}.no-js .flexslider .slides > li:first-child{display:block}.flexslider{margin:0 0 60px;background:#fff;border:4px solid #fff;position:relative;zoom:1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);-o-box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2);box-shadow:'' 0 1px 4px rgba(0, 0, 0, 0.2)}.flexslider .slides{zoom:1}.flexslider .slides img{height:auto;-moz-user-select:none}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0, 0, 0, 0.8);text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3);-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}.flex-direction-nav a:before{font-family:"flexslider-icon";font-size:40px;display:inline-block;content:'\f001';color:rgba(0, 0, 0, 0.8);text-shadow:1px 1px 0 rgba(255, 255, 255, 0.3)}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.flexslider:hover .flex-direction-nav .flex-prev{opacity:0.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:0.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0 !important;filter:alpha(opacity=0);cursor:default;z-index:-1}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:0.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0, 0, 0, 0.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3);-moz-box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3);-o-box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3);box-shadow:inset 0 0 3px rgba(0, 0, 0, 0.3);-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0, 0, 0, 0.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0, 0, 0, 0.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-moz-user-select:none;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}@media screen and (max-width: 860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}} /*-------------------------------------------------------------- ## Bootstrap --------------------------------------------------------------*/ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:'Lato',sans-serif;font-size:16px;line-height:1.42857143;color:#969696;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:22px;margin-bottom:22px;border:0;border-top:1px solid #fff}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}} /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body,button,input,select,textarea{color:#404040;font-family:sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}p{margin-bottom:1.5em}dfn,cite,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch", Courier, monospace;font-size:15px;font-size:0.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size:15px;font-size:0.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background:#fff}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ul,ol{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li > ul,li > ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:bold}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}table{margin:0 0 1.5em;width:100%}button,input[type="button"],input[type="reset"],input[type="submit"]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);color:rgba(0, 0, 0, .8);font-size:12px;font-size:0.75rem;line-height:1;padding:.6em 1em .4em;text-shadow:0 1px 0 rgba(255, 255, 255, 0.8)}button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02)}button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{border-color:#aaa #bbb #bbb;box-shadow:inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15)}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}select{border:1px solid #ccc}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#111}textarea{width:100%}.main-navigation{clear:both;display:block;float:left;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.main-navigation li{float:left;position:relative}.main-navigation a{display:block;text-decoration:none}.main-navigation ul ul{box-shadow:0 3px 3px rgba(0, 0, 0, 0.2);float:left;position:absolute;top:1.5em;left:-999em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul a{width:200px}.main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul{left:auto}.main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul{left:100%}.menu-toggle,.main-navigation.toggled ul{display:block}@media screen and (min-width: 37.5em){.menu-toggle{display:none}.main-navigation ul{display:block}}.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{float:left;width:50%}.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{float:right;text-align:right;width:50%}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#content[tabindex="-1"]:focus{outline:0}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{content:"";display:table;table-layout:fixed}.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.sticky{display:block}.hentry{margin:0 0 1.5em}.byline,.updated:not(.published){display:none}.single .byline,.group-blog .byline{display:inline}.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:0.8075em 0}.wp-caption-text{text-align:center}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block} /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #4b494a; transition: all 0.3s; } a:visited { color: #4b494a; } a:hover, a:focus, a:active { color: #4b494a; } a:focus { outline: none; } a:hover, a:active { outline: 0; } /*-------------------------------------------------------------- ## Flexible --------------------------------------------------------------*/ .bg-wrap { float: left; width: 100%; } .bg-wrap.right .text-wrap { float: right; } .bg-wrap.center .text-wrap { width: 100%; max-width: 100%; float: left; min-height: 400px; height: 200px; } .bg-wrap.center { padding: 120px 0; } .bg-wrap.center .text-wrap-inner { max-width: 968px; } .text-wrap p { color: #fff; } .text-wrap { float: left; width: 100%; min-height: 660px; background: rgba(0,0,0,0.5); color: #fff; position: relative; text-align: center; max-width: 600px; display: -ms-flexbox; display: -webkit-flex; display: flex; /* Center vertically */ align-items: center; /*Center horizontaly */ justify-content: center; /*Center horizontaly ie */ -ms-flex-pack: center; min-height: 660px; height:100px; min-height: 660px; height:120px; } .text-wrap-inner { padding: 40px; } .yellowbg { background: #8ea4a7; text-align: center; color: white; } .yellowbg h1, .yellowbg, h2, .yellowbg h3, .yellowbg p { color: white; } /*-------------------------------------------------------------- ## Careers Page --------------------------------------------------------------*/ .jobs-post { text-align: center; color: #fff; } .jobs-post p, .jobs-post h2 { color: #fff; } #jobs-wrap .jobs-post { background: #876750; } #jobs-wrap .jobs-post:nth-child(2n) { background: #C6AA78; } #jobs-wrap .jobs-post:nth-child(3n) { background: #8ea4a7; } #jobs-wrap .jobs-post:nth-child(4n) { background: #876750; } .jobs-post:nth-child(3n) p, #jobs-wrap .jobs-post:nth-child(3n) h2, #jobs-wrap .jobs-post:nth-child(3n) .start-date { color: #636363; } .jobs-post .event-title { margin: 0; margin-bottom: 10px; } .jobs-post a.btn:hover { color: #876750; } #jobs-wrap .jobs-post:nth-child(2n) a.btn:hover { color: #876750; } #jobs-wrap .jobs-post:nth-child(3n) a.btn:hover { color: #8ea4a7; background: #876750; } #jobs-wrap .jobs-post:nth-child(3n) a.btn { color: #876750; border-color: #876750; } .recaptcha { float: left; text-align: center; margin-bottom: 15px; } /*-------------------------------------------------------------- ## Fancybox --------------------------------------------------------------*/ .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(fancybox_loading.gif) center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url(blank.gif);-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;max-width:99999px;max-height:99999px;overflow:visible !important}.fancybox-lock{overflow:visible !important;width:auto}.fancybox-lock body{overflow:hidden !important}.fancybox-lock-test{overflow-y:hidden !important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(fancybox_overlay.png)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8)}@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(fancybox_loading@2x.gif);background-size:24px 24px}} /*-------------------------------------------------------------- ## General --------------------------------------------------------------*/ .embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; float: left; width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .parallax { background-attachment: fixed !important; } .text-gold { color: #4b494a; } ::selection { background: #4b494a; /* WebKit/Blink Browsers */ color: #fff; } ::-moz-selection { background: #4b494a; /* Gecko Browsers */ color: #fff; } .text-white {color: #fff;} .padding-top-bottom-10 { padding-top: 10px; padding-bottom: 10px; } .padding-top-bottom-15 { padding-top: 15px; padding-bottom: 15px; } .uppercase {text-transform: uppercase;} .bold {font-weight: bold;} .line h2, .line h3, .line h1 { width:100%; text-align:center; border-bottom: 1px solid #4b494a; line-height:0.1em; margin:10px 0 20px; } .line h2 span, .line h3 span, .line h1 span { background:#fff; padding:0 10px; } .line.grey h2, .line.grey h3, .line.grey h1 { border-color: #636363; } .text-grey { color: #636363; } .line { margin: 30px 0; float: left; width: 100%; } .main-title { margin-top: 50px; } h1 { font-size: 2.6em; } h2 { font-size: 2.1em; } article { float: left; width: 100%; } /*-------------------------------------------------------------- ## Header --------------------------------------------------------------*/ /* Menu */ #menu { float: left; width: 100%; background: #4b494a; text-transform: uppercase; transition: all 0.5s; } #menu.cloned { box-shadow: 0 0 6px #444; } #menu-toggles, #menu-close { display: none; } #menu.show { left: 0; top: 0; } #menu ul { margin: 0; padding: 0; text-align: center; } #menu ul li { display: inline-block; margin: 10px 0; } #menu ul li a { color: #fff; padding: 12px; transition: all 0.3s; } #menu ul li a:hover { background: #fff; color: #4b494a; } div#menu.cloned { visibility: visible; } body { width: 100%; height: 100%; } .slideout-menu { position: fixed; left: 0; top: 0; bottom: 0; right: 0; z-index: 0; width: 256px; overflow-y: auto; -webkit-overflow-scrolling: touch; display: none; } .slideout-panel { position:relative; z-index: 1; will-change: transform; } .slideout-open, .slideout-open body, .slideout-open .slideout-panel { overflow: hidden; } .slideout-open .slideout-menu { display: block; } /*-------------------------------------------------------------- ## Footer --------------------------------------------------------------*/ .fab-container { margin: 1em; position: fixed; bottom: -72px; right: 0; z-index: 20; } .fab { width: 56px; height: 56px; border-radius: 50%; box-shadow: 0 1.5px 4px rgba(0, 0, 0, 0.24), 0 1.5px 6px rgba(0, 0, 0, 0.12); position: relative; cursor: pointer; transition: .3s; background: #4b494a; } .top { background: #4b494a url(images/up.svg) center no-repeat; } .fab:before { content: attr(tooltip); background: #4b494a; padding: 4px 8px; border-radius: 2px; position: absolute; top: 16px; right: 100%; color: white; opacity: 0; visibility: hidden; white-space: nowrap; transition: .3s; font-family: 'Century Gothic'; text-transform: uppercase; display: none; } .fab:hover { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2), 0 3px 8px rgba(0, 0, 0, 0.12); background-color: #4b494a; } .fab:hover:before { right: 110%; opacity: 1; visibility: visible; } .footer-info { background: #000 url(/wp-content/uploads/2025/06/A-Bar_-MAY2025_©Matt_Sills_0811.jpg); background-size: cover; background-repeat: no-repeat; background-attachment: fixed; float: left; width: 100%; padding: 80px 0; text-align: center; overflow-x: hidden; } .footer-info * { color: #fff; } .footer-info div.wpcf7-mail-sent-ok { color: #fff !important; } .footer-info .fancy span:before, .footer-info .fancy span:after { width: 75px; top: 10px; } #designed-by { text-align: right; } .main-footer a { color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; transition: all 0.3s; } .main-footer a:hover { color: #f0f0f0; } /* Social Icons */ .social-icon { display: inline-block; margin: 0 10px; } .social-icon a { color: #8ea4a7; font-size: 1.8em; transition: all 0.3s; display: block; } .social-icon a:hover { -webkit-transform: scale(0.9); transform: scale(0.9); opacity: 0.8; display: block; } #opening-times p { margin: 8px 0; } .page-template-contact-template #contact-form { max-width: 400px; margin: 0 auto; } #contact-form input[type="text"], #contact-form input[type="email"], #contact-form input[type="tel"], #contact-form textarea { width: 100%; margin-bottom: 10px; border-radius: 0; font-family: 'Century Gothic'; transition: all 0.3s; padding: 6px; border: 2px solid transparent; } .page-template-contact-template #contact-form input[type="text"], .page-template-contact-template #contact-form input[type="email"], .page-template-contact-template #contact-form input[type="tel"], .page-template-contact-template #contact-form textarea { border: 1px solid #9a9a9a; } .page-template-contact-template #contact-form input[type="text"]:focus, .page-template-contact-template #contact-form input[type="email"]:focus, .page-template-contact-template #contact-form input[type="tel"]:focus, .page-template-contact-template #contact-form textarea:focus { border: 1px solid #4b494a; } .page-template-contact-template #contact-form input[type="submit"] { border: 1px solid #737373; color: #737373; } .page-template-contact-template #contact-form input[type="submit"]:hover { border: 1px solid #737373; color: #fff; background: #737373; } #contact-form input[type="text"]:focus, #contact-form input[type="email"]:focus, #contact-form input[type="tel"]:focus, #contact-form textarea:focus { border: 2px solid #4b494a; outline: none; } #contact-form input[type="submit"]:focus { outline: none; } #contact-form input[type="submit"] { transition: all 0.3s; border: 1px solid #fff; background: transparent; padding: 10px 25px; text-transform: uppercase; color: #fff; text-transform: uppercase; border-radius: 0; text-shadow: none; box-shadow: none; font-family: 'Century Gothic'; font-size: 1.2em; } #contact-form textarea { resize: none; } #contact-form input[type="submit"]:hover { background: #fff; color: #000; } #contact-form p { margin: 0; } .main-footer { background: #4b494a; color: #fff; padding: 20px 0; float: left; width: 100%; } /*-------------------------------------------------------------- ## Home Page --------------------------------------------------------------*/ #latest-news p, #latest-news h2, #latest-news { color: #fff; } .latest-news-section { float: left; width: 100%; padding: 20px 0; } .latest-news-section p { margin-bottom: 0; } #latest-news h2 { font-size: 1.6em; } .latest-news-post { padding: 80px 40px; flex-basis: 33.33%; text-align: center; } #latest-news { float: left; width: 100%; } #latest-news .fluid-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: visible; position:relative; } #latest-news .latest-news-post:first-child { background: #628799; } #latest-news .latest-news-post:nth-child(2) { background: #8ea4a7; } #latest-news .latest-news-post:last-child { background: #85B7CE; } /*-------------------------------------------------------------- ## Contact Us Page --------------------------------------------------------------*/ .acf-map { width: 100%; height: 600px; } .recaptcha { float: left; width: 100%; } .recaptcha .wpcf7-form-control-wrap { margin: 0 auto; display: block; width: 100%; max-width: 304px; } /* fixes potential theme css conflict */ .acf-map img { max-width: inherit !important; } #contact-page [class*='col-'] { padding-top: 40px; } /*-------------------------------------------------------------- ## News Posts --------------------------------------------------------------*/ .fancy { line-height: 0.5; text-align: center; overflow-x: hidden; } .fancy span { display: inline-block; position: relative; text-shadow: 2px 1px 10px #000; } .fancy span:before, .fancy span:after { content: ""; position: absolute; height: 1px; background: #fff; top: 15px; width: 250px; box-shadow: 1px 2px 2px #000; } .fancy span:before { right: 100%; margin-right: 15px; } .fancy span:after { left: 100%; margin-left: 15px; } .section { float: left; width: 100%; padding: 60px 20px; } .section-small { float: left; width: 100%; padding: 20px 20px; } .promotion { padding: 40px 20px; } img.icon { max-height: 250px; } .promotion .container { background-repeat: no-repeat !important; background-size: contain !important; } .section.event-post { padding: 110px 20px; } .text-center { text-align: center; } .section.news-post { text-align: center; color: #fff; background: #628799; } .news-post * { color: #fff; } .footer-info #contact-form * { color: #636363; } .news-post a.btn { margin-top: 40px; } .news-title { margin-bottom: 10px; } .news-posts .news-post:nth-child(2n) { background: #8ea4a7; } div.wpcf7-mail-sent-ok { background: #398f14; color: #fff; } .news-posts .news-post:nth-child(3n) { background: #85B7CE; } div.wpcf7-validation-errors { border: 2px solid #f7e700; background: #f7e700; } .share { float: left; width: 100%; text-align: center; display: block; margin-bottom: 40px; } .nav-links a { margin-bottom: 40px; } .share i { margin: 5px; font-size: 2em; } .share a { transition: all 0.3s; } .share a:hover , .share a:focus { text-decoration: none; border: none; opacity: 0.8; } .share .facebook i { color: #355089; } .share .twitter i { color: #55acee; } .share .pinterest i {color: #C92228;} .share .google-plus i {color: #dd4b39;} .news-posts { float: left; width: 100%; } .section.event-post { text-align: center; color: #fff; background: #628598; } .event-post .start-date { font-size: 1.5em; font-weight: bold; } .section.event-post.yellow { background: #8ea4a7; } .section.event-post.blue { background: #628799; } .section.event-post.brown { background: #C6AA78; } .section.event-post.brown h1, .section.event-post.brown p, .section.event-post.brown h2, .section.event-post.brown .start-date { color: #fff; } .section.event-post.blue h1, .section.event-post.blue p, .section.event-post.blue h2, .section.event-post.blue .start-date { color: #fff; } .section.event-post.yellow h1, .section.event-post.yellow p, .section.event-post.yellow h2, .section.event-post.yellow .start-date { color: #636363; } .event-post .event-title { margin-top: 0; margin-bottom: 10px; letter-spacing: 3px; } .event-content p { font-size: 1.2em; } .event-icon img { max-height: 120px; max-width: 120px; } .event-icon { margin-bottom: 20px; } a.btn, .btn, .nav-links a { display: inline-block; padding: 5px 15px; color: #fff; border: 1px solid #fff; border-radius: none; transition: all 0.3s; text-transform: uppercase; } .btn.gold, a.btn.gold, .nav-links a { border: 1px solid #4b494a; color: #4b494a; } .btn.grey, a.btn.grey, .yellow a { border: 1px solid #636363; color: #636363; } a.btn:hover, .btn:hover, .btn.white:hover, a.btn.white:hover { background: #fff; color: #628598; } a.btn.white:hover, .btn.white:hover { color: #636363; } .btn.gold:hover, a.btn.gold:hover, .nav-links a:hover { background: #4b494a; color: #fff; } .btn.grey:hover, a.btn.grey:hover, .yellow a:hover { background: #636363; color: #fff; } a:hover { text-decoration: none; } .posts-navigation { float: left; width: 100%; } .slide-caption { width: 100%; background: rgba(0,0,0,0.3); overflow-x: hidden; color: #fff; padding: 25px 0; font-size: 1.4em; text-shadow: 1px 2px 2px #000; } .slide-caption img { max-width: 550px; } .logo-top { position: absolute; top: 40px; left: 0; right: 0; } .home-logo { max-height: 350px; } .logo-top img { max-height: 250px; max-width: 450px; } #page-numbers { float: left; width: 100%; text-align: center; padding: 40px 0; } #page-numbers a { color: #C5AB7D; padding: 10px; border: 1px solid #C5AB7D; transition: all 0.3s; } #page-numbers { color: #C5AB7D; } #page-numbers a:hover { color: #fff; background: #C5AB7D; } a:focus { outline: none; text-decoration: none; } .page-title { float: left; width: 100%; } ul.displaymenu,ul.key{list-style:none;padding:0; margin: 0;} ul.displaymenu li{padding:3px 5px;overflow:hidden;min-height:25px;font-size:1.1em; margin-bottom: 20px;} ul.displaymenu li:nth-child(even){color: #4b494a;} ul.displaymenu li div{float:left} .vegetarian,.glutenfree{float:left;margin-right:5px;display:block;border-radius:50%;width:25px;height:25px;background:#729a66;text-align:center;line-height:24px;font-size:12px;font-weight:bold;color:#fff} .glutenfree{background:#88694f} ul.displaymenu li .item{width:67%} ul.displaymenu.winelist li .item{width:55%; text-transform: capitalize;} ul.displaymenu.winelist li .item em{font-size:90%} ul.displaymenu li .price{width:20%;float:right;margin-left:5px;font-weight:bold} ul.displaymenu.winelist li .price{float:left;margin:0;width:13%} ul.displaymenu.winelist li .price.glass{width:18%} ul.key{overflow:hidden;width:100%;clear:both} ul.key li{float:left;margin-right:20px; font-size: 1.2em; font-weight: bold;} ul.key.winelist{width:44%;padding-left:54.5%} ul.key.winelist li.glass,ul.key.winelist li.bottle,ul.key.winelist li.togo{width:27%;margin:0} ul.key.winelist li.glass{width:39%} .winekey { margin: -2.5em 5px 0; float: left; width: 100%; } .wine-title { float: left; width: 100%; margin-bottom: 60px; margin-top: 20px; font-size: 0.8em; } ul.key.winelist { float: left; width: 100%; } ul.displaymenu.winelist li .item em { text-transform: capitalize; } #menu li.current_page_item a { color: #4b494a; background: #fff; } .after-menu p:before { display: none; } .after-menu { padding: 40px 20px; } .menu-wrap .menu-item-wrap:nth-child(even) * { color: #4b494a; } .menu-wrap .menu-item-wrap:nth-child(even) p:before { border-bottom: 2px dotted #4b494a !important; } /*-------------------------------------------------------------- ## Menu Page --------------------------------------------------------------*/ #menus p { background: inherit; margin: 0 auto; font-size: 1.2rem; line-height: 1.5rem; padding-right: 4rem; margin-bottom: .5rem; position: relative; color: #636363; } .menu-description { color: #636363; } #menus p:before { content: ''; position: absolute; bottom: .4rem; width: 100%; height: 0; line-height: 0; border-bottom: 2px dotted #636363; } .menu-item-wrap { float: left; width: 100%; margin-bottom: 30px; } #menus .descripcion { background: inherit; display: inline; z-index: 1; padding-right: .2rem; background: #fff; position: relative; } #menus .precio { background: inherit; position: absolute; min-width: 3rem; bottom: 0; right: 0; padding-left: .2rem; text-align: right; z-index: 2; background: #fff; } .menu-wrap { padding-top: 40px; } #menus .precio:after { content: ''; } .menu-section-header { border-bottom: 1px solid #eee; color: #333; font-size: 20px; font-weight: bold; margin-top: 30px; text-transform: uppercase; padding-bottom: 5px; } .menu-cta-button { background-color: #8ea4a7; border: 2px solid #8ea4a7; border-radius: 4px; color: white!important;; display: inline-block; margin: 20px 0 40px; padding: 12px 24px; text-decoration: none; transition: all 0.5s; } .menu-cta-button:hover { background-color: white; color: #8ea4a7!important; } /*-------------------------------------------------------------- # Gallery --------------------------------------------------------------*/ .gallery-image { float: left; width: 20%; position: relative; overflow-y: hidden; } .image-gallery { float: left; width: 100%; margin: 0; } .gallery-image img { width: 100%; display: block; } .caption-gallery { position: absolute; bottom: 0; background: rgba(0,0,0,0.7); width: 100%; padding: 20px; opacity: 0; transition: all 0.6s; } .caption-gallery p { margin: 0; color: #4b494a; font-weight: normal; font-style: normal; } #lightcase-info { font-family: 'Avenir Book'; font-weight: normal; font-style: normal; } .gallery-image:hover .caption-gallery { opacity: 1; } .fancybox-skin { padding: 5px !important; } .fancybox-title-float-wrap .child { background: transparent; font-size: 2em; } /*-------------------------------------------------------------- ## General --------------------------------------------------------------*/ @font-face { font-family: 'Century Gothic'; src: url('fonts/CenturyGothic.eot'); src: url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), url('fonts/CenturyGothic.woff') format('woff'), url('fonts/CenturyGothic.ttf') format('truetype'); font-weight: normal; font-style: normal; } .century, body, * { font-family: 'Century Gothic'; font-weight: normal; font-style: normal; } h1, h2, h3, h4, h5, h6, p { color: #636363; } .medium { max-width: 968px; } .entry-content, article, .hentry { margin: 0; } .noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .logo-404 { max-width: 350px; display: block; width: 100%; } .vcenter { display: table; height: 100%; width: 100%; } .vcenter-inner { display: table-cell; text-align: center; vertical-align: middle; } .down-arrows svg { max-width: 60px; width: 100%; height: auto; -moz-animation: bounce 2.5s infinite; -webkit-animation: bounce 2.5s infinite; animation: bounce 2.5s infinite; transition: all 0.3s; max-height: 60px; } .down-arrows path { transition: all 0.3s; } .down-arrows:hover svg path { fill: #4b494a; } .page-header { float: left; width: 100%; } .down-arrows { position: absolute; z-index: 10; bottom: 70px; left: 0; right: 0; margin: 0 auto; width: 60px; cursor: pointer; } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-30px); transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); } } .site-information { background-color: #8ea4a7; color: #fff; font-size: 20px; padding: 20px; text-align: center; width: 100%; z-index: 10; } @media (max-width: 992px) { .site-information { font-size: 14px; position: relative; top: 30px; } } /*-------------------------------------------------------------- ## Media Queries --------------------------------------------------------------*/ @media (max-width: 1400px) { .slide-caption img { max-width: 480px; } } @media (min-width: 1200px) { .admin-bar .header-image { height: calc(100vh - 76px); } .admin-bar div#menu.cloned { top: 32px !important; } } /* Large Devices, Wide Screens */ @media only screen and (max-width : 1200px) { .parallax, .bg-wrap { background-attachment: scroll !important; background-position: center center !important; } .gallery-image { width: 33.33%; } } /* Medium Devices, Desktops */ @media only screen and (max-width : 992px) { .header-image { height: 700px; background-attachment: scroll !important; } .footer-info { background-attachment: scroll; } #menu { position: fixed; top: 0; left: 0; height: 100%; background: RGBA(197, 171, 125, 0.9); z-index: 20; top: -100%; box-shadow: 0 0 10px #777; padding: 20px; width: 100%; overflow-y: auto; } #menu ul { max-width: 300px; margin: 0 auto; } .menu-open { overflow-y: hidden; } #menu-toggles { display: block; float: left; width: 100%; padding: 10px; text-align: center; background: #C5AB7D; color: #fff; text-transform: uppercase; position: fixed; top: 0; z-index: 20; } #content { margin-top: 44px; } #menu li.current_page_item a { font-weight: bold; background: transparent; color: #fff; } #menu-close { color: #fff; font-size: 1.4em; padding: 10px; } #menu ul li a, #menu ul li { display: block; width: 100%; } .logo-top img { max-width: 350px; } #menu-close { display: block; } .footer-info [class*='col-'] { margin-bottom: 40px; transition: all 0.3s; } .footer-info { padding: 40px 0; background: #000; } #copyright { margin-bottom: 20px; } #copyright, #designed-by { text-align: center; } #latest-news .fluid-container { float: left; width: 100%; display: block; } .icon.two { display: none; } img.icon { max-height: 120px; } } /* Small Devices, Tablets */ @media only screen and (max-width : 768px) { .header-image { height: 400px; } .slide-caption img { max-width: 300px; } .logo-top img { max-width: 250px; } .caption2 { vertical-align: bottom; } .slide-caption { font-size: 1.2em; } .acf-map { height: 400px; } .bg-wrap.center .text-wrap { min-height: 100%; height: 100%; } .section.event-post { padding: 40px 20px; font-size: 0.85em; } ul.displaymenu.winelist li .price { width: 15%; } ul.displaymenu.winelist li .price.glass { width: 25%; } ul.displaymenu.winelist li .item { width: 45%; padding-right: 15px; } ul.key.winelist { padding-left: 45%; } .winekey { margin-top: 20px; margin-bottom: 20px; } ul.key li { font-size: 1em; } ul.displaymenu li { font-size: 1em; } .wine-title { margin-bottom: 0; padding: 0 20px; } .down-arrows { display: none; } .gallery-image { width: 50%; } } /* Extra Small Devices, Phones */ @media only screen and (max-width : 480px) { .bg-wrap.center { padding: 60px 0; } .social-icon a { font-size: 1.4em; } .text-wrap-inner { padding: 20px; } .acf-map { height: 350px; } .social-icon { margin: 0; } .news-post h2 { font-size: 1.5em; } .slide-caption img { max-width: 250px; } #designed-by span { display: block; width: 100%; text-align: center; } .line h2, .line h3, .line h1 { line-height: inherit; margin: 0; } #menus .descripcion { display: block; position: relative; width: 100%; } #menus p { padding: 0; } #menus .precio { display: block; position: relative; width: 100%; text-align: left; padding: 0; margin-top: 5px; font-size: 0.9em; } #menus p:before { display: none; } .text-wrap { min-height: auto; height: 100%; } .bg-wrap .fancy { line-height: 1; } h1 { font-size: 2.3em; } } /* Custom, iPhone Retina */ @media only screen and (max-width : 340px) { ul.displaymenu li { font-size: 0.9em; } ul.key li { font-size: 0.8em; } ul.key.winelist { padding-left: 44%; } } @media (min-width: 1280px) and (max-width: 1380px) { .slide-caption img { max-width: 450px; } } /* SISTER SITES */ #sisters { background: #8ea4a7; color: #fff; text-align: center; padding: 50px 0px; font-family: 'Savu'; clear: both; } #sisters img { display: block; margin: auto; } #sisters p { color: #fff; margin: 0px; font-size: 38px; } #sisters h1 { width: 100%; text-align: center; line-height: 1.2em; margin: 10px 0 20px; color: #fff; } #sisters h1 span { background: #8ea4a7; padding: 0 10px; } #sisters .links { padding-top: 20px; } .caption-gallery{ display: none !important; } .gallery-image:hover .caption-gallery { opacity: 0 !important; } .fancybox-opened .fancybox-title { visibility: hidden !important; } /* Camber Events section */ .camber-events-section { background: #f5f2ee; } .camber-events-section .line h2 span { background: #f5f2ee; } .camber-events-row { margin-top: 20px; } .camber-event-col { margin-bottom: 30px; } .camber-event-card { background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.08); overflow: hidden; } .camber-event-image img, .camber-event-placeholder { width: 100%; aspect-ratio: 540 / 200; object-fit: cover; display: block; } .camber-event-placeholder { background: #d8d3cc; } .camber-event-body { padding: 20px; text-align: center; } .camber-event-body .btn { border-color: #4b494a !important; color: #4b494a !important; } .camber-event-body .btn:hover { background: #4b494a !important; color: #fff !important; } .camber-event-title { font-size: 1.1em; margin: 0 0 8px; text-transform: uppercase; } .camber-event-date { font-size: 0.9em; color: #969696; margin: 0 0 15px; }