/*
Theme Name: The Sun Inn
Theme URI: https://suninnbethlehem.org/
Description: This is a custom theme for The Sun Inn.   
Author: The Sun Inn Team
Author URI: https://suninnbethlehem.org/
Template: memberlite
Version: 1.0
License: GPL-2.0+  
License URI: http://www.gnu.org/licenses/gpl-2.0.html  
*/

h1, h2, h3, h4, h5, h6, .et_quote_content blockquote p, .et_pb_slide_description .et_pb_slide_title {
	letter-spacing: 1px;
}

/* ---------------------------------------------------------
   Cover-first pages: header overlays the first cover block.
   The body.has-cover-first class is added in PHP (functions.php)
   when the page's first block is a core/cover.
--------------------------------------------------------- */
.site-header {
	background: transparent;
}

/* Position the header as an absolute overlay at the top of #page */
body.has-cover-first #page {
	position: relative;
}

body.has-cover-first .site-header {
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 100;
}

/* Nuke any top spacing on the content wrapper chain so the cover
   can rise to the very top of the page, under the header. */
body.has-cover-first #content,
body.has-cover-first #content.site-content,
body.has-cover-first #primary,
body.has-cover-first #main,
body.has-cover-first #main.site-main,
body.has-cover-first .site-main > article,
body.has-cover-first .entry-content {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

/* Give the first cover block enough top padding to clear the header. */
body.has-cover-first .entry-content > .wp-block-cover:first-child {
	margin-top: 0 !important;
	padding-top: calc(var(--sun-inn-header-height, 188px) + var(--wp--preset--spacing--40, 40px)) !important;
}

/* Header background: alpha at top, solid after scroll. */
body.has-cover-first .site-header,
body.has-cover-first .site-header .site-header-variation,
body.has-cover-first .site-header .header-variation-03,
body.has-cover-first .site-header [class*="has-color-primary-background-color"] {
	transition: background-color 0.3s ease;
}

body.has-cover-first .site-header .header-variation-03.has-color-primary-background-color,
body.has-cover-first .site-header [class*="header-variation-"].has-color-primary-background-color {
	background-color: #403a36e8 !important;
}

body.has-cover-first.header-scrolled .site-header .header-variation-03.has-color-primary-background-color,
body.has-cover-first.header-scrolled .site-header [class*="header-variation-"].has-color-primary-background-color {
	background-color: #403a36 !important;
}