/**
 * Theme Components CSS
 * Auto-generated by gum_theme_components.sh
 *
 */

/* ========================================= */
/* Component: bio-img-edge-left */
/* ========================================= */

/** ======= Edge of Screen - left ======= */
.bio-img-edge #attorney-bio-container {
	max-width: 100%;
}
.bio-img-edge #attorney-bio-row {
	display: flex;
}

/** --- image --- */
.bio-img-edge .attorney-bio-img {
	width: 100%;
	height: 100%;
}
.bio-img-edge .attorney-bio-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bio-img-edge.bio-img-left #attorney-bio-cell-1 .inner {
	padding-left: 0;
	height: 100%;
}

/** --- info --- */
.bio-img-edge.bio-img-left #attorney-bio-cell-2 .inner {
	margin-right: 10%;
}

@media screen and (min-width: 1450px) {
	.bio-img-edge #attorney-bio-container {
		max-width: 1300px;
	}
	.bio-img-edge.bio-img-left #attorney-bio-cell-1 .inner {
		padding-left: 25px;
	}
	.bio-img-edge.bio-img-left #attorney-bio-cell-2 .inner {
		margin-right: 0;
	}
}

@media screen and (max-width: 1250px) {
	.bio-img-edge.bio-img-left #attorney-bio-cell-2 .inner {
		margin-right: 5%;
	}
}

@media screen and (max-width: 950px) {
	#attorney-bio-row {
		display: flex;
		flex-direction: column;
	}
	#attorney-bio-cell-1,
	#attorney-bio-cell-2 {
		padding: 0;
	}
	.bio-img-left #attorney-bio-cell-2 .inner {
		min-height: auto;
	}
	.bio-img-edge.bio-img-left #attorney-bio-cell-1 .inner {
		margin: auto;
		padding: 0;
	}
	.bio-img-edge.bio-img-left #attorney-bio-cell-2 .inner {
		padding: 0 25px;
	}
}

/* ========================================= */
/* Component: int-billboard-full */
/* ========================================= */
/** ---- Full width Image ---- */
.int-billboard-full #int-billboard .int-billboard-content {
	position: absolute;
	max-width: 90%;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	padding: 0 25px;
}
.int-billboard-full #int-billboard .int-billboard-title {
	position: relative;
	width: 70%;
	margin: 0;
}
.int-billboard-full #int-billboard h1#page-title {
	display: inline-block;
	margin: 0;
	padding: 0;
}
.int-billboard-full #int-billboard #breadcrumbs {
	margin: 25px 0 0 0;
}

/* combined breakpoints */
@media screen and (min-width: 1450px) {
	/** ---- Full width Image - Breakpoints ---- */
	.int-billboard-full #int-billboard .int-billboard-content {
		max-width: 1300px;
	}
}

@media screen and (max-width: 1250px) {
	.int-billboard-full #int-billboard .int-billboard-content {
		max-width: 95%;
	}
	/** ---- Full width Image - Breakpoints ---- */
	.int-billboard-full #int-billboard .int-billboard-title {
		width: 70%;
	}
}

@media screen and (max-width: 1150px) {
	/** ---- Full width Image - Breakpoints ---- */
	.int-billboard-full #int-billboard .int-billboard-title {
		width: 75%;
	}
}

@media screen and (max-width: 1050px) {
	/** ---- Full width Image - Breakpoints ---- */
	.int-billboard-full #int-billboard .int-billboard-content {
		padding: 0 25px;
		max-width: 100%;
	}
	.int-billboard-full #int-billboard .int-billboard-title {
		width: 95%;
		margin: 0 auto;
	}
	.int-billboard-full #int-billboard h1#page-title {
		display: block;
	}
}

@media screen and (max-width: 950px) {
	/** ---- Full width Image - Breakpoints ---- */
	.int-billboard-full #int-billboard .int-billboard-title {
		background: none;
		padding: 45px 0;
	}
	.int-billboard-full #int-billboard h1#page-title {
		padding-right: 0;
	}
	#int-billboard .int-billboard-img {
		object-position: right;
	}
}

@media screen and (max-width: 500px) {
	.int-billboard-full #int-billboard .int-billboard-content {
		max-width: 100%;
	}
	.int-billboard-full #int-billboard .int-billboard-title {
		width: 100%;
	}
}

/** ======================================== *
**    #region Custom Mobile Header
** ======================================== */
:root {
	--mhb-circle-bg: var(--accent-light);
	--mhb-circle-icon-color: var(--accent-dark);
	--home-mhb-circle-bg: var(--mhb-circle-bg);
	--home-mhb-circle-icon-color: var(--mhb-circle-icon-color);
	--mhb-label-color: #fff;
	--mhb-label-font-size: 0;
	--mhb-label-font-weight: 700;
	--home-mhb-label-color: var(--mhb-label-color);
}

#custom-mobile-header-wrapper {
	display: none;
}
#mobile-nav-container {
	max-width: 100%;
}

