/*
Theme Name: Brass Family Law
Author: Link Web Development
Description: Custom WordPress theme for Brass Family Law.
Version: 1.1.0
*/

html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; }
img { max-width: 100%; height: auto; }
a { transition: color .2s ease, border-color .2s ease, background-color .2s ease, opacity .2s ease; }
svg { stroke-width: 1.65; }

.container-xl { max-width: var(--content-width); }

.screen-reader-shortcut {
	position: fixed;
	left: 1rem;
	top: -10rem;
	z-index: 99999;
	padding: .75rem 1rem;
	background: #fff;
	color: var(--deep-olive);
}
.screen-reader-shortcut:focus { top: 1rem; }

.main-body { min-height: 60vh; }
section.flex-content { position: relative; }
section.flex-content .container,
section.flex-content .container-xl { position: relative; z-index: 2; }
section.flex-content .bg,
section.flex-content > video.embeded-video {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: 0;
}
section.flex-content .overlay { position: absolute; inset: 0; z-index: 1; }

.text ul,
.text ol { padding-left: 1.25rem; }
.text li + li { margin-top: .5rem; }

.item {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity .55s ease, transform .55s ease;
}
.item.is-visible { opacity: 1; transform: none; }

iframe[src*="youtu"],
iframe[src*="youtube"],
iframe[src*="vimeo"],
video { max-width: 100%; }

.fs-xsmall, .text-xs { font-size: .75rem; }
.fs-small, .text-sm { font-size: .875rem; }
.fs-large, .text-lg { font-size: 1.125rem; }
.fs-xlarge, .text-xl { font-size: 1.25rem; }