/** ===========================================================================
 * main
 * ============================================================================
 * Surviving The Gap: Theme
 */

/** ---------------------------------------------------------------------------
 * home
 * --------------------------------------------------------------------------*/

.flex-row-child h1 { margin-bottom: 0;}

/* ----------------------------------------------------------------------------
 * block colour variations
 * ----------------------------------------------------------------------------
 * https://cssgradient.io/
 */

.block-cw-01 {

	/* 01. White
	 * pair with: .on_light
	 */

	background-color: var(--wp--preset--color--white);
	}

.block-cw-20 {

	/* 20: brand, orange
	 * pair with: .on_light
	 */

	background-color: var(--wp--preset--color--brand-orange);
	}

	/*.block-cw-20 img */ .block-cw-20 a.button-solid { box-shadow: var(--wp--custom--box-shadow-orange); }


.block-cw-23 {

	/* 23. orange, pale
	 * pair with: .on_light
	 */

	background-color: var(--wp--preset--color--orange-pale);
	}

.block-cw-24 {

	/* 24. orange, white off
	 * pair with: .on_light
	 */

	background-color: var(--wp--preset--color--orange-white-off);
	}

	/* .block-standout.block-cw-24 ul.cards li:not(div.copy-wrapper li) { box-shadow: 4px 4px 6px 1px rgba(217, 217, 183, 0.5); } */

.block-cw-30 {

	/* 30. brand, purple
	 * pair with: .on_dark
	 */

	background-color: var(--wp--preset--color--brand-purple);
	}

.block-cw-31 {

	/* 31. purple, black off
	 * pair with: .on_dark
	 */

	background-color: var(--wp--preset--color--purple-black-off);
	/* background: var(--wp--preset--color--brand-purple);
	background: radial-gradient(circle,rgba(59, 56, 189, 1) 0%, rgba(25, 24, 66, 1) 58%); https://cssgradient.io/ */
	}

.block-cw-34 {

	/* 34. purple, white  off
	 * pair with: .on_light
	 */

	background-color: var(--wp--preset--color--purple-white-off);
	}

	.block-standout.block-cw-34 ul.cards li:not(div.copy-wrapper li):not(#footer-partners li) { box-shadow: 4px 4px 6px 1px rgba(207, 207, 207, 0.5); } 

.block-cw-40 {

	/* 40. red, warm
	 * pair with: .on_light
	 */

	background-color: var(--wp--preset--color--red-warm);
	}

	.block-cw-40 img, .block-cw-40 a.button-solid, .block-cw-40 p.is-style-callout-pill-on-dark, .block-cw-40 ul.parent-list-ul li { box-shadow: var(--wp--custom--box-shadow-red); }

.block-cw-50 {

	/* 50. green
	 * pair with: .on_light
	 */

	background-color: var(--wp--preset--color--green);
	}

.block-cw-60 {

	/* 60. grey warm
	 * pair with: .on_light
	 */

	background-color: var(--wp--preset--color--grey-warm);
	}


/** ---------------------------------------------------------------------------
 * block structure
 * --------------------------------------------------------------------------*/

.block-margin-below { margin-bottom: var(--wp--preset--spacing--70); }

.header-margin-below header { margin-bottom: var(--wp--preset--spacing--40); }


/** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * page hero
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#home-hero, #page-hero {
	background: var(--wp--preset--color--brand-orange);
	background: radial-gradient(circle,rgba(255, 197, 36, 1) 11%, rgba(255, 174, 0, 1) 100%);
	border-top: 1px var(--wp--preset--color--orange-dark) solid;
	border-bottom: 1px var(--wp--preset--color--orange-dark) solid;
	}

.block-hero.hero-margin-below { margin-bottom: var(--wp--preset--spacing--80); }

	#home-hero a.button-solid, #page-hero a.button-solid { box-shadow: var(--wp--custom--box-shadow-orange); }


@media screen and (max-width: 890px) {
 
	.block-hero {
		padding-top: var(--wp--preset--spacing--80);
		padding-bottom: var(--wp--preset--spacing--80);
		}

	}


@media screen and (min-width: 891px) {
 
	.block-hero {
		padding-top: var(--wp--preset--spacing--100);
		padding-bottom: var(--wp--preset--spacing--100);
		}

	}


#home-hero h1 { margin-top: 0; }

.block-hero .flex-row-child p { 
    font-size: var(--wp--preset--font-size--fs-large);
    font-weight: var(--wp--custom--fw-normal);
	line-height: var(--wp--custom--lh-large);
	margin: 0;
	}


/** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * standout block
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.block-standout {
	padding-top: var(--wp--preset--spacing--80);
	padding-bottom: var(--wp--preset--spacing--80);
	}

.block-standout:not(.block-standout.container-breakout-parent) {
	padding-right: var(--wp--preset--spacing--80);
	padding-left: var(--wp--preset--spacing--80);
	}

	.block-corner-radius { border-radius: var(--wp--custom--border-radius-block); }

	.parent-empty.block-cw-24 .container-content-outer {
		background-color: var(--wp--preset--color--white);
		border-radius: var(--wp--custom--border-radius-block);
		box-shadow: var(--wp--custom--box-shadow-orange-pale);
		box-sizing: border-box;
		padding: var(--wp--preset--spacing--80);
		}

		.parent-empty.container-content-outer p:last-of-type { margin-bottom: 0; }


/** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * parent-with-heading
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.parent-with-heading.block-cw-24 .container-breakout-child .container-content-outer {
	background-color: var(--wp--preset--color--white);
	border-radius: var(--wp--custom--border-radius-block);
	box-sizing: border-box;
	padding: var(--wp--preset--spacing--80);
	}


/** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * list block
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.parent-list-ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

	.parent-list-ul.block-margin-below { margin-bottom: var(--wp--preset--spacing--50); }
		
	.parent-list-ul ul, .wp-block-list {
		margin: 0 var(--wp--preset--spacing--30) var(--wp--preset--spacing--50) var(--wp--preset--spacing--30);
		padding-left: var(--wp--preset--spacing--30);
		}

		.parent-list-ul ul li {
			display: list-item; /* display a bullet */
			list-style: disc;
			list-style-position: outside;
			width: 100%;
			}


