/*
Theme Name: 1485
Theme URI: https://graphixweb.co.uk/
Version: 99.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: 26px;font-size:16px;padding: 0px;font-family: 'Montserrat', sans-serif;font-weight:400;color:#333;background-color:#fff;}
blockquote, q {	quotes: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
p{font-size: 16px; line-height: 26px; margin:0 0 20px 0;padding:0}
h1, h2, h3, h4, h5, h6 {clear: both;font-weight:700;color:#693c11;margin:0 0 20px 0;padding:0;}
h1{font-size: 75px;line-height: 70px;font-family: 'Arvo', serif;}
h2{font-size:34px;line-height:40px;font-family: 'Arvo', serif;}
h3 {font-size: 22px;line-height: 30px;font-weight: 700;margin: 0;}
h4{font-size:19px;line-height:24px}
ul {padding-left: 20px;margin-bottom: 20px;}
li{font-size: 17px; line-height: 26px; margin:0 0 10px 0;padding:0}
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;}
audio, canvas, video {display: inline-block;}
audio:not([controls]) {display: none;}
ins {text-decoration: none;}
hr {background-color: #FFF;border: 0;height: 1px;margin: 40px 0;clear: both;}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
small {font-size: 60%;}
img {border: 0;-ms-interpolation-mode: bicubic;display:block}
/* Clearing floats */
.clear:after, .wrapper:after, .format-status .entry-header:after {clear: both;}
.clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after {display: table;content: "";}
.grecaptcha-badge{display:none}
.archive-title, .page-title, .widget-title, .entry-content th, .comment-content th {text-transform: uppercase;}
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"], .bypostauthor cite span {
    padding: 10px 0;
	margin: 0;
    border: none;
    width: 100%;
    background-color:#00939f;
    color: #fff;
}
.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 {
	background: #455389;
	background-repeat: no-repeat;
    background-size: auto 90%;
    background-position: 3px center;
}

/* 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%;
}

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

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

/* Body, links, basics */
html {
	font-size: 87.5%;
}
a {outline: none;text-decoration:none;transition: 0.5s;}
a:hover {}
.entry-content a { }


