/*
Theme Name: Beck & Caul
Theme URI: http://www.beckandcaul.co.nz
Author: Beck & Caul
Version: 1.0
                           
*/

@import url("https://use.typekit.net/mrk8gdb.css");

:root{
    --darkcream: #F1E8D3;
    --cream: #FAF1DD;
    --green: #39ADA9;
    --red: #C11D2A;  
}



/* =Reset default browser CSS. 
-------------------------------------------------------------- */
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;	
	font-family: montserrat, sans-serif;	font-size: 16px;	line-height: 1.4em;
	
}
strong, b{ font-weight:600; }

input:-webkit-autofill,input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active  {
    			-webkit-box-shadow: 0 0 0 0 white inset !important;
			}
			/*Change text in autofill textbox*/
			input:-webkit-autofill {-webkit-text-fill-color: #020202 !important;-webkit-animation-name: autofill;-webkit-animation-fill-mode: both;}
			@-webkit-keyframes autofill {    to {  color: #FFF;        background: #383838;   } }
			input:-internal-autofill-selected, input:-webkit-internal-autofill-selected {appearance: menulist-button;background-color: rgb(101 101 101) !important;background-image: none !important;color: -internal-light-dark(black, white) !important;}


html, body {position:relative;/* overflow-x:hidden; */width:100%;height: 100%; background: black;}

p {margin-bottom:10px;}
h1, h2, h3, h4, h5, h6 {
	clear: both; font-family: mokoko, serif;
}
.intro_text, .intro_text *{ font-size:1.375rem; }

img{ max-width:100%;}
h1{
	font-size:5.1rem;
	font-weight: 900;
}
h2{
	font-size:2.625rem;
	font-weight: 900;
}
h3{
	font-size:1.25rem;
	font-weight: 900;
}
h4{
	font-size:1.1rem;
	font-weight: 900;
}
.page-id-635 strong{ font-weight:bold; }
.page-id-635 h4{font-weight:bold;margin-bottom:10px;font-size: 1.1rem;}
.page-id-635 p{ padding-bottom:20px;}
ol, ul{ margin-left:20px; padding-left:5px; }

blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.logo{
	position: relative;
	left: 50%;
	top: 50%;
	height: 95px;
	width: 120px;
	background: url(img/logo.svg);
	background-size: contain;
	background-repeat: no-repeat;
	transform: translate(-50%, -50%);
	display: block;
	background-position: center;
	}	
.logo-inside{
	position: relative;
	left: 50%;
	top: 50%;
	height: 95px;
	width: 120px;
	background: url(img/logo-inside.svg);
	background-size: contain;
	background-repeat: no-repeat;
	transform: translate(-50%, -50%);
	display: block;
	background-position: center top;
	padding-bottom:30px;
	}
.avonhead_tavern .logo-inside{ background: url(img/logo-avonhead-tavern.svg); width:114px; height:74px; background-size: contain; background-repeat: no-repeat; background-position: center top;}
.the_turf .logo-inside{background: url(img/logo-the-turf.svg);width: 129px;height: 57px;background-size: contain;background-repeat: no-repeat; background-position: center top;}
.parklands .logo-inside:after{ display:block; background:var(--red); content:"PARKLANDS"; position:absolute; bottom:-20px; width:100%; text-align:center; color:#FFF; font-family: mokoko, serif; font-weight:900; padding:5px 0; font-size:.9rem}
.avonhead .logo-inside:after{ display:block; background:var(--green); content:"AVONHEAD"; position:absolute; bottom:-20px; width:100%; text-align:center; color:#FFF; font-family: mokoko, serif; font-weight:900; padding:5px 0; font-size:.9rem}

.button_text{ font-size:0.89rem; }
a:hover, a:link, a:visited{
	color:
	black;
	text-decoration:
	none;
}

.acf-map {
	width: 100%;
	height: 300px;
	border: #ccc solid 1px;
	margin: 20px 0;
}
#sending, #sent{display:none;}
input, select, textarea{box-sizing: border-box; font-family: inherit; font-size:inherit; }

#savetarget{ padding: 0; margin: 0; border: 0; display: block; width: 0; height: 0; }

.content{ width:100%;max-width: 1368px; position:relative; margin:0 auto; box-sizing:border-box;}
	.site-main {background:#FFF;padding:80px;top:-180px;z-index: 9;}
.clear{clear:both;}
.cl5{ height:5px;}
.cl10{ height:10px;}
.cl20{height:20px;}
.cl30{height:30px;}
.cl40{height:40px;}
.cl50{height:50px;}
.cl60{height:60px;}
.cl70{height:70px;}
.cl80{height:80px;}
.cl90{height:90px;}
.cl100{height:100px;}
.smartphoneonly{ display: none; }

div, input, span, svg, a.button, nav *, .bookingbutton{ transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
.mapdiv, .mapdiv div, div#map, #map div, .about_image{ transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }

::selection {
  background: var(--darkblue); /* WebKit/Blink Browsers */
  color:#FFF;
}
::-moz-selection {
  background: var(--darkblue); /* Gecko Browsers */
   color:#FFF;
}

.white_txt{ color:#FFF; }

a.button, .button{ display:inline-block; border:4px solid #FFF; color:#FFF; background:transparent;font-family: mokoko, serif; text-transform:uppercase;padding: 8px 24px; text-align:center;font-weight: 900;}
	.button *{ font-family: mokoko, serif; }
	.button:hover{ background:var(--red); }
.redbutton, a.redbutton, .fieldgroup input[type="submit"].redbutton{ background:var(--red); border:4px solid var(--red); }
	.redbutton:hover{ color:var(--red); background:transparent; }
.greenbutton, a.greenbutton, .fieldgroup input[type="submit"].greenbutton{ background:var(--green); border:4px solid var(--green); }
	.greenbutton:hover{ color:var(--green); background:transparent; }
.blackbutton, a.blackbutton{ background:black; border:4px solid black;}
	.blackbutton:hover, .fieldgroup input[type="submit"]:hover{background: #FFF;color: black;}

.blue-tail{ position:relative;display: inline-block;padding-right: 30px;}

.bookingbutton{display: block;width:128px;height:128px;background:url(img/booknow.svg);z-index:999;right: 90px;top: 60vh;position: fixed;background-size: contain;background-position: right bottom;background-repeat: no-repeat;}
	.bookingbutton:hover{ transform:scale(1.05)}
	.bookingbutton.bbnav-down{ top:85vh; }
	.page-id-11 .bookingbutton, .page-id-13 .bookingbutton{top: 70vh;}
.page-id-2 .bookingbutton{ display:none }

/*LANDING*/
	.page-template-landing{ background:black; }
	.page-template-landing .content{max-width:1060px;}
	.welcometitle{font-size:2rem;font-family: mokoko, serif;font-weight:900;text-align:center;color: #FFF;padding-top: 40px;}
	.page-template-landing .logo{ margin:0 auto; display:inline-block; width:264px; height:309px;position: relative;top: unset;left: 50%;transform: translateX(-50%);margin-top: 40px;}
	.landing_grid{ display:grid; grid-template-columns:1fr 2fr 1fr; margin-top:90px;}
	.lgm_text{ text-align:center; color:var(--red);font-family: mokoko, serif; font-weight:900;margin: 75px 0 85px; position:relative;font-size: 1.5rem;}
		.lgm_text:before{ content:""; width:32px; height:30px;background-image: url('img/icon-star.svg'); background-position:center; background-size:contain; display:block; position:absolute;z-index: 99; position:absolute; left:50%; top:-70px; transform:translateX(-50%);  }
		.lgm_text:after{ content:""; width:32px; height:30px;background-image: url('img/icon-star.svg'); background-position:center; background-size:contain; display:block; position:absolute;z-index: 99; position:absolute; left:50%; bottom:-70px; transform:translateX(-50%); }
	.lg_left, .lg_right{ text-align:center; }
		.lg_left .button, .lg_right .button{margin-bottom: 50px;}
	.lg_middle{position:relative; }
		.arrow_left{ position:absolute; width:168px; height:108px; background:url('img/arrow-left_animated.svg');background-repeat: no-repeat;background-size: contain;top: -20px;left: -20px;}
		.arrow_right{ position:absolute; width:168px; height:108px; background:url('img/arrow-right_animated.svg');background-repeat: no-repeat;background-size: contain;top: 60px;right: -40px;}

	.logo-the-turf{ display:inline-block;width: 271px; height:121px; background:url('img/logo-the-turf.svg'); background-position:50%; background-size:contain; background-repeat:no-repeat;}
	.logo-avonhead-tavern{ display:inline-block; width:234px; height:152px; background:url('img/logo-avonhead-tavern.svg'); background-position:50%; background-size:contain; background-repeat:no-repeat; }
	@media only screen and (max-width:820px){
		.landing_grid { grid-template-columns: 1fr 2.5fr 1fr; }
		.arrow_left{ transform:rotate(15deg); left:0px;}
		.arrow_right{top:68px;transform: rotate(-15deg);}
	}
	@media only screen and (max-width:767px){
		.lg_middle{grid-area: which;}
		.lg_left{grid-area: parklands;}
		.lg_right{ grid-area: avonhead;}
		.landing_grid{grid-template-areas:"which which" "parklands  avonhead";grid-template-rows: 1fr 1fr;grid-template-columns: 1fr 1fr;margin-top: 0;/* overflow-x: hidden; */width: 100%;}
		.lgm_text:before{ display:none;}
		.arrow_left{transform: rotate(-65deg);left:0px;top: 100px;}
		.arrow_right{top: 98px;transform: rotate(-115deg) scaleY(-1);background: url('img/arrow-left_animated.svg') no-repeat;right: 0;}
		.lg_left a, .lg_right a{display:Block;position:relative;max-width: 80% !important;box-sizing: border-box;margin: 0 auto 20px !important;max-width: unset;}
		.logo-the-turf, .logo-avonhead-tavern{width: 100%;}
		.lgm_text {    margin: 25px 0 85px;}
	}
	@media only screen and (max-width:440px){
		.lg_left a, .lg_right a{font-size:.9rem; }
	}
	
/*WHAT'S ON SLIDER*/
	.whatsonslider_wrapper{background:#F0E7D4;padding:100px 0;/* overflow-x: hidden; *//* display: none; */}
		.whatsonslider{position:relative;/* height:370px; */overflow-x: hidden;overflow-y: clip;}
	.whatsonslider .flex-control-nav{text-align:center;bottom: 0;}
	.whatsonslider .flex-control-nav li{display:inline;clear: unset;float: none;}
	.whatsonslider img{height: 470px;width: 100%;object-fit: contain;}
	.whatsonslider li{margin-right:5px;/* height: 100%; */}
	.whatsonslider .slide_image{ display:block; width:100%; height:100%;}
	.whatsonslider .flex-control-paging li a{display:inline-block;box-shadow: unset; background:white; ;}
	.whatsonslider .flex-control-paging li a.flex-active {    background: #000; }
	@media only screen and (max-width:1300px){
		.whatsonslider .flex-control-nav{ width:100%; }
	}
	@media only screen and (max-width:767px){
		.whatsonslider .flex-control-nav{ bottom:20px;}
		.whatsonslider_wrapper{ padding:50px 0 ;}
	}

/*WAYPOINT DISAPPEAR*/
    .disappear{ transform:scale(0.97); opacity:0; }
    .disappear_cta{ transform:scale(0.87); opacity:0;  }
        .disappear_cta .content{ margin-top:70px; }
        

.wp-block-columns { margin: 20px 0;}
.wp-block-column {margin: 0 0 0 40px;}
.wp-block-columns {  display: flex;}
.wp-block-column {flex: 1;text-align: justify;}
.wp-block-image{ width:1300px; position:relative;left:-80px; }

.content{ display: block; width: 100%; height: 100%; }
.content_block{ width:100%;max-width: 1370px;position:relative;margin:0 auto;box-sizing:border-box; }
	@media only screen and (max-width:1410px){
		.content_block{ padding:0 20px;}
	}

div, input, span, svg, a.button, nav, .mobilemenu_button:before, .mobilemenu_button:after, label,*:before, *:after{ transition:all 0.5s ;  -webkit-transition:all 0.5s ;  -o-transition:all 0.5s ;  -moz-transition:all 0.5s  }
.mapdiv, .mapdiv div, div#map, #map div, .about_image, .parallax_image, .parallax_image *,  { transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }
.parallax-mirror, .parallax-mirror *{ transition:all 0s ;  -webkit-transition:all 0s ;  -o-transition:all 0s ;  -moz-transition:all 0s }
    .parallax_image img{height:auto !important;}
.nodisp{ display:none !important; }
::selection {
  background: #c11d2a; /* WebKit/Blink Browsers */
  color:#FFF;
}
::-moz-selection {
  background: #c11d2a; /* Gecko Browsers */
   color:#FFF;
}

.wp-block-columns { margin: 20px 0;}
.wp-block-column {margin: 0 0 0 40px;}
.wp-block-columns {  display: flex;}
.wp-block-column {flex: 1;text-align: justify;}
.wp-block-image{width: 100%;max-width: 1300px;position:relative;left: 0;margin: 0 auto;text-align: center;}

/*MENU*/
	.menu{ position:relative; width:100%; }
	.tabs{display:table;width:100%;position: sticky;top: 80px;z-index: 99;}
	.tab{display:table-cell;padding:20px 20px;text-transform:uppercase;font-weight:800;font-size: 1.25rem;text-align:center;background:#FFF;font-family:'Mokoko', sans-serif;cursor:pointer;position:relative;/* background-size: contain !important; */background-position: top left !important;}
		.tab[data-id="tab-starters-to-share-platters"]{background-position: center bottom !important;background-size: 210% !important;}
		.tab:after{ content:""; display:block; width:100%; height:100%; background:#000; position:absolute; top:0; left:0; opacity:0 }
		.tab:hover:after{ opacity:.2 }
	.tab[data-id="tab-all-day-menu"]{ color:#FFF !important; }
	.menu_block{padding:80px 0;background-size:cover !important;background-position:50% !important;width: 100vw;height: auto;}
		.menu_block canvas{ margin:0 auto; position:relative; display:block; }
		.menu_canvas{ width:100%; overflow-x:scroll; }
	.tab_content_wrapper{position:relative;overflow: hidden;background:#FFF;width: 100%;height: auto;}
		.tab_content{position:absolute;left:100%;width: 100vw;z-index: 1;transform: scale(.8);}
		.tab_content.active{transform: scale(1);}
		.tab_content.movein{ z-index: 2; left:0; }
		.tab_content h1{text-align:center;margin-bottom:70px;position:relative;display:block;font-size: 3rem;}
			.menusubtitle{margin:0 auto;display:block;text-align:Center;position:relative;top: -60px;font-family:'Mokoko';font-weight:800}
		.red_star_black_line h1:before{content:"";display:block;background:url('img/icon-star-line-black.svg');background-repeat:no-repeat;background-position:50%;width:100%;height:36px;margin-bottom: 35px;}
		.white_star h1:before, .separator:before{content:"";display:block;background:url('img/icon-star-line.svg');background-repeat:no-repeat;background-position:50%;width:100%;height:36px;margin-bottom: 35px;}
	.colnum2{ display:grid; grid-template-columns:repeat(2, 1fr); grid-gap:40px;}
	.colnum3 .menu_content_column{ display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:40px;}
		.colnum3 .star{ display:none; visibility:hidden; }
		.menu_content_column{ position:relative; padding:50px 20px;}
		.menu_items{ margin-bottom:50px;}
		.price_item{  display:grid; grid-template-columns:1fr 100px; grid-gap:20px; }
		.mcc_note{ padding:40px 0; font-family:'Mokoko', sans-serif; font-size:1.25rem;  font-weight:900; text-align:center;  }
			.mcc_note .nonbold{ font-weight:400 !important}
		.mtit, .mttit{ font-size:1.25rem; font-weight:900; font-family:"Mokoko", sans-serif;  }
			.mtit.rightalign { text-align:right;}
		.mdesc{ display:block; font-weight:normal; margin-bottom:20px; font-size:1rem; }
		.mprice{ text-align:right; font-size:1.25rem; font-weight:900; font-family:"Mokoko", sans-serif; }
		.tcolor_c11d2a .menu_content_column{ border-left:6px solid #c11d2a }
		.tcolor_c11d2a .menu_content_column{ border-right:6px solid #c11d2a }
		.tcolor_c11d2a .menu_content_column{ border-bottom:6px solid #c11d2a }
		.tcolor_c11d2a .moptions, .tcolor_000000 .moptions{ color:#39ADA9; margin-left:20px; font-size:1.25rem; font-weight:900; font-family:"Mokoko", sans-serif;}
		.tcolor_c11d2a .star{ display:block; width:30px; height:30px; background:url(img/icon-star.svg); position:absolute; top:-10px; background-size:contain; background-repeat:no-repeat; left:50%; background-position:50%; transform:translateX(-50%)}
		.tcolor_c11d2a .menu_content_column:before{ content:""; display:block; width:40%; height:6px; background:#c11d2a; left:0; top:0; position:absolute;}
		.tcolor_c11d2a .menu_content_column:after{ content:""; display:block; width:40%; height:6px; background:#c11d2a; right:0; top:0; position:absolute;}
		.tcolor_c11d2a .mcc_note{ background:#c11d2a; position:absolute; width:100%; bottom:0; left:0; color:#FFF;} 
		.widthnote .menu_content_column:nth-last-of-type{ padding-bottom:90px; }
		.menu_intro_text{ color:#000; text-align:center; display:block; width:100%; margin-bottom:70px; font-weight:900;  font-size:1.25rem;  }
		.widthnote{  padding-bottom:150px; }
		.mcc_additional_note{text-align:center;font-weight:900;position: absolute;bottom: -70px; width:100%;}

		.tcolor_ffffff .menu_content_column{ border-left:6px solid #fff }
		.tcolor_ffffff .menu_content_column{ border-right:6px solid #fff }
		.tcolor_ffffff .menu_content_column{ border-bottom:6px solid #fff }
		.tcolor_ffffff 	.moptions{ color:#39ADA9; margin-left:20px; font-size:1.25rem; font-weight:900; font-family:"Mokoko", sans-serif;}
		.tcolor_ffffff .star{ display:block; width:30px; height:30px; background:#FFF; -webkit-mask:url(img/icon-star.svg); position:absolute; top:-10px; background-size:contain; background-repeat:no-repeat; left:50%; background-position:50%; transform:translateX(-50%)}
		.tcolor_ffffff .menu_content_column:before{ content:""; display:block; width:40%; height:6px; background:#fff; left:0; top:0; position:absolute;}
		.tcolor_ffffff .menu_content_column:after{ content:""; display:block; width:40%; height:6px; background:#fff; right:0; top:0; position:absolute;}
		.tcolor_ffffff .mtit{ overflow-x:hidden; }
		/*.tcolor_ffffff .mtit:before { left:20px;
			    font-size:.6rem;
			    line-height:2.5em;
			    opacity:.6;
			    top:8px;
			    position:relative;
			    float: left;
			    width: 0;
			    white-space: nowrap;
			    content:
					". . . . . . . . . . . . . . . . . . . . "
			". . . . . . . . . . . . . . . . . . . . "
			". . . . . . . . . . . . . . . . . . . . "
			". . . . . . . . . . . . . . . . . . . . "
			". . . . . . . . . . . . . . . . . . . . "
			". . . . . . . . . . . . . . . . . . . . "
			". . . . . . . . . . . . . . . . . . . . "
			". . . . . . . . . . . . . . . . . . . . "
			". . . . . . . . . . . . . . . . . . . . "		
			 ". . . . . . . . . . . . . . . . . . . . "
			 ". . . . . . . . . . . . . . . . . . . . "
			 ". . . . . . . . . . . . . . . . . . . . "
			 ". . . . . . . . . . . . . . . . . . . . "
		    }*/
		.tcolor_ffffff .widthnote{padding-bottom: 150px;}
		.tcolor_ffffff .mcc_note{ position:absolute; width:100%; background:#FFF; display:block; left:0; bottom:0; color:#c11d2a;  }
		
	.grid_style .menu_items{ max-width:785px; margin:0 auto; grid-gap:50px;}
		.grid_style .menu_items.colnum3{ max-width:1000px; }
		.grid_style .price_item {    display: grid;    grid-template-columns: 1fr; }
		.grid_style *{ text-align:center; }
		.platters .mtit{ color:#c11d2a; display:block;}
			.platters .mdesc{ color:black; margin-top:40px; }
			.platters  h1{ margin-bottom:20px; }
		.grid_style .mprice{ text-align:center; }
	#tab-burgers-pizzas-meals .menu_block{margin-bottom: 2px;}

	.lunch-specials .bs_title{ color:#c11d2a; font-size:1.25rem; }
		.lunch-specials .options{color:#39ADA9;  }
		.lunch-specials .bs_content{ max-width:305px; margin:0 auto;}
		.lunch-specials .bs_content strong{ font-size:1.25rem; margin-top:40px; display:block;}

	.desserts .mttit{  color:#c11d2a; text-transform:uppercase; display:block; max-width:190px; margin:0 auto; }
	.desserts .moptions{ position:absolute; color:#39ADA9; }
	.desserts .mdesc{ color:#000; text-transform:none; margin-top:50px;}

	.separator{ margin-top:40px;}

	.slider_style  .bs_title{ color:#c11d2a; font-size:1.25rem; }
	@media only screen and (max-width:960px){
		.tabs .tab{ font-size:.8rem;}
	}
	@media only screen and (max-width:767px){
		.colnum2{ grid-template-columns:1fr; }
		.tab_content h1{ font-size:1.5rem; }
		.mcc_note{ padding:20px 0;}
		.menu_content_column{position:relative;padding:0px 20px 0;border: 0 !important;}
		.menu_content_column:before, .menu_content_column:after, .menu_content_column  .star{display: none !important;}
		
		.tabs:before{content:"Please select menu";display:block;width:100%;background:var(--darkcream);text-align:center;border-bottom:2px solid black;padding:15px 0;height: 28px;line-height: 28px;font-family: 'mokoko';font-weight: bold;text-transform: uppercase;}
		.tabs{border:2px solid black;box-sizing:border-box;height: auto;z-index: 99;position: absolute;display: block;overflow: hidden;max-height: 62px;transition: max-height 0.5s ease-out;}
			.tabs .tab{ display:block; font-size:1rem; }
		.tabs.tabsdropdown{max-height: 900px;}
	}


/*IMAGE TEXT BLOCK*/
	.turquoisebg{ background:var(--green); color:#FFF; }
	.redbg{ background:var(--red); color:#FFF; }
	.creambg{ background:var(--darkcream); color:#FFF; }
	.blackbg *{ color:#FFF; }	
	.image_text_block{ position:relative; }
	.itb_grid{ display:grid; grid-template-columns:1fr 1fr;  }
		.itb_content_wrapper{max-width:525px;padding:102px 0 150px;text-align:center;font-size: 1.375rem;}
		.itb_content_wrapper p, .itb_content_wrapper p *{font-size: 1.375rem;}
		.itb_content_wrapper .button{ margin-top:40px;}
		.itb_grid h2:after{width:100%;height:50px;content:"";background:url('img/icon-star-line.svg');display:block;background-repeat:no-repeat;position:relative;left:50%;transform: translateX(-50%);background-position: 50%;margin-bottom: 40px;}
		.page-id-25 .itb_grid h2:after{ background:url('img/icon-red-star-line.svg');display:block;background-repeat:no-repeat;position:relative;left:50%;transform: translateX(-50%);background-position: 50%; }
	.itb_image{clip-path: polygon(0% 0%, 100% 0%, 76% 100%, 0% 100%);background-position: 50% !important;background-size: cover !important; min-height:500px}

	@media only screen and (max-width:820px){
		.itb_grid{ grid-template-columns:1fr; }
		.itb_image {    clip-path: unset; 	}
		.itb_content{ padding:0 20px; }
		.itb_content_wrapper{padding:50px 0;max-width: unset;}
	}

/*INNER BOX SLIDER*/
	.box_slider_wrapper{padding: 125px 0 173px;position:relative;}
	.box_slider_wrapper h2{ text-align:center; z-index:23; position:relative; margin:35px auto 47px;}
		.box_slider_wrapper h2:before{content:"";display:Block;width:100%;height:50px;background:url('img/icon-star-line.svg') no-repeat;background-position:50%;margin-bottom: 35px;}
	.box_slider{ background:#FFF; }
	.additional_graphic{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:0; }
	.slider_content{    position: relative;}	
	.box_slider{ z-index:2; }
		.box_slider *{ color:#000; }
	.box_slider_grid{ display:grid; grid-template-columns:1.8fr 1fr; }
		.bs_image{clip-path: polygon(0% 0%, 100% 0%, 80% 100%, 0% 100%);    background-position: 50% !important;    background-size: cover !important;    min-height: 500px;}
	.scwrapper{position:relative;top: 45%;transform:translateY(-50%);text-align:center;left: -30px;margin-bottom: 60px;}
		.bs_subtitle{font-size:1.375rem;margin-bottom: 10px;}
			.bs_subtitle:after{width:100%;height:50px;content:"";background:url('img/icon-star-line-black.svg');display:block;background-repeat:no-repeat;position:relative;left:50%;transform: translateX(-50%);background-position: 50%; }
			.bs_title{ font-family: mokoko, serif; font-weight:800; margin-bottom:50px;}
			.redbg .bs_title{ color:var(--red); }
		.bs_content strong{ font-weight:900; }
	.box_slider .flex-control-nav{max-width: 16.6%;position: absolute;right: 11.2%;bottom: 70px;text-align: center;}
		.box_slider .flex-control-nav li{clear:unset;float: unset;display: inline-block;}
		.box_slider .flex-control-paging li a{ width:10px; height:10px; box-shadow:unset; background:black;}
		.redbg .box_slider .flex-control-paging li a.flex-active{ background:var(--red)}
	.box_slider .flex-direction-nav{max-width: 26.6%;position: absolute;right: 6.5%;bottom: 60px;text-align: center;width: 100%;height: 50px;}
		.box_slider .flex-direction-nav .flex-prev{ left:0; }
			.box_slider .flex-direction-nav li a.flex-prev{/* background-color: Green; */margin: 0;top: 0;left: 0;background-image: url(img/icon-left.svg);background-position: 50%;opacity: 1;background-repeat: no-repeat;}
			.box_slider .flex-direction-nav li a.flex-next{/* background-color: Green; */margin: 0;top: 0;right: 0;background-image: url(img/icon-right.svg);background-position: 50%;opacity: 1;background-repeat: no-repeat;}
		
	.textonlycontent{		padding:80px;	}
	.textonlycontent table{ width:100%; border:1px solid #000; }
	.textonlycontent td{ padding:20px 30px; border-bottom:1px solid #DDD; }
	.textonlycontent td:first-of-type{ background:#FAFAFA; font-weight:bold; font-family:'mokoko'; font-size:1.5rem;}
	.textonlycontent tr:last-of-type td{ border-bottom:1px solid #000  }
	@media only screen and (max-width:820px){
		.textonlycontent{		padding:0px;	}
	}
	@media only screen and (max-width:600px){
		.whatsontable td{ display:block;}
	}

	/*SLICK SLIDER*/
	.slick-next{z-index:999;display:block;position:absolute;right: 6.5%;bottom: 60px;width:50px;height:50px;background:transparent;border:0;text-indent: -9999em;text-transform: uppercase;overflow:hidden;cursor: pointer;transform: translateY(-50%);}
		.slick-next:after{content:"";-webkit-mask-image: url(img/icon-left.svg);mask-image: url(img/icon-left.svg);background: #000;display: block;width: 25px;height: 50px;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: 50%;mask-position: 50%;position: absolute;top: 50%;left: 12px;transform: translate(-50%,-50%) rotate(-180deg);-webkit-mask-size: contain;mask-size: contain;}
		.slick-next:before{content:"";width: 25px;height:50px;position:absolute;display:block;background:var(--blue);border-radius:50%;top: 0;right: 25px;}
		.slick-disabled:before{ background:var(--gray);}
	.slick-prev{z-index:999;display:block;position:absolute;right: 11.2%;bottom:60px;width:50px;height:50px;background: transparent;border:0;text-indent: -9999em;text-transform: uppercase;overflow:hidden;transform: translateY(-50%);}
		.slick-prev:after{content:"";-webkit-mask-image: url(img/icon-left.svg);mask-image: url(img/icon-left.svg);background: #000;display: block;width: 25px;height: 50px;-webkit-mask-repeat: no-repeat;mask-repeat: no-repeat;-webkit-mask-position: 50%;mask-position: 50%;position: absolute;top: 50%;left: 38px;transform: translate(-50%,-50%);cursor: pointer;-webkit-mask-size: contain;mask-size: contain;}
		.slick-prev:before{content:"";width: 26px;height:50px;position:absolute;display:block;background:var(--blue);border-radius:50%;top: 0;left: 25px;}
		.slick-disabled:after{ background:lightgrey; }
	.slick-disabled, .slick-disabled *{cursor: not-allowed !important;}
	.slick-slide .gi_wrapper{ margin: 0 10px; }

	@media only screen and (max-width:820px){
		.box_slider_wrapper{ padding: 50px 20px ; }
	}
	@media only screen and (max-width:767px){
		.box_slider_grid {    grid-template-columns: 1fr; }
		.bs_image{clip-path: unset;min-height: 200px;}
		.scwrapper {    top: 45%;    transform: translateY(-50%);    text-align: center;    left: 0px;    margin-bottom: 90px; }
		.box_slider .flex-direction-nav {    max-width: 90%;  right: 50%; transform:translateX(50%);    bottom: 10px;    width: 100%;    height: 50px;}
		.box_slider .flex-control-nav {    max-width: 50%;    position: absolute;    right: 50%;transform:translateX(50%);    bottom: 20px;    text-align: center;}
	}




/*LOYALTY BANNER*/
	.loyaltybanner{position:relative;background-color: #FFF; }
		.avonhead .loyaltybanner{ background-position:80%; background-repeat:no-repeat;}
		.page-id-25 .loyaltybanner{ background-size:100vh; background-position:calc(100vw - 670px) 20px; }
		.loyaltybanner .content_block{min-height: 100%; position:relative; top:50%; }
		.lb_content h2{ margin-bottom:30px;}
		.lb_content{ max-width:512px; padding:165px 0 135px; font-size:1.375rem; }
		.lb_content .button{ clear:both; }
	.bggraphic{position:absolute;width: 100%;height:100%;background-repeat: no-repeat !important;}
	.redstripes:before{content:"";display:block;width:100%;height:54px;position:absolute;background:url('img/stripes.svg');background-size:cover;background-position:top left;top: -1px;left: -1px;}
	.redstripes:after{ content:""; display:block; width:100%; height:54px; bottom:0px; transform:scale(-1); position:absolute; background:url('img/stripes.svg'); background-size:cover; background-position:top left;}
	 .redangle:after{
					content:"";
					display:block;
					width:100%;
					height:54px;
					bottom: 0px;
					background: var(--red);
					z-index:9;
					clip-path: polygon(100% 0%, 0% 100%, 100% 100%);
					position: absolute;
					}
	
	.redwhitestripes:before{content:"";display:block;width:100%;height:54px;position:absolute;background: url('img/stripes-white.svg');background-size:cover;background-position:top left;top: -1px;left: -1px;z-index: 11;}
	.redwhitestripes:after{content:"";display:block;width:100%;height:54px;bottom: 0px;transform:scale(-1);position:absolute;background:url('img/stripes.svg');background-size:cover;background-position:top left;z-index: 11;}

	@media only screen and (max-width:1440px){
		..lb_content{padding:80px 20px; }
	}
	@media only screen and (max-width:820px){
		.loyaltybanner, .avonhead .loyaltybanner{background-size: cover;box-sizing:border-box;background-position: 50%;background-repeat: no-repeat;}
		.lb_content{padding:80px 20px; }
		.redwhitestripes:before{height:34px;}
		.redwhitestripes:after{height:34px;}
		.bggraphic{position:absolute;width:100%;height:100%;background-size:contain !important;background-repeat:no-repeat !important;}
		
	}
/*LOGO TEXT GRID*/
	.logo_text_grid{ position:relative; color:#FFF; padding:106px 0; }
		.logo_text_grid *{ color:inherit; }
		.logo_text_grid h2{ text-transform:uppercase; }
		.ltg_logos{ display:grid; grid-template-columns:1fr 1fr 70px; }
		.ltg_logos img{ position:relative; display:inline-block; top:50%; transform:translateY(-50%); max-height:250px; max-width:260px; margin-right:40px; }
	.red_overlay:before{ content:""; display:block; position:absolute; width:100%; height:100%; top:0; left:0; z-index:0; background:var(--red); opacity:.89;  }
	.green_overlay:before{ content:""; display:block; position:absolute; width:100%; height:100%; top:0; left:0; z-index:0; background:var(--green); opacity:.89;  }
	.ltg_grid{ display:grid; grid-template-columns:.57fr .43fr; }
	.avonhead .ltg_grid{grid-template-columns: .57fr 0.43fr;}
		.ltg_content p, .ltg_content p *{ font-size:1.375rem; }
		.ltg_grid h4{ font-size:1.9rem; margin-bottom:30px; text-transform:uppercase; }

	@media only screen and (max-width:1420px){
		.logo_text_grid{ padding:106px 20px}
	}

	@media only screen and (max-width:820px){
		.ltg_grid, .avonhead .ltg_grid{grid-template-columns: 1fr;grid-row-gap:40px;overflow-x: hidden;width: 100%;}
		.ltg_logos {display: grid;grid-template-columns: 1fr 1fr 20px;display: none;}
			.ltg_logos img{max-width:70%;margin: 0 auto;}
		.logo_text_grid{ padding:50px 20px}
	}
	
/*FLEXSLIDER*/
	.captionbg{width:100%;height:140px;position:absolute;bottom:0;background:rgba(0,0,0,.3);display:block}.headerbottomimg{width:100%;height:70px;background:url(../../img/header_bottomimg.png);z-index:1;position:absolute;bottom:0;left:0;display:none}.flex-container a:active,.flexslider a:active{outline:0}.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}.flexslider{width:100%;border-top:180px solid #000;height:100%;overflow:hidden;margin:0;padding:0;box-sizing:border-box;display:block;background:#fff;border:0;position:relative;zoom:1}.flexslider .slides>li{display:block;box-sizing:border-box;position:relative;width:100%;height:455px;background:#ddd}.flexslider .slides img{width:100%;display:block;box-sizing:border-box}.flex-pauseplay span{text-transform:capitalize;display:block;box-sizing:border-box}.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .slides{display:block}* html .slides{height:1%}.no-js .slides>li:first-child{display:block}.flexslider .slides{zoom:1;width:100%;height:100%}.flex-container{zoom:1;position:relative}.flex-caption{background:0 0;zoom:1;width:860px;position:relative;right:20%;top:30px;color:#fff;font-size:18px;line-height:18px;box-sizing:border-box;font-weight:600}.flex-bigcaption{width:860px;position:relative;left:50%;margin-left:-430px;color:#fff;font-size:34px;line-height:34px;box-sizing:border-box;font-weight:200;display:table;height:140px}.flex-bigcaption span.htext{color:#fff;font-size:inherit;line-height:inherit;display:table-cell;vertical-align:middle;height:140px;cursor:pointer;padding-right:40px}.flex-bigcaption span.hbutton{cursor:pointer;color:inherit;font-size:18px;text-align:center;position:absolute;right:-40;bottom:50px;margin-top:25px;line-height:20px;width:100px;padding:5px 20px}.flex-direction-nav li a{width:52px;height:52px;margin:-13px 0 0;display:block;background:url(js/flexslider2/theme/bg_direction_nav.png) no-repeat;position:absolute;top:50%;cursor:pointer;text-indent:-9999px;color: transparent;}.flex-direction-nav li .next{background-position:-52px 0;right:20px}.flex-direction-nav li .prev{left:0}.flex-direction-nav li .disabled{opacity:.3;cursor:default}.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center}.flexslider-carousel .flex-control-nav{bottom:25px}.flex-control-nav li{margin:0 0 0 5px;display:inline-block;zoom:1}.flex-control-nav li:first-child{margin:0}.flex-control-nav li a{width:13px;height:13px;display:block;background:url(theme/bg_control_nav.png) no-repeat;cursor:pointer;text-indent:-9999px}.flex-control-nav li a:hover{background-position:0 -13px}.flex-control-nav li a.active{background-position:0 -26px;cursor:default}.flex-control-paging li a{width:11px;height:11px;display:block;background:rgba(255,255,255,.5);cursor:pointer;text-indent:-9999px;z-index:999;border-radius:50%;position:relative;box-shadow:0 0 10px 2px rgba(0,0,0,.3)}.flex-control-paging li a:hover{background:rgba(0,0,0,.7)}.flex-control-paging li a.flex-active{background:#fff;cursor:default;border-radius:50%}.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,.8);text-shadow: unset;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}.flex-direction-nav a:before{font-family:flexslider-icon;font-size:40px;display:inline-block;content:'';color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3)}.flex-direction-nav a.flex-next:before{content:''}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right;background-position:-56px 0;content:''}.flexslider:hover .flex-direction-nav .flex-prev{opacity:.7;left:10px}.flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.flexslider:hover .flex-direction-nav .flex-next{opacity:.7;right:10px}.flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;cursor:default}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.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:''}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:''}@media only screen and (max-width:960px){.flex-caption{width:70%;position:relative;right:10%;top:30px;color:#fff;font-size:18px;line-height:18px;box-sizing:border-box;font-weight:600}.flex-bigcaption{width:70%;position:relative;left:50%;margin-left:-40%;color:#fff;font-size:24px;line-height:24px;box-sizing:border-box;font-weight:200;display:table;height:140px}.flex-bigcaption span.htext{color:#fff;font-size:inherit;line-height:inherit;display:table-cell;vertical-align:middle;height:140px;cursor:pointer;padding-right:40px}.flex-bigcaption span.hbutton{cursor:pointer;color:inherit;font-size:18px;text-align:center;position:absolute;right:-40;bottom:50px;margin-top:25px;line-height:20px;width:100px;padding:5px 20px}}@media only screen and (max-width:768px){.flexslider{border-top:0 solid #000;/* height:480px */}.flexslider .slides>li{position:relative;width:100%;height:480px;background:#ddd;}}@media only screen and (max-width:600px){.flexslider, .header_slider{border-top:0 solid #000;/* height:480px; */}}
	.flex-viewport{ height:100%; }
	.slider_title .button{margin: 0 50px;}
	.slidertext .button{margin-top:30px;display: inline-block;margin-right: 20px;}
	.slidertext, .slidertext *{ color:#FFF; }
	.image_banner.notitlegraphic .fs_title:after{ display:none; }
	.image_banner.notitlegraphic .fs_title{ margin-bottom:30px; font-size:3rem; }

	@media only screen and (max-width:767px){
		.slider_title .button {margin: 0px 0px;}
		.image_banner.notitlegraphic .fs_title {    margin-bottom: 30px;    font-size: 2.5rem;}
		.header_slider.image_banner.redwhitestripes{height: 75vh;}
	}

/*TEXT ONLY*/
    .text_only h1{ font-size:2.5rem; max-width:620px; line-height:2.5rem; margin-bottom:70px; font-weight:800; }
    .text_only{max-width:1115px;padding:50px 0 80px;overflow: hidden;}
    .text_only *{ font-weight:200; }
	#bookingframe{ width:100%; height:1070px; overflow:hidden; }
	.whitebg{ background:#FFF}
		#mc_embed_signup{ width:100%; }
	.mc-field-group{ display:grid; grid-template-columns:1fr 1fr; grid-gap:23px; margin-bottom:20px;}
	.mc-field-group input{ border:1px solid black; height:40px; }
	#mc-embedded-subscribe.button{ background:var(--red); float:right;}
	@media only screen and (max-width:1180px){
		
		.mc-field-group{ display:grid; grid-template-columns:1fr; max-width:800px; margin:0 auto; }
	}
	@media only screen and (max-width:1180px){
		
		.mc-field-group{ display:grid; grid-template-columns:1fr; max-width:90%; margin:0 auto; }
	}
/*TEXT PAGE*/
	.header_image{height:325px;width:100%;display:block;margin-top: 180px;background-size: cover !important;background-position: 50% !important;}
	.centeraligned{ text-align:center; width:100%; display:block;  }
.map{width:100%;height: 800px; margin-bottom:85px; }

/*CONTACT*/
	#sending, #sent{display: none;}
    #sending img{ display:none;}
	#sending center, #rendering center{    width: 50px;height: 50px;	margin: 0px auto 0;	border:solid 10px #abb6bc;
	border-radius: 50%;	border-right-color: transparent;	border-bottom-color: transparent;	 -webkit-transition: all 0.5s ease-in;    -webkit-animation-name:             rotate; 
    -webkit-animation-duration:         1.0s;     -webkit-animation-iteration-count:  infinite;    -webkit-animation-timing-function: linear;    	    	 transition: all 0.5s ease-in;
    animation-name:             rotate;     animation-duration:         1.0s;     animation-iteration-count:  infinite;    animation-timing-function: linear; }
		@keyframes rotate {
			from {
				transform: rotate(0deg);
			}
			to { 
				transform: rotate(360deg);
			}
		}


		 @-webkit-keyframes rotate {
			from {
				-webkit-transform: rotate(0deg);
			}
			to { 
				-webkit-transform: rotate(360deg);
			}
		}
	#formdiv{ display:block; margin:0 auto; max-width:800px; }
	.contact_content{ margin:70px 0; }
	.fieldgroup{position:relative;display:block;margin-top: 20px;}
		.fgrp{ position:relative; display:block; width:100%; height:100%; }		
			.fgrp *{ z-index:11; }
			.fgrp:after{content:"";display:block;width:100%;height:100%;background:#FFF;top:0;left:0;position: absolute;z-index: 0;}
    .fieldgroup input, .fieldgroup textarea{display:block;width:100%;background:transparent;border:0;border: 0;height: 50px;position:relative;}
    .fieldgroup textarea{height: 193px;}
    .fieldgroup input[type="submit"]{background: #000;color: #FFF;text-align:center;text-transform:uppercase;cursor: pointer;font-family: mokoko, serif;font-weight: 900;border: 4px solid black;line-height: 100%;height: 67px;}
    .g-recaptcha{ margin:20px 0; }

    .animatelabel{ position:relative; }
    .fieldgroup label{display:block;position:absolute;font-size:10px;top:0;left:0px;line-height: 16px;z-index: 1;}
    .twocol{ display:grid; grid-template-columns:repeat(2,1fr); position:relative; grid-gap:20px; }
    .animatelabel label{font-size: 1em;line-height:30px;top: 0;color: rgba(0,0,0,0.5);padding: 0 10px;line-height: 50px;font-weight: 100;}
            .animatelabel .has-content ~ label, .animatelabel input:focus ~ label, .animatelabel textarea:focus ~ label {top: -34px;color:#afafaf !important;font-size: 13px;}
	
/*MENU*/
	.navigation{display:grid;grid-template-columns:1fr 150px 1fr;grid-gap:30px;height: 100%;z-index: 1;}
    .site-header{z-index:99999;position:fixed;display:block;width: 100%;top: 0;background: #FFF;height: 178px;box-shadow: 0 0 0 0;background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 87%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 87%,rgba(0,0,0,0) 100%);background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 87%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );}
    .main_navigation{position: relative;right: 0;top: 50%;transform: translateY(-50%);}
	    .main_navigation div{ position: relative; top: 50%;transform: translateY(-50%); }
	nav a, nav a:hover, nav a:link, nav a:visited{font-weight: 400;color: #FFF;text-transform: uppercase;font-size: .9rem;}
        nav a:after{ content:""; width:0px; opacity:0; height:5px; background:var(--light); display:block; position:absolute;  left:50%; transform:translateX(-50%); bottom:5px; transition:all 0.3s ;  -webkit-transition:all 0.3s ;  -o-transition:all 0.3s ;  -moz-transition:all 0.3s  }
        nav a:hover:after, nav li.current-menu-item a:after{ width:50px; height:5px; opacity:1}
    nav ul{ list-style:none;margin-left: 0;padding-left: 0;}
        nav .menu li {display:inline-block;margin: 0px 24px; position:relative; }
			nav .menu li:before{ content:""; height:2px; width:100%; background:#FFF; display:block; position:absolute; top:-15px; left:0; opacity:0}
			nav .menu li:after{ content:""; height:2px; width:100%; background:#FFF; display:block; position:absolute; bottom:-15px; left:0; opacity:0 }
			nav .menu li:hover:before, nav .menu li.current-menu-item:before{ top:-5px; opacity:1; }
			nav .menu li:hover:after, nav .menu li.current-menu-item:after{ bottom:-5px; opacity:1; }
	
		.main_navigation:first-of-type  .menu li:first-of-type{ margin-left:0; }
		.main_navigation:last-of-type{ text-align:right; }
		.main_navigation:last-of-type .menu li:last-of-type{ margin-right:0; }
	
        nav .menu .sub-menu li{display:block;float: unset;padding: 0px 40px;white-space: nowrap;background: #000;}
        nav .menu .sub-menu li a{ font-family:'Roboto'; font-weight:400; display:block; }
           /* nav .menu .sub-menu a:before{ content:'\279C'; padding-right:10px; font-size:12px; position:relative; top:-2px; color:#f1f1f1; }*/
         nav .menu .sub-menu li:hover, nav .menu .sub-menu li.current-menu-item{ background:#272b37; }   
         nav .menu .sub-menu li:hover a, nav .menu .sub-menu li.current-menu-item a{ color:#f1f1f1;  }
    nav .menu li{ position:relative; }
    nav .menu li.menu-item-has-children:after{content:"";  position:absolute;  right: 11px;  top:50%;  transform:translateY(-50%);  border-width: 0px 1px 1px 0px;  margin-top:-4px;  transform: rotate(45deg);  display:block;  width:7px;  height:7px; border-style: solid;  border-color: white;  }
    
    nav .menu .sub-menu{display:block;position:absolute;background: var(--dark);text-align: left;left: -10px;/* transform: translateX(-50%); */margin-left: 0;padding: 0;height: 0 !important;overflow: hidden;opacity: 0;}
        nav .menu li:hover .sub-menu, nav .menu li.current-menu-ancestor:hover .sub-menu{height: auto !important;padding: 0px 0;opacity: 1;background:#000;}
           nav .menu .sub-menu .sub-menu{display:block;position:absolute;left: 100%;transform: translateX(10px);width: auto;top: -36px;margin-left:-10px;}
            nav .menu .sub-menu:hover{overflow: unset;}
                nav .menu li:hover .sub-menu .sub-menu{height: 0 !important;padding: 0; background:#000; }
                nav .menu .sub-menu li:hover li a{ color:#FFF;  }
                nav .menu .sub-menu li:hover li:hover a{ color:#f1f1f1;  }
                nav .sub-menu li .sub-menu{overflow:auto;height: 0 !important;padding: 0;}
                nav.navigation .menu li:hover .sub-menu li:hover .sub-menu{overflow:auto;height: auto !important;padding: 20px 12px 0 0px;background: transparent;margin-bottom: 0px;}
    .menu_button{position:absolute;display:none;top: 50px;right:40px;height: 4px;margin-top:10px;margin-bottom:10px;width:50%;max-width:35px;z-index: 999999;cursor: pointer;background:#FFF;}
	
/*FOOTER*/
	.footer_note{ text-align:right;}
    .site-footer{background:#000;display:block;padding: 0px 0 45px 0;position:relative;}
		.footer_form{padding: 85px 0 150px;background:var(--red);position:relative;}
			.avonhead .footer_form{ background:var(--green); }
			.parklands .footer_form{ background:var(--red); }
			.footer_form:before{content:"";background:url('img/horse.png');display:block;position:absolute;width:50%;height:100%;background-repeat:no-repeat;background-size:contain;bottom: 0;left: 0;background-position: bottom left;}
	        .footer_form_wrapper{display:grid;grid-template-columns: 1fr 620px;grid-gap: 40px;}
				.contactpage{/* opacity:0; */}
				.contactpage h3{ font-size:1.5rem; font-family:"Montserrat", sans-serif; font-weight:500; display:block; margin-bottom:50px;}
				.contactpage a, .contactpage *{ color:#FFF;  }
				.page-id-267 .contactpage, .page-id-33 .contactpage{ opacity:1; }
					.page-id-267 .allpage h2, .page-id-33 .allpage h2{ display:none; }
				.contactpage .cdetails, .contactpage .cdetails a{font-size:1.5rem; font-family:"Montserrat", sans-serif; font-weight:500; display:block; max-width:350px;}
				.contactpage .cdetails:before{ background:#FFF; }
				.wog_left img{ cursor:pointer; }
					.popup {display: none;position: fixed;z-index: 999999999;top: 0;left: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0, 0, 0, 0.9);}
					.popup-image {  display: block;  margin: auto;  max-width: 90%;  max-height: 90%;  border-radius: 5px;  top: 5%;  position: relative;  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);}
					.close {  color: #fff;  position: absolute;  top: 10px;  right: 25px;  font-size: 35px;  font-weight: bold;  cursor: pointer;}
			.footer_form_wrapper h2{ text-transform:uppercase; }
		.site-footer h2{ color:#FFF !important; }
        .site-footer input, .site-footer select, .site-footer textarea{box-sizing: border-box; font-family: inherit; font-size:14px; }    
        .email_block, .footer_block{ display:grid; grid-template-columns:repeat(2,1fr); }
            .footer_left .h3{ font-size:1.68rem; font-weight:600; }
            .email_block{ padding-bottom:30px; border-bottom:1px solid #FFF; margin-bottom:50px; }
			.cdetails{padding-left: 40px;padding-bottom:25px;position:relative;}
				.cdetails:before{content:"";display:block;width:16px;height:19px;background: var(--red);position:absolute;left:0;top: 2px;}
				.avonhead .cdetails:before{ background:var(--green); }
				.location:before{-webkit-mask:url(img/icon-location.svg);mask:url(img/icon-location.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:top left;mask-position:top left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;}
				.email:before{ -webkit-mask:url(img/icon-email.svg);mask:url(img/icon-email.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:top left;mask-position:top left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat; width:16.4px; height:13.1px;}
				.phone:before{ -webkit-mask:url(img/icon-phone.svg);mask:url(img/icon-phone.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:top left;mask-position:top left;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat; width:16px; height:16px;}

			.facebook, .tripadvisor, .instagram{ position:relative; display:inline-block; width:26px; height:26px; background:#FFF; margin-right:5px;}
			.facebook{ background:url(img/icon-facebook.svg); }
			.tripadvisor{ background:url(img/icon-tripadvisor.svg); }
			.instagram{background: url(img/icon-insta.svg);}
		.footer_grid{padding: 85px 0 70px;display:grid;grid-template-columns: 1fr 1fr .5fr;grid-gap: 175px;}
	    .footer_grid, .footer_grid *, .footer_grid a{ color:#FFF; } 
			.site-footer input{ color:#000; padding:0 10px;}
		.footer_grid strong{font-weight: 800;margin-bottom: 30px;display:block;}
        .footer_grid td{padding-right:40px;/* font-weight:bold; */}
		.footer_grid table{ margin-bottom:50px;}
		.footer_note .fieldgroup input[type="submit"]{height:59px;}
		.footer_note .fieldgroup{margin-bottom: 10px;}
	.other_locations{ background:var(--green); padding:28px 0; text-align:center; }
		.other_locations a{ color:#FFF; font-weight:bold; }
	.avonhead .other_locations{ background:var(--red); }
	.bnc a{ color:#FFF; padding:20px 0; text-align:center; display:block; }

	.whatsongrid{ display:grid; grid-template-columns:1fr 1fr; grid-gap:40px; }
		.whatsontitle{font-family:'mokoko', serif;padding: 18px 50px 150px 0;text-transform:uppercase;font-weight: 800;font-size: 1.4rem;text-align:center;font-style: italic;display: block;position: relative;}
		.whatsontitle:after{
    content:"";
    display:block;
    position: absolute;
    width: 168px;
    height: 108px;
    background: url(img/arrow-white_animated.svg);
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    left: 0px;
    transform: scale(1.4) scaleY(-1) rotate(30deg);
    }
	@media only screen and (max-width:1410px){
		.footer_grid{padding:85px 20px 70px 20px;grid-gap: 50px;}
	}

	@media only screen and (max-width:1280px){
		.footer_form_wrapper {    grid-template-columns: 1fr 1fr;}
	}

	@media only screen and (max-width:820px){
		.contactpage{display:none; }
		.footer_form_wrapper {grid-template-columns: 1fr;padding: 0 20px;}
		.footer_grid {    padding: 85px 20px 70px; grid-template-columns: repeat(2,1fr);   grid-gap: 45px; }
		.footer_note{ display:none; }
		.footer_form{padding: 50px 0;}
	}
	@media only screen and (max-width:767px){
		.footer_grid{ grid-template-columns:1fr; }
		.popup-image{ top:10%}
	}

	


/*DEFAULT*/
    .site, .content-area{position:relative;display:block;z-index:1;min-height: 100%;height: auto;width: 100%;margin-top: 0;min-height: 100vh;/* overflow-x: hidden; */}
		.page-id-267 .site, .page-id-267 .content-area, .page-id-33 .site, .page-id-33 .content-area{ min-height:unset; }
	.header{top:0;position: fixed;top: 0;z-index: 999999999; width: 100%; }
	.site-header:before{ content:""; display:block; width:100%; height:100%; background:black; position:absolute; top:0; left:0; opacity:0 }
	.nav-up, .nav-down {top: 0;height: 80px; }
		.nav-up:before, .nav-down:before{  opacity:1; }
	.nav-up .logo-inside, .nav-down .logo-inside{height: 20px; padding-bottom:30px}
		.nav-up .logo-inside:after, .nav-down .logo-inside:after{ font-size:.5rem; line-height:1em;bottom: -23px;}
		.nav-up .logo-inside, .nav-down .logo-inside{  }

		.header_slider{min-height: 100%;height: 88vh;position: relative;display: block;}
			.header_slider.image_banner{height:75vh;min-height: unset;}
			.image_banner .slidertext{max-width: 760px;font-size:1.375rem;}
			.image_banner .slidertext *{font-size:inherit;}
				.image_banner .slidertext .button{font-size:1rem;}
			
        .header_slider .slides li:after{content:"";display:block;width:100%;height:100%;position:absolute;background: rgba(0,0,0,0.25);z-index:99;top: 0;}
		.hs_image{height: 100%;background-size:cover !important;background-position:50% !important;display: block;position: relative;width: 100%;}
			.image_banner .hs_image{ filter:blur(10px); transform: scale(1.1); }
		.flexslider .slides > li {position: relative;width: 100%;height: 100%;background: #ddd;}
			.flexslider .slides li:before{ display:block; content:""; position:absolute; width:100%; height:100%;background: rgba(0,0,0,0.32); z-index:1;}
		.slider_title{position:absolute;top:50%;transform: translate(-50%,-50%);left: 50%;margin-top: 60px;text-align: center;max-width: 870px;z-index: 999;}
			.slider_title h1{color:#FFF;line-height: 1em;text-transform: uppercase;}
				.image_banner .slider_title h1:after{ content:""; display:block; width:100%; height:37px;position: relative;left: 50%;transform: translateX(-50%);margin-top: 10px;background:url('img/icon-star-line.svg'); max-width:489px; background-size:contain; background-repeat:no-repeat; background-position:top center;}
			.slider_title h2{color:#FFF;line-height: 1em;margin: 15px 0 70px;display: block; font-family:inherit; font-size:1.625rem;}
            .slider_title h2 *{ font-size: 1.1rem;line-height: 1.3em; padding-top: 15px; font-family:inherit; }
				.introtext{ text-transform:uppercase; }
			.lefttitle .slider_title{display:grid;grid-template-columns: 1fr 4fr;max-width: 53vw;width: 100%;margin: 0 auto;grid-gap: 200px;text-align: left;}
			.image_banner.lefttitle  h1.fs_title{ font-size:5rem; }
			.lefttitle .slider_title .button{ margin-left:0}
		.header_fade{ position:absolute; bottom:0; width:100%; z-index:99 }
			.header_fade img{ display:block; width:100%; height: auto;  }
		.flex-control-paging li a{opacity:1;width: 14px;height: 14px;display:block;background: #f1f0f0;content:'';color:#FFF;font-size: 1px;}
		.flex-control-nav li {    margin: 0 0 8px 5px !important;    display: inline;    clear:both;    zoom: 1;    float: right;    margin-bottom: 5px;}
		.flex-control-nav {width: 1300px;position: relative;bottom: 30px;text-align: right;margin: 0 auto;z-index: 105;}
			.flex-control-paging li a.flex-active {   background: #ccc; }
	   @media only screen and (max-height:690px) and (orientation: landscape){
			.header_slider{ height:100vh}
		    .slider_title h1 {    font-size: 4.1rem;     font-weight: 900; }
	   }

     
/*HOME*/
	.mobile_navigation{ display:none; visibility:hidden; }


/*POSTS*/
	


/*RESPONSIVE*/
	
	@media only screen and (max-width:1420px){
		html, body{font-size: 14px;}
		nav .menu li a{font-size:inherit; } 
		nav .menu li {display:inline-block;margin: 0px 14px; position:relative; font-size:1rem;}
		.navigation{ padding:0 20px;}
		
	}
	

	@media only screen and (max-width:1280px){
		h1 {    font-size: 4rem;    font-weight: 900; }
	}

	@media only screen and (max-width:1190px){
	    nav a, nav a:hover, nav a:link, nav a:visited, nav .menu li a{font-size: .85rem;}
		nav .menu li{padding:0;margin: 0 10px;}
	}

	@media only screen and (max-width:1024px){
		.logo-the-turf, .logo-avonhead-tavern{ max-width:20vw}
		.page-template-landing .logo { max-width: 23vw; }
		nav a, nav a:hover, nav a:link, nav a:visited, nav .menu li a{font-size: .8rem;}
		nav .menu li{padding:0;margin: 0 5px;}
	}


	@media only screen and (max-width:1024px){
		body, html{max-width:100%;position:relative;/* overflow-x:hidden; */}
			body{ overflow-x:hidden;}
		.desktoponly{ display:none !important;}		
		.content_block{ width:100%;}
		.bookingbutton{bottom: -20px;right: -20px;top: unset;transform: scale(.7);}
        .navigation{display:block;position: absolute;}
			.logo-inside{ left: 20px;transform: unset;top: 10px; }
			.the_turf .logo-inside{left: 20px;transform: unset;top: 10px;}
			.avonhead_tavern .logo-inside{left: 20px;transform: unset;top: 10px;}
        .sitepush{transform:translateX(100%);}
			.mobile_navigation{position:fixed;width: 100%;height: 100%;background: #000;top: 0;left: 0;display: block;visibility: visible;padding-top: 220px;opacity: 0;transform: scale(.8);}
				.mobile_navigation.mobilmenushow{ opacity:1; transform:scale(1) }
			ul.menu{ margin-bottom:0; }
        .header_slider.image_banner{ height:50vh }
			.page-id-11 .header_slider.image_banner, .page-id-13 .header_slider.image_banner{ height:75vh}
        .logo{ left:20px; top:20px;  }

        nav a, nav a:hover, nav a:link, nav a:visited, nav .menu li a {text-transform: uppercase;line-height: 3em;font-size: 1.5rem;}
		.mobilemenu_button{display: block;border-top: 4px solid #FFF;position:absolute;right:20px;top:30px;height:30px;width:60px;z-index: 999;}
          .mobilemenu_button{ right:20px; top:40px; height:20px; width:40px;}
          .mobilemenu_button.mbopen:after{transform:rotate(-45deg);width:100%;bottom: 8px;}
          
          .mobilemenu_button:before{ content:""; display:block; height:4px; width:100%; top:50%; left:0; background:#FFF; position:absolute; margin-top:-2px; transform-origin:center; }
          .mobilemenu_button:after{ content:""; display:block; height:4px; width:70%; bottom:-4px; right:0; background:#FFF; position:absolute; margin-top:-2px; transform-origin:center;}
            .mobilemenu_button.mbopen{border-top: 0 !important;}
            .mobilemenu_button.mbopen:before{transform:rotate(45deg);}
            .mobilemenu_button.mbopen:after{transform:rotate(-45deg);width:100%;bottom: 8px;}

          .nav-up .mobilemenu_button, .nav-down .mobilemenu_button{top: 20px;}
          .nav-up .mobilemenu_button:before, .nav-up .mobilemenu_button:after, .nav-down .mobilemenu_button:before, .nav-down .mobilemenu_button:after{ background:#FFF; }
            .menu-main-navigation-container{ padding:10px 20px 0;}
			.main_navigation{position:fixed;right: 0;top:50px;display: block;width: 100%;height: 100%;background: #0f0f0f;transform:translateY(100%); }   
			  nav .menu li{display:block;clear:both;text-align:center;border: 0;margin-bottom:2px;}
			       nav .menu li ul.sub-menu li{ display:block; clear:both; text-align:center; border:0; margin-bottom:2px; background:rgba(255,255,255,0.2);  }
			nav .menu li:before, nav .menu li:after{ display:none; }
				nav .menu li.current_page_item a{ font-weight:bold; }
			 nav.main_navigation.mobilmenushow{opactiy:.97;transform:translateY(0);top: 100px;}
				   .nav-up nav.main_navigation, .nav-down nav.main_navigation{ top:100px; height:calc(100% - 100px); }
			 ul.menu {transform: rotate(180deg);display: block;position: relative;/* margin: 20px 0 0 0; */padding: 0;}
				  ul.menu > li {transform: rotate(-180deg);float: none;}

	    nav .menu .sub-menu { display: block; position: relative; background: rgba(255,255,255,0.5); left: -0; }
	        nav .menu li:hover .sub-menu, nav .menu li.current-menu-ancestor:hover .sub-menu{ margin-bottom:20px;}
            nav .menu li.menu-item-has-children:after{ top:15px;  }
        

        .slider_title {/* left: 20px; */max-width: 100%;width: 100%;}
		.page-id-11 .bookingbutton, .page-id-13 .bookingbutton{ right:0; top:unset; bottom:0;}
	}

	@media only screen and (max-width:760px){
	  .mobileonly{ display:block; }
	   body, html{ width:100%;}
	  .content_block{ width:100%;}
        html, body{ font-size:12px; }
		.page-template-landing .logo {max-width: unset;margin-top:0;height: 200px;}

		.slider_title {max-width:80%;margin-top: 0;top: unset;bottom: 20px;transform: translateX(-50%);}
			.header_slider.image_banner.redwhitestripes .slider_title{ bottom:50%; transform:translate(-50%, 60%)}
		.slider_title .button{ font-size:1rem; margin:10px}
		h1 {    font-size: 2.5rem;    font-weight: 900; }
		h2{ font-size:1.8rem;}
		.logo_inside{}
		.avonhead_tavern .logo-inside{width:114px;}
		.the_turf .logo-inside{width: 79px;padding-bottom: 10px;}

	}

	@media only screen and (max-width:414px){
	
	}

	@media only screen and (max-width:360px){
	  
	}