/*
Theme Name: CEF Houston 2025
Theme URI: https://cefhouston.org
Description: Child theme of Twenty Twenty-Five for Child Evangelism Fellowship of Greater Houston. Carries the CEF2012 look into core blocks, full width.
Author: Brilliant Web Works
Author URI: https://brilliantly.net
Template: twentytwentyfive
Version: 1.0.0
Requires at least: 6.7
Requires PHP: 8.3
Text Domain: cef-2025
*/

body {
	background: #fff url(assets/images/bkgd.png);
}

.wp-site-blocks {
	padding-top: 0;
	padding-bottom: 0;
}

.wp-site-blocks > * + * {
	margin-block-start: 0;
}

.cef-header {
	background: url(assets/images/topbkgd.png) repeat-x top left;
}

.cef-header-inner {
	position: relative;
	width: 100%;
	max-width: 960px;
	margin-inline: auto;
	aspect-ratio: 960 / 270;
	background: url(assets/images/CEFheader2.png) no-repeat center top;
	background-size: 100% auto;
}

.cef-topbar {
	min-height: 40px;
	padding-inline: 8px;
	font-size: 13.7px;
	line-height: 1.4;
	color: #fff;
}

.cef-topbar p {
	margin: 0;
	color: #fff;
}

.cef-topbar a,
.cef-topbar a:hover {
	color: #fff;
}

.cef-nav-band {
	background: linear-gradient(to bottom, #ffffff, #efefef);
	box-shadow: 0 1px 3px 1px #ddd;
	margin-bottom: 30px;
}

.cef-nav-band .wp-block-navigation {
	font-size: 14.4px;
	font-weight: 700;
	gap: 0;
}

.cef-nav-band .wp-block-navigation .wp-block-navigation-item__content {
	color: #666;
	padding: 10px 16px;
}

.cef-nav-band .wp-block-navigation .wp-block-navigation-item__content:hover,
.cef-nav-band .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content {
	color: #AA273D;
	text-decoration: none;
}

.cef-nav-band .wp-block-navigation .cef-nav-home > .wp-block-navigation-item__content {
	width: 44px;
	height: 42px;
	padding: 0;
	margin-right: 12px;
	background: #AA273D url(assets/images/Nav-Home.png) no-repeat center;
	border-radius: 5px 0 0 5px;
	color: transparent;
	overflow: hidden;
	text-indent: -9999px;
}

.cef-nav-band .wp-block-navigation__submenu-container {
	min-width: 20em;
	border: 1px solid #e1e1e1 !important;
	background: #F5F5F5 !important;
	box-shadow: 3px 2px 2px 0 #ddd;
	font-weight: 400;
}

.cef-nav-band .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 8px 16px;
	color: #666;
}

.cef-nav-band .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
	background: #E0E2E3;
	color: #111;
}

.cef-banner-band {
	padding-top: 0;
	padding-bottom: 30px;
}

.cef-banner-band .cef-framed {
	max-width: 955px;
	margin-inline: auto;
}

.cef-banner-band .cef-framed img {
	width: 100%;
	height: auto;
	border: 15px solid #fff;
	border-radius: 5px;
	box-shadow: 0 3px 3px 0 #666;
}

.cef-home-widgets {
	padding-bottom: 40px;
}

.cef-widget-title {
	text-align: center;
	color: #555;
	font-size: 23.8px;
	margin-top: 0;
}

.cef-resources.wp-block-gallery {
	gap: 16px;
	max-width: 290px;
}

.cef-resources.wp-block-gallery .wp-block-image {
	width: calc(50% - 8px) !important;
	flex-grow: 0 !important;
}

.cef-resources.wp-block-gallery .wp-block-image img {
	height: auto !important;
	flex: 0 0 auto !important;
}

.cef-resources.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	position: static;
	background: none;
	padding: 4px 0 0;
	margin: 0;
	max-height: none;
	overflow: visible;
	text-align: left;
	font-size: 12px;
	color: #222;
	text-shadow: none;
}

.cef-resources.wp-block-gallery.has-nested-images figure.wp-block-image figcaption a {
	color: #AA263D;
}

.cef-resources.wp-block-gallery.has-nested-images figure.wp-block-image::before {
	display: none;
}

