/*
Theme Name: My Twenty Twenty One Child Theme
Theme URI: https://davegoossen.com
Description: A child theme for Twenty Twenty One.
Author: Dave Goossen
Author URI: https://davegoossendesign.com/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

:root {
/* Mint, default body background */
	--global--color-orange: #e86a4d;
	--global--color-border: var(--global--color-orange);
	
/* Font Family */
	--global--font-primary-child: var(--font-headings, Ubuntu, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Cantarell, "Helvetica Neue", sans-serif);
	--global--font-family-child: var(--global--font-primary-child);

	--global--font-size-xxl: 4rem;
}

body {
    border-top: 3px solid var(--global--color-border);
}

h2,
.h2 {
	font-family: var(--global--font-family-child);
}

/* fix header */
.site-header, .site-footer {
	padding-top: calc(0 * var(--global--spacing-vertical));
	padding-bottom: calc(0 * var(--global--spacing-vertical));
}
.site-footer > .site-info {
    padding-top: 0;
}
.no-widgets .site-footer {
    margin-top: calc(0 * var(--global--spacing-vertical));
}
.singular .entry-header {
    border-bottom: 3px solid var(--global--color-border);
    padding-bottom: calc(1 * var(--global--spacing-vertical));
    margin-bottom: calc(0 * var(--global--spacing-vertical));
}

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

	.site-header, .site-footer {
		padding-bottom: calc(0 * var(--global--spacing-vertical));
	    padding-top: calc(var(--global--spacing-vertical) / 0);
	}
}

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

    :root {
		--responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 880px);
	}
	.site-header, .site-footer {
	    padding-bottom: calc(0 * var(--global--spacing-vertical));
		padding-top: calc(0 * var(--global--spacing-vertical));
	}
}

/* image border */
.wp-block-image img {
    border: none;
}
.image-thin-border img {
	border: black 1px solid;
}