@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Open+Sans:wght@300;400;500;600;700&display=swap');


:root {
	--teal: #7f959b;
	--beige: #f8f6f4;
	--tan: #f2ece4;
	--dark-grey: #313130;
	--brown: #b2a39b;
	--inner-width: 1367px;
	--heading-brown: #B2A39B;
	--button-hover:#e6c19d;
}

body, html{width:100%; height: 100%; margin: 0px; padding: 0px; box-sizing: border-box; color:var(--dark-grey); }

body{background-color: #F2ECE4; font-size:16px; font-family: 'Open Sans', sans-serif;}

div{background-repeat: no-repeat; background-position: center; background-size: cover; position: relative}

h1, h2, h3{font-weight:normal; line-height: normal}
h1{font-size:50px; font-family: 'Abril Fatface', cursive}
h2{font-size:30px; font-family: 'Abril Fatface', cursive; color:var(--heading-brown)}
h3{font-size:24px; font-family: 'Abril Fatface', cursive; color:var(--heading-brown)}
h4{font-size:16px}

a{text-decoration: none; color: #313130}
img{max-width: 100%}

a, a:active, a:focus{outline: none;}

input[type=text], input[type=email], input[type=tel], input[type=date], input[type=number]{border:1px solid #7F959B; padding: 8px; color:#7F959B; margin: 5px 0}
select{padding:10px}
textarea{font-family: 'Open Sans', sans-serif;}
main{min-height: 600px; line-height: 32px}

.pagination{max-width:1080px; margin: 60px auto}
.pagination a, .pagination .current{display:inline-block; padding: 2px 16px; background-color: #fff; border-radius:4px}

.font44{font-size: 44px}
.spacetext{text-transform:uppercase; letter-spacing: 3px}
.flex{display:flex; justify-content: center; align-items: center}
.flex > div{flex-grow: 1}
.center{text-align: center}
.post-edit-link{background-color:var(--teal); display: inline-block; padding: 4px 12px; color:#fff; font-size:12px; transition:all 0.3s ease; margin: 20px 0; border-radius:10px}
.post-edit-link:hover{background-color: var(--button-hover) !important; text-decoration: underline}

.fixedwidth{max-width:100%; width:100%; margin: 0 auto}

.textblock{max-width:1000px; margin: 60px auto}

.enquiryform{background-color:#3A4245; padding: 40px 10px; text-align: center; color: #F7F4EC}
.enquiryform h2{color: #F7F4EC; font-size:36px}



/* Buttons */
.button{background-color:var(--teal); display: inline-block; padding: 10px 80px 10px 30px; border-top-right-radius:26px; border-bottom-left-radius:26px;transition: background 0.3s ease; font-size:22px; font-family: 'Abril Fatface', cursive; color:#f7f4ec; position: relative; cursor:pointer; line-height: normal; border:0px}
.button:hover{background-color: var(--button-hover) !important}
.button:hover .arrow > div:first-of-type{width:50px}
.button:hover .arrow {right:20px}
.toolongbutton{min-width: 400px;}



.arrow{width:40px; position: absolute; top:22px; right:25px; height: 12px; transition:all 300ms ease}
.arrow > div{position: absolute; right:0px}
.arrow > div:first-of-type{border-bottom:1px solid #f7f4ec; height: 0px; top:5px; width:40px; transition:all 300ms ease}
.arrow > div:last-of-type{border-right:1px solid #f7f4ec; border-top:1px solid #f7f4ec; width:11px; max-width: 11px; height: 11px; transform:rotate(45deg); top:0px}


.lightbutton{background-color: #f2e6d6; color: #3a4245;}
.lightbutton .arrow > div{border-color: #3a4245 !important}
.lightbutton .arrow {border-color: #3a4245 !important}

.menubutton{display:block; margin: 5px auto 30px; padding: 20px; border:2px solid #707070; text-transform: uppercase; letter-spacing: 3px; font-size:18px; max-width: 200px; transition:all 300ms ease}
.menubutton:hover{background-color: #707070; color: var(--tan); transform:scale(1.06)}

.errorfield{border:1px solid red}
.view-article{display: none}
.articlecredit{text-transform: uppercase; font-weight:700; color:#3A4245}

.contentTextBlock{text-align: center; padding: 0px}

.heroOuter{overflow:hidden}

.hero{background-color: var(--tan); display: flex; justify-content: center; align-items: center; min-height: 300px; max-height:500px; background-size: cover; transition:all 4000ms ease; border:0px}
.hero > div{text-align: center}
.hero h1{color: #F8F6F4; transition:all 3000ms ease; opacity: 1}
.deep{min-height: 683px; max-height:683px;}

.heroOuter.loaded .hero{transform:scale(1.1)}
.hero h1.loaded{transform:scale(0.4); opacity:0}


.herovideo{ background-color: var(--tan); background-size: cover; transition:all 2s ease; position: relative; overflow: hidden; max-height: 500px; margin-bottom: 10px}
.herovideo iframe{position: absolute; top:0px; left:0px; width:100% !important; z-index: 1}
.heroh1{display: flex; font-size:30px; justify-content: center; align-items: center; height: 100%; width:100%; position: absolute; top:0px; left:0px; z-index: 4; color: #F8F6F4; transition:all 2s ease-out; opacity: 1}
.herovideo h1{text-align: center; color:#F8F6F4}

	
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
	background-color: #000
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

header{background-color: var(--beige); color:#000}

#masthead{display: flex; justify-content: center; align-items: center; flex-wrap:nowrap; align-content: space-between; z-index: 10; font-size:14px; max-width:var(--inner-width); margin: 0px auto; padding: 10px 0; width:98%; background-color: var(--beige)}
#masthead > div{flex-grow:1; width:100%}
#masthead > div:first-of-type{max-width: 120px; padding-left: 40px}
#masthead > div:last-of-type{text-align:right; padding-right: 40px}

#mainnav{text-align: right; color:#000; text-transform: uppercase; font-size:14px}
#mainnav ul{list-style: none; margin: 0px; padding: 0px}
#mainnav ul > li{padding: 6px 15px; margin: 0px; display: inline-block; position: relative}
#mainnav > ul > li:last-of-type{background-color: var(--teal); border-top-right-radius:10px; border-bottom-left-radius:10px; padding-left: 15px; margin-left: 20px; transition: all 300ms ease}
#mainnav > ul > li:last-of-type a{color: #fff}
#mainnav > ul > li > a{display:block; cursor:pointer; transition:all 300ms ease; padding: 2px 0px; border-bottom:2px solid var(--beige)}
#mainnav > ul > li > a:hover{color:var(--brown); border-bottom:2px solid var(--brown)}
#mainnav > ul > li:last-of-type > a{border:0px; transition:all 300ms ease}
#mainnav > ul > li:last-of-type > a:hover{border:0px; color: #fff}
#mainnav > ul > li:last-of-type:hover{background-color: var(--button-hover)}

#mainnav ul > li  ul{position: absolute; top:29px; left:0px; display: none; min-width: 180px; padding:0px}
#mainnav ul > li  ul > li{display:block; padding:0px}
#mainnav ul > li  ul > li > a{display:block; background-color: var(--beige); text-align: left; padding: 8px 5px 8px 15px; transition:all 300ms ease}
#mainnav ul > li  ul > li > a:hover{ background-color: var(--tan)}
#mainnav ul > li  ul > li:first-of-type{padding-top: 30px}
#mainnav ul > li  ul > li:last-of-type{padding-bottom: 10px}

#mainnav .current-menu-item a{border-bottom:2px solid var(--brown);}
#mainnav > ul > li > ul .current-menu-item a{border:0px; background-color: var(--tan)}
 
#mobnavbutton{border-radius:2px; width:26px; height: 30px; position: absolute; top:24px; right:30px; cursor:pointer; display:none; z-index: 50; font-size:18px}
#mobnavbutton > div{margin: 5px 0; border:0px; border:2px solid #000}

#mobnav{text-transform: uppercase; background-color: #fff; color: #3A4245; position: fixed; top:0px; left:0px; z-index: 80; display: none;  width:100%; height: 100%}
#mobnav ul{list-style: none; margin: 0px; padding: 0px}
#mobnav ul > li{padding: 0px; margin: 0px; display: block; position: relative}
#mobnav a{display:block; padding: 10px; cursor:pointer; text-transform: uppercase; text-align: center; letter-spacing: 4px; border-top:1px solid #ccc}

#mobnav ul > li  ul{display: none}
#mobnav ul > li  ul > li{display:block}
#mobnav ul > li  ul > li > a{background-color: #F7F4EC}
	
#mobnav a i{position: absolute; right:60px; top:15px; transition:all 100ms ease}

#mobNavMasthead{display:flex; justify-content: space-between; align-items: center; padding: 15px 0}
#mobNavMasthead > div{flex-grow:1}
#mobNavMasthead > div:first-of-type{width:100px; height: 67px; background-size: contain; background-position: center left 51px; background-repeat: no-repeat; background-image: url(/wp-content/uploads/2020/06/logo-mv-top.png); margin-top: 3px}
#mobNavMasthead > div:last-of-type{padding: 0 36px 0 0; text-align: right}
#mobNavMasthead i{font-size: 30px; color: #000}

.moblogo{cursor:pointer}

.hrbrown{border:1px solid var(--heading-brown)}
.hideborder > div{border:0px !important}

.newslist{display: flex; flex-wrap:wrap; justify-content: space-around; align-items: stretch; margin: 0 auto 60px; max-width: 1100px}
.newslist > div{width:100%; min-width:31%; max-width: 31px; margin: 0 0 50px}
.newsPanel h2{color:#545b5e}
.newsInner{min-height:320px; line-height: 24px}

.newsbuttonwrap{border-top:1px solid var(--teal); padding: 10px 0; margin: 30px 0 0}
.newsThumb{display:block; padding-bottom: 100%; background-color: var(--teal); min-height: 100px;background-repeat: no-repeat; background-position: center; background-size: cover}
.newsThumb img{max-width:100%; max-height:100%; width:100%; height:100%; display:none}
.thedate{color:#7F959B; text-transform:uppercase; padding: 0 0 20px; font-weight:normal; font-size:20px; letter-spacing: 3px}

.newsbody{max-width:958px; margin: 0 auto}
.productbody{max-width:1200px; margin: 0 auto; position: relative; border-top:1px solid #fff}

#mobileNews{max-width:650px; margin:0 auto; text-align: center; display: none; position: relative; height: 290px; text-align: center}
#mobileNews > div{width:100% !important}
#mobileNews > div:nth-of-type(n+2){display:none}

.dotsmenu{text-align: center; margin: 20px 0; display:none}
.dotsmenu > div{border:1px solid #ccc; background: #fff; width:20px; height:20px; margin: 0 3px; border-radius:30px; display: inline-block; cursor:pointer}
.dotsmenu > div:hover{border:1px solid var(--heading-brown)}
.dotsactive{background: var(--heading-brown) !important}

.morenewsbutton{text-align:right; padding: 0 10px 60px}
.morenewsbutton a{color:#3A4245; font-size:16px; letter-spacing: 3px; text-transform: uppercase; transition:all 200ms ease}
.morenewsbutton a:hover{color:var(--teal)}

.whitebg{background-color: #fff}

.eventslist{display: flex; flex-wrap:wrap; justify-content: space-between; align-items: stretch; margin: 0 0 60px}
.eventslist > div{width:100%; min-width:48%; max-width: 48px;}
.eventsPanel h2{color:#3A4245; font-size:36px; padding: 0px; margin: 30px 0 0}
.eventsbuttonwrap{border-top:1px solid var(--teal); padding: 16px 0; margin: 30px 0 0}
.eventInner{min-height: 360px}
.eventslist .newsThumb {padding-bottom: 65%}
.eventInner .thedate{padding: 0px; margin: 0px}

footer{background-color: #323739; background-image: url(/wp-content/uploads/2020/09/MV-footer-graphic.jpg); background-repeat: no-repeat; background-size: cover; padding: 60px 0; color: #fff}
footer a{color: #fff; transition:all 300ms ease}
footer a:hover{color: #ccc}

#footerInner{display:flex; align-items: stretch; width:98%; max-width:var(--inner-width); font-size:14px; margin: 0 auto}
#footerInner > div{flex-grow:1; padding: 5px; flex-basis:20%}
#footerInner > div:nth-of-type(1){max-width:150px}
#footerInner > div:nth-of-type(2){max-width:280px}
#footerInner > div:nth-of-type(3){}
#footerInner > div:nth-of-type(4){}
#footerInner > div:nth-of-type(5){max-width:200px}
#footerInner > div h4{margin: 0px; padding:0 0 15px;}
#footerInner > div:nth-of-type(2) p{padding: 0px; margin: 0px}

.footersocials i{font-size:22px; margin: 15px 15px 0 0}

#menu-footer-menu{list-style: none; padding: 0px; margin: 0px; column-count:2}
#menu-footer-menu > li{display:block; padding: 4px 0px; margin: 0px}

#credit{width:98%; max-width: var(--inner-width); margin: 30px auto; font-size:12px; display: flex; justify-content: space-between; align-content: center}
#credit > div{flex-grow:1; max-width:50%}
#credit > div:last-of-type{text-align: right}

.threeBox{display: flex; align-items: stretch; color: #fff; margin: 0px 0 0}
.threeBox > div{flex-grow: 1; flex-basis: 33%; background-size: cover; background-position: center; padding: 20px 30px 30px; position: relative; box-sizing: border-box; overflow: hidden}
.threeBox > div:nth-of-type(2){margin: 0 10px}
.threeBox h2{margin: 0px; padding: 0px; height: 80px; max-width: 50%; font-size:30px; color: #fff}
.threeBox p{font-size:14px}

.evCopy{background-color: rgba(0,0,0,0.5); max-width:45%; width:45%; height:100%; position: absolute; top:0px; right:-220px; padding: 10px; box-sizing: border-box; line-height: 20px; transition:right 600ms ease}

.threeBox > div:hover .evCopy{right:0px}

.fourBox{display: flex; align-items: stretch; justify-content: space-between; color: #fff; margin: 30px auto 10px; flex-wrap: no-wrap; max-width:1200px; max-width: 900px}
.fourBox > div{flex-grow: 1; background-size: cover; background-position: center; padding: 20px 30px 30px; position: relative; max-width:285px; min-width:285px; height: 400px; cursor:pointer}

/* Turned off */
.fourBox > div:nth-of-type(2){display:none}

.fourBox > div:nth-of-type(3) .button{width:100%}

.fourBox .button{position: absolute; bottom:0px; right:0px}

.twoBox{display: flex; align-items: stretch; margin: 0px; max-width:1200px; margin: 0 auto; flex-wrap:wrap}
.twoBox > div{flex-grow:1; min-height: 500px; padding: 60px 90px 60px; flex-basis: 50%; position: relative}
.twoBox > div:first-of-type{}
.twoBox h2{padding-top: 0px; margin-top: 0px; color: #3A4245}
.twoBox p{}


.googlemapframe > div:last-of-type{padding:0px}
.googlemapframe iframe{margin:0px; padding: 0px; width:100%; height:500px; position: absolute; top:-14px; left:0px}

.googlemapframe2 > div:first-of-type{padding:0px; background: #F2E6D6}
.googlemapframe2 iframe{margin:0px; padding: 0px; width:100%; height:840px; position: absolute; top:-14px; left:0px}

.floating_texture{height: 0px; width: 100%; position: relative; z-index: 10; max-width: 1200px; margin: 0 auto}
.floating_texture > div{background-image:url(/wp-content/uploads/2020/06/texture-strip.jpg); background-size: cover; height: 40px; width:100%; position: absolute; top:0px; left:0px; opacity: 0.6}

.floating_texture_bottom{height: 0px; width: 100%; position: relative; z-index: 20; max-width:1200px; margin: 0 auto}
.floating_texture_bottom > div{background-image:url(/wp-content/uploads/2020/06/texture-strip.jpg); background-size: cover; height: 40px; width:100%; position: absolute; bottom:0px; left:0px; opacity: 0.6}


.leaderBox{display: flex; align-items:stretch; margin: 30px auto; justify-content:space-between; max-width: 1200px}
.leaderBox > div{max-width:46%; flex-grow: 1; padding-top:30px; padding-bottom: 0px; margin-bottom: 30px}
.leaderBox > div:first-of-type{padding-right:15px; border-bottom:2px solid #B2A39B;}
.leaderBox > div:last-of-type{padding-left:15px}
.leaderBox h2{padding:10px 0 30px; font-size: 44px; margin: 0px}

.leaderBox p{}

.al_right > div{flex-basis: auto}
.al_right > div:last-of-type{width:55%}
.al_right > div:first-of-type{width:45%}

.al_left > div{flex-basis:auto}
.al_left > div:last-of-type{width:45%}
.al_left > div:first-of-type{width:55%}

/* News slider*/
#newsSliderWrap{position: relative; width: 100%; padding-top: 50px; max-width:var(--inner-width); margin: 0 auto}
#newsSliderWrap h2{padding-bottom: 20px}

#newsSlider{width:1200px; margin: 0 auto; height: 280px; overflow: hidden; position: relative}
#newsSliderInner{position: absolute; top:0px; left:0px; height: 280px; display: flex; flex-wrap:nowrap; flex-direction: row; transition:all 600ms ease}

.newsslide{text-align: center; min-width:1200px; max-width: 1200px; display: flex; flex-wrap:nowrap; flex-direction: row; justify-content: space-between}

.newsSlideItem{background-color: #fff; display: inline-flex; width:100%; max-width: 585px; justify-content: center; line-height: 20px}
.newsSlideItem > div{min-width: 50%; flex-grow: 1; height: 280px; overflow: hidden; background-size:cover}
.newsSlideItem > div:first-of-type{width:50%; background-position: center; background-size: cover; background-color: #efefef}
.newsSlideItem > div:last-of-type{padding:20px 20px 0; text-align: left}
.newsSlideItem h3{font-size:28px; color:#3A4245; margin: 0px; padding: 0px; line-height: 28px}
.newsSlideItem .button{position: absolute; right:15px; bottom:15px; padding-bottom: 15px}

.newsArrow{position: absolute; top:330px; cursor: pointer; width:20px; height:20px; border-left:3px solid #3A4245; border-top:3px solid #3A4245}
.newsArrow:hover{opacity:0.8}
.newsArrowLeft{transform:rotate(-45deg); position: absolute; left:-10px}
.newsArrowRight{transform:rotate(135deg); position: absolute; right:-10px}


#instagramWrap{padding: 0px}
#instagramFeed{width:100%; height: 250px; border:1px solid var(--brown);}
#sb_instagram.sbi_fixed_height{overflow: hidden}
#sb_instagram{height:inherit !important}

#testimonialsWrap{padding: 50px 10px 0}
#testimonials{width:100%; height: 400px; border:1px solid var(--brown); padding: 50px 10px 0}

.texturestrip{height: 30px; background-image: url(/wp-content/uploads/2020/06/texture-strip.jpg); background-color: var(--tan); max-width:1200px; margin: 0 auto}

.bookingform{text-align: center; color: #fff; padding: 15px; z-index: 1; color:#F8F6F4}
.bookingform h2{font-size:38px; color:#F8F6F4}

.teamlist{display:flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; max-width: 1012px; margin: 60px auto}
.teamlist > div{flex-basis:33%; max-width: 280px; margin: 0 0 60px}
.teamlist h3{font-size:20px; color: #3A4245 !important; padding: 0px; margin: 0px}
.jobtitle{text-transform: uppercase; font-size: 12px; color:#3A4245; letter-spacing: 3px; line-height: normal; padding-top: 10px}
.teamexcerpt{color:#000000; font-size: 14px; line-height: 22px; padding: 15px 0}
.teamThumb{padding-bottom: 100%; background-size: cover; margin: 0 auto 10px; display:none}

.teamlist .flex{font-size:14px; font-weight:600}
.teamlist .flex > div:last-of-type{font-size: 26px; text-align: right}
.teamlist i:hover{opacity:0.8}

#signupform{}
#signupform input{margin: 15px 0; width:80%; max-width: 300px}

#bookButton{z-index: 100; font-family: 'Abril Fatface', cursive; font-size:24px; padding: 15px; background-color: #3A4245; color: #fff; text-align: center; width:100%; position: fixed; bottom:0px; left:0px; cursor:pointer; display:none}

#bookmenu{z-index: 101; padding: 30px; background-color: #3A4245; color: #fff; text-align: center; width:100%; position: fixed; top:0px; left:0px; height: 100%; display: none}
#bookmenu i{position: absolute; top:30px; right:30px; font-size:30px; color: #FDF6E5; cursor:pointer; z-index: 110}
#bookmenu i:hover{opacity:0.8}

.filterswitches{text-align: center; text-transform: uppercase; font-weight:600; margin: 30px 0 60px; letter-spacing: 3px}
.filterswitches span{cursor:pointer}
.filterswitches .active{color: #7F959B}

.evcontent p{max-width:1100px; margin: 0 auto;padding: 60px 0 0}

.photoTextBlockWrap{max-width:1200px; margin: 0 auto; padding: 0px; display: flex; justify-content: space-between; flex-wrap: wrap}
.photoTextBlockWrap > div{max-width:532px; margin: 0 0 60px}

.photoTextBlock{}
.photoTextBlock h2{color: #3A4245; font-size:36px}
.photoTextBlock > div:first-of-type{padding-bottom: 56%}
.photoTextBlock > div:last-of-type{}
.photoTextBlock:nth-of-type(odd){margin-right: 20px}

#findoutmoresWrap{text-align: center; padding: 60px 10px; max-width:1080px; margin: 0 auto}
#findoutmoresWrap .button{margin: 40px 0 0}
#findoutmoresWrap h2{font-size:36px}

.pagelinks{width:100%;; max-width:1080px; margin: 0px auto; display:block; padding: 30px 0}
.pagelinks > a{display: inline-block; border:1px solid #efefef; padding: 2px 10px; border-radius:3px; transition:all 200ms ease}
.pagelinks > a:hover{background-color: var(--teal); color: #fff; border-color:var(--teal)}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{border:0px; border-color:#fff}

.enqformflex{align-items: stretch; max-width:838px; margin:0 auto}
.enqformflex > div{text-align: left; flex-grow: 1}
.enqformflex > div:last-of-type{width:473px}
.enqformflex label{font-size:14px; letter-spacing: 3px; text-transform: uppercase}
.enqformflex input{border:0px; border-radius:4px; padding: 10px; font-size:14px; color: #3A4245; background-color: #F7F4EC}
.enqformflex textarea{font-size:14px; color: #3A4245; border-radius:4px; padding: 10px; width:100%; min-height:250px; background-color: #F7F4EC}
.enquiryform select{width:100%; max-width:838px; margin: 0 auto; background-color: #F7F4EC; border-radius:4px}

.eatr-reviews-skeleton-container > div:last-of-type{display:none}


/* Woocommerce */
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{
	background-color:var(--teal);
	font-weight:inherit;
	margin: 0 auto;
	border-radius:inherit;
	padding: 10px 80px 10px 30px; 
	border-top-right-radius:26px; 
	border-bottom-left-radius:26px;
	transition: background 0.3s ease; 
	font-size:22px; font-family: 'Abril Fatface', cursive; 
	color:#f7f4ec; 
	position: relative; 
	cursor:pointer; 
	line-height: normal; 
	border:0px;
	display:inline-block
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{text-align:center}

.woocommerce-loop-product__title{text-align: center; font-size:22px !important; color: #3A4245; padding-bottom: 0px}

.woocommerce ul.products li.product .price{color:#3A4245; font-size:20px; text-align: center;}
.woocommerce ul.products li.product .price::before{content: "From ";}

.woocommerce-result-count, .woocommerce-ordering{display:none}

.productfilters{text-align: center; text-transform:uppercase; letter-spacing: 3px; font-weight:700; color:#3A4245; margin: 0 auto 20px}
.productfilters ul{list-style: none; padding:0px; margin:0px; height: inherit}
.productfilters li{display: inline-block; padding: 0 16px; border-right:2px solid #3A4245}
.productfilters li:first-of-type{border:0px}
.productfilters li:last-of-type{border:0px}
.productfilters a{padding:0px; margin:0px; display: inline; transition:all 200ms ease}
.productfilters a:hover{color:var(--teal)}

.wc-block-product-categories-list-item-count{display:none}
.woocommerce .products ul, .woocommerce ul.products{margin-top: 40px}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color:var(--teal)}

.woocommerce-breadcrumb{text-align: center; text-transform:uppercase; letter-spacing: 3px; font-weight:700; color:#3A4245; padding: 40px 20px 20px !important; display:block}

.woocommerce div.product{margin:90px auto 0; max-width: 90%}

.woocommerce div.product h2{text-align: center; font-size:36px}

.woocommerce div.product div.images img{max-width:300px;}

.posted_in{text-transform:uppercase; letter-spacing:2px; font-size:14px}

.woocommerce span.onsale{background-color: var(--teal)}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{padding: 10px 80px 10px 30px; display:inline-block}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled]{padding: 10px 80px 10px 30px}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{max-width:400px}

.woocommerce table.shop_table {border:0px}
.woocommerce table.shop_table tr:last-of-type td{padding-top: 30px}
#coupon_code{min-width:150px; padding: 12px; margin-right: 20px}
#order_comments{padding: 15px}

.eatr-reviews-skeleton-container > a{display: none !important}


.reversestack{flex-wrap: wrap-reverse}

.wpcf7-submit{padding-right: 30px}

/* Mailchimp form */
.mc4wp-form-fields{margin: 20px 0}

/* COVID popup */
#covid{position: fixed; width:100%; height: 100%; top:0px; left:0px; background-color: rgba(255,255,255,0.8); display: flex; justify-content: space-around; align-items: center; z-index: 2000}
#covid > div{background: #f2ece4; padding: 30px; flex-grow:1; width:100%;  max-width:800px; margin: 10px; box-shadow:2px 2px 15px #666}
#covid h3{text-align: center; font-size:40px; padding: 0px; margin: 0px}
#covid a{color:#7f959b; font-weight:700}
#covid > div i{position: absolute; top:20px; right:20px; cursor:pointer; font-size:30px}
#covid > div i:hover{color:#7f959b}

/* cookiebar */
#cookiebar{padding: 20px; box-sizing: border-box; margin: 0px; display: flex; position: fixed; bottom:0px; left:0px; justify-content: space-between; align-items: center; font-size:14px; background: #7f959b; color:#fff; max-width: none; width:100%; z-index: 1999}
#cookiebar > div{flex-grow:1; width:100%}
#cookiebar > div:first-of-type{padding-right: 20px; min-width:80%; max-width:90%}
.cookiebutton{padding: 15px; background:#F2ECE4; color:#000; cursor:pointer; font-weight:700; text-align: center; transition:all 300ms ease}
.cookiebutton:hover{color:#fff; background: #333}

@media (max-width: 1200px) {
	#mainnav{display: none}
	#mobnavbutton{display:block}
	
	#footerInner{flex-direction: column; width:80%; max-width: 80%}
	#footerInner > div{ padding: 30px 0}
	#footerInner > div:nth-of-type(1){padding: 5px 0; max-width:72px}
	#footerInner > div:nth-of-type(2){padding: 0 0 15px}
	#credit{text-align: left; max-width: 80%}
	
	.leaderBox {max-width:96% !important; }
	
	.fourbox{max-width: 98%}
	
}

@media (max-width: 1300px) {
	
	#newsSlider, .newsArrow {display:none}
	#mobileNews{display: block}
	.dotsmenu{display: block}
	
	.fourBox{flex-wrap: wrap; justify-content: space-around}
	.fourBox > div{flex-basis: 45%; margin-bottom: 20px}

	.photoTextBlock{max-width:500px; margin: 0 0 0 90px}
	.photoTextBlock:nth-of-type(odd){margin-right: 20px}
	
	.woocommerce div.product{max-width: 90%}
	
}
@media (max-width: 1250px) {
	.photoTextBlock{max-width:500px; margin: 0 0 0 10px}
	.photoTextBlock:nth-of-type(odd){margin-right: 20px}
}
@media (max-width: 1100px) {
	.evcontent p{max-width:100%; padding: 60px 40px}
	
	.newslist{justify-content: space-around; max-width: 98%}

	.photoTextBlock{max-width:90%; margin: 0 auto 60px !important; display: block}
	.photoTextBlock:nth-of-type(odd){margin-right: auto}
	
}

@media (max-width: 1000px) {
	.threeBox{display: flex; flex-direction: column}
	.threeBox > div{width:100%; max-width:100%; flex-basis: 100%; min-height: 300px; margin: 0px !important}
	.herovideo{ margin-bottom: 0px}
	.evCopy{right:0px}
	
	.leaderBox{flex-direction:column}
	.leaderBox > div{flex-basis: 100%; width:100%; max-width: 100%}

	.twoBox{}
	.twoBox > div{flex-basis: 100%; width:100% !important; max-width: 100% !important}
	
	.deep{min-height: 300px; max-height:inherit}
	.newsbody{max-width:100%px; padding:0px 40px}
	
	.eventslist{justify-content: space-around}
	
	.newslist > div{max-width:48%; min-width:48%; width:100%}
	
	.pagelinks{padding-left:15px}

	.textblock{max-width:98%; padding: 0 40px}
}

@media (max-width: 900px) {
	.teamlist{ justify-content: space-around; fle-}
	.teamlist > div{flex-basis:auto; max-width: 280px; min-width:280px; margin: 0 0 60px}
}

@media (max-width: 800px) {

	#menu-footer-menu{flex-direction: column; column-count: 1}
	#menu-footer-menu > div{width:100%; min-width:100%; flex-basis:auto; max-width:100% !important; text-align: center}

	.twoBox > div{width:100%; min-width:100%; max-width:100%; flex-basis:100%}
	.twoBox > div{min-height: 300px}
	
	.leaderBox{flex-direction: column}
	.leaderBox > div{width:100%; min-width:100%; max-width:100%; flex-basis:100%; padding: 20px 40px !important}
	
	#bookButton{display: block}
	
	.eventslist{flex-direction: column; max-width: 96%; margin-left: auto; margin-right: auto}
	.eventslist > div{width:100%; min-width:100%; max-width: 100%}
	.eventInner, .newsInner{padding-left:40px; padding-right: 40px}
	.newsbuttonwrap{padding-left:40px; padding-right: 40px; padding-top: 20px}
	
}


@media (max-width: 700px) {
	.newsSlideItem{margin-bottom: 30px}
	.newsSlideItem > div{height:340px}
	.twoBox > div{padding: 30px 40px 30px !important}
	.newslist{max-width:96%}
	.newslist > div{max-width:100%; min-width:100%; width:100%}
	#findoutmoresWrap{max-width: 80%}
	.enqformflex{flex-direction:column; margin: 0 30px}
	.enqformflex > div{width:100% !important; max-width: 100% !important; text-align: center}
	.enqformflex textarea{min-height:150px; max-width:80% !important}
	.enqformflex input{max-width:80% !important}
	.enqformflex select{max-width:80% !important}
	.your-recipient{max-width: 80% !important}
	
	.newsSlideItem{flex-direction: column; width:90%; max-width:90%; min-width: 90%}
	.newsSlideItem > div{width:100%; max-width:100%; min-width: 100%}
	.newsSlideItem > div:last-of-type{height: auto; padding-bottom: 90px; line-height: 20px !important; font-size:16px !important}
	#mobileNews{min-height: 600px}
	
	#cookiebar{flex-direction: column}
	#cookiebar > div{min-width:100%; max-width:100%; text-align: center}
}
@media (max-width: 600px) {
	.photoTextBlockWrap{max-width:90%}
	.toolongbutton{min-width:inherit !important}
	
	#covid{width:100%; display: block; justify-content: space-around; align-items: center}
	#covid > div{width:100%;  max-width:90%; margin: 110px auto 0; box-shadow:none; max-height: 60vh; overflow: auto}
	#covid h3{font-size:24px}
	
}
@media (max-width: 400px) {
	#masthead > div:first-of-type{padding-left:20px}
	.fourBox{flex-wrap: wrap; justify-content: center; flex-direction: column}
	.fourBox > div{flex-basis:auto; margin: 0 0 30px 0 !important; min-width: 100%; max-width: 100%; height: 400px}
	h1{font-size:30px}
	.logo img{max-width: 46px}
	#masthead{padding:15px 0; background-color: #fff}
	.threeBox h2{height: auto; line-height: 34px}
}