/******************************************************************
Theme Name: Simpsons Creative Grid 2022
Description: A responsive theme for WordPress, developed by Simpsons Creative, allowing for development of responsive websites - through the use of a dynamic grid system.
Author: Simpsons Creative
Version: 2022.11.28
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support
******************************************************************/

/* Fonts - Need to be at top of style.css to load correctly */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');*/
@import url("https://use.typekit.net/fvs7ufz.css");


/*
font-family: 'Lato', sans-serif; - BODY COPY
font-family: 'Roboto', sans-serif; - HEADINGS
 */


:root
{
	/* Set up CSS variables
		how to use:
		var(--red)
	*/

--fontFamily:  'gill-sans-nova','Lato', Arial, Helvetica, sans-serif;
/*theme colours*/
	--primary: #01AFF0;
	--blue: #01AFF0;
	--secondary: #808080;
	--darkGrey: #808080;
	--tertiary: #C1C1C1;
	--lightGrey: #C1C1C1;

	--blueTrans: rgba(1,175,240,0.7);

 	--white: #FFFFFF;
	--whiteTrans: rgba(255, 255, 255, 0.9);
	--black: #000000;
	--blackTrans: rgba(51, 51, 51, 0.76);

/*Theme font sizes

	how to use:
	var(--fs-h1)
	==clamp (min value, ideal, max value)
*/
	--fs-h1: clamp(35px, 3vw, 40px);			/*var(--fs-h1)*/
 	--fs-h2: clamp(25px, 3vw, 30px);			/*var(--fs-h2)*/
 	--fs-h3: clamp(20px, 3vw, 24px);			/*var(--fs-h3)*/
 	--fs-h4: clamp(18px, 3vw, 22px);			/*var(--fs-h4)*/
 	--fs-h5: clamp(16px, 3vw, 20px);			/*var(--fs-h5)*/
 	--fs-h6: clamp(14px, 3vw, 18px);			/*var(--fs-h6)*/
 	--fs-normal: clamp(16px, 3vw, 18px);		/*default var(--fs-normal)*/
 	--fs-small: clamp(14px, 3vw, 16px);			/*default var(--fs-small)*/
 	--fs-fine: clamp(12px, 3vw, 14px);			/*default var(--fs-fine)*/
 	--fs-button: clamp(16px, 3vw, 24px);		/*default var(--fs-button)*/
 }

/*Theme font sizes responsive*/
@media (max-width: 1280px)
{
	:root {
		 	/*--fs-h1: 20px;*/ /* can overwrite clamp values with media queries here, if needed*/
 	}
}


/* Site Structure */

html { font-size:62.5%; /**** 1rem now = 10px;/****/ }
body
{
	font-family: var(--fontFamily);
	font-size: calc(12px + 0.5vw); /* Responsive base font size */
}

/* Website Maximum Width - Default: 1920px */
.site-width { max-width: 1920px; }

/*Website Inner Width - Default: 1280px*/
.inner-width { max-width: 1080px; }

/*Tablet Width */
.tablet-width { max-width: 1029px; margin-left: auto; margin-right: auto; }

/*Post Maximum Width - Default: 960px*/
.post-width, .single-post article.post, body.single article { max-width: 960px; margin-left: auto; margin-right: auto; }

/*Mobile Width */
.mobile-width { max-width: 767px; margin-left: auto; margin-right: auto; }

/*Header*/

/*Footer*/
#footer { background-color: pink; }
.inner-footer { background-color: purple; }

.right { float: right; }


