/*
Theme Name: Everards 2
Theme URI: https://www.anchorprint.co.uk/
Version: 10.0.0
License: GNU General Public License v2 or later
*/

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, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
	padding: 0px;
	color:#fff;
	line-height: 180%;
}
ol, ul {list-style: none;}
blockquote, q {	quotes: none;}
.clear { clear:both; }
table {	border-collapse: collapse;	border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
html {
	overflow-y: scroll;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
hr { background-color: #ccc; border: 0;	height: 1px; margin: 24px; clear: both; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Clearing floats */
.clear:after, .wrapper:after, .format-status .entry-header:after {
	clear: both;
}


/* =Repeatable patterns
-------------------------------------------------------------- */

/* Small headers */
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {
	text-transform: uppercase;
}

/* Form fields, general styles first */
button, input, select, textarea {
    border: none;
    border-radius: 0px;
    font-family: inherit;
    padding: 10px;
    color: #000;
}
button, input {
	line-height: normal;
}
textarea {
	font-size: 100%;
	overflow: auto;
	vertical-align: top;
}

/* Reset non-text input types */
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}

/* Buttons */
.menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type="submit"], 
.menu-toggle,
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	cursor: pointer;
}
button[disabled],
input[disabled] {
	cursor: default;
}
.menu-toggle:hover,
.menu-toggle:focus,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
article.post-password-required input[type=submit]:hover {
	border-color: transparent;
}
.menu-toggle:active,
.menu-toggle.toggled-on,
button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	border-color: transparent;
}

/* Responsive images */
.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.page-id-633 .su-column img { max-height:164px; }

/* Make sure videos and embeds fit their containers */
embed,iframe,object,video {	max-width: 100%;display: block;}

/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Navigation */
.site-content nav {
	clear: both;
	line-height: 2;
	overflow: hidden;
}
#nav-above {
	padding: 24px 0;
}
#nav-above {
	display: none;
}
.paged #nav-above {
	display: block;
}
h1, h2, h3, h4, h5, h6 { clear: both; color: #ffffff;text-transform: uppercase; letter-spacing:0px; }
h1 {  padding: 0; margin: 0 0 50px 0; }
h2 {  margin: 0 0 20px 0; padding: 0px;  }
h3 {  margin: 0 0 20px 0; padding: 0px;  }
h4 {  padding: 0px; margin: 0px 0px 20px 0px; }
p, li { margin: 0 0 20px; }

/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 87.5%;
}
a {
	outline: none;
	text-decoration:none;
}

/* Assistive text */
.assistive-text,
.site .screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	height: 1px;
	width: 1px;
}
.main-navigation .assistive-text:focus,
.site .screen-reader-text:hover,
.site .screen-reader-text:active,
.site .screen-reader-text:focus {
	clip: auto !important;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100000; /* Above WP toolbar */
}

