/******************************************************************
Theme Name: Simpsons Creative Grid
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: 2024.06.26
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support
******************************************************************/

/* Fonts - Added via head in header.php - Does not work correctly with minification */
/*@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Radio+Canada+Big:ital,wght@0,400..700;1,400..700&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)
	*/

	/*Fonts*/
	--fontFamily: "Lato", Arial, Helvetica, sans-serif;
	--fontHeading: "Radio Canada Big", Arial, Helvetica, sans-serif;

	/*Theme Colours*/
		--primary: #000000;
		--secondary: #FA5181;
		--tertiary: #10B0AC;
		--grey: #707070;
		--white: #FFFFFF;
		--whiteTrans: rgba(255, 255, 255, 0.75);
		--black: #000000;
		--blackTrans: rgba(51, 51, 51, 0.75);

	/*Theme Font Sizes
		how to use:
		var(--fs-h1)
		==clamp (min value, ideal, max value)
	*/
	--fs-h1: clamp(35px, 3vw, 45px);			/*var(--fs-h1)*/
 	--fs-h2: clamp(30px, 3vw, 40px);			/*var(--fs-h2)*/
 	--fs-h3: clamp(20px, 3vw, 28px);			/*var(--fs-h3)*/
 	--fs-h4: clamp(16px, 3vw, 24px);			/*var(--fs-h4)*/
 	--fs-h5: clamp(14px, 3vw, 22px);			/*var(--fs-h5)*/
 	--fs-h6: clamp(12px, 3vw, 20px);			/*var(--fs-h6)*/
 	--fs-normal: clamp(14px, 3vw, 20px);		/*default var(--fs-normal)*/
 	--fs-small: clamp(14px, 3vw, 18px);			/*default var(--fs-small)*/
 	--fs-x-small: clamp(12px, 3vw, 14px);		/*default var(--fs-x-small)*/
 	--fs-large: clamp(16px, 3vw, 24px);			/*default var(--fs-large)*/
 	--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: 1280px; }

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

