/** ===========================================================================
 * main
 * ============================================================================
 * Be More P.U.N.K. - Theme
 */

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

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

/* ----------------------------------------------------------------------------
 * blocks
 * --------------------------------------------------------------------------*/

.block-cw-01 {

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

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

.block-cw-12 {

	/* 12. Black, off
	 * pair with:	.on_dark
	 */

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

.block-cw-14 {

	/* 14. Grey, pale
	 * pair with:	.on_light
	 */

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

.block-cw-21 {

	/* 21. Blue
	 * pair with:	.on_dark
	 */

	background-color: var(--wp--preset--color--theme-blue);
	}

	.block-cw-21.has-background-image {
		background: url("../images/bg_cw-21.webp") 0 0 no-repeat;
		background-size: cover;
		}

.block-cw-22 {

	/* 22. Green
	 * pair with:	.on_dark
	 */

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

	.block-cw-22.has-background-image {
		background: url("../images/bg_cw-22.webp") 0 0 no-repeat;
		background-size: cover;
		}

.block-cw-23 {

	/* 23. Purple
	 * pair with:	.on_dark
	 */

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

	.block-cw-23.has-background-image {
		background: url("../images/bg_cw-23.webp") 0 0 no-repeat;
		background-size: cover;
		}

.block-cw-24 {

	/* 24. Yellow
	 * pair with:	.on_light
	 */

	background-color: var(--wp--preset--color--theme-yellow);
	}

	.block-cw-24.has-background-image {
		background: url("../images/bg_cw-24.webp") 0 0 no-repeat;
		background-size: cover;
		}


/** ---------------------------------------------------------------------------
 * functions and blocks
 * --------------------------------------------------------------------------*/

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


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

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

.block-hero .flex-row-child h1 { margin-bottom: var(--wp--preset--spacing--30); }


@media screen and (max-width: 890px) {
 
	.block-hero { 
		padding-top: var(--wp--preset--spacing--40);
		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--110);
		}

	}

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


/** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * featured block
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

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

	.block-standout h2 {
		margin-bottom: var(--wp--preset--spacing--30);
		}


/** - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * buttons block
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.button-container h2 {
	font-size: var(--wp--preset--font-size--fs-large);
	line-height: var(--wp--custom--lh-large);
	margin-bottom: var(--wp--preset--spacing--20);
	}

.button-container a.link-as-button:first-of-type { margin-right: var(--wp--preset--spacing--30); }


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

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