/*
Theme Name: WC 300 MK3
Theme URI: https://www.creatomatic.co.uk/our-framework-for-wordpress/
Author: Creatomatic Ltd
Author URI: https://www.creatomatic.co.uk/
Description: Wee Cog Theme Mk3
Tags: website,theme,creatomatic,weecog
Version: 1.8
Requires at least: 5.0
Tested up to: 5.8.1
Requires PHP: 8.0
License: Copyright (C) Creatomatic Ltd - All Rights Reserved. Unauthorized copying of this file, via any medium is strictly prohibited. Proprietary and confidential
License URI: https://www.creatomatic.co.uk/terms-and-conditions/
Text Domain: wc-300-3
*/


html, body {
	margin: 0;
	padding: 0;
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', serif;
	color: #000;
	background: #fff;
	font-size: 16px;
	line-height: 1.5;
}

h1, h2, h3, h4 {
	font-family: 'Helvetica Neue', 'Helvetica', 'Arial', serif;
	margin: 0;
	line-height: 1;
	font-weight: normal;

}

img {
	border: 0;
	max-width: 100%;
	height: auto;
}

iframe{
	max-width: 100%;
}

iframe img{
	max-width: inherit;
}

#google-map img{
	max-width: inherit;
}

.clearer, .creatomatic-clear {
	clear: both;
	height: 0;
}

*:focus {  
	outline: none;
}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

::selection {
	background: #ccc; /* Safari */
	color: #fff;
}

::-moz-selection {
	background: #ccc; /* Firefox */
	color: #fff;
}

.centred {
	margin: 0 auto;
	text-align: center;
	max-width: 1300px;
}

.hr, hr {
	background:url(images/hr.png) repeat-x top left;
	height: 2px;
	margin: 5px 0 5px 0;
	border: 0;
}

.short-content, .medium-content{
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100% !important;
}

.medium-content{
	width: 1000px;
}

.has-text-align-left.short-content, .has-text-align-left.medium-content{
	margin-left: 0 !important;
}

