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

ul.cards li:not(.copy-wrapper ul li) {
	border-radius: var(--wp--custom--border-radius-card);
	padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--70) var(--wp--preset--spacing--60) var(--wp--preset--spacing--70);
	}

/* ----------------------------------------------------------------------------
 * colours
 * --------------------------------------------------------------------------*/

.card-cw-01 li {

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

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

.card-cw-20 li {

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

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


	.card-cw-223 li:not(div.copy-wrapper li) {

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

		border: 2px var(--wp--preset--color--orange-pale) solid;

	}

.card-cw-24 li:not(.copy-wrapper ul li) {

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

	background-color: var(--wp--preset--color--orange-white-off);
	border: 1px var(--wp--preset--color--orange-pale) solid;
	}

.card-cw-31 li {

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

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

.card-cw-34 li {

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

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

.card-cw-40 {

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

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

.card-cw-50 {

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

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

.card-cw-60 {

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

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


/* ----------------------------------------------------------------------------
 * clickable children
 * --------------------------------------------------------------------------*/





.block-clickable-children li:hover a {
	color: var(--wp--preset--color--green-medium) !important; 
	text-decoration: underline;
	};



/* ----------------------------------------------------------------------------
 * images
 * --------------------------------------------------------------------------*/

@media screen and (max-width: 600px) {

	.cards img {

		/* removes the unwanted space between bottom of image and closing of picture tag */
		display: block;

		height: auto;
		margin: 0 auto;
		width: 75%;
		}

	}

@media screen and (min-width: 601px) {

	.cards img {

		/* removes the unwanted space between bottom of image and closing of picture tag */
		display: block;

		height: auto;
		margin: 0 auto;
		width: 50%;
		}

	}


/* ----------------------------------------------------------------------------
 * community partners
 * --------------------------------------------------------------------------*/

#footer-partners .copy-wrapper { text-align: center;}

@media screen and (max-width: 600px) {

	#footer-partners .copy-wrapper {
		margin: var(--wp--preset--spacing--30) auto 0 auto;
		width: 75%;
		}

	}

@media screen and (min-width: 601px) {

	#footer-partners .copy-wrapper {
		margin: var(--wp--preset--spacing--30) auto 0 auto;
		width: 50%;
		}

	}


/* ----------------------------------------------------------------------------
 * text
 * --------------------------------------------------------------------------*/

.cards .copy-wrapper {

	/* set up copy wrapper to position buttons at bottom of the container
	 * by forcing contaier to expand to fill its parent
	 */

	display: flex;
	flex-grow: 1;
	flex-flow: column wrap;
	}

	.cards .copy-wrapper a.link-as-button {
		
		/* position buttons at the bottom of copy wrappers */
		
		margin-top: auto;
		}
 
.cards li *:last-child{ margin-bottom: 0; }