/* MASTER SITE CSS - START */
/* global variable declarartions for use in setting spacing */
:root {
    /* Global spacing variables */ 
    --sc-margin: 8vw; /** this was 128px when hard set, variable width needs testing **/
   		--sc-margin-dbl: calc(2 * var(--sc-margin));
    	--sc-margin-half: calc(0.5 * var(--sc-margin));
    --sc-margin-neg: -8vw;
		--sc-margin-half-neg: -4vw;
    --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-gutter-dbl-neg: -48px;
		--sc-gutter-half-neg: -12px;
    --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-padding-dbl-neg: -32px;
		--sc-padding-half-neg: -8px;
    --sc-padding-btn: 12px;
		--sc-full-width: calc(100vw - var(--sc-margin));
  
		/* global colours */
    --sc-primary: #00597C;
    --sc-secondary: #00BCE1;
		--sc-accent: #00BCE1;
    --sc-text: #3A3A3A;
    --sc-primary-light: #1a81ab;
    --sc-btn: #fff;
    --sc-btn-hover: var(--sc-neutral-light);
		--sc-neutral-light: #DCDDDE;
		--sc-neutral-dark: #959595;
   
		/* design varables */
    --sc-radius-btn: 0px;
    --sc-radius-box: 0px;
    --sc-border-width: 1px;
    --sc-border-accent: 3px;
		--sc-border-btn: 1px;
    --sc-shaddow: 0px; 
		--sc-icon-size: 16px;
		--sc-icon-nav-dot: 10px;
		--sc-icon-nav-arrow: 24px;
   
		/* global font size variables */
    --sc-h1-clamp: clamp(3.125rem, 1.9355rem + 2.4814vw, 3.75rem); /*updated for LBC*/
    --sc-h2-clamp: clamp(1.625rem, 1.3755rem + 0.5204vw, 2rem); /*updated for LBC*/
    --sc-h3-clamp: clamp(1.375rem, 1.2087rem + 0.3469vw, 1.625rem); /*updated for LBC*/
    --sc-h4-clamp: clamp(1.25rem, 1.1668rem + 0.1735vw, 1.375rem); /*updated for LBC*/
    --sc-h5-clamp: clamp(0.9375rem, 0.9091rem + 0.0758vw, 1rem);
    --sc-h6-clamp: 14px;
    --sc-body-clamp: 16px;
    --sc-body-sm-clamp: 14px;
  
		/* Media query – Tablet */
    @media screen and (max-width: 1024px) {
    --sc-margin: 32px;
		--sc-margin-neg: -32px;
		--sc-margin-half-neg: -16px;
        --sc-gutter: 16px;
        --sc-gutter-neg: -16px;
		--sc-gutter-dbl-neg: -32px;
		--sc-gutter-half-neg: -8px;
    --sc-padding: 12px;
    --sc-padding-neg: -12px;
		--sc-padding-dbl-neg: -24px;
		--sc-padding-half-neg: -6px;
    }
		
   
		/* Media query – Mobile */
    @media screen and (max-width: 767px) {
        --sc-margin: 16px;
				--sc-margin-neg: -16px;
				--sc-margin-half-neg: -8px;
        --sc-gutter: 12px;
        --sc-gutter-neg: -12px;
				--sc-gutter-half-neg: -6px;
				--sc-gutter-half-neg: -6px;
        --sc-padding: 8px;
        --sc-padding-neg: -8px;
				--sc-padding-dbl-neg: -16px;
				--sc-padding-half-neg: -4px;
    }
}

/* table styling */
table, th, td {
		border-collapse: collapse;
    padding: var(--sc-padding-half);
    background-color: #fff !important;
}

tr:hover td {
    background-color: #fff;
}

/* h6 btn style */
h6 a {
    background-color: var(--sc-btn);
    padding: 8px 12px 8px 12px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    border-radius: var(--sc-radius-btn);
    font-family: proxima-nova, sans-serif;

    font-size: var(--sc-body-sm-clamp);
		font-weight: 700;
 		text-transform: Uppercase;
		color: var(--sc-text) !important;
    vertical-align: sub;
    display: inline-block;
    border: solid var(--sc-border-btn);
				margin-top:0px;
				margin-bottom:0px;
}

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

/* blockquote style */
blockquote {
    font-size: var(--sc-h2-clamp);
		font-weight: 400;
		font-family: lato, sans-serif;
    color: var(--sc-primary);
    line-height: 1.5;
    margin-left: 0px;
		margin-right: 0px;
		margin-top:0px;

}

/* This stops svg images changing size when they have a link applied*/
.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(--sc-primary)!important;
	color:var(--sc-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(--sc-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 */

:root {
		/* Class to make Buttons to be full width. must add class to elementor button id - is this still required?????*/
#btn–wide { 
	display:block; 
}
.btn–wide { 
	display:block; 
}

		/* Set paragraph spacing for notices – site wide */
.notice_content p {
		margin-bottom: 10px;
		margin-top: 0px;  !important;
}


		/* spacing after each bullet (remove li for last bullet only) */
ul, ol, li {
		margin-bottom:  18px;
}

		/*  sets left bullet indent */
ul, ol, li {
	  padding-left:20px; 

}	
		
		/* Removes indent from event info meta data */
ul.eo-event-meta{
		margin-left: -20px;
}

/*GRAVITY FORMS CUSTOM STYLES*/

/* Form input and select styles */
select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input {
    display: inline-block;
/*    height: 4.5em !important;*/
    border: 1px solid var(--sc-neutral-dark);
/*    padding: var(--sc-padding-half);*/
    font-size: 15px !important;
    line-height: normal;
    color: var(--sc-text);
    background-color: #ffffff;
    border-radius: var(--sc-radius-box);
}

/* Focus styles for form fields */
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password]:focus,
body .gform_wrapper .gform_body .gform_fields .gfield select:focus,
body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
    border: 1px solid var(--sc-secondary) !important;
    box-shadow: .... !important;
}


/* Form field labels */
body .gform_wrapper .top_label .gfield_label,
body .gform_wrapper .left_label .gfield_label,
body .gform_wrapper .right_label .gfield_label {
    color: var(--sc-text);
    font-size: var(--sc-h5-clamp);
/*    text-transform: uppercase;*/
		font-weight: 500;
}

/* Form field labels in focus */
body .gform_wrapper .gform_body .gform_fields .gfield:focus-within .gfield_label {
    color: var(--sc-primary);
}

/* Row Spacing */
.gform_wrapper.gravity-theme .gform_fields {
    grid-row-gap: var(--sc-gutter) !important;
}

/*Max mega menu, adjust width of last flyout */
		#mega-menu-wrap-max_mega_menu_4 #mega-menu-max_mega_menu_4 > li.mega-menu-flyout:last-child ul.mega-sub-menu {
width: 184px;
}
#btn-alt {
  background-color: var(--sc-primary);
	color: #fff;
				border-color: #fff;
}
#btn-alt:hover {
  background-color: #fff;
	color: var(--sc-accent);
		border-color: #fff;
}		
/* Override bold weight so it displays correctly */
		b,strong {
    font-weight: 700
}

}