/* MASTER SITE CSS - START */
/* global variable declarartions for use in setting spacing */
:root {
    /* Global spacing variables */ 
    --sc-margin: 128px;
   		 --sc-margin-dbl: calc(2 * var(--sc-margin));
    		--sc-margin-half: calc(0.5 * var(--sc-margin));
    --sc-margin-neg: -128px;
    --sc-gutter: 24px;
   		 --sc-gutter-dbl: calc(2 * var(--sc-gutter));
   		 --sc-gutter-half: calc(0.5 * var(--sc-gutter));
    --sc-gutter-neg: -24px;
    --sc-padding: 16px;
				--sc-padding-big: calc(4 * var(--sc-padding));
    		--sc-padding-dbl: calc(2 * var(--sc-padding));
    		--sc-padding-half: calc(0.5 * var(--sc-padding));
    --sc-padding-neg: -16px;
    		--sc-full-width: calc(100vw - var(--sc-margin));
    --sc-padding-btn: 16px; /* 24px; */
    /* global colours */
    --sc-primary: #00959F;
    --sc-secondary: #112E67;
    --sc-text: #2D3840;
    --sc-primary-light: #03BECB;
    --sc-btn: var(--sc-primary);
    --sc-btn-hover: var(--sc-primary-light);
    /* design varables */
    --sc-radius-btn: 2px 20px;
				--sc-radius-btn-big: calc(10 * var(--sc-radius-btn));
    --sc-radius-box: 5px;
				--sc-radius-box-big: calc(10 * var(--sc-radius-box));
    --sc-border-width: 1px;
    --sc-border-accent: 4px;
    --sc-shaddow: 4px; /* 4px; 8px #00000030; */
    /* global font size variables */
    --sc-h1-clamp: clamp(2.375rem, 1.6364rem + 1.9697vw, 4rem);
    --sc-h2-clamp: clamp(2.375rem, 1.5179rem + 1.3393vw, 3.125rem);
    --sc-h3-clamp: clamp(1.5rem, 1.0714rem + 0.6696vw, 1.875rem);
    --sc-h4-clamp: clamp(1.125rem, 1.0682rem + 0.1515vw, 1.25rem);
    --sc-h5-clamp: clamp(0.9375rem, 0.9091rem + 0.0758vw, 1rem);
    --sc-h6-clamp: clamp(1rem, 1.5227rem + 0vw, 1.125rem);
    --sc-body-clamp: clamp(1rem, 0.8571rem + 0.2232vw, 1.125rem);
    --sc-body-sm-clamp: clamp(0.875rem, 0.7321rem + 0.2232vw, 1rem));
    /* Media query – Tablet */
    @media screen and (max-width: 1024px) {
        --sc-margin: 32px;
        --sc-gutter: 16px;
        --sc-gutter-neg: -16px;
        --sc-padding: 12px;
        --sc-padding-neg: -12px;
    }
    /* Media query – Mobile */
    @media screen and (max-width: 767px) {
        --sc-margin: 16px;
        --sc-gutter: 12px;
        --sc-gutter-neg: -12px;
        --sc-padding: 8px;
        --sc-padding-neg: -8px;
    }
}

/* table styling */
table, th, td {
		font-size: var(--sc-body-clamp);
		border-collapse: collapse;
    padding: var(--sc-padding-half) !important;
    background-color: transparent !important;
}


/* h6 btn style */
h6 a {
    background-color: var(--sc-btn);
    padding: var(--sc-padding-btn);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: var(--sc-radius-btn);
    /*  font-family: "Helvetica Neue", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase; */
    color: #fff !important;
    vertical-align: sub;
    display: inline-block;
/*    border: var(--sc-border-width) solid var(--sc-btn);*/
}

h6 a:hover {
    background-color: var(--sc-btn-hover);
}

/* blockquote style */
blockquote {
    font-size: var(--sc-h4-clamp);
    color: var(--sc-primary-light);
    line-height: 1.5;
    font-style: italic;
    border-left: var(--sc-border-accent) solid var(--sc-primary-light);
    padding-left: var(--sc-padding);
    margin: 0;
}

.elementor-widget-image a img[src$=".svg"] {
    width: 100%;
}

/* pages with sidebar - class added to right hand container */
div:has( + .spacific-sidebar) {
		width:100%;
}
.spacific-sidebar {
    background-color: #E9EDF0;
    --width: 30.8% !important;
		max-width: 450px !important;
		min-width: 300px !important;
    --padding-block-start: var(--sc-padding-dbl) !important;
    --padding-block-end: var(--sc-padding-dbl) !important;
    --padding-inline-start: var(--sc-padding-dbl) !important;
    --padding-inline-end: var(--sc-padding-dbl) !important;
}
@media only screen and (max-width: 768px) {
	.spacific-sidebar {
    --width: 100% !important;
	}	
}