.full-width{
	width: 100vw !important;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

.wp-block-media-text .wp-block-media-text__content{
	padding: 0 0 0 10%;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content{
	padding: 0 10% 0 0;
}

.wp-block-embed .wp-block-embed__wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%;
}
.wp-block-embed .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


a.social-icon i{
	display: inline-block;
	padding: 5px;
	margin: 5px 20px 5px 0;
	font-size: 26px;
	text-align: center;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

a.social-icon i:hover{
	opacity: 0.5;
}

a.social-icon svg{
	width: 26px;
	height: auto;
}

.contact-section a.social-icon i{
	margin: 5px 10px 5px 10px;
}

.wp-block-cover.full-width .wp-block-cover__inner-container {
	max-width: 1260px;
}

.coloured-bg{
	position: relative;
	z-index: 100;
}

.coloured-bg:before {
	position: absolute;
	width: 100vw;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	height: 100%;
	content: '';
	z-index: -1;
}

.post-password-form {
	margin: 150px 0;
}

/*

.ctas-outer{
	display: inline-block;
	width: 100%;
	margin-top: 25px;
}

a.cta{
	display: inline-block;
	border-radius: 5px;
	padding: 10px 5px;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}

.remove-margin {
	margin-bottom: -60px;
}


}*/








/* Heading */

.header-outer{
	width: 100%;
	float: left;
	position: relative;
	z-index: 8000;
	box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}

.header-outer-fixed{
	position: fixed;
	top: 0;
	left: 0;
}



/* Header Top bar */

.top-bar{
	float: left;
	width: calc(100% - 40px);
	font-size: 15px;
	font-weight: 500;
	padding: 10px 20px;
}

.top-bar .centred {
	max-width: 1260px;
}

.top-bar-left{
	float: left;
	text-align: left;
	margin: 0 10px 0 0;
	max-width: calc(100% - 620px);
}

.top-bar-right{
	float: right;
	text-align: right;
	margin: 0 0 0 10px;
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	align-items: center;
}

.top-bar-right i{
	margin: 0 5px;
}

.top-bar-opening-hours{
	float: right;
	margin-left: 10px;
}

.top-bar-opening-hours-dropdown-button:hover{
	cursor: pointer;
	opacity: 0.5;
}

.top-bar-opening-hours-dropdown{
	float: right;
	position: relative;
}

.top-bar-opening-hours-dropdown-slide{
	position: absolute;
	top: calc(100% + 5px);
	right: 0px;
	padding: 15px;
	width: 230px;
	z-index: 100;
	text-align: left;
	display: none;
	max-width: calc(100vw - 50px);
}

.top-bar-opening-hours-dropdown-slide p{
	margin: 0;
}

.top-bar .social-icons-container{
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
}

.top-bar .social-icons-container a.social-icon i{
	margin: 0;
	font-size: 15px;
	padding: 0 0 0 0;
}

.top-bar .social-icons-container a.social-icon:last-child i {
	padding: 0;
}

.top-bar .social-icons-container a.social-icon svg{
	width: 20px;
}

.top-bar a.top-bar-contact-link:hover,
.top-bar a.social-icon:hover {
	opacity: 0.5;
}

.top-bar-pipe-separator {
	margin: 0 10px;
}

/* End Header Top Bar */




/* Header */

.header-inner{
	float: left;
	position: relative;
	min-height: 100px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;

	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;

	width: calc(100% - 40px);
	padding: 0 20px;
}

.header-logo{
	float: left;
	max-width: 200px;
	width: 100%;
	margin: 10px 20px 10px 0;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}

.header-logo a img {
	width: 100%;
}

.header-layout-leftright .tall-logo{
	position: absolute;
	top: 0;
	left: 20px;
}

.header-layout-leftright .tall-logo img{
	max-height: 160px;
	width: auto;
	max-width: 100%;
	height: auto;
}



.nav {
	float: right;
	width: calc(100% - 220px);
	text-align: right;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
	  margin: 10px 0 10px auto;
}

.nav ul {
	margin: 0;
	padding: 0;
}

.nav ul li {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	position: relative;
}

.nav a {	
	position: relative;
	padding: 5px 0 5px 10px;
	margin-left: 20px;
	display: inline-block;
	text-decoration: none;
	font-size: 14px;
}

.nav ul li:last-child a{

}

.nav .current_page_ancestor > a, .nav .current_page_item > a, .nav a:hover {
	opacity: 0.5;
}

.nav .menu li ul a:link, .nav .menu li ul a:visited {
	display: block;
	text-decoration: none;
} 

.nav .menu li ul {
	position: absolute;
	display: none;
	text-align: left;
	z-index: 1000; 
	margin: 0; 
	padding: 0; 
	width: 200px;
	margin-left: 0px;
	right: 0;
	border: 1px solid #545454;
} 


.nav .menu li ul li {
	display: block;
	float: none;
	padding: 0px;
	margin: 0px;
}

.nav .menu ul li a{
	margin: 0;
	padding: 10px;
}

.nav ul li ul li.menu-item-has-children i{
	font-size: 12px;
	position: absolute;
	top: 5px;
	left: 10px;
	padding: 5px;
}

.nav .menu li ul li ul{
	top: 0;
	left: -200px;
	margin-left: 0;
}

@media (min-width: 800px) {

	.header-layout-centered .header-inner {
		display: inline-block;
	}

	.header-layout-centered .header-inner .nav {
		width: 100%;
		text-align: center;
		margin: 10px 0;
	}

	.header-layout-centered .header-inner .header-logo {
		margin: 10px auto;
		float: none;
	}

	.header-layout-centered .header-inner .header-logo img {
		max-height: 200px;
		width: auto;
	}

}







/* Mobile Nav */

.mobile-nav-header {
	text-align: center;
	float: right;
	display: none;
	margin: 0 0 0 auto;
}

.mobile-nav-header:hover{
	cursor: pointer;
	opacity: 0.5;
}

.mobile-nav-header i{
	float: left;
	font-size: 50px;
	line-height: normal;
	text-align: center;
	padding: 10px 10px;
}

.mobile-nav {
	display: none;
	width: 100%;
	float: left;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	z-index: 9000;
	overflow: scroll;
}

.mobile-nav ul.menu{
	position: relative;
	float: left;
	width: calc(100% - 0px);
	height: calc(100% - 50px);
	list-style: none;
	padding: 20px 30px 50px 30px;
	margin:0;
}

.mobile-nav ul li{
	display: inline-block;
	width: 100%;
	vertical-align: top;
}

.mobile-nav ul li:first-child{
	border-top: none;
}

.mobile-nav a {
	float: left;
	width: calc(100% - 50px);
	margin: 0;
	font-size: 18px;
	text-align: left;
	padding: 20px 0;
}

.mobile-nav a:hover, .mobile-nav .current_page_ancestor > a, .mobile-nav .current_page_item > a {
	opacity: 0.5;
}

.mobile-nav li i{
	/*position: absolute;
	right: 0;
	z-index: 100;
	top: 0;*/
	float: right;
	padding: 20px 5px;
	font-size: 20px;
	width: 40px;
	text-align: center;
}

.mobile-nav ul li ul li.mobile-nav-back i{
	float: left;
}

.mobile-nav ul li ul li.mobile-nav-back{
	display: inline-block;
	width: 100%;
}

.mobile-nav ul li ul li.mobile-nav-back a{
	padding-left: 0;
}

.mobile-nav ul li ul{
	display: none;
	position: absolute;
	top: 0;
	left: 0px;
	height: 100%;
	z-index: 200;
	width: calc(100% - 30px);
	overflow: scroll;
}

.mobile-nav ul li ul li ul{
	z-index: 300;
}

.close-nav{
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	background: rgba(0,0,0,0.2);
	width: calc(100% - 20px);
	text-align: center;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
	height: 30px;
	line-height: 2;
}

.close-nav i{
	margin-right: 10px;
}

.close-nav:hover{
	background: rgba(0,0,0,0.4);
	cursor: pointer;
}

/* Ends Mobile Nav */






/* creato_slider */

.creato_slider{
	position: relative;
	display: inline-block;
	width: 100%;
}

.creato_slider .slider{
	margin: 0 !important;
}

.creato_slider .slide{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	overflow: hidden;
}





.creato_slider .slick-dots{
	bottom: 10px;
}

.creato_slider.creato_slider-hide-dots .slick-dots{
	display: none !important;
}
.creato_slider .slider .slick-dots li{
	margin: 0 3px;
	width: 12px;
	height: auto;
}
.creato_slider .slider .slick-dots li button{
	width: 100%;
	height: 12px;
	padding: 0;
	border-radius: 50%;
}
.creato_slider .slider .slick-dots li.slick-active button, .creato_slider .slider .slick-dots li button:hover{
	opacity: 0.5;
	cursor: pointer;
}
.creato_slider .slider .slick-dots li button:before{
	content: none;
}


.creato_slider.creato_slider-hide-arrows .slick-dots{
	display: none !important;
}

.creato_slider .slick-next, .creato_slider .slick-prev{
	z-index: 100;
	right: 20px;
	width: auto;
	height: auto;
	-o-transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	transition: .5s;
}
.creato_slider .slick-next:before{
	content: '\f054';
	font-family: "Font Awesome 7 Pro";
	background: #000;
	color: #fff;
	padding: 10px 15px;
	opacity: 1;
}
.creato_slider .slick-prev{
	left: 20px;
	right: auto;
}
.creato_slider .slick-prev:before{
	content: '\f053';
	font-family: "Font Awesome 7 Pro";
	background: #000;
	color: #fff;
	padding: 10px 15px;
	opacity: 1;
}
.creato_slider .slick-prev:hover, .creato_slider .slick-next:hover{
	opacity: 0.8;
}


.creato_slider-slide-text-outer{
	float: left;
	width: 100%;
}
.creato_slider-slide-text-outer .centred{
	height: 600px;
	min-height: 300px;
}
.creato_slider-slide-text{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	display: inline-block;
	width: calc(100% - 40px);
	font-size: 20px;
	text-shadow: 0px 0px 25px black;
	text-align: left;
	color: #fff;
}



/* Custom Classes */

.full-width-media-text.wp-block-media-text figure.wp-block-media-text__media {
	--widthA: calc(100vw - 1260px);
	--widthB: calc(var(--widthA) / 2);
	width: calc(100% + var(--widthB));
	position: relative;
	left: calc(var(--widthB) * -1);
}

.full-width-media-text.wp-block-media-text.has-media-on-the-right figure.wp-block-media-text__media {
	--widthA: calc(100vw - 1260px);
	--widthB: calc(var(--widthA) / 2);
	width: calc(100% + var(--widthB));
	left: unset;
}




.video-background {
	background: #000;
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index:-99;
}
.video-foreground,
.video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1000;
}

@media (min-aspect-ratio: 16/9) {
	.video-foreground { height: 300%; top: -100%; }
}
@media (max-aspect-ratio: 16/9) {
	.video-foreground { width: 300%; left: -100%; }
}



/* Site Search */

.search-page-content {
	margin: 50px 0;
}

.wee-cog-search-title {
	margin: 70px 0 20px;
}

.wee-cog-search-grid {
	display: grid;
	grid-template-columns: calc(33.34% - 20px) calc(33.33% - 20px) calc(33.33% - 20px);
	gap: 40px 30px;
}

.wee-cog-search-grid.wee-cog-search-grid-1 {
	grid-template-columns: 100%;
}

.wee-cog-search-grid.wee-cog-search-grid-1 .wee-cog-search-item {
	display: grid;
	grid-template-columns: 40% calc(60% - 20px);
	gap: 20px;
	align-items: center;
}

.wee-cog-search-grid.wee-cog-search-grid-1 .wee-cog-search-item h2 {
	margin-top: 0;
}

.wee-cog-search-grid.wee-cog-search-grid-2 {
	grid-template-columns: calc(50% - 15px) calc(50% - 15px);
}

.wee-cog-search-grid.wee-cog-search-grid-4 {
	grid-template-columns: calc(25% - 15px) calc(25% - 15px) calc(25% - 15px) calc(25% - 15px);
	gap: 40px 20px;
}

.wee-cog-search-grid .wee-cog-search-archive-image {
	aspect-ratio: 16/9;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.wee-cog-search-grid .wee-cog-search-item h2 {
	margin-top: 20px;
	font-size: 20px !important;
}

@media(max-width: 700px) {
	.wee-cog-search-grid,
	.wee-cog-search-grid.wee-cog-search-grid-4 {
		grid-template-columns: calc(50% - 15px) calc(50% - 15px);
		gap: 40px 30px;
	}
}

@media (max-width: 500px) {
	.wee-cog-search-grid.wee-cog-search-grid-1 .wee-cog-search-item {
		grid-template-columns: 100%;
	}
}

@media(max-width: 400px) {
	.wee-cog-search-grid,
	.wee-cog-search-grid.wee-cog-search-grid-2,
	.wee-cog-search-grid.wee-cog-search-grid-1 {
		grid-template-columns: 100%;
		gap: 40px 30px;
	}
}








/* Top image */

.featured-image{
	display: inline-block;
	vertical-align: top;
	width: 100%;
	padding: 0px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.featured-image-overlay {
	background: rgba(0,0,0,0.4);
	float: left;
	padding: 100px 20px 60px 0px;
	width: calc(100% - 20px);
}

.featured-image-text{
	float: left;
	width: 600px;
	text-align: left;
	font-size: 20px;
	text-shadow: 0px 0px 6px black;
	margin-left: 30px;
	max-width: calc(100% - 40px);
	color: #fff;
}




/* Body */

a.button-link, 
.button-link, 
a.wp-block-button__link, 
.is-style-outline a.wp-block-button__link,
.wc-login input[type="submit"],
.woocommerce a.button{
	display: inline-block;
	padding: 10px;
	min-width: 100px;
	text-align: center;
	border: none;
	margin: 10px 0;
	font-size: 14px;
	border-radius: 2px;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
	  text-shadow: none !important;
}

.is-style-outline a.wp-block-button__link{
	padding: 8px 10px;
}

a.button-link:hover, 
.button-link:hover, 
a.wp-block-button__link:hover, 
.wc-login input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce div.product form.cart .button:hover, 
.woocommerce button#place_order:hover, 
.woocommerce button.button:hover{
	cursor: pointer;
	opacity: 0.6;
}

.alignleft {
	float: left;
	margin-right: 10px;
}

.alignright {
	float: right;
	margin-left: 10px;
}

.page-content{
	display: inline-block;
	width: calc(100% - 40px);
	padding: 0px 20px;
	text-align: left;
}

.crumbs, .woocommerce .woocommerce-breadcrumb{
	display: inline-block;
	width: 100%;
	text-align: right;
	font-size: 12px;
	margin-bottom: 40px;
}



.first-block-page-has-slider{
	margin-top: 0 !important;
}








/* Children shortcode */

/*a.grid-children-pages{
	float: left;
	width: calc(33.33% - 40px);
	margin: 10px 20px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
}

a.grid-children-pages-1{
	width: calc(100% - 40px);
}

a.grid-children-pages-2{
	width: calc(50% - 40px);
}

a.grid-children-pages-4{
	width: calc(25% - 40px);
}

a.grid-children-pages-5{
	width: calc(20% - 40px);
}

.grid-pages-overlay{
	float: left;
	width: calc(100% - 40px);
	background: rgba(0,0,0,0.6);
	padding: 20px 20px;
	height: 180px;
	text-align: center;
	  -o-transition:.25s;
	  -ms-transition:.25s;
	  -moz-transition:.25s;
	  -webkit-transition:.25s;
	  transition:.25s;
}

a.grid-children-pages:hover .grid-pages-overlay{
	background: rgba(0,0,0,0.8);
}

.grid-pages-overlay h3{
	color: #fff;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	line-height: normal;
}
*/






/* CTAs */

a.three-cta{
	float: left;
	margin: 40px 2%;
	width: 29.33%;
	text-align: center;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
	  color: #000;
}

a.three-cta:hover{
	opacity: 0.8;
}

.cta-text{
	display: inline-block;
	width: 96%;
	margin: 15px 2%;
	font-size: 14px;
}

.cta-excerpt{
	display: inline-block;
	width: 100%;
	min-height: 120px;
}




/* Blog/index */

.top-image {
	min-height: 450px;
	height: fit-content;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	position: relative;
	display: flex;
	align-items: center;
	padding: 100px 0;
	box-sizing: border-box;
}

.top-image .centred {
	width: 100%;
	position: relative;
	z-index: 10;
}

.top-image .centred .top-image-text {
	width: calc(100% - 40px);
	text-align: left;
	max-width: 1300px;
	padding: 0 20px;
	color: #fff
}

#sidebar{
	display: none;
}

.blog-sidebar #sidebar{
	display: inline-block;
}

.blog-sidebar{
	float: left;
	width: 280px;
	margin: 80px 40px 20px 0;
}

.blog-sidebar select {
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	border: 1px solid #000;
	background-image: url('images/select-arrow.svg');
	background-repeat: no-repeat;
	background-size: 12px;
	background-position: top 50% right 10px;
}

.sidebar_hidden {
	display: none;
}

.blog-archive{
	float: left;
	width: calc(100% - 320px);
	margin: 70px 0 50px 0;
}

.blog-archive-sidebar_hidden {
	width: 100%;
}

.blog-archive a.single-story{
	width: 100%;
	margin: 0;
	text-align: left;
}

.blog-archive.single-story-2-columns {
	display: grid;
	grid-template-columns: calc(50% - 10px) calc(50% - 10px);
	gap: 30px 20px;
}

.blog-archive.single-story-3-columns {
	display: grid;
	grid-template-columns: calc(33.34% - 14px) calc(33.33% - 13px) calc(33.33% - 13px);
	gap: 30px 20px;
}

.blog-archive.single-story-4-columns {
	display: grid;
	grid-template-columns: calc(25% - 15px) calc(25% - 15px) calc(25% - 15px) calc(25% - 15px);
	gap: 30px 20px;
}

.top-image-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 35%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 35%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 35%,rgba(0,0,0,0.8) 100%);
	color: #fff;
}