/*Post Maximum Width - Default: 960px*/
.post-width, 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, li { color: var(--black); margin: 0 0 5px 0; }
	h1, h2, h3, h4, h5, h6 { color: var(--primary); font-family: var(--fontHeading); font-weight: bold; font-optical-sizing: auto; font-style: normal; }
	h1, h2 { font-weight: bold; }

	a, a:visited { color: var(--secondary); text-decoration: none; }
	a:hover { color: var(--primary); text-decoration: none; }
	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; }
	sup, sub { font-size: 50%; }
	*.large { font-size: var(--fs-large); }
	*.small { font-size: var(--fs-small); }
	*.x-small { font-size: var(--fs-x-small); }

	.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 { column-count: 2; }

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

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

	/* Image/Gallery Caption*/
	.wp-block-image figcaption { color: var(--primary); margin-bottom: 0; }
	.wp-block-image.size-full figcaption, .wp-block-gallery figcaption, .wp-block-gallery.has-nested-images figure.wp-block-image figcaption { background: var(--primary); color: #fff; line-height: normal; text-align: center; padding: 8px; margin-top: 0; margin-bottom: 0; }



/*==================== Header ====================*/
	#header { background-color: var(--darkGrey); display: flex; position: relative; z-index: 999; padding: 25px 5%; }
	.inner-header { float: unset; display: flex; justify-content: space-between; width: 100%; align-items: center; position: relative; z-index: 99999; }
	.logoArea {}
	.logoArea a.logoLink { float: left; }
	.logoArea img { width: 60vw; height: auto; max-width: 300px; }
	.navArea {}

	/* Featured Area Enabled Header */
	body.featuredAreaEnabled #header { background-color: var(--whiteTrans); height: unset; position: relative; }

	/* Home Page Header */
		body.page-template-page-LandingPageHomeStyle #header ,
		body.home #header { background-color: transparent; }

		body.page-template-page-LandingPageHomeStyle #header .logoArea,
		body.home #header .logoArea { display: none; }

		body.page-template-page-LandingPageHomeStyle .inner-header,
		body.home .inner-header { justify-content: flex-end; }




	@media(min-width: 1030px)
	{
		#header { min-height: 128px; }
	}


	/* 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; min-height: 600px!important; display: flex; flex-direction: column; align-content: flex-start; flex-wrap: wrap; position: relative; clear: both; padding: 0; border-bottom: 0; margin-bottom: 1.75em; }
	.featuredArea .featuredImage { background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

	/* Fixed Image/Video */
  	body.featuredAreaFixed .featuredArea { padding-top: 150px; }
  	body.home.featuredAreaFixed .featuredArea { padding-top: 275px; }
	.featuredArea.fixed .featuredImage { position: fixed; z-index: -1; }
	.featuredArea.fixed video { position: fixed !important; z-index: -1; }

	/* Featured Box */
	.featuredArea .featuredBoxContainer { display: flex; flex: 1; align-items: center; position: relative; width: 100%; /*min-height: 400px;*/ padding: 30px 5%; margin-top: 0; }
	.featuredArea .featuredBox { justify-content: flex-start; width: 100%; max-width: 1920px; position: relative; padding: 0; margin-left: auto; margin-right: auto; z-index: 2; }
	.featuredArea .featuredBox .featuredBoxContent { background-color: var(--whiteTrans); max-width: 500px; padding: 40px 20px; border: 3px solid #000; }
	.featuredArea .featuredBox .copy { max-width: 960px; margin-left: unset; margin-right: unset; }
	.featuredArea .featuredBox h1 { color: #000; font-size: var(--fs-h2); text-align: left; width: 100%; padding-bottom: 0.25em; border-bottom: 3px solid var(--secondary); }
	.featuredArea .featuredBox h3 { color: var(--secondary); font-weight: bold; text-transform: uppercase; padding-top: 5px; padding-bottom: 0; }
	.featuredArea .featuredBox p { color: #000; font-size: var(--fs-normal); font-weight: bold; text-wrap: pretty; }
	.featuredArea .featuredBox .copy:not(:has(+ .buttons)) p:last-child { padding-bottom: 0; margin-bottom: 0; }
  	.featuredArea .featuredBox .buttons { flex-direction: column; align-items: flex-start; gap: 0.5em; margin-bottom: 0; }


	/* Home Page - Featured Area */
	body.home .featuredArea { min-height: 100vh!important;  align-content: center; justify-content: flex-start; margin-bottom: 0; }
  	body.home .featuredArea .featuredBox .featuredBoxContent { display: flex; /*max-width: 400px;*/ gap: 20px; padding: 30px; }
  	body.home .featuredArea .featuredBox .text { flex-basis: 70%; flex: 1; align-content: center; }
  	body.home .featuredArea .featuredBox h1 { font-size: clamp(30px, 3vw, 48px); text-align: left; text-wrap: balance; border-bottom: none; }
  	body.home .featuredArea .featuredBox .logo { flex-basis: 25%; height: 100%; padding-right: 20px; border-right: 3px solid var(--secondary); }
  	body.home .featuredArea .featuredBox .logo img { height: 100%; width: auto; }


/*landing page 'home template' added 21st July 2025*/

	body.page-template-page-LandingPageHomeStyle .featuredArea { min-height: 100vh!important;  align-content: center; justify-content: flex-start; margin-bottom: 0; }
  	body.page-template-page-LandingPageHomeStyle .featuredArea .featuredBox .featuredBoxContent { display: flex; /*max-width: 400px;*/ gap: 20px; padding: 30px; }
  	body.page-template-page-LandingPageHomeStyle .featuredArea .featuredBox .text { flex-basis: 70%; flex: 1; align-content: center; }
  	body.page-template-page-LandingPageHomeStyle .featuredArea .featuredBox h1 { font-size: clamp(30px, 3vw, 48px); text-align: left; text-wrap: balance; border-bottom: none; }
  	body.page-template-page-LandingPageHomeStyle .featuredArea .featuredBox .logo { flex-basis: 25%; height: 100%; padding-right: 20px; border-right: 3px solid var(--secondary); }
  	body.page-template-page-LandingPageHomeStyle .featuredArea .featuredBox .logo img { height: 100%; width: auto; }


	@media (max-height: 660px)
	{
		.featuredArea { min-height: 600px !important; }
		body.home .featuredArea { min-height: 700px!important; }
	}



/*==================== Nav ====================*/
	.nav { float: right; background: none; }
	.nav ul { background: none; }
	.nav li { margin-bottom: 0; }
	.nav li a { color: var(--black); font-weight: bold; }
	.nav li a:hover, .nav li a:focus { color: var(--secondary); text-decoration: none; }
	.nav li:last-of-type a { padding-right: 0px; }

	/* Sub Menu/Dropdown */
	.nav li ul.sub-menu, .nav li ul.children { display: flex; 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); color: #fff; width: 100%; white-space: nowrap; padding: 0.75em; border: none; border-bottom: 1px solid #fff; }

	/* Responsive Menu - !!! REPLACE 444 WITH NEWLY CREATED MENU ID (ALSO IN HEADER.PHP) !!! */
	#rmp_menu_trigger-16 { background: var(--white); position: static; float: right; margin-left: 20px; border: 3px solid #000; border-radius: 0; }
	#rmp_menu_trigger-16.is-active { background: var(--white); }
	#rmp_menu_trigger-16:hover, #rmp_menu_trigger-16:focus { background: var(--white); }
	#rmp_menu_trigger-16 .responsive-menu-pro-inner::before { top: 10px; }
	#rmp_menu_trigger-16 .responsive-menu-pro-inner::after { bottom: 10px; }

	#rmp_menu_trigger-16 .responsive-menu-pro-inner, #rmp_menu_trigger-16 .responsive-menu-pro-inner::before, #rmp_menu_trigger-16 .responsive-menu-pro-inner::after, #rmp_menu_trigger-16:hover .responsive-menu-pro-inner, #rmp_menu_trigger-16:hover .responsive-menu-pro-inner::before, #rmp_menu_trigger-16:hover .responsive-menu-pro-inner::after { background-color: var(--primary); }

	#rmp_menu_trigger-16.is-active .responsive-menu-pro-inner, #rmp_menu_trigger-16.is-active .responsive-menu-pro-inner::before, #rmp_menu_trigger-16.is-active .responsive-menu-pro-inner::after { background-color: var(--primary); }

	#rmp-container-16 { 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-16 .rmp-menu-item-link { background-color: transparent !important; font-size: 18px; border-color: transparent !important; }
	#rmp-menu-wrap-16 .rmp-submenu .rmp-menu-item-link { font-size: 16px; font-weight: normal; }

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

	/* Menu Item Hover */
	#rmp-menu-wrap-16 .rmp-menu-item-current-ancestor > a.rmp-menu-item-link:hover { color: #fff; }
	#rmp-menu-wrap-16 .rmp-menu-item-link:hover { background-color: var(--secondary) !important; text-decoration: none; }
	#rmp-menu-wrap-16 .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: 40px; margin-right: 15px; }
	.rmp-menu-additional-content .social-icons a:hover { color: var(--secondary); }

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


	@media(max-width: 1029px)
	{
		#rmp_menu_trigger-16 { display: block; }
		#header div.nav, #menu-main-menu { display: none; }
		#header .navArea { display: none; }
	}

	/* Hide dropbowns from traditional nav menu */
	#menu-main-menu.nav li:hover > ul { visibility: hidden; }



/*==================== Body ====================*/
	.article-header { margin-left: auto; margin-right: auto; }
	.article-header h1, h1.page-title { color: var(--primary); font-weight: bold; text-align: center; margin: 0.75em 0; }
	.article-header h1 { padding-bottom: 0.4em; border-bottom: 3px solid var(--secondary); margin-left: auto; margin-right: auto; }
	article:has(.entry-content > .inner-width:first-child) .article-header { max-width: 1280px; }
	article:has(.entry-content > .post-width:first-child) .article-header { max-width: 960px; }
	body.featuredAreaEnabled h1.page-title, body.featuredAreaEnabled header.article-header { display: none; }
	.article-header img { padding-bottom: 1.5em; }

	.wp-block-columns { margin-bottom: 1.75em; }
	.entry-content > p:last-child { padding-bottom: 0; margin-bottom: 0; }
	.wp-block-image.border img { padding: 5px; border: 1px solid var(--grey); }
	.wp-block-buttons:has(+ p) { padding-bottom: 1em; margin-bottom: 5px; }


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


	/* Buttons */
	a.button, a.wp-block-button__link, a.button.primary, .wp-block-button.primary a.wp-block-button__link { background-color: var(--primary); color: #fff; border-color: var(--primary); min-width: 225px; }
	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, .wp-block-button.tertiary a.wp-block-button__link { background-color: var(--tertiary); color: #fff; border-color: var(--tertiary); }
	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, .wp-block-button.white a.wp-block-button__link { background-color: #fff; color: #000; border-color: #fff; }
	a.button.transparent, .wp-block-button.transparent a.wp-block-button__link { background-color: transparent; color: #fff; border-color: #fff; }
	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, .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, a.wp-block-button__link:hover, 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, .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, .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, .wp-block-button.black a.wp-block-button__link:hover { background-color: transparent; color: var(--black); border-color: var(--black); }
	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, .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, .wp-block-button.outline a.wp-block-button__link:hover { opacity: 0.4; }



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

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

	/* ----- Details Block (WordPress Show/Hide Block) ----- */
	.wp-block-details summary { background-color: var(--primary); font-size: var(--fs-normal); }
	.wp-block-details:has(+ p), .wp-block-details:has(+ .wp-block-image) { padding-bottom: 1em; margin-bottom: 5px; }

	/* ----- Newsletter CTA ----- */
	#newsletterCTA { margin-bottom: 0; }
	#newsletterCTA h2 { font-size: clamp(30px, 3vw, 36px); line-height: clamp(30px, 3vw, 36px); }
	#newsletterCTA #mc_embed_signup_scroll { display: flex; gap: 5px; }
	#newsletterCTA .mc-field-group { flex: 1; }
	#newsletterCTA .mc-field-group input { width: 100%; }
	#newsletterCTA #mc_embed_signup_scroll input { padding: 15px 10px; border: 1px solid; }
	#newsletterCTA #mc_embed_signup_scroll input.email, #newsletterCTA #mc_embed_signup_scroll input.text { background-color: #fff; color: #000; border-color: #fff; border-right: none; }
	#newsletterCTA #mc_embed_signup_scroll input::placeholder { color: #000; }
	#newsletterCTA #mc_embed_signup_scroll input.button { background-color: #000; color: #fff; font-weight: bold; text-transform: uppercase; border-color: #000; }
	#newsletterCTA #mc_embed_signup_scroll input.button:hover { background-color: transparent; color: #000; border-color: #000; }

	/* ----- Gallery Block ----- */
	.wp-block-gallery.has-nested-images.gallery-1-1 figure.wp-block-image { aspect-ratio: 1/1; }
	.wp-block-gallery.has-nested-images.gallery-4-3 figure.wp-block-image { aspect-ratio: 4/3; }
	.wp-block-gallery.has-nested-images.gallery-3-2 figure.wp-block-image { aspect-ratio: 3/2; }
	.wp-block-gallery.has-nested-images.gallery-16-9 figure.wp-block-image { aspect-ratio: 16/9; }
	.wp-block-gallery.has-nested-images.gallery-21-9 figure.wp-block-image { aspect-ratio: 21/9; }
	.wp-block-gallery.has-nested-images.gallery-32-9 figure.wp-block-image { aspect-ratio: 32/9; }


	/* ----- Tables ----- */
	.wp-block-table { font-size: var(--fs-normal); }
	.wp-block-table thead { background-color: var(--primary); color: #fff; font-weight: bold; border-bottom: none; }
	.wp-block-table tr:nth-child(even) { background-color: #EAEAE8; }
	.wp-block-table td, .wp-block-table th { padding: 0.6em 0.8em; border: none; }
	.wp-block-table td { color: var(--primary); }
	.wp-block-table tfoot { font-weight: bold; border-top: none; }



/*==================== Home Page ====================*/
	body.home h2,
	body.page-template-page-LandingPageHomeStyle h2 { font-size: clamp(30px, 3vw, 55px); }

	/* Brands Section */
	body.home #brands,
	body.page-template-page-LandingPageHomeStyle #brands { gap: 0; margin-bottom: 0; }

	body.home #brands .text,
	body.page-template-page-LandingPageHomeStyle #brands .text { display: flex; justify-content: center; padding: 40px 5%; }

	body.home #brands .text .wp-block-group,
	body.page-template-page-LandingPageHomeStyle #brands .text .wp-block-group { width: fit-content; }

	body.home #brands .text .wp-block-image img,
	body.page-template-page-LandingPageHomeStyle #brands .text .wp-block-image img { max-width: 250px; }

	body.home #location .wp-block-columns,
	body.page-template-page-LandingPageHomeStyle #location .wp-block-columns { margin-bottom: 0; }

	/*body.home #food .contentBlock { min-width: 30%; }*/

	body.home #sb_instagram,
	body.page-template-page-LandingPageHomeStyle #sb_instagram{ padding-bottom: 1.75em !important; }
	#sb_instagram .sbi_link .sbi_hover_caption_wrap { font-size: unset; padding: 20px 20px 0px 20px; margin-bottom: 0; }
	#sb_instagram .sbi_link .sbi_caption { font-size: var(--fs-x-small); }
	#sb_instagram .sbi_date, #sb_instagram .sbi_location { color: #fff; font-size: 13px; }

	/* Market Halls Opening Soon */
	body.home #markethalls h2,
	 body.page-template-page-LandingPageHomeStyle #markethalls h2 { font-size: var(--fs-h2); }


	/* Offers Section */
	#offers.gridBlock .ctaBlock { text-align: center; justify-content: space-between; justify-content: center; flex-grow: 1; padding: 30px 20px; }
	#offers.gridBlock .ctaBlock .wp-block-image { width: 100%; height: auto; padding-bottom: 0; margin-bottom: 15px; }
	#offers.gridBlock .ctaBlock .wp-block-image img { width: 100%; height: auto; max-width: 200px; max-height: 60px; }
	#offers.gridBlock #oseyo.ctaBlock .wp-block-image img { max-height: 50px; }
	#offers.gridBlock .ctaBlock p { line-height: normal; text-wrap-style: balance; padding-bottom: 0.5em; }
	#offers.gridBlock .ctaBlock p.x-small { padding-bottom: 0; margin-bottom: 0; }
	#offers.gridBlock .ctaBlock p:has(+ p.x-small + p) { padding-bottom: 0; }
	#offers.gridBlock .ctaBlock p.x-small + p { padding-bottom: 0; }
	#offers.gridBlock .ctaBlock p.x-small:has(+ p) { padding-bottom: 1em; }
	#offers.gridBlock .ctaBlock p:last-child { padding-bottom: 0; margin-bottom: 0; }



/*==================== Blog ====================*/

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

	/* Pagination */
	.pagination ul, #content .pagination ul { background-color: var(--primary); }
	.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(--secondary) !important; color: #fff !important; }
	.pagination .current, #content .pagination .current { color: #fff !important; background-color: var(--secondary); }
	.pagination .current:hover, .pagination .current:focus { background-color: var(--secondary); color: #fff !important; }


	/*Single Post*/
	body.single .article-header { padding-left: 0; padding-right: 0; }
	body.single .article-header h1 { margin-bottom: 0.5em; }
	body.single p.byline.entry-meta { color: var(--primary); text-align: center; }



/*==================== Brands CPT ====================*/
	.brand-grid { height: 100%; }
	.brand-grid-item .post-wrap { height: 100%; }
	.brand-grid-item .post-image-container { height: 100%; position: relative; padding-top: 100%; margin-bottom: 0; }
	.brand-grid-item .post-image-container a.link { position: absolute; height: 100%; width: 100%; line-height: 0; top: 0; left: 0; pointer-events: none; }
	.brand-grid-item.coming-soon .post-image-container a.link { pointer-events: none; }
	.brand-grid-item .post-image-container .overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
	.brand-grid-item .post-image-container .overlay.multiply { mix-blend-mode: multiply; }
	.brand-grid-item .post-image-container img.post-image { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: -1; }
	.brand-grid-item .logo-container { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
	.brand-grid .brand-grid-item .post-image-container img.brand-logo { width: 50%; height: auto; object-fit: unset; }
	.brand-grid .brand-grid-item .brandStatus { color: #fff; font-size: clamp(14px,2vw,22px); font-size: 0.8em; font-weight: bold; text-align: center; width: 100%; position: absolute; bottom: 5%; padding-bottom: 0; margin-bottom: 0; }
	.brand-grid .brand-grid-item .brandStatus.blackText { color: var(--primary); }

	/* Brands Main Page */
	body.page-template-page-brands .featuredArea, body.page-template-page-brandsTaxonomy .featuredArea { margin-bottom: 0; }
	main#brands .inner-content { clear: both; }
	main#brands .brand-grid { margin-bottom: 1.75em; }

	/* Brands Live Filter/Search */
	.brand-filter-container { background-color: var(--secondary); justify-content: center; gap: 1em; padding: 30px 5%; }
	.brand-filter-container .brand-type-container, .brand-filter-container .brand-search-container { min-width: 20%; min-height: 40px; }
	.brand-filter-container select, .brand-filter-container input { background-color: #fff; color: #000; font-size: var(--fs-x-small); height: 100%; width: 100%; padding: 10px; border: none; border-radius: 3px; }
	.brand-filter-container select::placeholder, .brand-filter-container input::placeholder { color: #000; }
	.brand-filter-container select#brand-type { padding-right: 0; border-right: 10px solid #fff; }
	p.no-brand-error { background-color: #000; color: #fff; text-align: center; width: 100%; padding: 20px 5%; }


/*==================== Single Brand Page ====================*/
	body.single-brands article { max-width: 1280px; }
	/*body.single-brands header.article-header { border-bottom: 3px solid var(--secondary); margin-bottom: 40px; }*/
	body.single-brands header.article-header h1 { margin-bottom: 0.75em; }
	body.single-brands .wp-block-gallery { padding-bottom: 1.75em; }
	body.single-brands .wp-block-column.logo .wp-block-image { text-align: center; }
	body.single-brands .wp-block-column.logo .wp-block-image img { width: 100%; height: auto; max-height: 300px; object-fit: contain!important; }
	body.single-brands .wp-block-table { padding-bottom: 1em; margin-bottom: 5px; }
	body.single-brands .wp-block-table table { width: fit-content; }
	body.single-brands .wp-block-table tr td:first-of-type { padding-left: 0; padding-right: 1em; }
	body.single-brands .wp-block-table tr:nth-child(even) { background-color: transparent; }
	body.single-brands .wp-block-table td, body.single-brands .wp-block-table th { background-color: transparent; border: none; }



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

	/* Ninja Form */
	.nf-before-form-content { display: none; }
	.ninja-forms-req-symbol { display: none; }
	.nf-error-msg, .ninja-forms-req-symbol { font-size: var(--fs-small); }

	.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; }


  	body.page-id-401 iframe { display: block; margin-top: 60px; }
  	body.page-id-401 #footer { margin-top: 0; }



/*==================== Property Enquiries Page ====================*/
  	body.page-id-380 .entry-content h3 { color: var(--secondary); font-weight: bold; text-transform: uppercase; }
  	body.page-id-380 .entry-content p { padding-bottom: 0; }
  	body.page-id-380 .entry-content a, body.page-id-380 .entry-content a:visited { color: #000; }
  	body.page-id-380 .entry-content a:hover { color: var(--secondary); }


/*==================== 404 Page ====================*/
  	body.error404 h1.page-title { padding-bottom: 0; border-bottom: none; }


/*==================== Email Newsletter Signup Page ====================*/
	body.page-id-1949 .featuredArea { margin-bottom: 0; }
	body.page-id-1949 #footer { margin-top: 0; }
	body.page-id-1949 .intro h3 { font-weight: normal; }


/*==================== Footer ====================*/
	#footer { background-color: var(--primary); padding: 40px 5%; margin-top: 1.75em; }
	body.home #footer { margin-top: 0; }

	#footer h3 { color: #fff; width: 100%; border-bottom: 3px solid var(--secondary); margin-bottom: 20px; }
	#footer p, #footer a, #footer li { color: #fff; }
	#footer a:hover { color: var(--secondary); }

	#footer .logoArea { display: flex; justify-content: flex-start; }
	#footer .logoArea img { width: 60vw; height: auto; max-width: 350px; }
	#footer .logoArea ul { display: flex; gap: 1em; }
	#footer .logoArea p { font-size: var(--fs-x-small); padding-bottom: 0; }
	#footer .logoArea ul.policies li { font-size: var(--fs-x-small); margin-bottom: 5px; }
	#footer .logoArea p.simpsons { margin-bottom: 0; }

	.footer-container { column-gap: 2em; row-gap: 4em; }
	.footer-container > div { flex-direction: column; }
	.footer-container ul li { font-size: var(--fs-normal); margin-bottom: 10px; }

	.footer-container .logoArea { flex-basis: 30%; row-gap: 1em; justify-content: space-between; }

	.footer-container .locationArea { flex: 1; column-gap: 2em; }
	.footer-container .locationArea .nav ul { float: left; }
	.footer-container .locationArea .nav li { float: none; }
	.footer-container .locationArea .nav li a { padding: 0; }

	.footer-container .marketingArea { flex: 1; column-gap: 2em; row-gap: 1em; }
	.footer-container .newsletterArea { width: 100%; }
	.footer-container .newsletterArea p { padding-bottom: 0.5em; }

	/* Footer Mailchimp Signup Form */
	.footer-container .newsletterArea #mc_embed_signup_scroll { display: flex; }
	.footer-container .newsletterArea .mc-field-group { flex: 1; }
	.footer-container .newsletterArea .mc-field-group input { width: 100%; }
	.footer-container .newsletterArea #mc_embed_signup_scroll input { padding: 15px 10px; border: 1px solid; }
	.footer-container .newsletterArea #mc_embed_signup_scroll input.email { background-color: transparent; color: #fff; border-color: #808080; border-right: none; }
	.footer-container .newsletterArea #mc_embed_signup_scroll input.email::placeholder { color: #fff; }
	.footer-container .newsletterArea #mc_embed_signup_scroll input.button { background-color: var(--secondary); color: #fff; font-weight: bold; text-transform: uppercase; border-color: var(--secondary); }
	.footer-container .newsletterArea #mc_embed_signup_scroll input.button:hover { background-color: #fff; color: #000; border-color: #fff; }

	.footer-container .availabilityArea ul { display: flex; gap: 1em; }
	.footer-container .availabilityArea li a:hover { color: var(--secondary); }

	.footer-development { background-color: var(--secondary); display: flex; width: 100%; flex-basis: 100%; padding: 30px 5%; }
	.footer-development .inner-container { gap: 2em; }
	.footer-development .info { flex-basis: 75%; gap: 2em; }
	.footer-development .info .image { flex-basis: 33.33%; }
	.footer-development .info .text { flex-basis: 66.66%; flex: 1; align-content: center; }
	.footer-development .info .text h2 { font-size: var(--fs-h2) !important; }
	.footer-development .info .text h2, .footer-development .info .text p { color: #fff; flex-basis: 100%; }
	.footer-development .info .text p { font-size: var(--fs-small); }
	.footer-development .logos { flex-basis: 25%; flex: 1; gap: 2em; flex-direction: column; align-content: flex-end; justify-content: center; }
	.footer-development .logos .logo { max-width: 150px; display: flex; align-items: center; }

	/* Silktide Cookie Consent */
	#silktide-cookie-icon { display: none; visibility: hidden; }



/*==================== 2025 Changes ====================*/

	:root
	{
		--secondary: #2B98D5;
		--blue: #2B98D5;
	}

	/*body.home .header .nav ul { background-color: var(--whiteTrans); padding-left: 0.75em; padding-right: 0.75em; border: 3px solid #000; }*/

	.header .navArea { display: flex; align-items: center; }
	.header .nav li:last-of-type a { padding-right: 0.75em; }
	.header .social { display: flex; padding-left: 0.75em; }
	.header .social a { color: var(--primary); font-size: clamp(20px,3vw,35px); line-height: clamp(20px,3vw,35px); margin-left: 10px; }
	.header .social a.tiktok { font-size: clamp(6px,3vw,28px);}



	.header .social a:hover { color: var(--secondary); }

		body.page-template-page-LandingPageHomeStyle #header ,
		body.home #header { align-items: flex-start; padding: 0; }

		body.page-template-page-LandingPageHomeStyle .header .navArea,
		body.home .header .navArea { background-color: var(--whiteTrans); line-height: normal; display: flex; align-items: center; padding-left: 0.75em; }

		body.page-template-page-LandingPageHomeStyle .header .nav li a ,
		body.home .header .nav li a { }

		body.page-template-page-LandingPageHomeStyle .header .nav li:last-of-type a ,
		body.home .header .nav li:last-of-type a { padding-right: 0.75em; }

		body.page-template-page-LandingPageHomeStyle .header .social ,
		body.home .header .social { padding-right: 0.75em; }


		body.page-template-page-LandingPageHomeStyle .featuredArea,
		body.home .featuredArea { min-height: 600px!important; }

		body.page-template-page-LandingPageHomeStyle  .featuredArea .featuredBoxContainer ,
		body.home .featuredArea .featuredBoxContainer { padding: 0px 5% 30px 5%; }

		body.page-template-page-LandingPageHomeStyle .featuredArea .featuredBox h1 ,
		body.home .featuredArea .featuredBox h1 { font-size: clamp(22px, 3.5vw, 32px); }

		body.page-template-page-LandingPageHomeStyle #shopping ,
		body.home #shopping { background-position: right top; }

		body.home #brands .brand-grid, body.page-template-page-LandingPageHomeStyle #brands .brand-grid { justify-content: center; }


	#newsletterCTA #mc_embed_signup_scroll input.button { background-color: var(--primary); border-color: var(--primary); }
	#newsletterCTA #mc_embed_signup_scroll input.button:hover { color: var(--primary); border-color: var(--primary); }

	#instagramCTA { margin-bottom: 0; }
	#instagramCTA h2 { font-size: clamp(24px, 3vw, 36px); line-height: clamp(24px, 3vw, 36px); padding-bottom: 0; margin-bottom: 0; }
	#instagramCTA:hover { background-color: #fff; }
	#instagramCTA:hover * { color: var(--secondary); }

	*.balance { text-wrap: balance; }

	body.page-template-page-brands .panel.info { margin-bottom: 0; }
	body.page-template-page-brands .panel.info h3 { color: #fff; text-align: center; padding-bottom: 0; margin-bottom: 0; }
	body.page-template-page-brands main#brands .brand-grid { margin-bottom: 0; }
	body.page-template-page-brands #footer { margin-top: 0; }


	/* Brands A-Z List Page */
	body.page-template-page-brands-list #brand-list { column-count: 2; margin-bottom: 1.75em; }
	body.page-template-page-brands-list #brand-list .brand-type-group { break-inside: avoid; page-break-inside: avoid; -webkit-column-break-inside: avoid; margin-bottom: 20px; }
	body.page-template-page-brands-list #footer { margin-top: 0; }


	#blackfridayCTA { padding-top: 30px; padding-bottom: 30px; margin-bottom: 0; }
	#blackfridayCTA h2 { padding-bottom: 5px; }
	#blackfridayCTA p.large { padding-bottom: 0.5em; }




/**
 * Hello Neighbour - coffee sign up page
		 * page-id-1949
		 * https://paddingtonsquare.co.uk/signup/
 */
body.page-id-1949 #footer,
body.page-id-1949 .footer-development,
body.page-id-1949 #footer
 { display: none!important; }
/*==================== Media Queries ====================*/
	@media (max-width: 1440px)
	{
		/*Small Desktop (WXGA+/WSXGA)*/
	}
	@media (max-width: 1439px)
	{
		header.article-header { padding-left: 5%; padding-right: 5%; }
		body.page-template-page-LandingPageHomeStyle .inner-content, body.page-template-page-brands .inner-content, body.page-template-page-brands-list .inner-content { padding-left: 0; padding-right: 0; }
		body.page-template-page-brands .inner-width, body.page-template-page-brands-list .inner-width { padding-left: 5%; padding-right: 5%; }
	}
	@media (max-width: 1366px)
	{
		/*Small Desktop (HD/WXGA)*/
	}
	@media (max-width: 1280px)
	{
		/*Small Desktop/Laptop (WXGA/SXGA)*/
		body.home .featuredArea .featuredBox .featuredBoxContent { max-width: 400px; }
		.footer-development .info { flex-basis: 100%; }
		.footer-development .logos { flex-direction: row; justify-content: center; align-content: center; }
 	}
	@media (max-width: 1029px)
	{
		/*Tablet*/
		body.home #header { padding: 25px 5%; }
    	body.home .featuredArea .featuredBoxContainer { align-items: flex-start; padding: 40px 5%; } /*May 2025 Change*/
		body.home #location .wp-block-columns { flex-wrap: wrap !important; }
 		body.home #location .wp-block-columns .wp-block-column { flex-basis: 100% !important; }
 		.footer-container { flex-direction: column; row-gap: 3em; }
 		.footer-container .marketingArea { row-gap: 3em; }
 	}
	@media (max-width: 960px)
	{
		/*Single Post Width*/
		body.home #brands .logos { flex-basis: 70% !important; }
		#offers.gridBlock .ctaBlock { width: 33.3333333333%; flex-basis: 33.3333333333%; }
 	}
 	@media (max-width: 781px)
	{
		/*WordPress Mobile*/
		body.home #brands .logos { flex-basis: 100% !important; }
		/*.brand-grid .brand-grid-item .brandStatus { font-size: var(--fs-normal); }*/
		body.page-id-380 .wp-block-columns + h3 { padding-top: 1em; }
	  	body.page-id-380 .wp-block-columns .wp-block-column:not(:has(h6)) { display: none; }
		#footer .logoArea { flex-basis: 100%; }
		.footer-development { padding: 40px 5%; }
		.footer-development .info .image { flex-basis: 100%; order: 2; }
		.footer-development .info .text { text-align: center; justify-content: center; }
	}
	@media (max-width: 767px)
	{
		/*Mobile*/
		#art .imageFill, #art .contentBlock, #events .imageFill, #events .contentBlock, #music .imageFill, #music .contentBlock { width: 100%; flex-basis: 100%; }
		#events .imageFill { order: 2; }
		.footer-development .logos .logo { max-width: 100px; }
		body.home .featuredArea .featuredBox .featuredBoxContent { padding: 20px; }
		#offers.gridBlock .ctaBlock { width: 50%; flex-basis: 50%; }
 	}
	@media (max-width: 599px)
	{
		/*WordPress Mobile*/
	}
	@media (max-width: 480px)
	{
		/*Small Mobile*/
		.wp-block-buttons,.wp-block-buttons > .wp-block-button, .wp-block-buttons > .wp-block-button .wp-block-button__link { width: 100%; }
        a.button, a.wp-block-button__link, a.button.primary, .wp-block-button.primary a.wp-block-button__link { min-width: 170px; }
        /*body.home .brand-grid .brand-grid-item:nth-of-type(9) { display: none; }*/
        body.home #food .contentBlock, body.home #shopping .contentBlock, body.home #markethalls .contentBlock { width: 100%; aspect-ratio: unset; padding: 40px 25px!important; }
        .brand-filter-container .brand-type-container, .brand-filter-container .brand-search-container { min-width: 100%; }
        #newsletterCTA #mc_embed_signup_scroll { flex-direction: column; gap: 10px; }
        #newsletterCTA #mc_embed_signup_scroll input.button { width: 100%; flex-basis: 100%; }
        .footer-container .newsletterArea #mc_embed_signup_scroll { gap: 5px; }
        .footer-container .newsletterArea #mc_embed_signup_scroll input.email { border-right: 1px solid #808080; }
 	}
	@media (max-width: 370px)
	{
		body.home .featuredArea .featuredBox .featuredBoxContent { flex-wrap: wrap; }
		body.home .featuredArea .featuredBox .logo { flex-basis: 100%; height: auto; padding-right: 0; padding-bottom: 20px; border-right: none; border-bottom: 3px solid var(--secondary); }
		body.home .featuredArea .featuredBox .logo img { display: none; }
 		body.home .featuredArea .featuredBox .logo::before { content: url(https://paddingtonsquare.co.uk/wp-content/themes/SCGrid/library/images/logo.svg); width: 100%; height: auto; display: block; }
 	}