/** ---------------------------------------------------------------------------
 * flex rows
 * --------------------------------------------------------------------------*/

.flex-row-second-child { text-align: right; }


/** ---------------------------------------------------------------------------
 * list event dates
 * --------------------------------------------------------------------------*/

#event-date-list {

	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;

	list-style: none;
	margin: 0 0  var(--wp--preset--spacing--70) 0;
	padding: 0;
	}

	#event-date-list li:not(:last-child) { margin-bottom: var(--wp--preset--spacing--70); }

	.rows li {
		background-color: var(--wp--preset--color--orange-white-off);
		border: 1px var(--wp--preset--color--orange-pale) solid;
		border-radius: var(--wp--custom--border-radius-block);
		padding: var(--wp--preset--spacing--80);
		}

		.rows .content-wrapper header {
			background: url("../images/bg_heading_on_light.svg") 0 100% no-repeat;
			background-size: auto;
			background-size: var(--wp--preset--spacing--40);
			margin-bottom: var(--wp--preset--spacing--50);
			padding-bottom: var(--wp--preset--spacing--10);
			}

			p.date-time, p.event-type { margin: 0; }


ul.rows {

	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;

	list-style: none;
	margin: 0 0  var(--wp--preset--spacing--70) 0;
	padding: 0;
	}

	ul.rows-expanded li:not(:last-child) { margin-bottom: var(--wp--preset--spacing--70); }

	.rows-expanded li {
		background-color: var(--wp--preset--color--orange-white-off);
		border: 1px var(--wp--preset--color--orange-pale) solid;
		border-radius: var(--wp--custom--border-radius-block);
		padding: var(--wp--preset--spacing--80);
		}

		.rows a:visited:not(.rows a.link-as-button:visited) {
			color: var(--wp--preset--color--purple-black-off) !important;
			text-decoration: none;
			}

		.rows p { margin-top: 0; }

		.rows .content-wrapper p:last-of-type { margin-bottom: 0; }