/* Page structure */
.site {
    padding: 0 20px;
    position:relative;
}
.container {
	margin: 0 auto;
    width: 940px;
	max-width:90%;
}
#main.container { width: 100%; max-width: 100%;}
section {padding: 50px 0;}
section.bottomless{padding-bottom:0}
section.brown{background-color:#693c11}
section.brown p,section.brown h1,section.brown h2,section.brown h3,section.brown a{color:#fff !important}
section.blue{background-color:#00939f}
section.blue p,section.brown h1,section.blue h2,section.blue h3{color:#fff !important}
section.pink{background-color:#a75f7a}
section.pink p,section.pink h1,section.pink h2,section.pink h3{color:#fff !important}

.half { width:50%; float:left;box-sizing:border-box }
.half.first { padding-right:2% }
.half.last { padding-left:2% }

/* ############ 1. Header ############### */
header { position:relative;	z-index:2;background-color:#d9e9ec}
hgroup { z-index: 1000; position: relative;}
hgroup .container {position: relative;height:140px;}
.topright {padding: 10px;background: #00939f;}
.topright .inner{max-width: 90%;margin: 0 auto;}
.social{text-align:right;float:right}
.contact{text-align:left;float:left}
.social a{color:#fff;margin-left:5px;padding: 5px 0 5px 30px;background-size: auto 90%;background-position: center left;background-repeat: no-repeat;font-size: 14px;}
.social a:hover{opacity:1}
.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.basket{margin-right:15px;background-image: url(images/icon-basket.png);}
.contact .phone,.contact .email{color:#fff;font-size:12px}
.contact .phone{padding-right:30px}
.contact a.phone,.contact a.email{color:#fff}

#logo img {width: 250px;height: 100px;margin: 10px -125px 0 0;position: absolute;top: 0;right: 50%}
.hamburger{display:none}
#menus {max-width: 90%;margin: 0 auto;text-align: center;height: 62px;}
#menus a {color: #000;margin: 0px;padding: 18px 12px;font-size: 15px;font-weight: 700;display: inline-block;}
#menus a:hover {color:#00939f;}
#menus a.active {font-weight:700;color:#00939f}
.navfirsthalf{float:left;text-align:left}
.navsecondhalf{float:right;text-align:right}

.postheader{padding:6px;text-align:center;text-transform:uppercase;color:#693c11;background-color:#a0c6b5}
#banner {background-color: #00939f;background-position: center right;background-size: 70% auto;background-repeat: no-repeat;padding: 0;}
#banner.brown{background-color:#693c11}
#banner.pink{background-color:#a75f7a}
#banner.green{background-color:#009370}
#banner .container { padding: 0;}
#banner .container .inner {padding: 70px 0;background-color: #00939f;width: 40%;}
#banner.brown .container .inner{background-color:#693c11}
#banner.pink .container .inner{background-color:#a75f7a}
#banner.green .container .inner{background-color:#009370}
#banner h1, #banner h3 {max-width:95%;color: #fff;text-align: left;margin: 0 0 30px 0;}
#banner h3 {font-size: 24px;line-height: 32px;margin: 0 0 30px 0;}
#banner a, a.button {
    font-size: 15px;
    color: #fff;
    padding: 10px 25px;
    background: transparent;
    display: inline-block;
    border: 1px solid #fff;
	background-color: #00939f;
}
a.button:hover,#banner a:hover{background:#693c11;color:#fff}
a.button.dark{background: #de92a4;color:#38393c}
a.button.dark:hover{color:#fff}
/*OWL*/
.owl-dots{margin-top:25px;text-align:center}
.owl-carousel button.owl-dot {width: 10px;height: 10px;border-radius:5px;background-color: #fff!important;margin: 5px;}
.owl-carousel button.owl-dot.active { background-color: #333 !important;}
/* ##################### HOME ####################### */
.ourmeat{text-align:center}
.ourmeat h2{color:#693c11}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {color: #009370;font-size: 18px;line-height: 24px;}
.woocommerce ul.products li.product .price {color:#693c11}
.woocommerce ul.products li.product .button {
    margin-top: 10px;
    font-size: 15px;
    border-radius: 0;
    color: #fff;
	background-color: #00939f;
}
.intro { background:#ede7e0 }

section.treatments{padding:60px;background:#cebce8}
section.treatments h2{text-align:center;margin-bottom:50px;color:#fff}
.treatment{display:block;}
.treatment:before {transition: 0.5s;display: block;content: '';background: #fff;width: 95%;height: 95%;position: absolute;top: 5%;left: 5%;z-index: 100;}
.treatment img,.treatment h4, .treatment .button{position: relative; z-index: 100;}
.treatment img{width:100%;max-width: 95%;max-height:300px;object-fit: cover;}
.treatment h4 {padding: 20px 20px 20px 40px;text-transform: none;margin: 0;}
.treatments a.button {background:#fff;border:#fff;color: #8dd0d4;margin-top:15px}

section.featuredreviews{text-align:center}
.testimonial{padding:30px;background:#d7f6f8;margin:30px 0}
#testimonials blockquote { font-style:italic; font-weight:500;font-size:20px; line-height:28px;margin-bottom:20px;padding-top:100px;background-image: url(images/icon-quote.png);
    background-size: auto 90px;
    background-position: top center;
    background-repeat: no-repeat; }
#testimonials p {
    font-size: 16px;
    color: #8dd0d4;
    margin: 0;
    font-weight: 700;
}
.owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
}
.owl-nav button {font-size: 30px !important;font-weight: 300 !important;color: #999 !important;}
.owl-nav button.owl-prev {
    position: absolute;
    left: -30px;
    background: #d7f6f8 !important;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    border-radius: 30px 0 0 30px;
}
.owl-nav button.owl-next {
    position: absolute;
    left: auto;
    background: #d7f6f8 !important;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    border-radius: 0 30px 30px 0;
    right: -30px;
}

section.gallery{text-align:center}
.instafeed{padding:130px;background:#fff;opacity:0.5;margin-bottom:40px}
.gallery a{color:#333}

/*GOAT MEAT*/
.goattable{margin-top:10px;}
.goattable td{padding:5px;background-color:#fff;text-align:center;color:#a75f7a;font-weight:600;border: 2px solid #a75f7a;}
.goattable td.thead{color:#fff;background-color:#009370}

/* ######## NEWS ####### */
.columns{}
.columns .newsitem {box-sizing:border-box;padding:10px;width:33.333%;float:left;clear: none;}
.columns .newsitem {box-sizing: border-box;padding: 20px;width: 33.333%;float: left;clear: none;background: #009370;border: 10px solid #fff;margin-bottom: 0;text-align:center}
.columns .newsitem:nth-child(2n+0) {background-color:#a75f7a;}
.columns .newsitem:nth-child(3n+0) {background-color:#00939f;}
.columns .newsitem:nth-child(4n+0) {background-color:#a75f7a;}
.columns .newsitem:nth-child(5n+0) {background-color:#00939f;}
.columns .newsitem:nth-child(3n+4) {clear: both;}
.newsitem .newsthumb {height: 250px;width: 100%;display: block;float: none;background-size: cover;background-position: center;margin: 10px 0;}
a.newsitem .button{color:#fff}
a.newsitem h3 {color:#fff}
p.meta{display:none}
.single-post p.meta{display:block;font-size:12px}
/*#### COURSES ####*/
.course {background-size: 70% auto;background-repeat: no-repeat;background-position: center right;margin-bottom:40px}
.course .inner {width: 50%;padding: 20px;box-sizing: border-box;background: #00939f;}
.course:nth-child(2n+0) .inner {background: #a75f7a;}
.course:nth-child(3n+0) .inner {background: #693c11;}
.course .inner h2,.course .inner h3,.course .inner h4,.course .inner p,.course .inner li {color:#fff}
/* ### SHOP ####*/
.woocommerce .quantity .qty {border: 1px solid #ccc;}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color:#00939f}
.pickuponly{display:block;padding:10px;text-align:center;color:#fff;background:#00939f;margin-bottom:30px}
/* ############### CONTACT PAGE ################## */
.map { margin: 0 0 20px 10px; }
input, textarea {border: none;width: 95%;padding: 7px 2.5%;margin-bottom: 7px;font-size: 14px;}
.woocommerce ul#shipping_method li input {width: auto;}
p.small, p.small a {color: #fff;font-size: 11px;margin-top: 10px;line-height: 18px;opacity: 0.7;}
.wpcf7 form.sent .wpcf7-response-output {color: #fff;}
/*SHOP*/
.mainbar{width:75%;float:left;margin-right:3%}
.sidebar{width:22%;float:left;padding: 20px 10px;box-sizing: border-box;border: 2px solid #a0c6b5;text-align: center;}
.woocommerce-cart .sidebar,.woocommerce-checkout .sidebar{display:none}
.woocommerce-cart .mainbar,.woocommerce-checkout .mainbar{width:100%;float:none;margin-right:0%}
/* ########## Main content and comment content ################
-------------------------------------------------------------- */
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;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border: 1px solid #666;
    padding: 7px;
}

/* ############# Footer ############ */
footer {
    clear: both;
    margin-left: auto;
    margin-right: auto;
}
.footcont,.footform { width: 50%;float: left;}
.footcont,.wrapper { background:#009370}
.footform { display: inline-block;}
footer .inner {
    width: 470px;
    max-width: 100%;
    padding: 40px;
    box-sizing: border-box;
}
.footcont .inner{margin-left:auto}
.footcont .inner img{width:250px; max-width:80%;margin-bottom: 30px;}
.footcont .social{float:none;text-align:left;margin-top:30px}
.footform .inner{margin-right:auto}
.footcont,.footcont p, .footcont h2, .footcont a {color:#fff}
.phone2, .email2, .pin2, .hours2 {
    padding: 7px 0 7px 45px;
    background-size: auto 30px;
    background-position: center left;
    background-repeat: no-repeat;
    margin-bottom: 7px;
}
.phone2{background-image: url(images/icon-phone.png);}
.email2{background-image: url(images/icon-email.png);}
.pin2{background-image: url(images/icon-pin.png);}
.hours2{background-image: url(images/icon-clock.png);}

form p{margin:0}
.wpcf7 .ajax-loader { display: none;}
.footform h2{color:#fff;font-size:22px}

.copy {padding: 20px;background: #000;}
.copy,.copy a {color:#ccc;font-size:12px;text-align: center;}
.copy a:hover {text-decoration:underline;}


/* =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;
	}
	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
}
@media screen and (max-width: 1200px) {
	#menus a {padding: 18px 5px;font-size: 14px;}
	#banner {background-size: auto 100%;}
}
@media screen and (max-width: 1000px) {
	.topright {margin-bottom: 62px;}
	#topnav { display:none; }
	.hamburger {display: inline-block;z-index: 100;position: absolute;top: 55px;right: 5%;padding: 10px;}
	.hamburger.is-active {}
	.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {background-color:#00939f;}
	.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color: #fff !important;}
	.thenav {transition: all 0.5s ease;position: absolute;top: 0;right: -100%;height: auto;width: 100%;background:#00939f;color: #fff;display: none;}
	#menus {height:auto;text-align: left;position: absolute;top: 45px;right: 0;width: 300px;margin: 0;}
	.thenav.pullout {right: 0;z-index: 10;display:block;padding-top: 0px;}
	#menus.pullout a {padding:10px 30px;font-size: 15px;display: block;color:#fff}
	#menus a.active {color: #fff;}
	#menus a.active { border-bottom: none;}
	.navfirsthalf,.navsecondhalf {float:none;text-align: left;}
	.contact .email{display:none}
	.postheader { font-size: 13px;}
	#banner .container {max-width: 100%;}
	#banner .container .inner { box-sizing:border-box;padding: 50px;width: 50%;}
	#banner h1, #banner h3 { max-width: 100%;}
}
@media screen and (max-width: 800px) {
	#banner h1, #banner h2 {font-size: 50px;line-height: 55px;}
	#banner h2 {font-size: 16px;line-height: 22px;margin: 0 0 15px 0;}
	.basket{margin:0}
	.basket span{display:none}
	.half {width: 100%;float: none;}
	.half.first,.half.last {padding:0 0 30px 0}
	.columns .newsitem {width: 50%}
	.columns .newsitem:nth-child(3n+4) {clear: none;}
	.columns .newsitem:nth-child(2n+3) {clear: both;}
	.mainbar {width: 100%;float: none;margin-right: 0%;}
	.sidebar {width: 100%; float: none;}
	.footcont, .footform {width: 100%;float: none;}
	footer .inner {width: 100%; padding: 40px;}
}
@media screen and (max-width: 600px) {
	.social a { padding: 5px 0 5px 25px; background-size: 100% auto;}
	.social a.basket {margin-right: 0px}
	#banner .container {display: inline-block;}
	#banner .container .inner {width: 70%;padding: 20px;margin: 30px;}
	.columns .newsitem {width: 100%}
	.columns .newsitem:nth-child(2n+3) {clear: none;}
}



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

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