/******************************************************************
Theme Name: Simpsons Creative Grid 2021.10
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: 2021.10
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://fonts.googleapis.com/css2?family=Varela+Round&display=swap');

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


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

/*theme colours*/
	--green: #006633;
	--primary: #006633;
	--orange: #F29100;
	--secondary: #F29100;
	--grey: #707070;
	--lightGrey: #F5F5F5;
	--white: #FFFFFF;
	--black: #000000;
	--blackTrans: rgba(51, 51, 51, 0.76);
 }


/* Site Structure */
body
{
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	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: 1280px; }

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

/*Post Maximum Width - Default: 960px*/
.post-width, .single-post article.post { 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: 'Roboto', Arial, Helvetica, sans-serif; }

	/*Text*/
	h1, h2, h3, h4, h5, h6, p { margin: 0 0 5px 0; color: #000; }
	h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-style: normal; }

	a { color: var(--orange); text-decoration: none; }
	a:hover { color: var(--orange); text-decoration: none; }
	a:visited { color: var(--orange); }
	h1 { font-size: 1.912em; }
	h2 { font-size: 1.616em; padding-bottom: 0.5em; }
	h3 { font-size: 1.3em; padding-bottom: 0.5em; }
	h4 { font-size: 1.1em; }
	h5 { font-size: 1em; }
	h6 { font-size: 0.8em; }
	p, #content li { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1.4em; padding-bottom: 1em; }
	em { font-style: italic; }

	#content { clear: both; }
	#content ul, #content ol { margin-left: 0; margin-bottom: 0; }
	#content li { margin-left: 1em; padding-bottom: 1em; margin-bottom: 5px; }
	#content li::marker { color: var(--orange); float: left; }


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

	/*Bullet Points/Numbered Lists*/
	.entry-content ul > li { list-style-type: disc; color: #000; 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; }
	.entry-content ul li ul li::marker, #content .entry-content ul li ul li::marker { color: var(--green); }

/*==================== Header ====================*/
	.header { padding: 15px 5%; }
	.inner-header { float: unset; display: flex; justify-content: space-between; width: 100%; }
	.logoArea a { float: left; }
	.logoArea img {width: 250px;   height: auto;}
	.navArea { display: flex; flex-direction: column; justify-content: space-between; }

	.header .details { display: flex; justify-content: flex-end; align-items: center; }
	.header .details .contact { display: flex; flex-direction: column; }
	.header .details .contact a { font-weight: bold; width: fit-content; align-self: flex-end; }
	.header .details .contact a#phone { color: var(--orange); font-family: 'Varela Round', 'Roboto', Arial, Helvetica, sans-serif; font-size: 1.2em; margin-bottom: 10px; }
	.header .details .contact a#email { color: var(--green); font-size: 0.9em; }

	.header .details .social a { color: var(--green); font-size: 65px; margin-left: 10px; }
	.header .details a:hover { opacity: 0.7; }


/*==================== Nav ====================*/
	.nav { float: right; background: none;  }
	.nav ul { background: none; display: flex; align-items: center; }
	.nav li a { color: var(--orange); font-family: 'Varela Round', 'Roboto', Arial, Helvetica, sans-serif; font-weight: bold; padding-bottom: 5px; }
	.nav li.menu-item-73 a, .nav li.menu-item-79 a { color: var(--green); }
	.nav li.menu-item-73 a:hover, .nav li.menu-item-73 a:focus, .nav li.menu-item-79 a:hover, .nav li.menu-item-79 a:focus { color: var(--green); opacity: 0.7; }
	.nav li a:hover, .nav li a:focus { color: var(--orange); 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; }
	.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: #fff; width: 100%; white-space: nowrap; padding: 0.75em; }



	/* Responsive Menu - !!! REPLACE 444 WITH NEWLY CREATED MENU ID (ALSO IN HEADER.PHP) !!! */

	/* Button/Trigger Background */
	#rmp_menu_trigger-61 { background: transparent; position: static; float: right; margin-left: 20px; }
	#rmp_menu_trigger-61.is-active { background: transparent; }
	#rmp_menu_trigger-61:hover, #rmp_menu_trigger-61:focus { background: transparent; }

	/* Button/Trigger Burger Icon */
	#rmp_menu_trigger-61 .responsive-menu-pro-inner, #rmp_menu_trigger-61 .responsive-menu-pro-inner::before, #rmp_menu_trigger-61 .responsive-menu-pro-inner::after { background-color: var(--green); }
	#rmp_menu_trigger-61:hover .responsive-menu-pro-inner, #rmp_menu_trigger-61:hover .responsive-menu-pro-inner::before, #rmp_menu_trigger-61:hover .responsive-menu-pro-inner::after, #rmp_menu_trigger-61.is-active .responsive-menu-pro-inner, #rmp_menu_trigger-61.is-active .responsive-menu-pro-inner::before, #rmp_menu_trigger-61.is-active .responsive-menu-pro-inner::after { background-color: var(--green); }

	/* Menu Container */
	#rmp-container-61 { background-color: var(--green); min-width: unset; }
	.rmp-menu-open { -webkit-box-shadow: 1px 1px 10px -2px #000; box-shadow: 1px 1px 10px -2px #000; }

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

	/* Current Menu Item */
	#rmp-menu-wrap-61 .rmp-menu-current-item > a.rmp-menu-item-link { color: var(--orange); font-weight: bold; }
	#rmp-menu-wrap-61 .rmp-menu-item-current-ancestor > a.rmp-menu-item-link { color: var(--orange); font-weight: bold; }
	#rmp-menu-wrap-61 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link { color: var(--orange); font-weight: bold; }

	/* Menu Item Hover */
	#rmp-menu-wrap-61 .rmp-menu-item-current-ancestor > a.rmp-menu-item-link:hover { color: #fff; }
	#rmp-menu-wrap-61 .rmp-menu-item-link:hover { background-color: var(--orange) !important; text-decoration: none; }
	#rmp-menu-wrap-61 .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(--orange); }


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

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




/*==================== Body ====================*/
	.inner-content h2 { color: var(--green); font-weight: bold; }
	.inner-content h3 { color: var(--orange); font-weight: bold; }
	.inner-content * + h2 { padding-top: 0.5em; }

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

	.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 img { padding-bottom: 1.5em; }

	.pad-top { padding-top: 5%; }
	.pad-bottom { padding-bottom: 5%; }
	.pad-left { padding-left: 5%; }
	.pad-right { padding-right: 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; }


	/* Buttons */
	a.button, #content a.button, a.wp-block-button__link { background-color: var(--orange); color: #fff; font-weight: bold; width: fit-content; min-width: 220px; padding: 15px 20px; border-color: var(--orange); border-radius: 9999px !important; }
	a.button.black, #content a.button.black, .wp-block-button.black a.wp-block-button__link { background-color: #000; color: #fff; border-color: #000; }
	a.button.white, #content a.button.white, .wp-block-button.white a.wp-block-button__link { background-color: #fff; color: var(--green); 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.large, #content a.button.large, .wp-block-button.large a.wp-block-button__link { font-size: 2em; font-weight: normal; padding: 15px 40px; }
	a.button.green, #content a.button.green, .wp-block-button.green a.wp-block-button__link { background-color: var(--green); color: #fff; border-color: var(--green); }

	/*Buttons Hover*/
	a.button:hover, #content a.button:hover, a.wp-block-button__link:hover { background-color: transparent; color: var(--orange); text-decoration: none; border-color: var(--orange); }
	a.button.black:hover, #content a.button.black:hover, .wp-block-button.black a.wp-block-button__link:hover { background-color: transparent; color: #000; border-color: #000; }
	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.green:hover, #content a.button.green:hover, .wp-block-button.green a.wp-block-button__link:hover { background-color: transparent; color: var(--green); border-color: var(--green); }


	/* Blockquotes */
	blockquote.wp-block-quote { background-color: var(--lightGrey); padding: 5%; }
	blockquote.wp-block-quote:before { content: url(https://bishopsstortfordfoodbank.com/wp-content/themes/SCGrid/library/images/quote-open.svg); width: 15%; min-width: 30px; height: auto; display: block; clear: both; margin-bottom: 10px; }
	blockquote.wp-block-quote p { color: var(--green); font-size: 1.2em; font-weight: bold; }


	/* Panel / Panel Headings */
	.panel, .inner-content .panel { background-color: var(--green); clear: both; padding: 20px 5%; margin: 0; }
	.panel.green { background-color: var(--green); }
	.panel.orange { background-color: var(--orange); }

	.panel.doublePadding { padding: 40px 5%; }
	.panel.triplePadding { padding: 60px 5%; }

	.panel h1, .panel h2 { color: #fff; text-align: center; }
	h1.panel, h2.panel { color: #fff; font-size: 3em; line-height: normal; text-align: center; }
	.panel h1.page-title { font-size: 3em; }
	.panel h1:last-child, .panel h2:last-child { padding-bottom: 0; margin-bottom: 0; }
	.panel .flex-center h2 { padding-bottom: 0; margin-bottom: 0; }
	.panel p, .home .panel p { color: #fff; }
	.panel .wp-block-button { padding-left: 20px; padding-bottom: 0; margin-bottom: 0; }

	/* Page Title */
	div.page-title.panel { text-align: center; margin-bottom: 40px; }
	div.page-title.panel + .inner-content + .fullWidth { margin-top: -40px; }
	div.page-title.panel h1 { color: #fff; font-size: 3em; line-height: normal; text-align: center; padding-bottom: 0; margin-bottom: 0; }
	div.page-title.panel h1:first-letter { text-transform: uppercase; }

	/* Featured Text - ACF */
	.panel .featured_text { color: #fff; text-align: center; padding-top: 10px; }


	/* Accordion Block */
	.c-accordion__title, .inner-content .c-accordion__title { background-color: var(--orange); color: #fff; font-size: 1.2em; font-weight: normal; text-align: left; padding: 20px; padding-right: 40px; margin-bottom: 10px; }
	.c-accordion__title:after { color: #fff; font-size: 25px; right: 20px; }
	.wp-block-pb-accordion-item.is-open .c-accordion__title { margin-bottom: 20px; }
	.wp-block-pb-accordion-item:last-of-type { margin-bottom: 1em; }

	/* Rounded Headings */
	.panel h1, .panel h2, h1.panel, h2.panel, .fifty-fifty .text h1 { font-family: 'Varela Round', 'Roboto', Arial, Helvetica, sans-serif; font-weight: bold; }


	/* Heart Icon Headings */
	.wp-block-columns.heart { margin-top: 1em; margin-bottom: 1em; }
	.wp-block-columns.heart h2, h2.heart, .wp-block-columns.heart h3, h3.heart { color: var(--green); font-weight: bold; text-align: center; padding-bottom: 0; }
	.wp-block-columns.heart h3, h3.heart { font-size: 1.2em; }
	.wp-block-columns.heart h2:before, h2.heart:before, .wp-block-columns.heart h3:before, h3.heart:before { content: url(https://bishopsstortfordfoodbank.com/wp-content/themes/SCGrid/library/images/heart.svg); width: 15%; min-width: 80px; height: auto; display: block; clear: both; margin: 20px auto 0px auto; }
	.wp-block-columns.heart h3:before, h3.heart:before { margin-bottom: 10px; }
	.wp-block-columns.heart p { text-align: center; }
	.wp-block-columns.heart .wp-block-column { display: flex; flex-direction: column; justify-content: space-between; }
	.wp-block-columns.heart .wp-block-buttons > .wp-block-button { padding-bottom: 1em; }


	/* Stats Headings */
	#stats h2 { font-size: 4em; font-weight: bold; }
	#stats .wp-block-column { justify-content: normal; }

	/* Transparent Heart Overlay */
	.transHeartCenter, .transHeartLeft, .transHeartRight { position: relative; }
	.transHeartCenter:after { content: url(https://bishopsstortfordfoodbank.com/wp-content/themes/SCGrid/library/images/transparent-heart.svg); width: 25%; min-width: 200px; height: auto; display: block; clear: both; margin: 10px auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
	.transHeartRight:after { content: url(https://bishopsstortfordfoodbank.com/wp-content/themes/SCGrid/library/images/transparent-heart.svg); width: 25%; min-width: 200px; height: auto; display: block; clear: both; position: absolute; bottom: 5%; right: 5%; min-height: unset; }
	.transHeartLeft:after { content: url(https://bishopsstortfordfoodbank.com/wp-content/themes/SCGrid/library/images/transparent-heart.svg); width: 25%; min-width: 200px; height: auto; display: block; clear: both; position: absolute; bottom: 5%; left: 5%; min-height: unset; }


	/* Wordpress Block - 2 Columns (fifty-fifty) */
	.home .fifty-fifty { margin-bottom: 0; }
	.fifty-fifty { gap: unset !important; }
	.fifty-fifty .wp-block-column { flex-basis: 50% !important; margin: 0 !important; }

	.fifty-fifty .text { background-color: var(--green); display: flex; flex-direction: column; justify-content: center; padding: 5%; }
	.fifty-fifty.green .text { background-color: var(--green); }
	.fifty-fifty .text * { color: #fff; z-index: 9999; }

	.fifty-fifty .image { margin: 0; }
	.fifty-fifty .image .wp-block-image { width: 100%; height: 100%; line-height: 0; margin: 0; }
	.fifty-fifty .image .wp-block-image img { width: 100%; height: 100% !important; object-fit: cover; }

	@media (min-width: 600px) and (max-width: 781px)
	{
		.wp-block-columns.fifty-fifty .wp-block-column, .wp-block-columns.fifty-fifty:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) { flex-basis: 50% !important; }
	}
	@media (max-width: 600px)
	{
		.fifty-fifty .wp-block-column { flex-basis: 100% !important; }
	}


	/* 2x2 Grid */
	.twoByTwoSection { display: flex; position: relative; }
	.twoByTwoSection img { width: 100%; object-fit: cover; }
	.twoByTwoSection:before { content: ""; background-color: #000; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; opacity: 0.4; }
	.twoByTwoSection .inner-container { display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 99; padding: 5%; }

	.twoByTwoSection .inner-container h2 { color: #fff; font-size: 2.5em; text-align: center; padding-bottom: 0.2em; }
	.twoByTwoSection .inner-container p { color: #fff; text-align: center; max-width: 767px; padding-bottom: 1em; }

	.twoByTwoSection .inner-container p, .twoByTwoSection .inner-container a.button { display: none !important; }
	.twoByTwoSection:hover .inner-container p, .twoByTwoSection:hover .inner-container a.button { display: block !important; }


	/* Wordpress Block - Cover */
	.wp-block-cover { padding-left: 5%; padding-right: 5%; }
	.wp-block-cover blockquote.wp-block-quote { background-color: transparent; text-align: center; }
	.wp-block-cover blockquote.wp-block-quote:before { content: url(https://bishopsstortfordfoodbank.com/wp-content/themes/SCGrid/library/images/quote-open-white.svg); max-width: 80px; margin-left: auto; margin-right: auto; }
	.wp-block-cover blockquote.wp-block-quote * { max-width: 767px; margin-left: auto; margin-right: auto; }



/*==================== Home Page ====================*/
	.home p { color: var(--grey); }
	.home .fifty-fifty .text h1 { font-size: 3em; padding-bottom: 0.2em; }
	.home .fifty-fifty .text p { font-size: 1.2em; }
	.home #footer { margin-top: 0; }

	.home #blog.whiteText * { color: #fff !important; }
	.home .latest-blog .blog-post a.button, .home #content .latest-blog .blog-post a.button { background-color: transparent; color: #fff; border-color: #fff; }
	.home .latest-blog .blog-post a.button:hover, .home #content .latest-blog .blog-post a.button:hover { opacity: 0.4; }
	.home .latest-blog .view-all a.button, .home #content .latest-blog .view-all a.button { background-color: #fff; color: var(--green) !important; border-color: #fff; margin-bottom: 0; }
	.home .latest-blog .view-all a.button:hover, .home #content .latest-blog .view-all a.button:hover { background-color: transparent; color: #fff !important; }



/*==================== Get Help/Give Help Pages ====================*/
	.page-id-11 div.page-title.panel, .page-id-13 div.page-title.panel { margin-bottom: 0; }
	.page-id-11 #footer, .page-id-13 #footer { margin-top: 0; }



/*==================== JustGiving Donate Buttons/Widgets ====================*/
	.donate-button { display: flex; width: fit-content; padding-bottom: 1em; margin-bottom: 5px; }
	.donate-widget { padding-bottom: 1em; margin-bottom: 5px; }



/*==================== News/Blog Grid ====================*/
	.blog .article-header { margin-bottom: 40px; }
	.all-blog.blog-grid { margin-bottom: 40px; }

	.blog-grid h3 { color: var(--green); font-weight: bold; }
	.blog-grid p.post-date { color: var(--orange); font-weight: 500; }
	.blog-grid p.post-category { background-color: var(--primary); color: #fff; font-size: 16px; position: absolute; top: 0; right: 0; padding: 5px; margin-bottom: 0; }

	/* Blog Categories Menu */
	.categories-menu { gap: 1em; padding: 0 5% 1.75em 5%; }
	.categories-menu a.button, #content .categories-menu a.button { border-radius: 0!important; }

	/* Featured Image - Different Aspect Ratios Fix */
	.post-image-container { position: relative;/* padding-top: 66.66%;  */ padding-top: 75%; 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; }

	/*==================== Pagination ====================*/
	.pagination ul, #content .pagination ul { background-color: var(--orange); }
	.pagination li, #content .pagination li { border-right: 1px solid #fff; }
	.pagination a, .pagination span, #content .pagination a, #content .pagination span { color: #fff; }
	.pagination a:hover, .pagination a:focus, .pagination span:hover, .pagination span:focus { background-color: var(--green) !important; color: #fff !important; }
	.pagination .current, #content .pagination .current { color: #fff !important; background-color: var(--green); }
	.pagination .current:hover, .pagination .current:focus { background-color: var(--green); color: #fff !important; }

	/*==================== Single Posts ====================*/
	.single-post .header { position: relative; box-shadow: 0px 0px 3px 0px var(--grey); margin-bottom: 30px; }
	.single-post .page-title { color: var(--green); font-weight: bold; }
	.single-post p.byline.entry-meta { color: var(--orange); font-weight: 500; }
	.single-post .wp-block-image, .single-post .wp-block-gallery { padding-bottom: 1em; margin-bottom: 5px; }



/*==================== Contact Us Page ====================*/
	.page-id-15 iframe { max-width: 100%; }



/*==================== Footer ====================*/
	#footer { background-color: var(--green); padding: 25px 5%; margin-top: 40px; }
	.inner-footer { background-color: var(--green); display: flex; flex-wrap: wrap; }
	#footer p, #footer a { color: #fff; }

	#footer .footerLeft { flex-direction: column; }
	#footer .footerLeft p, #footer .footerLeft a { font-size: 16px; word-break: break-all; }
	#footer .footerLeft .logoArea { float: left; margin-bottom: 20px; }

	#footer .footerLeft .details .contact { display: flex; align-items: baseline; margin-bottom: 20px; }
	#footer .footerLeft .details .contact i { background-color: var(--orange); color: #fff; font-size: 20px; text-align: center; width: 40px; height: 40px; padding: 10px; margin-right: 20px; }
	#footer .footerLeft .details #address i { align-self: flex-start; }
	#footer .footerLeft .details .contact p { padding-bottom: 0; margin-bottom: 0; }

	#footer .navArea { flex-grow: 1; justify-content: center; }

	#footer .footerLinks { justify-content: space-between; padding: 20px 0px; border-top: 1px solid #fff; margin-top: 20px; }
	#footer .footerLinks ul { margin-bottom: 10px; }
	#footer .footerLinks ul.legal li { float: left; margin-right: 20px; }
	#footer .footerLinks li, #footer .footerLinks a { color: #fff; font-size: 14px; }


	/*==================== Footer Nav ====================*/
	#footer .nav { background: none; display: flex; }
	#footer .nav ul { background: none; display: flex; flex-direction: row; flex-grow: 1; align-items: flex-start; column-gap: 2em; justify-content: space-between; }
	#footer .nav li { position: static; display: flex; flex-direction: column; }
	#footer .nav li a { color: #fff; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size: 1em; font-size: clamp(16px, 1em, 24px); padding-left: 0; padding-right: 0; }
	#footer .nav li a:hover, #footer .nav li a:focus { color: #fff; text-decoration: none; opacity: 0.7; }
	#footer .nav ul.sub-menu { flex-direction: column; visibility: visible; border: none; }
	#footer .nav li ul.sub-menu, #footer .nav li ul.children { position: static; }
	#footer .nav li ul.sub-menu li a, #footer .nav li ul.children li a { background-color: transparent; font-size: 0.8em; font-size: clamp(12px, 0.8em, 18px); font-weight: normal; width: auto; border: none; }



/*==================== Media Queries ====================*/
	@media (max-width: 1439px)
	{
		.inner-content, .page-template-page-FullWidth .inner-width { padding-left: 5%; padding-right: 5%; }
		.page-template-page-FullWidth .inner-content, .page-template-page-FullWidth .inner-footer { padding-left: 0; padding-right: 0; }
	}
	@media (max-width: 1290px)
	{
		#footer .navArea { flex-basis: 100%; margin-top: 20px; }
		#footer .nav li:first-of-type a { padding-left: 0; }
 	}
	@media (max-width: 1280px)
	{
		/*Small Desktop*/
 	}
	@media (max-width: 1029px)
	{
		/*Tablet*/
		.inner-header { align-items: center; }
		.header .navArea { flex-direction: row; }
		.header .nav { display: none; }
		.header .details .social { display: none; }
 	}
 	@media (min-width: 782px) and (max-width: 980px)
 	{
 		.wp-block-columns.heart { flex-wrap: wrap; }
 		.wp-block-columns.heart > .wp-block-column:not(:only-child) { flex-basis: calc(50% - var(--wp--style--block-gap, 2em)/2)!important; flex-grow: 0; }
 		.wp-block-columns.heart > .wp-block-column:not(:first-child) { margin-left: 0; }
 		.wp-block-columns.heart > .wp-block-column:nth-child(2n) { margin-left: var(--wp--style--block-gap,2em); }
 	}
	@media (max-width: 960px)
	{
		/*Single Post Width*/
 	}
	@media (max-width: 767px)
	{
		/*Mobile*/
		.header .details { display: none; }
		.twoByTwoSection img { min-height: 300px; }
		.twoByTwoSection .inner-container p, .twoByTwoSection .inner-container a.button { display: block !important; }
		#footer .navArea, #footer .nav { display: none; }
 	}
	@media (max-width: 480px)
	{
		/*Small Mobile*/
 	}