.single-story-1-column a.single-story {
	float: left;
	width: 96%;
	margin: 25px 2% 0 2%;
	padding-bottom: 25px;
	text-align: left;
	border-bottom: 1px solid;
	height: 250px;
}

.single-story-1-column .single-story img {
	width: 40%;
	min-height: 250px;
	margin-right: 2%;
	margin-bottom: 0;
	object-fit: cover;
	object-position: center center;
	float: left;
	display: inline-block;
}

.single-story-1-column .single-story-content {
	float: left;
	width: 58%;
	display: inline-block;
	top: 50%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;
}

.single-story img {
	width: 100%;
	min-height: 200px;
	object-fit: cover;
	object-position: center center;
	margin-bottom: 25px;
}

.pagination {
	clear: left;
	text-align: center;
	margin-top: 25px;
	float: left;
	width: 100%;
}

.blog-mobile-button{
	display: none;
	
	width: 70%;
	padding: 10px 5%;
	font-size: 16px;
	margin: 0 10% 20px 10%;
	text-align: center;
}

.blog-mobile-button:hover{
	cursor: pointer;
}

.blog-mobile-button i {
	margin-left: 15px;
}

#sidebar h2{
	margin-bottom: 10px;
}

#sidebar ul{
	margin: 0;
	padding: 0;
}

#sidebar ul li{
	list-style: none outside none;
	margin-bottom: 5px;
}

#sidebar .widget{
	margin-bottom: 40px;
}




/* Login */

.wc-login{
	padding: 40px;
	width: 400px;
	max-width: calc(100% - 82px);
	margin: 20px auto;
}

.wc-login input[type="text"], .wc-login input[type="password"]{
	padding: 10px;
	border: 1px solid #000;
	font-size: 16px;
	width: calc(100% - 22px);
}

/* End Login */


/* Accreditation Grid */ 

.accreditation-grid {
	display: grid;
	grid-template-columns: calc(33.34% - 20px) calc(33.33% - 20px) calc(33.33% - 20px);
	gap: 30px;
	align-items: center;
}

.accreditation-grid.accreditation-grid-1-column {
	grid-template-columns: calc(33.34% - 20px) calc(33.33% - 20px) calc(33.33% - 20px);
}

.accreditation-grid.accreditation-grid-2-column {
	grid-template-columns: calc(50% - 15px) calc(50% - 15px);
}

.accreditation-grid.accreditation-grid-3-column {
	grid-template-columns: calc(33.34% - 20px) calc(33.33% - 20px) calc(33.33% - 20px);
}

.accreditation-grid.accreditation-grid-4-column {
	grid-template-columns: calc(25% - 22.5px) calc(25% - 22.5px) calc(25% - 22.5px) calc(25% - 22.5px);
}

.accreditation-grid.accreditation-grid-5-column {
	grid-template-columns: calc(20% - 24px) calc(20% - 24px) calc(20% - 24px) calc(20% - 24px) calc(20% - 24px);
}

