/*
Theme Name: Toast
Description: Lightweight, tasty and totally awesome.
Author: The Toast Development Team
Date: March 2021
Version: 7.0.3
Theme URI: http://www.toastwebsites.co.uk
Author URI: http://www.toastdesign.co.uk
Text Domain: toast
*/









:root {
	--brand-1: #7ca844;
	--brand-2: #b33e24;
	--grid-gap: 3rem;
}


img.image.wp-image-8845.padding-top.attachment-full.size-full {
    max-width: 150px;
    width: 109px;
    margin-top: 2rem;
}

li#menu-item-8715 a img { max-width: 20px; }


/* Site Banner - from Theme options */
.site-banner { background-color: var(--brand-2); color: #fff; text-align: center; padding: 1rem 0; min-height: 3rem; z-index: 999; }
.site-banner p { margin-bottom: 0; }
.site-banner p a { color: #fff; text-decoration: underline; }
.site-banner p a:hover { color: #fff; text-decoration: none; }
@media screen and (max-width:576px ) {
	.site-banner { margin-top: 4.7rem; font-size: 80%; }
}

/*Buttons*/
a.button, section.header-strip a.button {color: #f3f2ee;font-family: mokoko, serif;padding:1rem;display:inline-block;	border-radius: .25rem;background: rgba(0,0,0,.3);}
a.button:hover, section.header-strip a.button:hover{color: #cdc5bc;}


section.orange-button a.button { background: #b33e24; }
section.putty-button a.button { color: #000000; background: #cdc5bc;}
section.putty-button a.button:hover { background: #7CA844; }
section.green-button a.button { background: #7CA844; }
section.green-button a.button:hover {color: #000000; background: #cdc5bc; }

.needsclick button { background:#7ca844 !important; }
.needsclick button:hover { background:#cdc5bc !important; color: #F3F2EE !important; }
button.needsclick.go1336254256.kl-private-reset-css-Xuajs1:hover {
    background-color: #cdc5bc !important;
    color: #F3F2EE !important;
}

/*CTA Button*/
a.cta.button, .large a.button  {
	background: #7ca844;
	color: #F3F2EE;
    padding: 1rem 4rem;
    border-radius: 0.25rem;
    font-size: 2.5rem;
    box-shadow: rgb(38 57 77) 0px 20px 30px -10px;
	margin-bottom: 3rem;
}

a.cta.button:hover, .large a.button:hover  {
	background: #cdc5bc;
	color: #000000;}


/* END BUTTONS */

/* Slide in sign up - remove the green from this */
.needsclick {align-items: baseline!important;}
.klaviyo-form.klaviyo-form.klaviyo-form {padding: 20px!important;}
.slick-track { display: flex !important; }
.slick-slide { height: inherit !important; }
.slick-slide > div { height: 100%; }

/* Brand Colours */

.ll-red { background-color: #B33E24; }
.ll-black { background-color: #1E2026; }
.ll-white { background-color: #ffffff; }
.ll-buff { background-color: #F3F2EE; }
.ll-putty { background-color: #CDC5BC; }
.ll-buff2 { background-color: #F3F2EE; }
.ll-blue { background-color: #598BB1; }
.ll-lightgreen { background-color: #7CA844; }
.ll-darkgreen { background-color: #276834; }
.ll-yellow { background-color: #F2DE88; }
.ll-pink { background-color: #D2978E; }
.ll-taupe { background-color: #D9D9D9; }

/* Brand Strip */

.brand-color-strip { display: grid; grid-template-columns: repeat(9, 1fr); }
.brand-color-strip .col { height: .5rem; }

/* Header strip */
section.header-strip { width: 100%; padding: .5rem 0; position: fixed; z-index: 999; text-align: right; }
section.header-strip a.button { font-size: 80%; /*padding: .25rem 1rem;*/ margin: 0; border: 0; }
.header-strip .social-icons { line-height: 0; }
.header-strip .social-icons a{width: 3.2rem; height: 3.2rem; background: rgba(0,0,0,.5); display: inline-block; position: relative; border-radius: 100px; margin: 0.2rem 1rem 0.2rem 1rem; padding: 0.2rem; }
.header-strip .social-icons a:hover {background: rgba(0,0,0,.75);}
.header-strip .three { align-items: center;}


/* Search form */
input.search-field { border: none; padding: 1rem;}
input.search-submit {
	font-family: mokoko, serif;
    background:rgba(0,0,0,.3);
    padding:1rem;
    color:#F3F2EE;
    display:inline-block;
	border-radius: .25rem;
	border: none;
}

input.search-submit:hover {color:#F3F2EE; background: rgba(0,0,0,.5) }
.sidebar input.search-field {width: 100%;}
.sidebar input.search-submit {margin-top:2rem; width: 100%;}
/* Events */
.event-list-content { padding: 2rem; }
.event-list-content img { margin-bottom: 2rem; }

/* Base Styles */
html { font-size: 62.5%; }
body{font-size: 1.75rem;line-height: 1.6;font-family: noto-sans, sans-serif;font-weight: 400;color: #1E2026;margin: 0;padding: 0; }
#page{overflow:hidden;clear:both;}

/* Base Helper styles */
.centered { text-align: center;}
.align-right { text-align: right; }
.align-left { text-align: left; }

/* Header */
.site-header{padding:0; margin-top: 4rem;}
.site-header .left-side{width:200px}
.site-header .right-side{text-align:right}
#site-logo img { max-width: 16rem; width: 100%; }

/* Archive page */
/* Navbar & Menus */
section.nav-section { /*border-bottom: .1rem solid #F3F2EE;*/ }
.top-nav 			{font-size: 1.75rem;}
.top-nav ul 		{ margin: 0 auto; padding: 0rem; text-align: center; display: flex; justify-content: space-between; }
.top-nav li 		{ display: inline-block; margin: 0;padding:0; position: relative;}
.top-nav li a  		{ display: inline-block; padding: 1.25rem 2rem;line-height: 1; color:#1E2026; border-left: 1px solid #fff; border-right: 1px solid #fff;}
.top-nav li:hover > a, .top-nav li.current-menu-item a { background-color: #B33E24; color: #fff; border-left: 1px solid #F3F2EE; border-right: 1px solid #F3F2EE; }
.top-nav li.menu-item-has-children a::after { content: "\f107"; font-family: FontAwesome; padding-left: .5rem;  }
.top-nav li.menu-item-has-children ul li a::after { display: none;  }

/* Submenus Dropdowns*/
.top-nav ul ul{ position: absolute;padding: 0;bottom:0;left: 0; background: #fff ;text-align: left;z-index:5;opacity:0;pointer-events:none;transition:all .5s;transform:translatey(100%); display: block; border-bottom: 1px solid #F3F2EE; border-left: 1px solid #F3F2EE; border-right: 1px solid #F3F2EE;}
.top-nav ul ul ul 			{position: absolute;top:0;right:0;transform:translatex(100%); background: #fff; text-align: left; z-index:10; }
.top-nav ul ul li 			{ display: block; margin: 0;  }
.top-nav ul.sub-menu li a 	{ padding: 1rem; display: block; margin: 0; border-bottom: 1px solid #F3F2EE; white-space: nowrap;     background: #fff;
    color: #1E2026; border-left: 0px solid #F3F2EE; border-right: 0px solid #F3F2EE; }
.top-nav ul.sub-menu li a:last-of-type 	{ border-bottom: 0px; }

.top-nav ul.sub-menu li a:hover, .top-nav ul.sub-menu li.current-menu-item a  { background: #1E2026; color: #fff; }
.top-nav ul li:hover > ul 	{opacity: 1;pointer-events:all;}
.top-nav li.current-menu-parent a { color: #fff; background-color: #B33E24; }
.top-nav ul.sub-menu li.current-menu-parent a  { color: #1E2026; background-color: #fff; }
/* Typography */
h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: 500; line-height: 1.2; margin:0; font-family: mokoko, serif;}
h1 { font-size: 7rem; margin-bottom: 4rem; }
h2 { font-size: 4rem; margin-bottom: 3.5rem; color: #B33E24; }
h3 { font-size: 3.5rem; margin-bottom: 3rem; }
h4 { font-size: 3rem; margin-bottom: 2.5rem; }
h5 { font-size: 2.5rem; margin-bottom: 2rem; }
h6 { font-size: 2rem; margin-bottom: 1.75rem; }
.archive h1 {margin-top: 4rem;}

/* Elements following paragraphs - this is subtle typography that adjusts margins based on sizes */
p + h1 { margin-top: 4rem; }
p + h2 { margin-top: 3rem; }
p + h3 { margin-top: 2rem; }
p + h4 { margin-top: 1.75rem; }
p + h5 { margin-top: 1.5rem; }
p + h6 { margin-top: 1.25rem; }
/*p + ul { margin-top: 4rem;}*/
p + ul + p { margin-top: 2rem;}
p > a.button { margin-top: 2rem; }
ul{margin:0; padding-left: 2rem; list-style: square outside; }
p, li{padding-bottom:0.5rem;margin:0;}

/*Fluent Form*/
 .ff-btn-submit {
	background-color: #7ca844 !important; 
	font-family: mokoko, serif !important;
    padding: 1rem !important;
    color: #F3F2EE !important;
    border-radius: 0.25rem !important;
}
 .ff-btn-submit:hover { background-color: #cdc5bc !important; color: #000000 !important; }
/* Klaviyo sign up bitton */
button.needsclick {
    padding: 1rem !important;
    border-radius: 0.25rem !important;
    font-size: 2.5rem !important;
    margin-top: 2rem;
    font-family: mokoko, serif !important;
    background: #F3F2EE;
    box-shadow: rgb(38 57 77) 0px 20px 30px -10px;
}

.ql-font-kanit {
    color: #000000 !important;
}

.klaviyo-form.klaviyo-form.klaviyo-form {
    margin: -3px;
}
.klaviyo-form.klaviyo-form.klaviyo-form {
    padding: 0px!important;
}
/* Klaviyo on Links page */
.links input#first_name_73272127, .links input#email_73272128, .links  .needsclick.kl-private-reset-css-Xuajs1 {
    width: 100%!important;
    color: #f3f2ee!important;}
/* Sidebar */
.main-sidebar-widget {margin-bottom: 3rem;background-color: #f3f2ee;padding: 3rem;}
.main-sidebar-widget h5 { font-weight: bold; font-size: 2rem;}
/* WordPress Galleries */

.gallery dl.gallery-item img { border: 0 !important; /* Remove this if you want borders on the images */ }

/*Footer*/

.contact-details div { display: inline; margin: 0 1rem; }
.site-footer, .site-footer a{}
.footer-main{padding:5rem 0 2rem; overflow: hidden; clear: both;background-color: #f3f2ee;}
.site-footer .logo{margin-bottom:2rem;display:inline-block;}
.site-footer .logo img { max-width: 16rem; }
.footer-widget-title { font-size: 2rem; margin-bottom: 2rem; font-family: mokoko, serif; font-weight: bold;}
.site-footer ul { padding: 0; margin: 0; list-style: none; }
.site-footer ul li { margin: 0; padding: 0; }
.site-footer ul li a { display: block; color: #b33e24;}
.site-footer .textwidget a { color: #b33e24; }
.footer-main .address { margin-bottom: 2rem; }
.footer-main h5 { font-weight: bold; }
.social-icons a{width:40px;height:40px;background:#e88b39;display:inline-block;position:relative;border-radius:100px; font-size:20px;}
.social-icons a img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.col.footer-logos img { width: 100%; height: auto; }
.site-footer .grid {grid-template-columns:1fr 1fr 1fr 1fr;}

/* Sub footer */
.footer-sub-wrapper {padding: 1rem 0; background:black;color: #fff;font-size: 80%;}
.footer-sub-wrapper li a:hover { text-decoration: underline; }
.footer-sub-wrapper .bottom-menu ul { padding: 0; margin: 0; list-style: none; text-align: right; }
.footer-sub-wrapper .bottom-menu ul li { display: inline; padding: 0; margin: 0; }
.footer-sub-wrapper .bottom-menu ul li a { display: inline-block; border: none;text-decoration: underline; padding: 0 1rem; color: #fff; }
.footer-sub-wrapper .bottom-menu ul li a:hover { text-decoration: none; }
.fa-brands, .fab { font-size: 20px; }

/* Footer Logo's */
.footer-logos .grid {align-items:center;}
.footer-logo img {max-height:120px;object-fit:contain;}


/*Links*/
a{text-decoration:none;color:#7CA844;}


/* Divider */
.divider {
	margin-top: 6rem;
    margin-bottom: 6rem;
    border-bottom: #f3f2ee solid medium;
    max-width: 40%;
}


/**Back to top**/
.toast-back-to-top{
    position:fixed;
    bottom:2rem;
    right:2rem;
    background:#b33e24;
    width:50px;
    height:50px;
    border-radius:100px;
    background-image:url('/wp-content/themes/toast/assets/images/chevron-up-white.svg');
    background-size:20px;
    background-position:center;
    background-repeat:no-repeat;
    pointer-events:none;
    cursor: pointer;
    opacity:0;
    transform:translatey(-30px);
    transition:all 1s;
}

.toast-back-to-top.show{
    opacity:1;
    transform:translatey(0px);
    pointer-events:all;
}

/* Forms */
.gfield{list-style-type:none !important;}
.gform_wrapper input{font-size:inherit;}
.gform_wrapper input[type="email"], .gform_wrapper input[type="number"], .gform_wrapper input[type="search"], .gform_wrapper input[type="text"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="url"], .gform_wrapper input[type="password"], .gform_wrapper textarea, .gform_wrapper select {height: 38px;padding: 6px 10px;background-color: #fff;border: 1px solid #D1D1D1;border-radius: 4px;box-shadow: none;box-sizing: border-box; width: 100%;}
.gform_wrapper input[type="email"]:focus, .gform_wrapper input[type="number"]:focus, .gform_wrapper input[type="search"]:focus, .gform_wrapper input[type="text"]:focus, .gform_wrapper input[type="tel"]:focus, .gform_wrapper input[type="url"]:focus, .gform_wrapper input[type="password"]:focus, .gform_wrapper textarea:focus, .gform_wrapper select:focus {outline: 0; }
.gform_wrapper input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, input[type="button"], button{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.gform_wrapper textarea { min-height: 100px; padding-top: 6px; padding-bottom: 6px; }
.gform_wrapper label, .gform_wrapper legend { display: block; margin-bottom: .5rem; font-weight: 600; }
.gform_wrapper fieldset { padding: 0; border-width: 0; }
.gform_wrapper input[type="checkbox"], .gform_wrapper input[type="radio"] { display: inline; }
.gform_wrapper label > .label-body { display: inline-block; margin-left: .5rem;font-weight: normal; }





/* Woocommerce */
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #review_form #submit {
	font-family: mokoko, serif;
    background: #276834 !important;
    padding: 1rem !important;
    color: #F3F2EE !important;
    border-radius: 0.25rem!important;
}

.woocommerce thead {
    text-align: left;
    background-color: #b33e24;
    color: #fff;
    font-weight: 600;
    font-size: larger;
}

.woocommerce {
	padding-bottom: 4rem;
}

/* Woocommerce forms input fields */
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
	border: 1px solid #ced4da;
    border-radius: 0.25rem;
    color: #495057;
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    max-width: 100%;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    width: 100%;
}


/* Barcode scan page */
#barcode-scan-form {
    box-sizing: border-box;
	float: left;
	margin-bottom: 4rem;
}

#barcode-scan-form input#scan-code, .woocommerce select {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    color: #495057;
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0;
    max-width: 100%;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	float: left;
}

#barcode-scan-form input[type="submit"] {
	font-family: mokoko, serif;
    background:#276834;
	padding: 0.7rem;
    color: #F3F2EE;
    display: inline-block;
    border-radius: 0.25rem;
    min-width: 100px;
}


/* Media Queries
*************************************************
Note: These have recently been updated to use MAX WIDTHS set to most common sizes - DO NOT use MIN and MAX width declarations or you'll quadruple your CSS.
*/

@media (max-width: 768px) {
	.site-header, section.header-strip {display:none !important;}
	
	#pojo-a11y-toolbar {top:100px !important;}
	.post-list.col, .block-open-daily .col:first-child, .boxed{margin-bottom:5rem;}
	.block-call-to-action-image .a.button.cta {margin-top:5rem;}
	.block-call-to-action-image {margin-bottom:0;}
	
	.needsclick{box-sizing:border-box !important;display:none !important;}
	.needsclick *[data-testid]{padding:20px !important;}
	.needsclick .klaviyo-close-form{width:20px !important;}
	
	.klaviyo-form.klaviyo-form.klaviyo-form {padding:0 !important;}
	.kl-private-reset-css-inner-Zxasda, .kl-private-reset-css-Xuajs1 input :not([type=image]) ::placeholder, .kl-private-reset-css-Xuajs1 ::before, .kl-private-reset-css-Xuajs1 ::after, .kl-private-reset-css-Xuajs1 input:not([type]), .kl-private-reset-css-Xuajs1 input[type=text], .kl-private-reset-css-Xuajs1 input[type=email], .kl-private-reset-css-Xuajs1 input[type=number], .kl-private-reset-css-Xuajs1 input[type=date], .kl-private-reset-css-Xuajs1 input[type=tel], .kl-private-reset-css-Xuajs1 {width: 100% !important;}
	
	.l-padding {padding:4rem !important;}
	
	.footer-main ul, .footer-main .col.align-right, .footer-widget-title, .footer-sub-wrapper .bottom-menu ul {text-align:center !important;}
	.footer-main .col, .footer-main .address {margin-bottom:4rem;}
	.footer-sub-wrapper .three {margin-top:1rem;}
	.footer-sub-wrapper .three, .footer-sub-wrapper .nine {margin-bottom:1rem; text-align:center;}
	.site-footer .logo {width: 50%; margin-bottom: 4rem;}
	.social-icons a {margin: 0 2vw;}
	.footer-main {padding:5rem 0 0;}
	.col {margin-bottom:4rem;}
	.site-header {display:none;}
	.col.year {margin-bottom: 0rem; color:#276833;}
	.col.year h3 {margin-bottom: 0rem; color:#276833;}
	
	li#menu-item-8715 { padding-left: 20px;}

	
	.media_image-3 { text-align: center;}
	
	#menu-follow-us li { position: relative; }

	.footer-main { text-align: center; }
	.footer-logos .grid {display:grid;grid-template-columns:1fr 1fr !important;}
	.footer-logos .grid .col:last-child {grid-column: 1 / -1;}
}