.wp-block-button.is-style-cef-dark .wp-block-button__link {
	background: linear-gradient(to bottom, #6c6c6c, #444444);
	border: 1px solid #323232;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.wp-block-button.is-style-cef-dark .wp-block-button__link:hover {
	background: linear-gradient(to bottom, #8d8d8d, #575757);
	text-decoration: none;
}

.cef-footer {
	background: #181818 url(assets/images/Bkgd-Footer.png) repeat-x;
	min-height: 150px;
	margin-top: 35px;
	padding-top: 16px;
	padding-bottom: 16px;
	font-size: 10.8px;
	color: #777;
}

.cef-footer p {
	margin: 0;
	color: #777;
}

.cef-page-main {
	padding-bottom: 40px;
}

.cef-page-main .wp-block-post-title {
	margin-top: 0;
}

@media (max-width: 781px) {
	.cef-empty-col {
		display: none;
	}

	.cef-home-widgets .wp-block-columns {
		gap: 32px;
	}

	.cef-resources.wp-block-gallery {
		margin-inline: auto;
	}

	.cef-home-widgets .wp-block-buttons {
		justify-content: center;
	}
}

@media (max-width: 700px) {
	.cef-header {
		background: #262626;
	}

	.cef-header-inner {
		aspect-ratio: auto;
		background: none;
	}

	.cef-topbar {
		flex-direction: column;
		align-items: center !important;
		justify-content: center !important;
		gap: 2px !important;
		padding: 8px;
		text-align: center;
	}

	.cef-topbar p {
		text-align: center !important;
	}

	.cef-header-art {
		display: block !important;
		background: #fff url(assets/images/bkgd.png);
	}

	.cef-banner-band .cef-framed img {
		border-width: 6px;
	}

	.cef-nav-band .wp-block-navigation {
		justify-content: space-between;
	}

	.cef-nav-band .wp-block-navigation__responsive-container.is-menu-open {
		padding: 24px;
	}

	.cef-nav-band .wp-block-navigation__responsive-container.is-menu-open .cef-nav-home > .wp-block-navigation-item__content {
		width: 100%;
		height: auto;
		margin: 0;
		border-radius: 0;
		background: none;
		color: #666;
		text-indent: 0;
	}

	.cef-nav-band .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container,
	.cef-nav-band .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
		align-items: stretch !important;
	}

	.cef-nav-band .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
		gap: 0;
		width: 100%;
	}

	.cef-nav-band .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item,
	.cef-nav-band .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item {
		width: 100%;
	}

	.cef-nav-band .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
		display: block;
		width: 100%;
		padding: 12px 0 !important;
		font-size: 18px;
		border-bottom: 1px solid #e5e5e5;
	}

	.cef-nav-band .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
		border: none !important;
		background: transparent !important;
		box-shadow: none;
		min-width: 0;
		width: 100% !important;
		padding: 0 0 0 18px !important;
		gap: 0;
	}

	.cef-nav-band .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		font-size: 16px;
		font-weight: 400;
		padding: 10px 0 !important;
	}
}

.cef-header-art {
	display: none;
	margin: 0;
}

.cef-header-art img {
	display: block;
	width: 100%;
	height: auto;
}

.cef-content-card {
	background: #FDFDFD;
	border-radius: 5px;
	box-shadow: 1px 1px 3px 2px #ddd;
	padding: 24px 28px 32px;
}

.cef-content-card > .wp-block-post-content > * {
	max-width: none;
}

.cef-content-card .wp-block-post-title {
	font-size: 26px;
	font-weight: 400;
	margin-bottom: 0;
}

.cef-content-card .alignright {
	float: right;
	margin: 0 0 1em 1.5em;
}

.cef-content-card .alignleft {
	float: left;
	margin: 0 1.5em 1em 0;
}

.cef-content-card .wp-block-post-content::after {
	content: "";
	display: table;
	clear: both;
}

.cef-content-card .wp-block-details {
	border: 1px solid #ddd;
	background: #fff;
	border-radius: 5px;
	padding: 10px 16px;
}

.cef-content-card .wp-block-details summary {
	font-weight: 700;
	cursor: pointer;
	color: #AA263D;
}

.cef-post-meta {
	color: #777;
	font-size: 12px;
}

@media (max-width: 600px) {
	.cef-content-card {
		padding: 18px 16px 24px;
	}

	.cef-content-card .alignright,
	.cef-content-card .alignleft {
		float: none;
		margin: 0 auto 1em;
		display: table;
	}
}