.accreditation-slider .accreditation-slide {
	height: 200px;
	text-align: center;
	margin: 0 20px;
}

.accreditation-slider-outer.accreditation-slider-outer-landscape .accreditation-slider .accreditation-slide {
	height: unset;
	aspect-ratio: 16/10;
}

.accreditation-slider-outer.accreditation-slider-outer-portrait .accreditation-slider .accreditation-slide {
	height: unset;
	aspect-ratio: 10/12;
}

.accreditation-slider-outer.accreditation-slider-outer-landscape .accreditation-slider .accreditation-slide img,
.accreditation-slider-outer.accreditation-slider-outer-portrait .accreditation-slider .accreditation-slide img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.accreditation-grid .accreditation-slide {
	height: 200px;
	text-align: center;
}

.accreditation-slider .accreditation-slide img,
.accreditation-grid .accreditation-slide img {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	max-height: 100%;
	width: auto;
	margin: 0 auto;
}

.accreditation-header {
	width: calc(100% - 80px);
}

.accreditation-header h2 {
	margin-bottom: 20px;
}

.accreditation-slider .slick-next {
	position: absolute;
	top: -30px;
	right: 0;
}

.accreditation-slider .slick-prev {
	position: absolute;
	top: -30px;
	right: 40px;
	left: unset;
}

.accreditation-slider .slick-prev:before,
.accreditation-slider .slick-next:before {
	content: '\f053';
	font-family: "Font Awesome 7 Pro";
	font-size: 20px;
	color: #000;
	font-weight: 800;
	opacity: 1;
}

.accreditation-slider .slick-next:before {
	content: '\f054';
}

@media (max-width: 1000px) {

	.accreditation-grid.accreditation-grid-4-column, 
	.accreditation-grid.accreditation-grid-5-column {
		grid-template-columns: calc(33.34% - 20px) calc(33.33% - 20px) calc(33.33% - 20px);
	}
	
}

@media (max-width: 700px) {
	.accreditation-grid,
	.accreditation-grid.accreditation-grid-3-column,
	.accreditation-grid.accreditation-grid-4-column, 
	.accreditation-grid.accreditation-grid-5-column {
		grid-template-columns: calc(50% - 15px) calc(50% - 15px);
	}
	
}

@media (max-width: 500px) {
	.accreditation-grid,
	.accreditation-grid.accreditation-grid-2-column,
	.accreditation-grid.accreditation-grid-3-column,
	.accreditation-grid.accreditation-grid-4-column, 
	.accreditation-grid.accreditation-grid-5-column {
		grid-template-columns: 100%;
	}

	
}



/* Gallery Slider */ 

.gallery-slider {
	position: relative;
	margin: 0;
	width: 100%;
	padding-bottom: 50px;
}

.gallery-slider figure.wp-block-image:not(:first-of-type):not(.slick-slide) {
	display: none !important;
}

.gallery-slider.gallery-slider-wide {
	--widthA: calc(100vw - 1260px);
	--widthB: calc(var(--widthA) / 2);
	width: calc(var(--widthB) + 1260px);
}

.gallery-slider.gallery-slider-wide .slick-list {
	padding: 0 10% 0 0;
}


.gallery-slider .slick-prev::before, .gallery-slider .slick-next::before {
	content: '\f053';
	font-family: "Font Awesome 7 Pro";
	background: none;
	color: #000;
	opacity: 0.5;
	font-size: 30px;
	width: 30px;
	height: 30px;
	cursor: pointer;
}

.gallery-slider .slick-prev:hover::before, .gallery-slider .slick-next:hover::before {
	opacity: 1;
}

.gallery-slider .slick-next::before {
	content: '\f054';
}

.gallery-slider .slick-prev, .gallery-slider .slick-next  {
	bottom: 0px;
	top: inherit;
	transform: none;
	z-index: 1;
	left: calc(50% - 10px);
	transform: translateX(calc(-50% - 10px));
	height: 30px;
}

.gallery-slider .slick-next {
	left: calc(50% + 10px);
	transform: translateX(calc(-50% + 10px));
}

.gallery-slider.gallery-slider-wide .slick-prev, .gallery-slider.gallery-slider-wide .slick-next  {
	left: unset;
	transform: unset;
	--widthA: calc(100vw - 1260px);
	--widthB: calc(var(--widthA) / 2);
	right: calc(var(--widthB) + 60px);
}

.gallery-slider.gallery-slider-wide .slick-next {
	left: unset;
	transform: unset;
	--widthA: calc(100vw - 1260px);
	--widthB: calc(var(--widthA) / 2);
	right: calc(var(--widthB) + 20px);
}

.gallery-slider img {
	aspect-ratio: 14/9;
	min-height: 200px;
}

.gallery-slider .slick-slide {
	margin-right: 10px !important;
}

.gallery-slider.columns-1 .slick-slide {
	margin-right: 0px !important;
}

.gallery-slider.full-width {
	margin-left: -50vw !important;
	margin-right: -50vw !important;
}



/* creato_block */


.creato_block-container{
	display: inline-block;
	width: 100%;
}

.creato_block-container-header{
	display: inline-block;
	width: 100%;
}

.mobile-slider .creato_block-container-arrows {
	display: none;
}

.creato_block-container-header h2{
	float: left;
}

.creato_block-container-header .creato_block-container-arrows{
	float: right;
	font-size: 30px;
}
.creato_block-container-header .creato_block-container-arrows i{
	margin-left: 10px;
}

.creato_block-container-header .creato_block-container-arrows i:hover{
	opacity: 0.5;
	cursor: pointer;
}

.creato_block-container-link.button-link{
	float: right;
	font-weight: 500;
	font-size: 14px;
	margin: 0 0 0 20px;
}

.creato_block-container-listings{
	display: inline-block;
	width: 100%;
}




.creato_block-container .grid .creato_block-listing{
	width: 100%;
	margin: 0;
}

.creato_block-container .grid {
	display: grid;
	grid-template-columns: 100%;
	gap: 30px;
}

.creato_block-container.creato_block-container-2-columns .grid {
	grid-template-columns: calc(50% - 15px) calc(50% - 15px);
}

.creato_block-container.creato_block-container-3-columns .grid {
	grid-template-columns: calc(33.34% - 20px) calc(33.33% - 20px) calc(33.33% - 20px);
}

.creato_block-container.creato_block-container-4-columns .grid{
	grid-template-columns: calc(25% - 22.5px) calc(25% - 22.5px) calc(25% - 22.5px) calc(25% - 22.5px);
}

.creato_block-container.creato_block-container-5-columns .grid{
	grid-template-columns: calc(20% - 24px) calc(20% - 24px) calc(20% - 24px) calc(20% - 24px) calc(20% - 24px);
}

@media (max-width: 1000px) {

	.creato_block-container.creato_block-container-4-columns .grid, 
	.creato_block-container.creato_block-container-5-columns .grid {
		grid-template-columns: calc(33.34% - 20px) calc(33.33% - 20px) calc(33.33% - 20px);
	}
	
}

@media (max-width: 700px) {

	.creato_block-container.creato_block-container-3-columns .grid,
	.creato_block-container.creato_block-container-4-columns .grid, 
	.creato_block-container.creato_block-container-5-columns .grid {
		grid-template-columns: calc(50% - 15px) calc(50% - 15px);
	}
	
}

@media (max-width: 500px) {

	.creato_block-container.creato_block-container-2-columns .grid,
	.creato_block-container.creato_block-container-3-columns .grid,
	.creato_block-container.creato_block-container-4-columns .grid, 
	.creato_block-container.creato_block-container-5-columns .grid {
		grid-template-columns: 100%;
	}

	
}

