/* MASTER SITE CSS - START */
: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: #1B4C24;
--sc-secondary: #212D38;	
--sc-text: #2D3840;		
--sc-primary-light: #0D7711;
--sc-red: #B3101D;
--sc-btn: var(--sc-primary);
--sc-btn-hover: var(--sc-secondary);
--sc-neutral-light: #E9EDF0;
--sc-neutral-dark: #BABABD;
--sc-accent: #90BF87;
				
    /* design varables */
--sc-radius-btn: 0px;
--sc-radius-box: 0px;
--sc-border-width: 1px;
--sc-border-accent: 4px;
		--sc-border-btn: 0px;
--sc-shaddow: 4px;
		
    /* global font size variables */
--sc-h1-clamp: clamp(2.375rem, 1.6364rem + 1.9697vw, 4rem);
--sc-h2-clamp: clamp(1.875rem, 0.9555rem + 1.4368vw, 2.5rem);
--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: var(--sc-body-sm-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-margin-neg: -32px;
        --sc-gutter: 16px;
					--sc-gutter-dbl-neg: -32px;
        	--sc-gutter-neg: -16px;
					--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-gutter: 12px;
        		--sc-gutter-neg: -12px;
						--sc-gutter-dbl-neg: -24px;
						--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 {
		/*font-size: var(--sc-body-clamp);*/
		border-collapse: collapse;
    padding: var(--sc-padding-half) !important;
    background-color: inherit !important;
}
tr:hover td {
	background-color:  none !important;
}


/* h6 btn style */
h6 a {
    background-color: var(--sc-btn);
    padding: 10.4px 12px 10.4px 12px; /* these strange values are to try make it match the elementor button size that uses the button padding variable. */
    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-h3-clamp);
	font-weight: 300;
	/*font-style: italic;
	text-transform: uppercase;*/
	color: var(--sc-primary-light);
  line-height: 1.5;
  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: var(--sc-neutral-light);
    --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(--sc-primary)!important;
	font-size: 21px;
}
.social-icons .elementor-icon-list-text .spacific-social-icon i:hover {
	color: #fff!important;
}
.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-icon-list-text .spacific-social-icon:hover {
	background: var(--sc-secondary);
}
.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 */
/* site specific CSS*/
:root {
		/* button variation classes/id? */
#btn-white {
  background-color: #fff;
	color: var(--sc-primary);
}
#btn-white:hover {
  background-color: var(--sc-primary-light);
	color: #fff;
}

#btn-alt {
  background-color: var(--sc-primary-light);
	color: #fff;
}
#btn-alt:hover {
  background-color: var(--sc-primary);
	color: #fff;
}
		
		/* NOT NEEDED NOW THERE IS A STRETCH OPTION???
		 * Class to make Buttons to be full width. must add class to elementor button id and under advanced, change width to 100% 
#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;
}
.notice_date {
		margin-bottom: 100px; !important;
		margin-top: 0px;  !important;
}
		
		/* Set paragraph spacing for events – site wide */
.event_content p {
		margin-bottom: 10px;
		margin-top: 0px;  !important;
}

/* spacing after last bullet */
ul, ol {
		margin-bottom:  20px;
}

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


		


		
}