/******************************************************************
core.css

V0.1 - 1/4/22

This is the 'core' of the new design system for Grid. This code needs to be kept independant and apply to all of the sites. Nothing site specific goes here as it can be overwritten when a new 'core' is installed. This is based on using SCGrid and block editor.


Index:
1)General Layout Styles
	1.1)Group
******************************************************************
 */


:root
{


/*theme colours*/
	--first: #91B508; /* var(--first)*/
	--second: rgba(0, 24, 63); /* var(--second)*/
	--second-transparent: rgba(0, 24, 63, 0.7); /* var(--second)*/

	--third: #242525; /* var(--third)*/
	--fourth: #FFFFFF; /* var(--fourth)*/
 }



 .core_bg, .core_bg_first {background-color: var(--first);}
 .core_bg_second {background-color: var(--second);}
 /*
1)General Layout Styles
 */
		/*
		1.1)Group Styles
		 */
		.wp-block-group {padding: 40px 0;}
		.wp-block-group .wp-block-group {padding-top:0;padding-bottom:0;} /* stop padding applying to nested groups*/


		/*
		1.2) buttons
		 */
		.wp-block-buttons {justify-content: center; }







 /*
#)Image Gallery
 */
		/*
		##)Captions
		 */
		.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {background:none; background-color: var(--second-transparent); font-size: 0.8em; padding:10px;}





/*==================== Fifty Fifty (50:50) ACF Block ====================*/
	.fiftyFiftyBlock { background-color: var(--blue); }
	.fiftyFiftyBlock * { color: #fff; }

	.fiftyFiftyBlock .overlay { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; }

	.fiftyFiftySection { position: relative; }

	.fiftyFiftyText { padding: 5%; }

	.fiftyFiftyImage { width: 100%; height: 100%; position: relative; padding-top: 66.66%; }
	.fiftyFiftyImage img, #main .fiftyFiftyImage img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
	.fiftyFiftyImage .fiftyFiftyText { position: absolute; top: 0; left: 0; z-index: 9999; }

	/* Aspect Ratios */
	.fiftyFiftyBlock.Square .fiftyFiftyImage { padding-top: 100%; }
	.fiftyFiftyBlock.Four-to-Three .fiftyFiftyImage { padding-top: 75%; }
	.fiftyFiftyBlock.Three-to-Two .fiftyFiftyImage { padding-top: 66.66%; }
	.fiftyFiftyBlock.Sixteen-to-Nine .fiftyFiftyImage { padding-top: 56.25%; }

	/* Align Content */
	/*Horizontally Centred*/
	.fiftyFiftySection.h_center { text-align: center; }
	/*Vertically Centred*/
	.fiftyFiftySection.v_center { display: flex; align-items: center; }
	.fiftyFiftySection.v_center .fiftyFiftyImage .fiftyFiftyText { top: 50%; left: 0; transform: translate(0, -50%); }
	/*Horizontally & Vertically Centred*/
	.fiftyFiftySection.hv_center { text-align: center; display: flex; justify-content: center; align-items: center; }
	.fiftyFiftySection.hv_center .fiftyFiftyImage .fiftyFiftyText { top: 50%; left: 50%; transform: translate(-50%, -50%); }


	@media (max-width: 767px)
	{
		/*Mobile*/
		.fiftyFiftyBlock .fiftyFiftySection.rightImageOnly { order: -1; }
 	}



/*==================== Blockquotes ====================*/
	blockquote.wp-block-quote { background-color: var(--lightGrey); padding: 5%; }
	blockquote.wp-block-quote:before { content: url(https://rscnet.co.uk/green/wp-content/themes/SCGrid/library/images/quote-open-white.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; }
	blockquote.wp-block-quote cite { font-size: 14px; line-height: 24px; text-transform: uppercase; }
	blockquote.wp-block-quote cite strong { font-size: 24px; text-transform: none; }



/*==================== Wordpress Block - Cover ====================*/
	.wp-block-cover { padding-left: 5%; padding-right: 5%; }
	.wp-block-cover img, main#main .wp-block-cover img { width: 100%; height: 100%; }
	.wp-block-cover h1, .wp-block-cover h2 { font-size: 3em; }
	.wp-block-cover p { font-size: 1.2em; max-width: 767px; margin-left: auto; margin-right: auto; }

	/* Blockquotes within Cover block*/
	.wp-block-cover blockquote.wp-block-quote { background-color: transparent; text-align: center; }
	.wp-block-cover blockquote.wp-block-quote:before { content: url(https://rscnet.co.uk/green/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; }



/*==================== Accordion Block ====================*/
	.c-accordion__title, .inner-content .c-accordion__title { background-color: var(--blue); 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; }