.creato_block-listing-bgimage {
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

.creato_block-listing-bgimage .creato_block-listing-overlay{
	float: left;
	width: calc(100% - 40px);
	padding: 20px;
	background: rgba(0,0,0,0.4);
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
	  min-height: 250px;
	 height: calc(100% - 40px);
	 position: relative;
}

.creato_block-listing-bgimage .creato_block-listing-overlay:hover{
	background: rgba(0,0,0,0.9);
}

.creato_block-listing-bgimage .creato_block-listing-overlay .creato_block-listing-text{
	color: #fff !important; /* Sorry */
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
	width: calc(100% - 40px);
}

.creato_block-listing-image{
	float: left;
	width: 100%;
	padding-top: 56.25%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-bottom: 20px;
}

.creato_block-listing-image.default-image {
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: 130px !important;
}

.creato_block-listing-text{
	float: left;
	width: 100%;
}



.creato_block-container .slider{
	width: calc(100% + 20px);
}

.creato_block-container .slider.cbslider-hidedots .slick-dots, 
.creato_block-container.mobile-slider .cbslider-hidedots .slick-dots{
	display: none !important;
}

.creato_block-container .slider .creato_block-listing{
	margin-right: 20px;
}


.creato_block-listing{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}


.mobile-slider .slick-slider{
	width: calc(100% + 20px);
}

.mobile-slider .slick-slider .creato_block-listing{
	margin: 0 20px 0 0 !important;
	clear: none !important;
}



@media (max-width: 700px) {
	
	.mobile-slider .creato_block-container-arrows{
		display: inline-block;
	}
	
	.mobile-slider.creato_block-container.creato_block-container-2-columns .grid
	.mobile-slider.creato_block-container.creato_block-container-3-columns .grid, 
	.mobile-slider.creato_block-container.creato_block-container-4-columns .grid, 
	.mobile-slider.creato_block-container.creato_block-container-5-columns .grid {
		grid-template-columns: 100%;
	}
	
}


/* end creato_block */





/* Footer */

.footer{
	float: left;
	width: calc(100% - 20px);
	padding: 60px 10px 20px 10px;
}

.footer a:hover{
	opacity: 0.6;
}

.footer-section{
	margin: 10px 10px;
	text-align: left;
	font-size: 18px;
	float: left;
	width: calc(100% - 20px);
}

.footer-style-1 .footer-section{
	width: calc(25% - 20px);
}

.footer-style-2 .footer-section{
	text-align: center;
}

.footer-logo{
	width: 300px;
	margin: 10px;
	max-width: calc(100% - 20px);
	display: inline-block;
}

.footer-style-1 .footer-logo, .footer-style-3 .footer-logo{
	float: left;
}

.footer-logo img{
	max-height: 200px;
	width: auto;
}

.footer-section-nav ul{
	margin: 0;
	padding: 0;
}

.footer-section-nav ul li{
	list-style: none outside none;
	display: inline-block;
	margin: 5px 10px;
}

.footer-style-3 .footer-section-nav ul li{
	margin: 5px 20px 5px 0;
}

.footer-style-1 .footer-section-nav ul li{
	display: block;
	margin: 0;
}

.footer-section p{
	margin: 0;
}

.footer-section i{
	font-size: 20px;
	margin: 0;
}

.footer-style-2 .contact_container,
.footer-style-3 .contact_container{
	font-size: 26px;
	font-weight: bold;
	display: inline-block;
	margin: 5px 20px;
}

.footer-style-3 .contact_container{
	margin: 5px 30px 5px 0;
}

.footer-style-2 .contact_container a br,
.footer-style-3 .contact_container a br{
	display: none;
}

.footer-opening-hours{
	font-size: 14px;
}

.footer-section a.social-icon i{
	margin: 5px 15px 5px 0;
	padding: 5px;
	font-size: 24px;
}

.footer-style-2 .footer-section a.social-icon i{
	margin: 5px 10px;
}

.footer-style-2 .footer-section.footer-contact .contact_container,
.footer-style-3 .footer-section.footer-contact .contact_container {
	margin: 5px auto;
	display: flex;
	align-items: center;
	width: fit-content;
	gap: 10px;
}

.footer-style-3 .footer-section.footer-contact .contact_container {
	margin: 5px 0;
}

.footer-style-2 .footer-section.footer-contact .contact_container a,
.footer-style-3 .footer-section.footer-contact .contact_container a {
	font-size: 20px;
}

/*.footer-style-3 .footer-contact a br{
	display: none;
}*/



.credit{
	float: left;
	width: 100%;
	font-size: 13px;
	padding: 10px 0;
	margin-top: 30px;
}

.credit-left{
	float: left;
	width: calc(50% - 10px);
	margin: 5px 10px 5px 0;
	text-align: left;
}

.credit-left-info{
	display: inline-block;
}

.credit-right{
	float: right;
	width: calc(50% - 10px);
	margin: 5px 0px 5px 10px;
	text-align: right;
}
















.privacy-content{
	display: none;
}

.privacy-content .wc_privacy_policy_buttons{
	display: none;
}

.privacy-content .wc_reveal_options a{
	display: none;
}


/* Contact Page */

.contact-sections {
	display: grid;
	grid-template-columns: calc(25% - 15px) calc(25% - 15px) calc(25% - 15px) calc(25% - 15px);
	gap: 20px;
}

.contact-section{
	text-align: center;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
}

.contact-section i{
	font-size: 40px;
	margin-bottom: 10px;
}

.contact-section p{
	margin: 0;
}

.contact-section h3{
	margin-bottom: 10px;
}

.contact-section a.social-icon {
	display: inline-block;
}

.contact{
	float: left;
	width: 90%;
	padding: 80px 5% 10px 5%;
	margin-bottom: 50px;
	background:rgba(0,0,0,0.1);
}

.creato_contact_form{
	display: inline-block;
	width: 100%;
	max-width: 100%;
	margin: 20px 0 0 0;
	text-align: left;
}

.creato_contact_form .form_title {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.form-has-map{
	float: left;
	width: 46%;
}

.has-form{
	width: 46%;
}

.contact-content i{
	margin-right: 5px;
}

.creato_contact_form h2{
	margin-bottom: 20px;
}

.creato_contact_form a.social-icon i{
	display: inline-block;
	width: 20px;
	padding: 7px;
	font-size: 20px;
	height: 20px;
	text-align: center;
	border-radius: 50%;
	margin: 5px 5px 0 0;
}

.contact-row {
	width: 100%;
	display: inline-block;
	margin-bottom: 10px;
}

.contact-row label {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	margin-bottom: 3px;
}

.contact-row input[type="text"], .contact-row textarea {
	border: 1px solid #B9C3CC;
	padding: 8px 1%;
	width: 98%;
	max-width: 98%;
	font-family: 'Lato', 'Helvetica', 'Arial', serif;
	font-size: 16px;
}

.contact-tandc{
	font-size: 12px;
}

.contact-row button {
	display: inline-block;
	border-radius: 5px;
	color: #fff;
	background: #B9C3CC;
	border: none;
	padding: 10px 5px;
	  -o-transition:.5s;
	  -ms-transition:.5s;
	  -moz-transition:.5s;
	  -webkit-transition:.5s;
	  transition:.5s;
	font-family: 'Lato', 'Helvetica', 'Arial', serif;
	font-size: 16px;
	width: 120px;
}

.contact-row button:hover{
	cursor: pointer;
	opacity: 0.6;
}

.contact-content a.social-icon i:hover, .blog-mobile-button:hover{
	opacity: 0.6;
	cursor: pointer;
}

.message {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
	font-size:16px;
   }

.map-container{
	float: left;
	width: 100%;
}

.map-has-form{
	width: 46%;
}

#google-map, .map-container iframe{
	float: left;
	width: 100%;
	height: 520px;
}


/* Yoast FAQ */ 

.schema-faq-section {
	margin-bottom: 15px;
}

.schema-faq-section strong {
	padding: 15px 40px 15px 20px;
	width: calc(100% - 60px);
	margin: 0;
	display: inline-block;
	position: relative;
	font-size: 20px;
}

.schema-faq-section strong:hover {
	cursor: pointer;
}

.schema-faq-section strong::after {
	font-family: "Font Awesome 7 Pro"; 
	font-weight: 400;
	font-size: 20px;
	content: "\f078";
	position: absolute;
	right: 10px;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

.schema-faq-section strong.schema-faq-answer-open::after {
	transform: rotateX(180deg);
}

.schema-faq-section .schema-faq-answer {
	background: #E2EEF6;
	padding: 20px 40px;
	width: calc(100% - 80px);
	margin: 0;
	display: none;
}

/* Yoast FAQ's Ends */







/* Animation */

.fade-right, .fade-left, .fade-down, .fade-up {
	opacity: 0;
	transition-property: opacity,-webkit-transform;
	transition-property: opacity,transform;
	transition-property: opacity,transform,-webkit-transform;
	-webkit-transform: translate3d(-100px,0,0);
	transform: translate3d(-100px,0,0);
	transition-timing-function: ease;
	transition-duration: 1s;
}

.fade-left {
	-webkit-transform: translate3d(100px,0,0);
	transform: translate3d(100px,0,0);
}

.fade-down {
	transform: translate3d(0, -100px, 0);
}

.fade-up {
	transform: translate3d(0, 100px, 0);
}

.fade-right.creato-animate-active, .fade-left.creato-animate-active, .fade-down.creato-animate-active, .fade-up.creato-animate-active {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


.flip-left, .flip-right, .flip-up, .flip-down {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	
}

.flip-left {
	-webkit-transform: perspective(2500px) rotateY(-100deg);
	transform: perspective(2500px) rotateY(-100deg);
}

.flip-right {
	-webkit-transform: perspective(2500px) rotateY(100deg);
}

.flip-up {
	-webkit-transform: perspective(2500px) rotateX(-100deg);
}

.flip-down {
	-webkit-transform: perspective(2500px) rotateX(100deg);
}

.flip-left.creato-animate-active, .flip-right.creato-animate-active {
	transform: perspective(2500px) rotateY(0deg);
	transition-property: transform;
	transition-duration: 1s;
}

.flip-down.creato-animate-active, .flip-up.creato-animate-active {
	transform: perspective(2500px) rotateX(0deg);
	transition-property: transform;
	transition-duration: 1s;
}


.wp-block-media-text.creato-animate-media-text-from-left figure,
.wp-block-media-text.creato-animate-media-text-from-right figure,
.wp-block-media-text.creato-animate-media-text-from-bottom figure,
.wp-block-media-text.creato-animate-media-text-from-top figure,
.creato-animate-image-from-left figure,
.creato-animate-image-from-right figure,
.creato-animate-image-from-bottom figure,
.creato-animate-image-from-top figure,
figure.creato-animate-image-from-left,
figure.creato-animate-image-from-right,
figure.creato-animate-image-from-bottom,
figure.creato-animate-image-from-top,
.wp-block-cover.creato-animate-image-from-left img,
.wp-block-cover.creato-animate-image-from-right img,
.wp-block-cover.creato-animate-image-from-bottom img,
.wp-block-cover.creato-animate-image-from-top img {
	position: relative;
	overflow: hidden;
	-webkit-clip-path: inset(0px 100% 0px 0px);
	clip-path: inset(0px 100% 0px 0px);
	will-change: clip-path;
	transition: -webkit-clip-path 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: clip-path 1s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	transition: clip-path 1s cubic-bezier(0.785, 0.135, 0.15, 0.86), -webkit-clip-path 0.6s cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.wp-block-cover.creato-animate-image-from-left img,
.wp-block-cover.creato-animate-image-from-right img,
.wp-block-cover.creato-animate-image-from-bottom img,
.wp-block-cover.creato-animate-image-from-top img {
	position: absolute;
}

.wp-block-media-text.creato-animate-media-text-from-right figure,
.creato-animate-image-from-right figure,
figure.creato-animate-image-from-right,
.wp-block-cover.creato-animate-image-from-right img {
	-webkit-clip-path: inset(0px 0px 0px 100%);
	clip-path: inset(0px 0px 0px 100%);
}

.wp-block-media-text.creato-animate-media-text-from-bottom figure,
.creato-animate-image-from-bottom figure,
figure.creato-animate-image-from-bottom,
.wp-block-cover.creato-animate-image-from-bottom img {
	-webkit-clip-path: inset(100% 0px 0px 0px);
	clip-path: inset(100% 0px 0px 0px);
}

.wp-block-media-text.creato-animate-media-text-from-top figure,
.creato-animate-image-from-top figure,
figure.creato-animate-image-from-top,
.wp-block-cover.creato-animate-image-from-top img {
	-webkit-clip-path: inset(0px 0px 100% 0px);
	clip-path: inset(0px 0px 100% 0px);
}

.wp-block-media-text.creato-animate-media-text-from-left.creato-animate-active figure,
.wp-block-media-text.creato-animate-media-text-from-right.creato-animate-active figure,
.wp-block-media-text.creato-animate-media-text-from-bottom.creato-animate-active figure,
.wp-block-media-text.creato-animate-media-text-from-top.creato-animate-active figure,
.creato-animate-image-from-left.creato-animate-active figure,
.creato-animate-image-from-right.creato-animate-active figure,
.creato-animate-image-from-bottom.creato-animate-active figure,
.creato-animate-image-from-top.creato-animate-active figure,
figure.creato-animate-image-from-right.creato-animate-active,
figure.creato-animate-image-from-left.creato-animate-active,
figure.creato-animate-image-from-top.creato-animate-active,
figure.creato-animate-image-from-bottom.creato-animate-active,
.wp-block-cover.creato-animate-image-from-left.creato-animate-active img,
.wp-block-cover.creato-animate-image-from-top.creato-animate-active img,
.wp-block-cover.creato-animate-image-from-right.creato-animate-active img,
.wp-block-cover.creato-animate-image-from-bottom.creato-animate-active img {
	-webkit-clip-path: inset(0px 0px 0px 0px);
	clip-path: inset(0px 0px 0px 0px);
}

.wp-block-media-text.creato-animate-media-text-from-left .wp-block-media-text__content,
.wp-block-media-text.creato-animate-media-text-from-right .wp-block-media-text__content,
.wp-block-media-text.creato-animate-media-text-from-bottom .wp-block-media-text__content,
.wp-block-media-text.creato-animate-media-text-from-top .wp-block-media-text__content {
	opacity: 0;
	position: relative;
	top: 50px;
	-ms-transition: all 1s ease-out; 
	transition: all 1s ease-out; 
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	visibility:hidden;
}

.wp-block-media-text.creato-animate-media-text-from-left.creato-animate-active .wp-block-media-text__content,
.wp-block-media-text.creato-animate-media-text-from-right.creato-animate-active .wp-block-media-text__content,
.wp-block-media-text.creato-animate-media-text-from-bottom.creato-animate-active .wp-block-media-text__content,
.wp-block-media-text.creato-animate-media-text-from-top.creato-animate-active .wp-block-media-text__content {
	opacity: 1;
	position: relative;
	top: 0px;
	visibility:visible;
}

/* Animation Ends */



/* NHS Tabs */

/*.nhs-tabs-outer{
	display: flex;
}*/

.nhs-tab{
	float: left;
	width: calc(100% - 60px);
	padding: 30px;
	color: #fff;
	text-align: left;
	font-size: 14px;
	margin: 20px 0;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}

.nhs-tab-2{
	width: calc(50% - 60px);
}

.nhs-tab-3{
	width: calc(33.33% - 60px);
}

.nhs-tab:hover{
	opacity: 0.8;
}

.nhs-tab img{
	max-height: 55px;
}

.nhs-tab p{
	min-height: 150px;
}

.nhs-tab-2 p{
	min-height: 100px;
}

.nhs-tab .button-link{
	margin-bottom: 0;
	background: #fff;
	color: #004586;
}

.nhs-inform{
	background: #195991;
}

.nhs-attend{
	background: #276F87;
}

.nhs-access{
	background: #DA4B07;
}






/* Browser-specific hacks - Chrome fonts, IE7 (!) dropdowns */

html {
	-webkit-font-smoothing: antialiased;
}

* + html .nav .menu li ul {
	margin-left: -100px;
	margin-top: 25px;
}

#catapult-cookie-bar {
 -webkit-transform: translateZ(0);
 }





#cboxClose {
	top: 0px;
	bottom: auto;
}





/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* end wordress builtin classes for editor etc */





/* Cookie notification styling */

.wc_privacy_notice {
	position: fixed;
	bottom: 0px;
	width: 90%;
	text-align: center;
	background: rgba(255,255,255,1);
	border: 1px solid #000;
	border-bottom: none;
	padding: 15px 20px;
	font-size: 13px;
	z-index: 10000;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 740px;
	border-radius: 10px 10px 0 0;
}

.wc_privacy_text{
	float: left;
	width: 100%;
}

.wc_privacy_text strong{
	float: left;
	font-size: 12px;
}

.wc_privacy_policy_buttons{
	float: right;
}

.reveal_privacy_options, 
.wc_privacy_policy_buttons button, 
.wc_privacy_submit{
	display: inline-block;
	padding: 5px 20px;
	margin-left: 10px;
	border-radius: 1px;
	-webkit-appearance: none;
	line-height: normal;
	border: none;
	font-size: 11px;
	font-family: 'Arial', serif;
	font: 200 11px Arial;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	color: #fff;
	background: #000;
}

span.reveal_privacy_options_hide{
	display: none;
}

.reveal_privacy_options:hover, 
.wc_privacy_policy_buttons button:hover, 
.wc_privacy_submit:hover{
	opacity: 0.8;
	cursor: pointer;
}

.wc_reveal_options{
	float: left;
	width: 100%;
	padding: 10px 0;
	display: none;
	text-align: left;
	font-size: 11px;
}

.wc_privacy_option {
	float: left;
	background: #efefef;
	padding: 5px 10px;
	margin: 0 10px 0 0;
	width: calc(25% - 30px);
	text-align: center;
}

.page-content .wc_reveal_options {
	float: none;
	display: block;
}

.page-content .wc_privacy_notice {
	position:relative;
	display: inline-block !important;
	border: 1px solid #999;
	width: calc(100% - 42px);
	padding: 20px;
	background: #fff;
	color: #1C2342;
	z-index: 0;
	margin: 10px 0px 50px 0px;
	animation: slideDown 0 ease forwards;
	-webkit-animation: slideDown 0 ease forwards;
	-moz-animation: slideDown 0 ease forwards;
	-o-animation: slideDown 0 ease forwards;
	animation-delay: 0;
	-webkit-animation-delay: 0;
	-moz-animation-delay: 0;
	-o-animation-delay: 0;
}

.page-content .wc_privacy_notice .wc_privacy_text strong{
	width: inherit;
}

.page-content .wc_reveal_options .wc_privacy_submit {
	margin-top:10px;
	margin-left:0 !important;
}


@media (max-width: 600px) {
	.wc_privacy_option {
		width: calc(50% - 30px);
		margin-top: 5px;
	}
}

@media (max-width: 350px) {
	.wc_privacy_text strong{
		width: 90px;
		text-align: left;
	}
	
	.wc_privacy_policy_buttons{
		margin-top: 5px;
	}
}

@media (max-width: 1300px) {


	.gallery-slider.gallery-slider-wide {
		width: calc(100% + 20px);
	}
	
	.gallery-slider.gallery-slider-wide .slick-prev, .gallery-slider.gallery-slider-wide .slick-next  {
		right: 60px;
	}
	
	.gallery-slider.gallery-slider-wide .slick-next {
		right: 20px;
	}
	
	.full-width-media-text.wp-block-media-text figure.wp-block-media-text__media {
		width: calc(100% + 20px);
		left: calc(-20px);
	}
	
	.full-width-media-text.wp-block-media-text.has-media-on-the-right figure.wp-block-media-text__media {
		width: calc(100% + 20px);
	}
	
	.fade-left {
		-webkit-transform: translate3d(20px,0,0);
		transform: translate3d(20px,0,0);
	}


}


@media (max-width: 1200px) {
	
	.blog-archive.single-story-4-columns {
		grid-template-columns: calc(33.34% - 14px) calc(33.33% - 13px) calc(33.33% - 13px);
	}
	
	.blog-archive.blog-archive-sidebar_hidden.single-story-4-columns {
		grid-template-columns: calc(25% - 15px) calc(25% - 15px) calc(25% - 15px) calc(25% - 15px);
	}

}


@media (max-width: 1086px) {
	
	.map-has-form {
		width: 96%;
	}
	
	.blog-archive.single-story-3-columns,
	.blog-archive.single-story-4-columns {
		grid-template-columns: calc(50% - 10px) calc(50% - 10px);
	}
	
}

@media (max-width: 1000px) {
	.blog-archive.blog-archive-sidebar_hidden.single-story-4-columns {
		grid-template-columns: calc(33.34% - 14px) calc(33.33% - 13px) calc(33.33% - 13px);
	}
	
}




@media (max-width: 800px) {

	
	.nav{
		display: none;
	}
	
	.mobile-nav-header{
		display: inline-block;
	}

	.top-bar-left{
		width: 100%;
		max-width: inherit;
		text-align: right;
		margin-bottom: 5px;
	}

	.top-bar-right{
		width: 100%;
		margin: 0;
		justify-content: flex-end;
	}

	.header-inner{
		min-height: 70px;
	}

	.header-layout-centered .tall-logo{
		position: absolute;
		top: 0;
	}

	.header-layout-centered .tall-logo img{
		max-height: 160px;
		width: auto;
		max-width: 100%;
		height: auto;
	}
	

	.blog-mobile-button{
		display: inline-block;
	}
	
	#sidebar,
	.blog-sidebar #sidebar {
		display: none;
		width: 80%;
		margin: 0 10%;
	}
	
	.blog-sidebar{
		width: 100%;
		margin: 20px 0 0 0;
	}
	
	.blog-archive{
		width: 100%;
		margin: 30px 0;
	}
	
	.single-story img {
		min-height: 250px;
	}
	
	.footer-section{
		width: 46%;
		text-align: center;
	}
	
	.page-content{

	}

	.nhs-tab-3{
		width: calc(50% - 60px);
		margin-bottom: 0;
	}

	.nhs-tab.nhs-attend.nhs-tab-3{
		width: calc(100% - 60px);
		margin-top: 0;
	}

	.nhs-tab.nhs-attend.nhs-tab-3 p{
		min-height: inherit;
	}
	
	.contact-sections,
	.contact-sections.contact-sections-3,
	.contact-sections.contact-sections-4 {
		display: grid;
		grid-template-columns: calc(50% - 10px) calc(50% - 10px) !important;
		gap: 40px 20px;
	}
	
	.footer-style-3 .footer-section.footer-contact .contact_container {
		margin: 5px auto;
	}


}


@media (max-width: 700px) {
	.blog-archive.blog-archive-sidebar_hidden.single-story-3-columns,
	.blog-archive.blog-archive-sidebar_hidden.single-story-4-columns,
	.blog-archive-sidebar_hidden.single-story-3-columns,
	.blog-archive-sidebar_hidden.single-story-4-columns {
		grid-template-columns: calc(50% - 10px) calc(50% - 10px);
	}
}



@media (max-width: 600px) {
	
	.wp-block-media-text .wp-block-media-text__content {
		padding: 20px 0;
	}
	
	.top-bar {
		font-size: 13px;
	}
	
	.top-image {
		min-height: 250px;
	}
	
	
	.full-width-media-text.wp-block-media-text figure.wp-block-media-text__media {
		width: 100%;
		left: unset;
	}
	
	.full-width-media-text.wp-block-media-text.has-media-on-the-right figure.wp-block-media-text__media {
		width: 100%;
	}
	

}


/* ################################################# MOBILE ################################################# */
@media (max-width: 520px) {
	
	.wc_privacy_notice {
		width: calc(100% - 60px);
	}
	
	.top-bar-left{
		float: left;
		text-align: center;
		width: 98%;
	}
	
	.top-bar-right{
		float: right;
		text-align: left;
		width: 98%;
		justify-content: center;
		flex-wrap: wrap;
		position: relative;
		gap: 10px 0;
	}
	
	.top-bar-opening-hours-dropdown{
		float: right;
		position: unset;
	}
	

	.top-bar-opening-hours-dropdown-slide{
		width: calc(100vw - 70px);
	}
	
	.header-outer{
		position: relative;
		margin: 0 !important;
		box-shadow: none;
	}
		
	.creato_slider{
		/*margin: 0;*/
	}
	
	.creato_slider .slide{
		min-height: 300px;
	}
	
	.creato_slider-slide-text-outer .centred{
		min-height: 200px;
	}
	
	.creato_slider-slide-text{
		font-size: 16px;
	}
	
	.creato_slider-slide-text h1{
		font-size: 30px !important;
	}
	
	.middle-content-image{
		width: 100%;
		height: 200px !important;
	}
	
	.middle-content{
		width: 90%;
	}
	
	a.three-cta{
		width: 96% !important;
	}
	
	
	.featured-image-text{
		font-size: 16px;
	}
	
	.footer-section{
		width: 90%;
		margin: 10px 5%;
	}

	
	.creato_contact_form{
		width: 90%;
		margin: 20px 5% 0 5%;
	}
	
	.map-container{
		width: 100%;
		margin: 20px 0;
	}
	
	.credit-left, .credit-right{
		width: 96%;
		margin: 5px 2%;
		text-align: center;
	}
	
	#google-map{
		height: 200px;
	}
	
	.short-content{
		width: 100%;
		margin: 10px 0;
	}
	
	.wp-block-media-text__content{
		margin-bottom: 20px !important;
		margin-top: 20px !important;
	}
	
	.cta-excerpt{
		min-height: inherit;
	}
	
	.blog-archive.blog-archive-sidebar_hidden.single-story-2-columns,
	.blog-archive.blog-archive-sidebar_hidden.single-story-3-columns,
	.blog-archive.blog-archive-sidebar_hidden.single-story-4-columns,
	.blog-archive.single-story-2-columns,
	.blog-archive.single-story-3-columns,
	.blog-archive.single-story-4-columns {
		grid-template-columns: 100%;
	}
	

	.nhs-tab-3, .nhs-tab-2{
		width: calc(100% - 60px);
		margin-bottom: 0;
		margin-top: 0;
	}

	.nhs-tab-3 p, .nhs-tab-2 p{
		min-height: inherit;
	}
	
	.single-story-1-column a.single-story {
		height: unset;
	}

	.single-story-1-column .single-story img {
		width: 100%;
		min-height: 250px;
		margin-right: 0;
		margin-bottom: 25px;
	}
	
	.single-story-1-column .single-story-content {
		width: 100%;
		top: unset;
		-ms-transform: unset;
		transform: unset; 
		position: relative;
	}
	
	.contact-sections,
	.contact-sections.contact-sections-2,
	.contact-sections.contact-sections-3,
	.contact-sections.contact-sections-4 {
		display: grid;
		grid-template-columns: 100% !important;
		gap: 40px 20px !important;
	}
	
	.footer-style-2 .footer-section.footer-contact .contact_container a,
	.footer-style-3 .footer-section.footer-contact .contact_container a {
		font-size: 16px;
	}
	
	.footer-section i{
		font-size: 16px;
	}
	
	.header-logo h1 {
		font-size: 5.5vw !important;
	}
	
	.creato_block-container-link.button-link {
		margin-top: 10px;
	}
	
	.creato_block-container-header h2 {
		float: unset;
	}
	
	.creato_block-container-header {
		margin-bottom: 20px;
	}

}