/* Page structure */
.site { padding: 0 20px; position:relative; }
.container { position:relative; margin: 0 auto; width: 1200px; max-width:90%; }
.short .container {width:900px}
#main.container { width: 100%; max-width: 100%; }
.section { padding: 80px 0; background-repeat: no-repeat; }
.section.minpad { padding: 35px 0 15px 0; }
.section.topless { padding-top:0; }
.section.bottomless { padding-bottom:0; }
a.button { padding: 15px 30px; font-size: 16px; color: #FFF; margin-top: 15px; display: inline-block; text-transform: uppercase; }
a.pin { padding-left: 50px; background-image: url(images/pin.svg); background-position: 10px center; background-size: 20px auto; background-repeat: no-repeat; }

/* ############ 1. Header ############### */
header { z-index: 100; width: 100%; position: absolute; }
#logo { opacity:1;transition: 1s;z-index: 200;position: fixed; top: 40px; left: 50%; display: block; background-repeat: no-repeat;background-position: center; }
.sticky #logo { opacity:0 }

#banner { background-color:#333; }
#banner, #banner ul, #banner ul li { min-height: 100vh; }
#banner, #banner ul { position: relative; margin: 0; padding: 0; width: 100% !important; list-style: none; }
#banner ul li { position: relative; display: block; float: left; margin: 0; padding: 0; width: 100%; background-size: cover; background-position: center; }
#banner .owl-carousel { z-index:1; }
.inner{z-index: 2;margin: 0; width:75%; position: absolute;  top: 50%;  left: 50%;  -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);text-align: center;}
#banner h2 {color:#fff;text-transform:uppercase;font-size:75px;line-height:80px;text-align:center;margin-bottom:50px}
#banner h2 .sub{font-size:20px;line-height:24px;display:block;margin-top: 10px;text-transform: none;}
#banner a {padding: 15px 20px;border: 2px solid #fff;text-transform: uppercase;font-size: 20px;color: #fff;text-align: center;display: inline-block;transition: 1s;border-radius: 40px;}
#banner .button { z-index: 2; position: absolute; bottom: 0; right: 50%; width: 200px; margin-right: -100px; padding: 15px 0; text-align: center; height: 80px; background-color: #000; }
#banner ul li::before {z-index: 2;content: '';width: 100%;height: 100%;display: block;position: absolute;background: #000;opacity: 0.5;top: 0; left: 0;}
#banner .owl-dots { position: absolute; bottom: 40px; z-index: 2; text-align: center; width: 100%; }
.owl-dots button.owl-dot { width: 24px; height: 24px; background-color: #fff !important; padding: 0; margin: 0 8px;border-radius:12px }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {position: absolute;top: 50%;width: 60px;height: 60px;font-size: 0;background-image: url(images/prev.svg);background-size: 60px 60px;background-position: center;background-repeat: no-repeat;margin-left: 40px;    margin-top: -30px;transition: 0.5s;}
.owl-carousel .owl-nav button.owl-next{background-image: url(images/next.svg);right:0;margin-left:0px;margin-right:40px}
.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{opacity:0.5}

/* #### TOPPERS ##### */
.topper {position: relative;text-align: center;background-size: cover;background-repeat: no-repeat;background-position: center;height: 100vh;}
.topper::before {z-index: 2;content: '';width: 100%;height: 100%;display: block;position: absolute;background: #000;opacity: 0.5;top: 0; left: 0;}
.topper h1{color:#fff;font-size: 75px;line-height: 80px;}
.topper p { font-size: 20px; line-height: 30px; margin: 0px; padding: 0; color: #fff; }
a.down { content: ''; z-index: 2; position: absolute;bottom: 40px; left: 50%; display: block; width: 60px; height: 40px; background-image: url(images/down.svg); background-repeat: no-repeat; background-position: center;background-size: 60px 40px; margin-left: -30px; }
#down{padding-top:120px}
/* ############# 2. Navigation Menu ############# */
nav { display:block; }
.main-navigation { z-index: 300;width: 100%;float: none; margin: 0; position: fixed; top: 0px; right: 0px; }
.menu-toggle { z-index:200; right: 0px; position: fixed; top: 0px; display: block !important; font-size: 0px; line-height: 0px; padding: 0; background: transparent !important; color: #fff; text-align: right;width:60px;height:60px; }

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { display: none; }
.main-navigation ul.nav-menu { transition: opacity 1s ease-out }
.main-navigation ul.nav-menu.toggled-on { background: #333; position: relative; min-height: 100vh; display: block; top: 0; z-index: 100; width: 50%; max-width: 100%; right: 0; margin: 0 0 0 50%;}

.main-navigation ul.nav-menu.toggled-on li { margin:0 10px;text-align: center; }
.main-navigation ul.nav-menu.toggled-on li:first-child { padding-top:120px; }
.main-navigation ul.nav-menu.toggled-on a {display: block;font-size: 25px;padding: 14px;color: #fff;line-height: 35px;}
.menu-toggle .on,.menu-toggle .off{background-color:transparent;transition: background-color 1s ease-in-out;float:right;width: 60px;height: 60px;background-image: url(images/nav-open.svg);background-size: 60px 60px;background-position: center;background-repeat: no-repeat;padding:40px}
.menu-toggle .off{background-image: url(images/nav-close.svg);}
.toggled-on .on, .off{display:none}
.on, .toggled-on .off{display:block}

/* ##### SOCAIL ##### */
.social{position:absolute;bottom:40px;right:35px;z-index: 10;}
.social a {width:40px; height:40px; display:block; margin:0 5px;float:left;background-size:40px;}
.social a.facebook { background-image: url(images/icon-facebook.png); }
.social a.instagram { background-image: url(images/icon-instagram.png); }
.social a.twitter { background-image: url(images/icon-twitter.png); }
.social a.tripadvisor { background-image: url(images/icon-tripadvisor.png); }
.social a:hover { opacity:0.7;  }


/* ##### SECTIONS LAYOUTS ###### */
#content{padding-bottom:40px}
.half { width:50%; float:left; }
.half.thehours{padding:20px 0}
.default .half img { margin: 0 0 0 20%; height: auto; max-height: 300px; object-fit: cover; max-width: 80%; }
.nopadtop { padding-top:0 !important; }
.featured .half img { width: 100%; display: block; object-fit: cover; }
.featured .half:first-child  { margin-right:5%; width:45%; }

.layout1 h2, .layout1 p { color:#fff; }

/* ### HOME ### */

.row { }
.cakes a { position:relative; box-sizing:border-box; display:block; -webkit-transition-duration: 2s; transition-duration: 2s; background-color:#333; background-size:100% auto; background-position:center; color:#fff; padding:120px 0; width:31.333%; margin:1%; float:left;  }
.cakes a h3 { position:relative; text-align:center; font-size:27px; text-transform:uppercase; font-family: 'Nunito', sans-serif; font-weight:300; margin:0; padding:0; color:#fff; }
.cakes a.double { width: 64.444%; }
.cakes a::before { content: ""; -webkit-transition-duration: 2s; transition-duration: 2s; background-color: #000; opacity: 0.3; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.cakes a:hover { background-size:120% auto; }
.cakes a:hover::before {opacity: 0.1;}

.latestnews { }
.latestnews h3 { font-size:17px; line-height:20px; margin:20px 0 0 0; }
.latestnews h3 a { color:#000; text-decoration:underline; }
.latestnews h3 a:hover { color:#cb9700; text-decoration:none; }
.latestnews p { margin:5px 0; padding:0; }
.posteddated { font-size:13px; color:#666; }

/* #### SECTIONS #### */
.food, .news-preview { position: relative; padding:7% 0px 7% 40%; margin-bottom:0px;min-height: 220px; }
.news-preview { min-height: 180px; }
.food img, .news-preview img { position: absolute; left: 0px; width: 35%; height: auto;max-height: 320px;object-fit: cover; z-index: 1; }
.news-preview img { height: 400px; }
p.wp-caption-text {position: absolute; bottom: 5%;font-size: 11px;color: #ccc;margin: 0;}
.news-preview h2 a { color:#fff; }
.tag {  color:#cb9700; text-transform: uppercase; font-size: 19px; margin-bottom: 7px; display: inline-block; }
.food a.menu, .news-preview a.more {-webkit-transition-duration: 1s;transition-duration: 1s;color:#fff;text-transform: uppercase;text-align: center;border: 1px solid #C9A45A;  padding: 10px 20px;display: inline-block;}
.news-preview a.more { padding: 10px 25px; position: relative; bottom: auto; left: auto; margin: 10px 0 0 0; display: inline-block; }
.food a.menu:hover { }
.news-preview .posteddated, .topper .posteddated { color:#C9A45A; font-size:14px; margin-bottom: 10px; display: inline-block; }
.breadcrumbs {text-align:right;font-size:13px;padding-bottom:10px; margin-bottom:30px;border-bottom:1px solid #666;color:#666}
.breadcrumbs a {color:#666;text-decoration:underline}
/* ### GALLERY ### */
#gallery .topper::before, #story .topper::before { content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; opacity:0.3; background-color:#000; }
.cakeintro { padding-bottom:40px; }
.cakeintro h3 { width: 50%; float: left; padding-right: 5%; color: #000; font-weight: 300; font-size: 30px; line-height: 36px; }
.cakeintro p { width: 45%; float: right; }
#gallery {position:relative}
.gallery .gallerypic { position:relative; width: 25%; height: auto; float: left; object-fit: cover; overflow:hidden;padding: 1px;box-sizing: border-box;}
.gallerypic img {display: block;box-sizing: border-box;opacity:1;height: 300px; width: 100%;object-fit: cover;}
.gallerypic img:hover { opacity:0.6 }
.gallerypic:hover::before { content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-image:url(images/zoom-icon.svg); background-size:60px; background-position:center; background-repeat:no-repeat;  }

/* ### CONTACT ### */
.contact {text-align:center}
p.pin, p.email, p.phone {font-size: 24px;color:#C9A45A;line-height: 32px;}
.contactform {border-top: 1px solid #666;padding-top: 50px;margin-top: 50px;}

.block p a, .block li a {color:#fff;text-decoration:underline}

/* ### Footer ### */
footer { clear: both; padding: 60px 40px; font-size: 18px;line-height: 26px; color:#fff;text-align:center }
footer a { color:#fff; }
footer a:hover { color:#fff;text-decoration:underline }
.footcol { width:48%; padding:0 1%; float:left; }
footer .social {clear: both;text-align: center;position: relative;right: auto;bottom: auto;margin: 30px auto;display: inline-block;}
.copy { font-size: 13px; clear: both; }

/* ############### CONTACT PAGE ################## */
input, textarea {font-size: 17px;border: none;width: 100%;padding: 15px;background:#3E3E3E;box-sizing: border-box;margin: 0 0 10px 0;color:#fff;}
select { border: 1px solid #ccc; }

/* ########## Main content and comment content ############ */

ol, ul { margin: 0 0 24px; }
ol { list-style: decimal outside; }
li { margin: 0 0 0 36px; }
.container li { list-style:circle;}
blockquote { font-style: italic; font-size: 16px; line-height: 24px; color: #666; padding: 0 0 10px 50px; background-image:url(images/quote.svg); background-size: 30px 30px; background-repeat: no-repeat; }

img.alignleft,
.wp-caption.alignleft {
	margin: 12px 24px 12px 0;
}
img.alignright,
.wp-caption.alignright {
	margin: 12px 0 12px 24px;
}
img.aligncenter,
.wp-caption.aligncenter {
	clear: both;
	margin-top: 12px;
	margin-bottom: 12px;
}
.entry-content embed, .entry-content iframe, .entry-content object, .entry-content video {
    margin-bottom: 0px;
}
.entry-content dl,
.comment-content dl {
	margin: 0 24px;
}
.entry-content dt,
.comment-content dt {
	font-weight: bold;
}
.entry-content dd,
.comment-content dd {
	margin-bottom: 24px;
}
.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ededed;
	color: #757575;
	font-size: 12px;
	line-height: 2;
	margin: 0 0 24px;
	width: 100%;
}
.entry-content table caption,
.comment-content table caption {
	font-size: 16px;
	margin: 24px 0;
}
.entry-content td, .comment-content td {
    border-top: 1px solid #EDEDED;
    padding: 3px 10px 3px 0px;
    margin: 0px;
    line-height: 18px;
}
.page-links {
	clear: both;
}




/* =Media queries
-------------------------------------------------------------- */

@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* Minimum width of 800 pixels. */
@media screen and (min-width: 800px) {
	.site {
		margin: 0 auto;
		max-width: 940px;
		overflow: hidden;
	}
	.site-content {
		float: left;
		width: 65.104166667%;
	}
	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	
}

@media screen and (max-width: 1024px) {
	#banner h2, h1 { font-size: 70px; line-height: 75px; margin-bottom: 40px;}
	.food:nth-child(2n+1), .news-preview:nth-child(2n+1) {padding: 7% 55% 7% 0px;}
	.food, .news-preview {padding: 7% 0px 7% 55%;}
	.food img, .news-preview img { width: 50%;}
}
@media screen and (max-width: 900px) {
	#logo {top: 30px;margin-left: -40px;width: 80px;height: 100px;background-size: 80px 100px;}
	.menu-toggle .on, .menu-toggle .off {width: 50px;height: 50px;background-size: 50px 50px;}
	.main-navigation ul.nav-menu.toggled-on a {font-size: 22px;padding: 12px;line-height: 25px;}
	#banner h2, h1 { font-size: 55px; line-height: 65px; margin-bottom: 30px;}
	#banner a {padding: 12px 15px;font-size: 18px;}
	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { width: 40px; height: 40px; background-size: 40px 40px; margin-left: 15px; margin-top: -20px;}
	.owl-carousel .owl-nav button.owl-next { margin-right: 15px; margin-left:0}
	#banner .owl-dots {bottom: 30px;}
	.owl-dots button.owl-dot {width: 10px;height: 10px;margin: 0 4px;}
	.social {bottom: 20px;right: 25px;}
	.social a {width: 25px;height: 25px;margin: 0 3px;background-size: 25px;}
	.food:nth-child(2n+1), .news-preview:nth-child(2n+1), .food, .news-preview {padding: 0 0 40px 0;min-width: auto;}
	.food img, .news-preview img { width: 100%;position: relative; margin-bottom:15px}
	footer {font-size: 15px;line-height: 22px;}
}
@media screen and (max-width: 799px) {
	.menu-toggle {width: 40px;height: 40px;}
	.menu-toggle .on, .menu-toggle .off {width: 40px;height: 40px;background-size: 40px 40px;padding: 20px;}
	.main-navigation ul.nav-menu.toggled-on li:first-child { padding-top: 110px;}
	.main-navigation ul.nav-menu.toggled-on a {font-size: 19px;padding: 10px;line-height: 20px;}
	p, li { font-size: 15px; line-height: 24px; }
	.gallery .gallerypic { width: 50%; }
}
@media screen and (max-width: 600px) {
	#logo {top: 25px;margin-left: -30px;width: 60px;height: 80px;background-size: 60px 80px;}
	.main-navigation ul.nav-menu.toggled-on {width: 90%;margin: 0 0 0 10%;}
	#banner h2, h1 { font-size: 35px; line-height: 40px; margin-bottom: 25px;}
	#banner a { font-size: 16px;}
	#banner .owl-dots { bottom: 25px;left: 25px;width: auto; text-align: left;}
	a.down { bottom: 70px;}
	.social {bottom: 15px;right: 20px;}
	.social a { margin: 5px 0px;float: none;}
	.gallerypic img {height: 200px;}
	.section{padding:40px 0}
	h2 {font-size: 34px; line-height: 38px;}
	p.pin, p.email, p.phone { font-size: 20px; line-height: 28px;}
	footer { padding: 30px;}
	.footcol { width: 100%; float: none;padding:10px 0 }
	footer .social a {margin: 0px 5px; float: left;}
}

/* =Print
----------------------------------------------- */

@media print {
	body {
		background: none !important;
		color: #000;
		font-size: 10pt;
	}
}