/**
 * Site-wide layout rules. The sizes are set under Appearance > Customize > Layout
 * and printed as CSS variables by inc/site-layout.php.
 */

/* ---------------------------------------------------------- Section gaps */

/*
 * The space above a section. Give the section one of these classes; its own
 * bottom padding should be 0, so two paddings never stack. .site-content makes
 * these win over the container-default global style.
 */
.site-content .bh-gap-small {
	padding-top: var(--bh-gap-small, 32px);
}

.site-content .bh-gap-medium {
	padding-top: var(--bh-gap-medium, 96px);
}

.site-content .bh-gap-large {
	padding-top: var(--bh-gap-large, 168px);
}

/* --------------------------------------------------------------- Corners */

/*
 * Rounded corners on images and boxes across the content area. Buttons keep
 * their own styles and are not touched here.
 *
 * Scoped to .site-content so the header and footer logos keep their shapes.
 * An image with the class bh-no-radius, or inside a block that has it, is left alone.
 */

/* Images: block images, GenerateBlocks media, featured images, galleries. */
.site-content img:not(.bh-no-radius):not(.bh-no-radius img):not(.pattern-slider__image),
.site-content .wp-block-image:not(.bh-no-radius),
.site-content .wp-block-cover,
.site-content .wp-block-embed iframe,
.site-content video {
	border-radius: var(--bh-radius, 20px);
}