@media (max-width: 450px) {
	.gallery-slider .slick-slide {
		margin-right: 0px !important;
	}
	
	.gallery-slider.gallery-slider-wide .slick-slide {
		margin-right: 10px !important;
	}
}


@media (max-width: 400px) {

	a.single-story{
		width: calc(100% - 20px);
	}
	
	a.nav-contact {
		font-size: 16px;
	}
	
	/*a.grid-children-pages{
		width: calc(100% - 20px);
		margin: 10px 10px;
	}
	
	a.grid-children-pages-2{
		width: calc(100% - 20px);
	}
	
	a.grid-children-pages-4{
		width: calc(100% - 20px);
	}
	
	a.grid-children-pages-5{
		width: calc(100% - 20px);
	}*/

}


/* Woocommerce */

.woocommerce #primary{
	margin: 0 auto;
	max-width: 1300px;
	width: calc(100vw - 40px);
	  text-align: left;
	  padding-top: 100px;
}

.woocommerce mark.count{
	display: none;
}

.woocommerce ul.products li.product .price{
  font-size: 18px;
}

.woocommerce .woocommerce-products-header{
	margin-bottom: 30px;
}

.woocommerce .summary p.price, .woocommerce .summary span.price{
	font-size: 32px;
	margin: 10px 0;
}

