/* ==========================================================================
   WHS Footer (Beaver Themer layout "WHS Footer")
   Rows/modules carry these classes via their Advanced > Class fields:
     .wyohs-footer            (all three rows)
     .wyohs-footer__logo-row  (row 1: oval logo, top gradient line)
     .wyohs-footer__logo      (photo module)
     .wyohs-footer__legal     (row 2: copyright + legal menu, bottom gradient line)
     .wyohs-footer__copy      (text module)
     .wyohs-footer__menu      (menu module)
     .wyohs-footer__quote     (row 3: Felipa quote heading)
   ========================================================================== */
.wyohs-footer {
	--footer-navy: #1b3a5c;
	--footer-ink: #ffffff;
	--footer-line: rgba(255, 255, 255, 0.95);
	--footer-display: 'Special Gothic Condensed One', 'Oswald', Impact, sans-serif;
	--footer-script: 'Felipa', 'Young Serif', Georgia, serif;
	--footer-logo-overlap: 22px;   /* how far the oval rides above the navy edge */
}

/* --- Row 1: logo + top line --- */
.wyohs-footer.wyohs-footer__logo-row { overflow: clip visible; }
.wyohs-footer__logo { position: relative; margin-top: calc(-1 * var(--footer-logo-overlap)); }
.fl-module.wyohs-footer__logo::before {
	content: "";
	display: block !important; /* BB's clearfix sets .fl-module:before to display:table */
	width: auto;
	position: absolute;
	left: 0; right: 0;
	top: 50%;
	height: 2px;
	margin-top: -1px;
	background: linear-gradient(to right,
		rgba(255,255,255,0) 0%,
		var(--footer-line) 34%,
		var(--footer-line) 66%,
		rgba(255,255,255,0) 100%);
	pointer-events: none;
	z-index: 0;
}
.wyohs-footer__logo .fl-photo { position: relative; z-index: 1; }
.wyohs-footer__logo .fl-photo-img { display: block; margin: 0 auto; width: 100%; max-width: var(--footer-logo-width, 260px); height: auto; }

/* --- Row 2: legal --- */
.wyohs-footer__legal > .fl-row-content-wrap { position: relative; }
.wyohs-footer__legal > .fl-row-content-wrap::after {
	content: "";
	display: block;
	position: absolute;
	left: 0; right: 0; bottom: 0;
	height: 2px;
	background: linear-gradient(to right,
		rgba(255,255,255,0) 0%,
		var(--footer-line) 18%,
		var(--footer-line) 82%,
		rgba(255,255,255,0) 100%);
	pointer-events: none;
}
.wyohs-footer__copy p,
.wyohs-footer__menu .menu a {
	font-family: var(--footer-display);
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: var(--footer-ink);
	line-height: 1.4;
	text-align: center;
}
.wyohs-footer__copy p { margin: 0; }
.wyohs-footer__menu .fl-menu { text-align: center; }
.wyohs-footer__menu .menu { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; margin: 0; padding: 0; list-style: none; }
.wyohs-footer__menu .menu > li { position: relative; margin: 0; padding: 0; }
.wyohs-footer__menu .menu > li > a { padding: 0.2em 0.9em; text-decoration: none; }
.wyohs-footer__menu .menu > li > a:hover,
.wyohs-footer__menu .menu > li > a:focus-visible { color: #f6d7b3; }
.wyohs-footer__menu .menu > li + li::before {
	content: "|";
	position: absolute;
	left: -0.15em;
	top: 50%;
	transform: translateY(-50%);
	color: var(--footer-ink);
	font-family: var(--footer-display);
	font-size: 15px;
	line-height: 1;
	pointer-events: none;
}

/* --- Row 3: quote --- */
.wyohs-footer__quote .fl-heading,
.wyohs-footer__quote .fl-heading-text {
	font-family: var(--footer-script);
	font-weight: 400;
	font-size: 34px;
	letter-spacing: 0;
	text-transform: none;
	color: var(--footer-ink);
	text-align: center;
	line-height: 1.2;
}

@media (max-width: 767px) {
	.wyohs-footer__copy p, .wyohs-footer__menu .menu a { font-size: 13px; letter-spacing: 1.5px; }
	.wyohs-footer__quote .fl-heading, .wyohs-footer__quote .fl-heading-text { font-size: 28px; }
	.wyohs-footer__logo .fl-photo-img { max-width: 200px; }
}