/** --- cell 1 --- */
#custom-mobile-header-cell-1 .logo {
	width: 100%;
	height: auto;
	max-width: var(--logo-width);
}

/** --- cell 2 --- */
#custom-mobile-header-cell-2 {
}
#custom-mobile-header-cell-2 .inner {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
}
#custom-mobile-header-cell-2 .location-phone {
	width: 44px;
	flex-shrink: 0;
}
#custom-mobile-header .location-phone a,
#custom-mobile-header .location-email a,
#custom-mobile-header .mobile-header-button a,
#custom-mobile-header .menu-bar-container .menu-label {
	font-family: var(--body-font);
	color: var(--mhb-label-color);
	font-weight: var(--mhb-label-font-weight) !important;
	font-size: var(--mhb-label-font-size) !important;
	line-height: normal;
	display: block;
}
.home #custom-mobile-header .location-phone a,
.home #custom-mobile-header .location-email a,
.home #custom-mobile-header .mobile-header-button a,
.home #custom-mobile-header .menu-bar-container .menu-label {
	color: var(--home-mhb-label-color);
}
#custom-mobile-header a.phone::before {
	content: '\f095';
	display: inline-block;
	font-family: var(--font-awesome);
	font-size: 20px;
	font-weight: var(--mhb-label-font-weight);
	color: var(--mhb-circle-icon-color);
}
#custom-mobile-header-cell-2 a.phone {
	background: var(--mhb-circle-bg);
	border-radius: 50%;
	width: 44px;
	height: 44px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	text-decoration: none;
}
/*  */
/* #custom-mobile-header .location-phone a, */
#custom-mobile-header .location-email a,
#custom-mobile-header .mobile-header-button a,
#custom-mobile-header .menu-bar-container .menu-label {
	font-family: var(--body-font);
	color: var(--mhb-label-color);
	font-weight: var(--mhb-label-font-weight) !important;
	font-size: var(--mhb-label-font-size) !important;
	line-height: normal;
	display: block;
}
.home #custom-mobile-header .location-phone a,
.home #custom-mobile-header .location-email a,
.home #custom-mobile-header .mobile-header-button a,
.home #custom-mobile-header .menu-bar-container .menu-label {
	color: var(--home-mhb-label-color);
}
/*  */
#custom-mobile-header-cell-2 a.phone:hover {
	text-decoration: none;
	color: var(--primary);
}
#custom-mobile-header-cell-2 .menu-bar-container .menu-label {
	display: none;
}
#custom-mobile-header-cell-2 #mobile-nav .hamburger-container {
	max-width: none;
	height: auto;
	margin: 0;
}
#custom-mobile-header-cell-2 #mobile-nav .hamburger,
#custom-mobile-header-cell-2 #mobile-nav .hamburger:before {
	position: inherit;
	width: auto;
	height: auto;
	transition-timing-function: inherit;
	transition-duration: inherit;
	transition-property: inherit;
	border-radius: 0;
	background: transparent;
	display: block;
	margin: auto;
	left: inherit;
	right: inherit;
	top: inherit;
	bottom: inherit;
}
#custom-mobile-header-cell-2 #mobile-nav .hamburger:after {
	display: none;
}
#custom-mobile-header-cell-2 #mobile-nav .hamburger::before {
	background: var(--mhb-circle-bg);
	border-radius: 50%;
	box-sizing: border-box;
	content: '\f0c9';
	color: var(--mhb-circle-icon-color);
	font-size: 24px;
	font-family: var(--font-awesome);
	font-weight: 700;
	display: flex;
	width: 44px;
	height: 44px;
	margin: 0 auto;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 950px) {
	#header-wrapper {
		display: none;
	}
	#custom-mobile-header-wrapper {
		display: block;
		background: var(--primary);
		position: static;
		width: 100%;
		padding: 20px 0;
	}
	#custom-mobile-header-row {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#custom-mobile-header-wrapper #mobile-nav-wrapper {
		width: 44px;
		flex-shrink: 0;
	}
	#mobile-nav .menu-bar {
		width: 44px;
	}
	#custom-mobile-header-wrapper #mobile-nav-wrapper #mobile-nav {
		background: transparent;
		display: flex;
		justify-content: end;
		padding: 15px 0;
	}
	.hamburger-container {
		max-width: none;
		margin-bottom: 0;
	}
	#custom-mobile-header-wrapper .hamburger,
	#custom-mobile-header-wrapper .hamburger:before,
	#custom-mobile-header-wrapper .hamburger:after {
		background: var(--primary);
	}
	#custom-mobile-header-wrapper .hamburger:before {
		top: 9px;
	}
	#custom-mobile-header-wrapper .hamburger:after {
		top: 18px;
	}
}

@media screen and (max-width: 500px) {
	#custom-mobile-header-container {
		max-width: 100%;
	}
}

/** #endregion Custom Mobile Header */