.woocommerce div.product form.cart .variations select{
	font-size: 14px;
	background: #fff;
	-webkit-appearance:none;
	border-radius: 0;
	color: #000;
	padding: 10px;
	border: 1px solid #000;
}

.woocommerce .quantity .qty{
	background: none;
	color: #000;
	font-size: 18px;
	padding: 6px 2px;
	border: 1px solid #000;
	margin: 0px 10px 0 0;
}

.woocommerce section.related{
	margin-top: 80px;
}

.woocommerce table img{
	width: 50px;
	height: auto;
}

.woocommerce table.cart td.actions .input-text{
	border: 1px solid #000;
	background: none;
	color: #000;
	padding: 9px 10px;
	width: 200px;
}

.woocommerce .woocommerce-checkout{
	width: 700px;
	margin: 0 auto;
	max-width: 100%;
}

.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1, 
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2{
	width: 100%;
	margin: 20px 0%;
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select{
	padding: 10px;
	font-size: 14px;
	border: 1px solid #000;
	color: #000;
	background: #fff;
	-webkit-appearance:none;
}

.woocommerce nav.woocommerce-MyAccount-navigation{
	display: inline-block;
	width: 100%;
	text-align: center;
}

.woocommerce nav.woocommerce-MyAccount-navigation ul{
	margin: 0;
	padding: 0;
}

.woocommerce nav.woocommerce-MyAccount-navigation ul li{
	list-style: none outside none;
	display: inline;
}

.woocommerce nav.woocommerce-MyAccount-navigation ul li a{
	padding: 10px 15px;
	display: inline-block;
	font-size: 14px;
}

.woocommerce nav.woocommerce-MyAccount-navigation ul li a:hover, .woocommerce nav.woocommerce-MyAccount-navigation ul li.is-active a{
	opacity: 0.5;
}