/*
Theme Name: Bedford Landings Blog Child
Theme URI: https://bedfordlandings.com/
Description: Blog-focused child theme styling for Bedford Landings. Refreshes posts and archives while preserving existing content, URLs, menus, SEO data, and the Bedford Landings parent theme.
Author: KeyBuzz Digital
Template: bedford-landings-b-b
Version: 1.0.11
Text Domain: bedford-landings-blog-child
*/
/* =========================================================
   Bedford Landings Header Adjustments
   ========================================================= */

/* Keep the main header in the normal page flow */
.site-header,
.main-header,
header[role="banner"] {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	width: 100%;
	z-index: 100;
}

/* Neutralize common sticky and fixed header classes */
.site-header.is-sticky,
.site-header.sticky,
.site-header.fixed,
.site-header.header-fixed,
.main-header.is-sticky,
.main-header.sticky,
.main-header.fixed,
.main-header.header-fixed {
	position: relative !important;
	top: auto !important;
	transform: none !important;
}

/* Control the main header logo size */
.site-header .custom-logo,
.site-header .site-logo img,
.site-header .custom-logo-link img,
.main-header .custom-logo,
.main-header .site-logo img,
.main-header .custom-logo-link img {
	display: block;
	width: auto !important;
	height: auto !important;
	max-width: 115px !important;
	max-height: 115px !important;
	object-fit: contain;
}

/* Keep the branding area from taking over the header */
.site-header .site-branding,
.main-header .site-branding {
	flex: 0 0 auto;
	max-width: 275px;
}

/* Desktop header spacing */
@media (min-width: 981px) {
	.site-header,
	.main-header {
		min-height: 100px;
	}

	.site-header .header-inner,
	.site-header .header-container,
	.site-header .site-header-inner,
	.main-header .header-inner,
	.main-header .header-container,
	.main-header .site-header-inner {
		align-items: center;
		padding-top: 8px;
		padding-bottom: 8px;
	}
}

/* Tablet and mobile logo sizing */
@media (max-width: 980px) {
	.site-header .custom-logo,
	.site-header .site-logo img,
	.site-header .custom-logo-link img,
	.main-header .custom-logo,
	.main-header .site-logo img,
	.main-header .custom-logo-link img {
		max-width: 82px !important;
		max-height: 82px !important;
	}

	.site-header .site-branding,
	.main-header .site-branding {
		max-width: 210px;
	}
}