/*==================== Standards ====================*/
	/* 'Standards' contains all of the code that you're likely to change - font sizes, colors, buttons, etc. */
	* { 	font-family: var(--fontFamily);}

	/*Text*/
	h1, h2, h3, h4, h5, h6, p { margin: 0 0 5px 0; color: var(--black); }
	h1, h2, h3, h4, h5, h6 { font-family: var(--fontFamily); font-style: normal; }
	h1, h2, h3, h4 { font-weight: bold; }

	a { color: #00A5DD; text-decoration: none; }
	a:hover { color: #00A5DD; opacity: 0.7; }
	a:visited { color: #0095C7; }
	h1 { font-size: var(--fs-h1); }
	h2 { font-size: var(--fs-h2); padding-bottom: 0.25em; }
	h3 { font-size: var(--fs-h3); padding-bottom: 0.25em; }
	h4 { font-size: var(--fs-h4); }
	h5 { font-size: var(--fs-h5); }
	h6 { font-size: var(--fs-h6); }
	p, #content li { font-family: var(--fontFamily); font-size: var(--fs-normal); line-height: 1.4em; padding-bottom: 1em; }
	em { font-style: italic; }

	#content { clear: both; }

	/* Lists */
	#content ul, #content ol { margin-left: 0; margin-bottom: 0; }
	#content li { margin-left: 1em; padding-bottom: 0.5em; margin-bottom: 5px; }
	#content li::marker { float: left; }
	ul.twoColumns, ol.twoColumns, div.twoColumns { column-count: 2; }

	/*Bullet Points/Numbered Lists*/
	.entry-content ul > li { list-style-type: disc; padding-bottom: 5px; }
	.entry-content ol > li { list-style-type: decimal; padding-bottom: 5px; }
	.entry-content ul li ul { padding-top: 1em; margin-top: 5px; }

	/*Gallery Fix*/
	#content ul.blocks-gallery-grid { margin-left: unset; }
	#content .blocks-gallery-grid li.blocks-gallery-item { margin-bottom: 1em; }
	#content .wp-block-gallery li { margin-left: unset; padding-bottom: unset; }
	/*Gallery Caption*/
	.wp-caption-text, .gallery-caption { text-align: center; }
	.wp-block-gallery figcaption { line-height: normal; text-align: center; }

	/*Gutenberg Images & Gallery*/
	.wp-block-image { padding-bottom: 1em; margin-bottom: 5px; }
	.wp-block-image:last-child { padding-bottom: 0; margin-bottom: 0; }
	.wp-block-gallery { padding-bottom: 1em; margin-bottom: 5px; }
	.wp-block-gallery:last-child { padding-bottom: 0; margin-bottom: 0; }
	.wp-block-gallery .wp-block-image { padding-bottom: unset; margin-bottom: unset; }




/*==================== Header ====================*/
	#header { background-color: var(--white); display: flex; justify-content: center; position: relative; padding: 25px 5%; }
	.inner-header { display: flex; float: unset; justify-content: center; width: 100%; max-width: 1080px; align-items: center; }

	.logo-container {}
	#logoLink { width: 100%; display: block; float: left;    }
	#logo {}
	#logoLink #mobileLogo { display: none; }


	/**/
	.logo-container { margin: 0 auto; flex-grow: 1;  }

	#logoLink { float: none;  max-width: 300px; margin: 0 auto; }
	p.tagline {text-align: center;}
	/**/

	/*#magLogo { position:absolute; top: 25px; right: 20px; width: 12vw; }*/
	#magLogo { width: 8vw; min-width: 150px; max-width: 300px; height: auto; position: absolute; top: 50%; right: 40px; transform: translate(0%, -50%); }

	p.tagline { color: var(--secondary); /*font-size: 25.35px;*/ font-size: 20px; display: block; float: left; width: 100%; padding-bottom: 0; margin-bottom: 0; }

	.navArea { background-color: var(--primary); display: block; clear: both; }

	.fullpage-container { min-height: 100vh; flex-direction: column; }
	.header-container { width: 100%; float: left; margin-bottom: 15px; }

	.featured-image { margin-bottom: 15px; }


	/* Featured Area - ACF */
	.featuredArea { align-items: center; background-position: 50%; box-sizing: border-box; display: flex; justify-content: center; min-height: 430px; overflow: hidden; overflow: clip; padding: 1em; position: relative }
	.featuredArea .overlay { bottom: 0; left: 0; opacity: 0.5; position: absolute; right: 0; top: 0 }
	.featuredArea video.video-background { border: none; bottom: 0; box-shadow: none; height: 100%; left: 0; margin: 0; max-height: none; max-width: none; object-fit: cover; outline: none; padding: 0; position: absolute; right: 0; top: 0; width: 100% }
	.featuredArea .featuredArea-inner-container { z-index: 1; }

	.featuredArea { background-color: transparent; width: 100%; flex-wrap: wrap; align-content: flex-end; position: relative; clear: both; padding: 0; border-bottom: 0; margin-bottom: 0;

		min-height: unset;
		flex-grow: 1;

	  }

	.featuredArea::before { background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.5) 100%) !important; mix-blend-mode: multiply; content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; }

	.featuredArea .featuredImage { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-position: top; background-size: cover; background-repeat: no-repeat; }

	.featuredArea.fixed .featuredImage { position: fixed; z-index: -1; }
	.featuredArea.fixed video { position: fixed !important; z-index: -1; }

	.featuredArea .featuredBox { text-align: center; justify-content: center; max-width: 1080px; position: relative; padding: 30px 30px 0px 30px; z-index: 999; }
  	.featuredArea .featuredBox h1, .featuredArea .featuredBox h2 { color: #fff; font-size: var(--fs-h1); font-weight: bold; text-align: center; padding-bottom: 0.25em; }
  	.featuredArea .featuredBox p { color: #fff; }
  	.featuredArea .featuredBox .buttons { justify-content: center; gap: 1em; }

  	.featuredArea #chevron { display: flex; width: 100%; flex-basis: 100%; justify-content: center; position: relative; padding-top: 30px; padding-bottom: 30px; z-index: 999; }
  	.featuredArea #chevron img { width: 4vw; min-width: 50px; max-width: 80px; float: left; }


  	.cc-color-override--1739035256.cc-window { border: 1px solid var(--secondary); border-radius: 15px; }


/*==================== Nav ====================*/
	.nav {  background: none; width: 100%; }
	.nav ul#menu-main-menu { background: none; display: flex; justify-content: center; /*column-gap: 30px;*/ padding: 0 20px; }
	.nav li a { color: var(--white); /*padding: 0.5em 5px;*/ padding: 0.5em 20px; }
	.nav li a:hover, .nav li a:focus { text-decoration: none; opacity: 0.7; }
	/*.nav li:last-of-type a { padding-right: 0px; }*/

	.nav li ul.sub-menu, .nav li ul.children { flex-direction: column; border: none; left: 0; }
	.nav li ul.sub-menu li, .nav li ul.children li { width: 100%; }
	.nav li ul.sub-menu li a, .nav li ul.children li a { background-color: var(--primary); width: 100%; white-space: nowrap; padding-left: 0.75em; padding-right: 0.75em; border-bottom: 1px solid #fff; }
	.nav li ul.sub-menu li:first-child a, .nav li ul.children li:first-child a { border-top: 1px solid #fff; }

	.current-menu-ancestor,
	.current-menu-item > a { background-color: #808080!important; }



	/* Responsive Menu - !!! REPLACE 444 WITH NEWLY CREATED MENU ID (ALSO IN HEADER.PHP) !!! */
	#rmp_menu_trigger-51 { background: var(--primary); position: static; float: right; margin-left: 20px; }
	#rmp_menu_trigger-51.is-active { background: var(--secondary); }
	#rmp_menu_trigger-51:hover, #rmp_menu_trigger-51:focus { background: var(--primary); }

	#rmp-container-51 { background-color: var(--primary); min-width: unset; }
	.rmp-menu-open { -webkit-box-shadow: 1px 1px 10px -2px #000; box-shadow: 1px 1px 10px -2px #000; }

	#rmp-menu-wrap-51 .rmp-menu-item-link { background-color: transparent !important; font-size: 18px; border-color: transparent !important; }
	#rmp-menu-wrap-51 .rmp-submenu .rmp-menu-item-link { font-size: 16px; font-weight: normal; }

	/* Current Menu Item */
	#rmp-menu-wrap-51 .rmp-menu-current-item > a.rmp-menu-item-link { font-weight: bold; }
	#rmp-menu-wrap-51 .rmp-menu-item-current-ancestor > a.rmp-menu-item-link { font-weight: bold; }
	#rmp-menu-wrap-51 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link { font-weight: bold; }

	/* Menu Item Hover */
	#rmp-menu-wrap-51 .rmp-menu-item-current-ancestor > a.rmp-menu-item-link:hover { color: #fff; }
	#rmp-menu-wrap-51 .rmp-menu-item-link:hover { background-color: var(--secondary) !important; text-decoration: none; }
	#rmp-menu-wrap-51 .rmp-menu-current-item > a.rmp-menu-item-link:hover { color: #fff !important; }

	/* Additional Content */
	.rmp-menu-additional-content { float: left; }
	.rmp-menu-additional-content .social-icons { width: 100%; float: left; padding: 20px 0px; }
	.rmp-menu-additional-content .social-icons a { color: #fff; font-size: 30px; margin-right: 15px; }
	.rmp-menu-additional-content .social-icons a:hover { color: var(--secondary); }

	/* Hide/Show Main Menu & Responsive Menu */
	#rmp_menu_trigger-51 { display: none; }

	@media(max-width: 1029px)
	{
		#rmp_menu_trigger-51 { display: block; }
		#menu-main-menu { display: none!important; }
	}



/*==================== Body ====================*/
	.wp-block-image figcaption { color: #888888; margin-bottom: 30px; }
	.wp-block-image.size-full figcaption { text-align: center; color: #fff; margin-bottom: 10px; }
	.article-header { /*margin-top: 15px;*/ margin-bottom: 15px; }
	.article-header h1 { color: var(--blue); text-align: center; padding-bottom: 0; margin-bottom: 10px; }
	.article-header img { padding-bottom: 1.5em; }

	.wp-block-columns { margin-bottom: 1.75em; }

	/* Headings Spacing */
	#content p + .wp-block-columns h2:first-of-type, #content p + h2, #content ul + h2, #content ol + h2, #content p + .wp-block-columns h3:first-of-type, #content p + h3, #content ul + h3, #content ol + h3, #content p + .wp-block-columns h4:first-of-type, #content p + h4, #content ul + h4, #content ol + h4, #content p + .wp-block-columns h5:first-of-type, #content p + h5, #content ul + h5, #content ol + h5 { margin-top: 1em; }

	.wp-block-pb-accordion-item + h2, .wp-block-pb-accordion-item + h3, .wp-block-pb-accordion-item + h4, .wp-block-pb-accordion-item + h5 { margin-top: 1.75em; }


	/* Element Padding */
	.pad-top { padding-top: 5%; }
	.pad-bottom { padding-bottom: 5%; }
	.pad-top-bottom { padding-top: 5%; padding-bottom: 5%; }
	.pad-left { padding-left: 5%; }
	.pad-right { padding-right: 5%; }
	.pad-left-right, .pad-default { padding-left: 5%; padding-right: 5%; }
	.pad-all { padding: 5%; }


	/* Colour Overlays */
	.blackOverlay { background-color: rgba(0,0,0,0.5); width: 100%; height: 100%; display: block; position: absolute; top: 0px; z-index: 1; }
	.overlay.whiteTrans { background-color: var(--whiteTrans); }
	.overlay.blackTrans { background-color: var(--blackTrans); }
	.overlay.blackGradient { background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 60%, rgba(0,0,0,0.5) 100%); mix-blend-mode: multiply; }
	.overlay.blueTrans { background-color: var(--blueTrans); }



	/* Buttons */
	a.button, #content a.button, a.wp-block-button__link, a.button.primary, #content a.button.primary, .wp-block-button.primary a.wp-block-button__link { background-color: var(--primary); color: #fff; border-color: var(--primary); }
	a.button.secondary, #content a.button.secondary, .wp-block-button.secondary a.wp-block-button__link { background-color: var(--secondary); color: #fff; border-color: var(--secondary); }
	a.button.tertiary, #content a.button.tertiary, .wp-block-button.tertiary a.wp-block-button__link { background-color: var(--tertiary); color: #000; border-color: var(--tertiary); }
	a.button.black, #content a.button.black,  .wp-block-button.black a.wp-block-button__link { background-color: var(--black); color: #fff; border-color: var(--black); }
	a.button.white, #content a.button.white, .wp-block-button.white a.wp-block-button__link { background-color: #fff; color: #000; border-color: #fff; }
	a.button.transparent, #content a.button.transparent, .wp-block-button.transparent a.wp-block-button__link { background-color: transparent; color: #fff; border-color: #fff; }
	a.button.outline, #content a.button.outline, .wp-block-button.outline a.wp-block-button__link { background-color: transparent; color: var(--primary); border-color: var(--primary); }
	a.button.large, #content a.button.large, .wp-block-button.large a.wp-block-button__link { font-size: var(--fs-button); font-weight: normal; padding: 15px 40px; }

	/*Buttons Hover*/
	a.button:hover, #content a.button:hover, a.wp-block-button__link:hover, a.button.primary:hover, #content a.button.primary:hover, .wp-block-button.primary a.wp-block-button__link:hover { background-color: transparent; color: var(--primary); text-decoration: none; border-color: var(--primary); }
	a.button.secondary:hover, #content a.button.secondary:hover, .wp-block-button.secondary a.wp-block-button__link:hover { background-color: transparent; color: var(--secondary); text-decoration: none; border-color: var(--secondary); }
	a.button.tertiary:hover, #content a.button.tertiary:hover, .wp-block-button.tertiary a.wp-block-button__link:hover { background-color: transparent; color: var(--tertiary); text-decoration: none; border-color: var(--tertiary); }
	a.button.black:hover, #content a.button.black:hover, .wp-block-button.black a.wp-block-button__link:hover { background-color: transparent; color: var(--black); border-color: var(--black); }
	a.button.white:hover, #content a.button.white:hover, .wp-block-button.white a.wp-block-button__link:hover { background-color: transparent; color: #fff; border-color: #fff; }
	a.button.transparent:hover, #content a.button.transparent:hover, .wp-block-button.transparent a.wp-block-button__link:hover { background-color: transparent; color: #fff; border-color: #fff; opacity: 0.4; }
	a.button.outline:hover, #content a.button.outline:hover, .wp-block-button.outline a.wp-block-button__link:hover { opacity: 0.4; }


	/* Icons */
	.chevron img { width: 4vw; min-width: 50px; max-width: 80px; height: auto; }
	.fiftyFiftyText .stacc-icon { width: 40%; height: auto; opacity: 15%; }


/*==================== Blocks ====================*/

	/* ----- Accordion Block ----- */
	.c-accordion__title, .inner-content .c-accordion__title { background-color: var(--primary); }


	/* ----- CTA Block ----- */
	.ctaBlock { background-color: var(--primary); background-position: center; background-repeat: no-repeat; background-size: cover; color: #fff; flex-direction: column; flex-flow: column; justify-content: center; align-items: center; clear: both; position: relative; height: 100%; padding: 20px; margin-bottom: 15px; }
	.ctaBlock:hover { background-color: var(--secondary); opacity: 0.7; }

	.ctaBlock * { z-index: 2; }
	.ctaBlock .overlay { width: 100%; height: 100%; display: block; position: absolute; top: 0px; z-index: 1; mix-blend-mode: multiply; }

	.ctaBlock a.ctaLink { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3; }

	/* CTA Block - Background Colour */
	.ctaBlock.primary { background-color: var(--primary); }
	.ctaBlock.secondary { background-color: var(--secondary); }
	.ctaBlock.white { background-color: #fff; }
	.ctaBlock.black { background-color: #000; }
	.ctaBlock.whiteTrans { background-color: var(--whiteTrans); }
	.ctaBlock.blackTrans { background-color: var(--blackTrans); }


	.ctaBlock h3 { text-align: center; }


	/* ----- Columns Block ----- */
	.columnsBlock { gap: 15px; }
	.columnsBlock > div { margin-bottom: 0; }

	.columns-1 > div { width: 100%; flex-basis: 100%; }
	.columns-2 > div { width: calc(50% - 7.5px); flex-basis: calc(50% - 7.5px); }
	.columns-3 > div { width: calc(33.3333333333% - 10px); flex-basis: calc(33.3333333333% - 10px); }
	.columns-4 > div { width: calc(25% - 11.25px); flex-basis: calc(25% - 11.25px); }
	.columns-5 > div { width: calc(20% - 12px); flex-basis: calc(20% - 12px); }
	.columns-6 > div { width: calc(16.6666666667% - 12.5px); flex-basis: calc(16.6666666667% - 12.5px); }
	.columns-7 > div { width: calc(14.2857% - 12.85714285714286px); flex-basis: calc(14.2857% - 12.85714285714286px); }
	.columns-8 > div { width: calc(12.5% - 13.125px); flex-basis: calc(12.5% - 13.125px); }
	.columns-9 > div { width: calc(11.1111% - 16px); flex-basis: calc(11.1111% - 16px); }
	.columns-10 > div { width: calc(10% - 13.5px); flex-basis: calc(10% - 13.5px); }
	.columns-11 > div { width: calc(9.0909% - 13.63636363636364px); flex-basis: calc(9.0909% - 13.63636363636364px); }
	.columns-12 > div { width: calc(8.33333333333% - 13.75px); flex-basis: calc(8.33333333333% - 13.75px); }


	@media (max-width: 1029px)
	{
		/*Tablet*/
		.columns-6 > div, .columns-9 > div, .columns-12 > div { width: calc(33.3333333333% - 10px); flex-basis: calc(33.3333333333% - 10px); }
		.columns-8 > div { width: calc(25% - 11.25px); flex-basis: calc(25% - 11.25px); }
		.columns-4 > div { width: calc(50% - 7.5px); flex-basis: calc(50% - 7.5px); }
	}

	@media (max-width: 781px)
	{
		/*Wordpress Tablet*/
		.columns-6 > div, .columns-8 > div, .columns-10 > div, .columns-12 > div { width: calc(50% - 7.5px); flex-basis: calc(50% - 7.5px); }
		.columnsBlock .ctaBlock { width: calc(50% - 7.5px); flex-basis: calc(50% - 7.5px); }
	}

	@media (max-width: 600px)
	{
		/*WordPress Mobile*/
		.columnsBlock > div, .columnsBlock .ctaBlock { width: 100%; flex-basis: 100%; }
		.ctaBlock .ctaIcon img.icon { height: 60px; width: auto; }
		.ctaBlock .ctaContent h3 { font-size: var(--fs-h3); }
	}

	@media (max-width: 480px)
	{
		/*Mobile*/
		.ctaBlock .ctaIcon img.icon { height: 40px; width: auto; }
	}


/*==================== Default Template/Inner Width Pages ====================*/
	body.page-template-default .featured-image { display: flex; justify-content: center; line-height: 0; }
	body.page-template-default .featured-image .image { max-width: 1080px; aspect-ratio: 21/9; }
	body.page-template-default .featured-image .image img { height: 100%; object-fit: cover; }



/*==================== Home Page ====================*/
	body.home .featuredArea { min-height: 600px; /*margin-bottom: 15px;*/ }
	body.home .header-container { margin-bottom: 0; }
	body.home .fullpage-container { margin-bottom: 15px; }
	body.home .fiftyFiftyBlock { margin-bottom: 15px; }
	body.home .footerCTA { margin-top: 0; }


/*==================== Resources Page ====================*/
	body.page-id-16	div.twoColumns h4 { break-after: avoid-column; }


/*==================== Blog/News Page ====================*/
	body.blog .blog-grid { margin-bottom: 15px; }

	/* Featured Image - Different Aspect Ratios Fix */
	.post-image-container { position: relative; padding-top: 66.66%; margin-bottom: 20px; }
	.post-image-container a { position: absolute; height: 100%; width: 100%; line-height: 0; top: 0; left: 0; }
	.post-image-container img, .main .post-image-container img { width: 100%; height: 100%; object-fit: cover; }

	/* Featured Image Aspect Ratio - Edit padding-top to change ratio - Default 3:2 Aspect Ratio (divide 2 by 3 = 0.6666) */
	.post-image-container { padding-top: 66.66%; }

	/*Single Post*/
	body.single-post article.post { max-width: 1080px; }
	body.single-post .post-image img { padding-bottom: 0; }
	body.single-post .article-header h1 { text-align: center; }
	body.single-post p.byline.entry-meta { color: #000; text-align: center; }


/*==================== Contact Us Page ====================*/

	/* Ninja Form */
	.nf-before-form-content { display: none; }
	.ninja-forms-req-symbol { display: none; }

	.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field { font-size: 16px; margin: 0; padding: 12px; }
	.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea { background: #f7f7f7; border: 1px solid #c4c4c4; border-radius: 0; box-shadow: none; color: #787878; transition: all .5s; }
  	.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] { background-color: var(--primary); color: #fff; font-size: 18px; font-weight: bold; width: fit-content; min-width: 210px; padding: 15px 20px; border: 1px solid var(--primary); border-radius: 3px; transition: all .5s; }
  	.nf-form-content button:hover, .nf-form-content input[type=button]:hover, .nf-form-content input[type=submit]:hover { background: transparent; color: var(--primary); border: 1px solid var(--primary); transition: all .5s; }


/*==================== Meetings ====================*/

	/* Single Meetings Post */
	body.single-meetings header.article-header { margin-bottom: 15px; }
	body.single-meetings .meetingDetails { display: flex; justify-content: center; column-gap: 1em; }
	body.single-meetings .meetingDetails p { padding-bottom: 0; }
	body.single-meetings h1.page-title { color: var(--blue); text-align: center; }
	body.single-meetings article.meetings { max-width: 1080px; }

	body.single-meetings .entry-content ul li { list-style-type: none; border-bottom: 2px solid var(--blue); }


	/* Meetings Block - ACF */
	.meetingsBlock { margin-bottom: 1.75em; }
	.meetingsBlock .meetings { gap: 15px; }
	.meetingsBlock .meetings .meeting-item { background-color: var(--blue); display: flex; width: calc(33.3333333333% - 10px); flex-basis: calc(33.3333333333% - 10px); min-height: 150px; flex-grow: 1; position: relative; }
	.meetingsBlock .meetings .meeting-item:hover { background-color: var(--lightGrey); }

	.meetingsBlock .meetings .meeting-item .post-wrap { padding: 20px; }
	.meetingsBlock .meetings .meeting-item .meetingLink { position: absolute; width: 100%; height: 100%; }

	.meetingsBlock.upcoming_meetings .meetings .meeting-item:first-child { width: 100%; flex-basis: 100%; }
	.meetingsBlock.upcoming_meetings .meetings .meeting-item:first-child h4.post-title::before { font-size: var(--fs-h2); content: "Next STACC Meeting"; float: left; width: 100%; margin-bottom: 10px; }


	.meetingsBlock .meetings .meeting-item p { font-size: var(--fs-small); line-height: 1.2em; padding-bottom: 0; margin-bottom: 0; }
	.meetingsBlock .meetings .meeting-item * { color: #fff; }
	.meetingsBlock .meetings a.button.view-all, #content .meetingsBlock .meetings a.button.view-all { font-weight: 500; width: 100%; border-radius: 0px !important; margin-bottom: 0; }
	.meetingsBlock .meetings .chevron { width: 100%; text-align: center; }


	/* Next Meeting Shortcode */
	.nextMeeting { background-color: var(--blue); position: relative; z-index: 999; }
	.nextMeeting:hover { background-color: var(--lightGrey); }
	.nextMeeting .meeting-item { width: 100%; }
	.nextMeeting .meeting-item .post-wrap { justify-content: center; column-gap: 1em; padding: 20px; }
	.nextMeeting .meetingLink { position: absolute; width: 100%; height: 100%; }
	.nextMeeting * { color: #fff; }
	.nextMeeting h2 { width: 100%; flex-basis: 100%; text-align: center; }
	.nextMeeting p { padding-bottom: 0; }


/*==================== Members Area ====================*/
	article.members-only { text-align: center; min-height: 400px; flex-direction: column; justify-content: center; }
	article.members-only .buttons, .buttons.logout { justify-content: center; gap: 1em; }
	article.members-only .buttons a.button { margin-bottom: 0 !important; }
	article.members-only .buttons.logout { margin-top: 30px; margin-bottom: 30px; }
	.members-menu { justify-content: center; margin-bottom: 15px; }


/*==================== Footer ====================*/
	#footer { background-color: var(--white); padding: 25px 5%; }
	.inner-footer { background-color: transparent; }
	#footer .logo-container { margin-bottom: 10px; }
	#footer .logo-container img {  max-width: 400px; margin: 0 auto; }

	.footerCTA { background-color: var(--lightGrey); text-align: center; width: 100%; float: left; clear: both; padding: 10px 5%; margin-top: 15px; }
	.footerCTA p { font-size: var(--fs-h3); font-weight: bold; padding-bottom: 0; }
	.footerCTA a { font-size: var(--fs-h2); font-weight: bold; }

	.footerLinks { display: flex; justify-content: center; gap: 2em; }
	.footerLinks li a { color: var(--darkGrey); line-height: normal; font-size: 12px; }



/*==================== Media Queries ====================*/
 	@media (min-width: 1601px)
	{
		/*#header .logo-container { width: 100%; }*/
	}
 	@media (max-width: 1600px)
	{
		/*.inner-header { max-width: unset; justify-content: space-between; column-gap: 2em; }
		p.tagline { font-size: var(--fs-normal); }
		#magLogo { position: static; transform: unset; }*/
	}
 	@media (max-width: 1440px)
	{

	}
 	@media (max-width: 1280px)
	{
		/*Small Desktop*/
 	}
	@media (max-width: 1029px)
	{
		/*Tablet*/
		#header { flex-direction: column; border-bottom: 20px solid var(--primary); }
		body.blog #header, body.single-post #header { margin-bottom: 15px; }
		.inner-header { flex-direction: column; order: 2; }
		#header .logo-container { order: 2; margin-top: 20px; }
		.header-right { width: 100%; justify-content: space-between; margin-top: 0; }
		#magLogo { position: static; transform: unset; }
		#rmp_menu_trigger-51 { align-self: flex-end; margin-top: 0px !important; }
		.featured-image { margin-top: -15px; }
		/*.article-header { margin-top: 0; }*/
 	}
	@media (max-width: 960px)
	{
		/*Single Post Width*/
		#header #logo {display: none;}
		#header #logoLink #mobileLogo {display: unset;}

		#header .logo-container { width: 75%; flex-direction: column; }
		p.tagline { text-align: center; }
 	}
	@media (max-width: 767px)
	{
		/*Mobile*/
		.meetingsBlock .meetings .meeting-item { width: calc(50% - 7.5px); flex-basis: calc(50% - 7.5px); }
		body.single-meetings .meetingDetails { flex-direction: column; align-items: center; }
 	}
	@media (max-width: 480px)
	{
		/*Small Mobile*/
		#header .logo-container { width: 100%; }
		body.page-id-16	div.twoColumns { column-count: 1; }
		.footerLinks { text-align: center; display: flex; flex-wrap: wrap; column-gap: unset; row-gap: 0.5em; }
		.footerLinks li { flex-basis: 50%; }
 	}