/*
Theme Name: Twenty Twenty Child
Text Domain: twentytwenty-child
Template: twentytwenty
Version: 1.0
Description: Child Theme for Twenty Twenty with Church Center Modal integration
Author: Jeff Stapleton
*/

@font-face {
	font-family: "Proxima Nova";
	src: url("/assets/fonts/proximanova/Proxima-Nova-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Proxima Nova";
	src: url("/assets/fonts/proximanova/Proxima-Nova-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Proxima Nova";
	src: url("/assets/fonts/proximanova/proximanova-black-webfont.woff") format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

/* Base font-family globally */
body, p, a, button, input, select, textarea,
h1, h2, h3, h4, h5, h6,
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6,
.entry-content cite, .entry-content figcaption,
.entry-content table, .entry-content address,
.entry-content .wp-caption-text, .entry-content .wp-block-file {
    font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 900;
}
p, a, button, input, select, textarea {
    font-weight: 400;
}

.entry-content {
    font-size: inherit;
    font-family: "Proxima Nova";
}

/* Buttons */
a.wp-block-button__link.wp-element-button,
.pco-group-link,
.pco-registration-link {
	background: #FF5425 !important;
	border-radius: 4px;
	color: white;
}

/* Site title */
.site-title a {
	font-size: 1.3em;
}

/* Sticky footer */
footer#site-footer {
    background: #F7EEE2;
	position: sticky;
	bottom: 0;
	width: 100%;
}

/* Content width override */
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: none !important;
    width: 80% !important;
}

/* Kiosk mode styling */
body.kiosk-mode .site-header,
body.kiosk-mode .header-inner,
body.kiosk-mode .site-footer,
body.kiosk-mode .footer-widgets-outer-wrapper {
	display: none !important;
}

body.kiosk-mode .site-content {
	margin-top: 0 !important;
}

/* Responsive Button Grid */
.kiosk-button-grid {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	padding: 1em;
	text-align: center;
}