/* remove the browser default clear cross from search inputs */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

/* Social icons (header and footer) */
.social-icons .elementor-icon-list-text .spacific-social-icon i {
	color: var(--e-global-color-primary)!important;
	font-size: 21px;
}
.social-icons.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item {
	margin-left:0;
	margin-right:0;
}
.social-icons.elementor-widget .elementor-icon-list-items.elementor-inline-items {
	margin-left:0;
	margin-right:0
}
.social-icons .elementor-icon-list-text .spacific-social-icon {
	background: #fff;
	padding: 5px;
	border-radius: 100px;
	color: #000 !important;
	margin-right:18px
}
.social-icons.elementor-widget .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:last-child .spacific-social-icon {
	margin-right:0;
}

/* Quicklinks styling (header and footer) */
.quicklinks-menu nav ul li a {
	background-color: var(--e-global-color-primary)!important;
	color:var(--e-global-color-secondary)!important;
}
.quicklinks-menu nav ul li a:hover, .quicklinks-menu nav ul li a:active, .quicklinks-menu nav ul li a:focus {
	background-color: #fff!important;	
	color:var(--e-global-color-text)!important;
}
#mega-menu-wrap-max_mega_menu_2 #mega-menu-max_mega_menu_2 .quicklinks-menu .elementor-widget-container  {
	margin:0!important
}

/* footer styles */
.footer-link{color:#fff!important;}
.elementor-location-footer .elementor-nav-menu--dropdown {display:none;}
.elementor-location-footer li { list-style-type: none; }
@media only screen and (max-width: 700px) {
		.mobile-copyright .elementor-icon-list-items.elementor-inline-items li:nth-child(2)::after {
			display: none !important;
		}
}

.wtm-vert-menu a.elementor-item {
	display: block;
}
.wtm-nav-search input::placeholder {
	opacity: 1 !important;
}
#wtm-nav-search-wrap, #wtm-ql-wrap, #wtm-mm-wrap {
	display: none;
}
.wtm-vert-menu a.elementor-item span {
	font-size: 16px;
	line-height: 16px;
}
.wtm-search-trigger-active, .wtm-ql-trigger-active {
	background: #094b8d;
}
.wtm-mm-trigger-active {
	background: #0080AF;
}
ul.sub-menu {
	height: 100vh;
	background: #0080AF;
	width: 400px !important;
}
#wtm-mm-wrap nav > ul > li:hover {
	background: #0080AF;
}
#wtm-mm-wrap nav > ul > li a{
	color: #fff !important;
}
#wtm-mm-wrap nav > ul > li > ul.sub-menu > li > ul.sub-menu {
	background: #22AACB !important;
}
#wtm-mm-wrap nav > ul > li > ul.sub-menu > li a.highlighted, #wtm-mm-wrap nav > ul > li > ul.sub-menu > li a:hover, #wtm-mm-wrap nav > ul > li > ul.sub-menu > li:hover {
	background: #22AACB !important;
}
#wtm-mm-wrap .mega-menu-item-has-children {
	position: static !important;
}
#wtm-mm-wrap .mega-sub-menu {
	height: 100vh !important;
}
#wtm-mm-wrap .mega-sub-menu .mega-sub-menu {
	background: #22AACB !important;
}
#wtm-mm-wrap .mega-sub-menu .mega-sub-menu .mega-menu-link:hover {
	background: #0B3876 !important;
}
#wtm-mm-wrap .mega-menu-wrap > ul.mega-menu > .mega-menu-item-has-children > .mega-sub-menu > .mega-menu-item-has-children.mega-toggle-on > a {
	background: #22AACB !important;
}
body {
	min-height: 100vh;    
	display: flex;
	flex-direction: column;
}
body > main#content, body > div.elementor-location-single {
	flex: 1;
}
div.elementor-location-footer {
	margin-top:auto
}
/* MASTER SITE CSS - END */
/* site specific CSS*/
:root {
		/* button variations */
#btn-yellow {
  background-color: #EC8300; 
}
#btn-yellow:hover {
  background-color: #DA2127;
}
#btn-white {
  background-color: #fff;
	color: var(--sc-primary);
}
#btn-white:hover {
  background-color: #03BECB;
	color: #fff;
}
		/* home page open hours table) */
.table-home{
th, td {
    border-bottom: 1px solid var(--sc-primary);
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
}
		}
}
}