/* Depth Base */

.about-history .depth_out h2,
.about-history .depth_out p,
.about-history .depth_out a {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 1.4;
}

.about-history .depth_out hr:before,
.about-history .depth_out hr:after,
.about-history .depth_out .content_in .stacksEmptyFiller {
	display: none;
}

.about-history .depth_in,
.about-history header .depth_theme_limit,
.about-history footer .depth_theme_limit {
	max-width: 1000px;
}

.about-history main .depth_theme_limit {
	max-width: 100%;
	padding: 0;
}

.about-history .depth_limit {
	margin: 0 auto;
}

.about-history .nfont {
	font-family: 'Open Sans', sans-serif !important;
}

.about-history h2.nfont,
.about-history .sub_heading.nfont {
	font-family: 'Montserrat', sans-serif !important;
}

.about-history header.depth_theme,
.about-history main.depth_theme h1,
.about-history main.depth_theme h2,
.about-history main.depth_theme h3,
.about-history main.depth_theme h4,
.about-history main.depth_theme h5,
.about-history main.depth_theme h6 {
	font-family: 'Montserrat', sans-serif !important;
}

.about-history .depth_in a {
	text-decoration: none;
}

.about-history .depth_in {
	font-size: 15px;
	line-height: 1.4;
}

/* 2 Col Spacing */
.about-history .depth_section {
	margin-bottom: 20px;
}

.about-history .depth_out img {
	max-width: 100%;
}

.about-history .depth_out *,
.about-history .depth_out *:before,
.about-history .depth_out *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.about-history .depth_out .cf:after {
	content: "";
	display: table;
	clear: both;
}

.about-history .depth_out .exp {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}


@media screen and (min-width: 770px) {

	/* 2 Col Spacing */
	.depth_row .s3_column_left .depth_section {
		margin-right: 10.000000px;
	}

	.depth_row .s3_column_right .depth_section {
		margin-left: 10.000000px;
	}

	/* 3 Col Spacing */
	.depth_row.three_col .s3_column_left .depth_section {
		margin-right: 13.320000px;
	}

	.depth_row.three_col .s3_column_center .depth_section {
		margin-left: 6.660000px;
		margin-right: 6.660000px;
	}

	.depth_row.three_col .s3_column_right .depth_section {
		margin-left: 13.320000px;
	}

	/* 4 Col Spacing (1/4) */
	.depth_row .s3_column_4:first-child .depth_section {
		margin-right: 15.000000px;
		margin-left: 0;
	}

	/* 4 Col Spacing (2/4) */
	.depth_row .s3_column_4+.s3_column_4 .depth_section {
		margin-right: 10.000000px;
		margin-left: 5.000000px;
	}

	/* 4 Col Spacing (3/4) */
	.depth_row .s3_column_4+.s3_column_4+.s3_column_4 .depth_section {
		margin-right: 5.000000px;
		margin-left: 10.000000px;
	}

	/* 4 Col Spacing (4/4) */
	.depth_row .s3_column_4+.s3_column_4+.s3_column_4+.s3_column_4 .depth_section {
		margin-left: 15.000000px;
		margin-right: 0;
	}

	/* Flex Equal Height/Centering */

	.s3_row.depth_row,
	.depth_row .s3_column,
	.s3_row.depth_row .depth_out,
	.s3_row.depth_row .depth_out>div,
	.s3_row.depth_row .depth_wrapper,
	.s3_row.depth_row .content_out,
	.s3_row.depth_row .depth_image * {
		flex: 1;
		display: flex !important;
	}

	.s3_row.depth_row .content_out,
	.s3_row.depth_row .content_in {
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.depth_ie .s3_row.depth_row,
	.depth_ie .depth_row .s3_column,
	.s3_row.depth_row .depth_ie .depth_out,
	.s3_row.depth_row .depth_ie .depth_out>div,
	.s3_row.depth_row .depth_ie .depth_wrapper,
	.s3_row.depth_row .depth_ie .content_out,
	.s3_row.depth_row .depth_ie .depth_image * {
		flex: auto !important;
		display: block !important;
	}
}


.content_flex {
	position: static;
}

.s3_row.depth_row .content_flex {
	flex: 1;
	display: flex;
	justify-content: center;
	-webkit-justify-content: center;
}

/* Edit Mode */


/* Animations */


.depth_fx .depth_image,
.depth_fx .depth_tint,
.depth_fx .depth_gradient,
.depth_fx .content_tint,
.depth_fx p.sub_heading,
.depth_fx .heading_out .stacks_out,
.depth_fx p.main_content,
.depth_fx .depth_aside,
.depth_fx .heading_out h2 {
	opacity: 0;
}

.depth_fx.depth_ie .depth_image,
.depth_fx.depth_ie .depth_tint,
.depth_fx.depth_ie .depth_gradient,
.depth_fx.depth_ie .content_tint,
.depth_fx.depth_ie p.sub_heading,
.depth_fx.depth_ie .heading_out .stacks_out,
.depth_fx.depth_ie p.main_content,
.depth_fx.depth_ie .depth_aside,
.depth_fx.depth_ie .heading_out h2 {
	opacity: 1;
}


.depth_inview.slow_fadeIn.depth_fx .depth_image,
.depth_inview.slow_fadeIn.depth_fx .depth_tint,
.depth_inview.slow_fadeIn.depth_fx .content_tint,
.depth_inview.slow_fadeIn.depth_fx .depth_gradient {
	animation: nbanner_fadein .7s both;
}

.depth_inview.slow_fadeIn.depth_fx .heading_out {
	animation: heading_border_color 1s both;
}

.depth_inview.slow_fadeIn.depth_fx p.super_heading,
.depth_inview.slow_fadeIn.depth_fx .heading_out h2 {
	animation: nbanner_fadein 1s .25s both;
}

.depth_inview.slow_fadeIn.depth_fx p.sub_heading,
.depth_inview.slow_fadeIn.depth_fx .heading_out .stacks_out {
	animation: nbanner_fadein 1s .5s both;
}

.depth_inview.slow_fadeIn.depth_fx p.main_content,
.depth_inview.slow_fadeIn.depth_fx .depth_aside {
	animation: nbanner_fadein 1s .75s both;
}

.depth_inview.slow_fadeIn.depth_fx a.depth_button {
	animation: nbanner_fadein 1s 1s backwards;
}

.depth_inview.slow_fadeIn.depth_fx p.sub_content {
	animation: nbanner_fadein 1s 1.25s backwards;
}

.depth_inview.slow_fadeIn.depth_fx hr.hr_top_header {
	animation: hr_top_header 1s .5s backwards;
}

.depth_inview.slow_fadeIn.depth_fx hr.hr_bottom_header {
	animation: hr_bottom_header 1s .5s backwards;
}

.depth_inview.slow_fadeIn.depth_fx hr.hr_bottom_content {
	animation: hr_bottom_content 1s .5s backwards;
}

.depth_inview.steady_fadeIn.depth_fx .depth_image,
.depth_inview.steady_fadeIn.depth_fx .depth_tint,
.depth_inview.steady_fadeIn.depth_fx .content_tint,
.depth_inview.steady_fadeIn.depth_fx .depth_gradient {
	animation: nbanner_fadein .5s both;
}

.depth_inview.steady_fadeIn.depth_fx .heading_out {
	animation: heading_border_color .7s both;
}

.depth_inview.steady_fadeIn.depth_fx p.super_heading,
.depth_inview.steady_fadeIn.depth_fx .heading_out h2 {
	animation: nbanner_fadein .7s .15s both;
}

.depth_inview.steady_fadeIn.depth_fx p.sub_heading,
.depth_inview.steady_fadeIn.depth_fx .heading_out .stacks_out {
	animation: nbanner_fadein .7s .35s both;
}

.depth_inview.steady_fadeIn.depth_fx p.main_content,
.depth_inview.steady_fadeIn.depth_fx .depth_aside {
	animation: nbanner_fadein .7s .5s both;
}

.depth_inview.steady_fadeIn.depth_fx a.depth_button {
	animation: nbanner_fadein .7s .65s backwards;
}

.depth_inview.steady_fadeIn.depth_fx p.sub_content {
	animation: nbanner_fadein .7s .8s backwards;
}

.depth_inview.steady_fadeIn.depth_fx hr.hr_top_header {
	animation: hr_top_header .7s .25s backwards;
}

.depth_inview.steady_fadeIn.depth_fx hr.hr_bottom_header {
	animation: hr_bottom_header .7s .25s backwards;
}

.depth_inview.steady_fadeIn.depth_fx hr.hr_bottom_content {
	animation: hr_bottom_content .7s .25s backwards;
}

.depth_inview.fast_fadeIn.depth_fx .depth_image,
.depth_inview.fast_fadeIn.depth_fx .depth_tint,
.depth_inview.fast_fadeIn.depth_fx .content_tint,
.depth_inview.fast_fadeIn.depth_fx .depth_gradient {
	animation: nbanner_fadein .3s both;
}

.depth_inview.fast_fadeIn.depth_fx .heading_out {
	animation: heading_border_color .4s both;
}

.depth_inview.fast_fadeIn.depth_fx p.super_heading,
.depth_inview.fast_fadeIn.depth_fx .heading_out h2 {
	animation: nbanner_fadein .4s .15s both;
}

.depth_inview.fast_fadeIn.depth_fx p.sub_heading,
.depth_inview.fast_fadeIn.depth_fx .heading_out .stacks_out {
	animation: nbanner_fadein .4s .35s both;
}

.depth_inview.fast_fadeIn.depth_fx p.main_content,
.depth_inview.fast_fadeIn.depth_fx .depth_aside {
	animation: nbanner_fadein .4s .5s both;
}

.depth_inview.fast_fadeIn.depth_fx a.depth_button {
	animation: nbanner_fadein .4s .65s backwards;
}

.depth_inview.fast_fadeIn.depth_fx p.sub_content {
	animation: nbanner_fadein .4s .8s backwards;
}

.depth_inview.fast_fadeIn.depth_fx hr.hr_top_header {
	animation: hr_top_header .4s .25s backwards;
}

.depth_inview.fast_fadeIn.depth_fx hr.hr_bottom_header {
	animation: hr_bottom_header .4s .25s backwards;
}

.depth_inview.fast_fadeIn.depth_fx hr.hr_bottom_content {
	animation: hr_bottom_content .4s .25s backwards;
}


@-webkit-keyframes heading_border_color {
	from {
		border-color: transparent;
	}

	to {
		border-color: ;
	}
}

@keyframes nbanner_fadein {
	from {
		border-color: transparent;
	}

	to {
		border-color: ;
	}
}

@-webkit-keyframes nbanner_fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes nbanner_fadein {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes nbanner_bg_fadein {
	from {
		background-color: transparent;
	}

	to {
		background-color: inherit;
	}
}

@keyframes nbanner_bg_fadein {
	from {
		background-color: transparent;
	}

	to {
		background-color: inherit;
	}
}

@-webkit-keyframes hr_top_header {
	from {
		width: 0;
		opacity: 0;
	}

	to {
		opacity: 1;
		width: %;
	}
}

@keyframes hr_top_header {
	from {
		width: 0;
		opacity: 0;
	}

	to {
		opacity: 1;
		width: %;
	}
}


@-webkit-keyframes hr_bottom_header {
	from {
		width: 0;
		opacity: 0;
	}

	to {
		opacity: 1;
		width: %;
	}
}

@keyframes hr_bottom_header {
	from {
		width: 0;
		opacity: 0;
	}

	to {
		opacity: 1;
		width: %;
	}
}


@-webkit-keyframes hr_bottom_content {
	from {
		width: 0;
		opacity: 0;
	}

	to {
		opacity: 1;
		width: %;
	}
}

@keyframes hr_bottom_content {
	from {
		width: 0;
		opacity: 0;
	}

	to {
		opacity: 1;
		width: %;
	}
}

/* Depth Content */

@media (min-width: 300px) {
	#stacks_in_3 .content_flex {
		min-height: 0px;
	}
}

@media (min-width: 770px) {
	#stacks_in_3 .content_flex {
		min-height: 0px;
	}
}

.depth_out .stacks-description {
	background: rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.3) !important;
	color: #fff !important;
	border-radius: 3px;
}



.stacks-partial.grande .depth_out .velvet-icon {
	display: none;
}

/* Section Link Style */

.depth_section_link {
	overflow: hidden;
	position: relative;
	display: block;
	width: 100%;
}

.depth_section_link .depth_in,
.depth_section_link .depth_image {
	transition: transform 300ms;
	transform: scale(1);
}

#stacks_in_3 .depth_section_link:hover .depth_in,
#stacks_in_3 .depth_section_link:hover .depth_image {
	transform: scale(1.00);
}




#stacks_in_3 {
	margin-bottom: 0;
}


#stacks_in_3.depth_out {
	position: relative;
	letter-spacing: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: normal;
	color: rgba(0, 0, 0, 1.00);
}

#stacks_in_3.depth_out a {
	color: rgba(46, 172, 254, 1.00);
}

#stacks_in_3 .depth_in {
	position: relative;
	margin: 0 auto;
	text-align: left;


}

#stacks_in_3 {
	position: relative;
	
	/* min-height: 100vh;  */ /* Comp4800-2025-09 ZD*/
}

#stacks_in_3 .depth_image {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	background-image: url('../../images/backgrounds/About_History_Sutter.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top right;
	z-index: 1;
}




#stacks_in_3 .depth_wrapper {
	background-color: transparent !important;
}




#stacks_in_3 .depth_gradient {
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.00) 75%);
	background: linear-gradient(to right, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.00) 75%);



}



/* Heading */

#stacks_in_3 .heading_out {
	display: block;

	background: rgba(0, 0, 0, 0.00);
	border-top: 0px solid rgba(230, 73, 30, 1.00);
	border-right: 0px solid rgba(230, 73, 30, 1.00);
	border-bottom: 0px solid rgba(230, 73, 30, 1.00);
	border-left: 0px solid rgba(230, 73, 30, 1.00);
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 0;
}

#stacks_in_3 .heading_in {
	padding: 3px 0;
	margin-left: 0px;
	margin-right: 0px;
}

#stacks_in_3 .heading_out h2 {
	font-size: 40px;
	line-height: 38px;
	color: rgba(252, 175, 24, 1.00);
	font-weight: 500;
	font-weight: bolder;


	text-align: left !important;



	letter-spacing: -2px;
	text-indent: 0px;
	margin: 0;
	padding: 0;
}

#stacks_in_3 p.super_heading {
	color: rgba(255, 255, 255, 1.00);
	font-size: 17px;
	letter-spacing: 0px;
	margin: 0px 0 7px;


	display: none;
	text-transform: uppercase;
	float: none;
}

#stacks_in_3 p.sub_heading {
	color: rgba(255, 255, 255, 1.00);
	font-size: 17px;
	letter-spacing: 0px;
	margin: 3px 0 8px;



	text-transform: uppercase;
	float: none;
}

/* Content */

#stacks_in_3 .content_out {
	display: inline-block;
	position: relative;


	max-width: 700px;


	text-align: left;


	padding: 10% 50px 10% 50px;
	margin: 0 0%;
}

/* Content (Separate Mobile Layout) */


@media screen and (max-width: 770px) {
	#stacks_in_3 .content_out {
		padding: 10% 30px 10% 30px;
		margin: 0 0%;
	}

	#stacks_in_3 .heading_out h2 {
		font-size: 40px;
		line-height: 44px;
	}
}


@media screen and (max-width: 770px) {
	#stacks_in_3 .depth_wrapper {
		background-color: rgba(0, 0, 0, 0.50);
	}

	#stacks_in_3 .depth_tint,
	#stacks_in_3 .content_tint {
		background: none !important;
	}

	#stacks_in_3 .heading_out h2,
	#stacks_in_3 .content_out {
		text-align: left !important;


	}

	#stacks_in_3 .depth_wrapper .content_out {
		display: block;
		margin: 0 auto;
	}

}


#stacks_in_3 .content_flex {
	align-items: flex-start;


}

#stacks_in_3 .content_in {
	min-width: 200px;
	position: relative;
	z-index: 1;
	background: rgba(0, 0, 0, 0.00);
	border: 0px solid rgba(255, 255, 255, 1.00);
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/*IE 11 Fix*/
.depth_ie .content_in {
	width: 100%;
}

#stacks_in_3 .content_in p.main_content {
	display: block;
	color: rgba(255, 255, 255, 1.00);
	font-size: 1.35em;
	line-height: 1.4;
	margin-top: 0%;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10%;


}

#stacks_in_3 .content_in a.depth_button {
	display: inline-block;
	text-decoration: none;
	line-height: 1.4;
	font-size: 18px;
	padding: 3% 4.500000%;
	border-radius: 2px;
	box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 0.40);
	margin-bottom: 15%;
	transition: background 200ms, box-shadow 200ms, color 200ms;
	color: rgba(255, 255, 255, 1.00);
	background: rgba(59, 99, 174, 1.00);


	text-transform: uppercase;
}

@media screen and (max-width: 770px) {
	#stacks_in_3 .content_in a.depth_button {
		padding: 3% 6%;
	}
}

#stacks_in_3 .content_in a.depth_button:hover {
	color: rgba(70, 121, 214, 1.00);
	background: rgba(255, 255, 255, 1.00);
	box-shadow: inset 0 0 0 0px rgba(255, 255, 255, 1.00);
}

#stacks_in_3 .content_in p.sub_content {
	font-weight: normal;

	font-style: italic;

	font-size: 17px;
	color: rgba(255, 255, 255, 1.00);
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	position: relative;
	border-left: 0px solid rgba(64, 57, 145, 1.00);
	border-right: 0px solid rgba(64, 57, 145, 1.00);
	padding-left: 0px;
	padding-right: 0px;
}

/* Aside */

#stacks_in_3 .depth_aside {
	position: static;
	width: 100%;
	float: right;



	margin-right: -700px;




	display: none;
}

@media screen and (max-width: 770px) {
	#stacks_in_3 .depth_aside {
		margin-right: 0;
		display: none;
	}
}

#stacks_in_3 .depth_aside_wrapper {



	padding-right: 700px;

	position: absolute;
	transform: translateY(-50%);
	top: 50%;

	width: 100%;
}

#stacks_in_3 .depth_aside_wrapper,
#stacks_in_3 .depth_aside_wrapper .centered_image {}

#stacks_in_3 .depth_aside_wrapper .centered_image .imageStyle {}

#stacks_in_3 .content_out .centered_image img {
	float: left;
}





#stacks_in_3 .depth_aside_padding>div {
	max-width: 300px;
}

@media screen and (max-width: 770px) {
	#stacks_in_3 .depth_aside_wrapper {
		position: relative;
		transform: none;
		top: auto;
		padding-right: 0;
	}



}

#stacks_in_3 .depth_aside_padding {
	padding: 0px 50px 0px 50px;
}

@media screen and (max-width: 770px) {
	#stacks_in_3 .depth_aside_padding {
		padding: 0px 20px 50px 20px;
	}
}

/* Layer Top */


#stacks_in_3 .depth_in {
	z-index: 4;
}

#stacks_in_3 .depth_tint {
	z-index: 3;
}

#stacks_in_3 .depth_gradient {
	z-index: 2;
}

#stacks_in_3 .depth_image {
	z-index: 1;
}








/* Force Mobile Legibility */

@media screen and (max-width: 770px) {

	#stacks_in_3 .depth_wrapper.content_tint,
	#stacks_in_3 .depth_gradient {
		display: none;
	}
}




/* Breaks */

#stacks_in_3 hr {
	border: 0;
	margin: 0;
}

#stacks_in_3 hr.hr_top_header {
	height: 0px;
	width: 0%;
	background: rgba(255, 255, 255, 0.40);
	display: inline-block;
}

#stacks_in_3 hr.hr_bottom_header {
	height: 0px;
	width: 0%;
	background: rgba(255, 255, 255, 0.40);
	display: inline-block;
}

#stacks_in_3 hr.hr_bottom_content {
	display: inline-block;
	height: 1px;
	width: 20%;
	background: rgba(255, 255, 255, 0.40);
	margin-top: 15px;
}

#stacks_in_6 {
	background-image: url("53428D31-94C8-47E5-8D0D-BA81664DEB6E.png");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top;
	border: solid rgba(64, 57, 145, 1.00);
	border-width: 5px 0px 0px 0px;
	padding: 40px 0px 40px 0px;
}

#stacks_in_8>.s3_row {
	margin: 0 -10px;
}

#stacks_in_8>.s3_row>.s3_column_left {
	width: 50.00%;
}

#stacks_in_8>.s3_row>.s3_column_right {
	width: 50.000000%;
}




#stacks_in_8>.s3_row>.s3_column {
	padding: 0 10px;
}










@media only screen and (max-width: 770px) {


	#stacks_in_8>.s3_row {
		margin: -10px 0;
	}

	#stacks_in_8>.s3_row>.s3_column {
		padding: 10px 0;
		width: 100%;
	}


}



@media only screen and (max-width: 400px) {


	#stacks_in_8>.s3_row {
		margin: -10px 0;
	}

	#stacks_in_8>.s3_row>.s3_column {
		padding: 10px 0;
		width: 100%;
	}


}






#stacks_out_8 {
	width: 85%;
}

#stacks_in_13 {
	margin: 5px;
	padding: 2px;
}

#stacks_in_10 {
	margin: 5px;
	padding: 2px;
}

.signature-image img {
	max-width: 175px;
	height: auto;
	margin-left: 0;
}

.signature-image p {
	color: rgb(152, 204, 255);
	font-weight: bold;
}




/* Comp4800-2025-09 ZD Start*/
/* --- History hero --- */
.history-hero {
	position: relative;
	/* border-radius: 12px; */
	/* overflow: hidden; */
}

.history-hero__photo {
	width: 100%;
	object-fit: cover;
}

.history-hero__caption {
	position: absolute;
	right: 1.25rem;
	bottom: 1rem;
	background: rgba(0, 0, 0, 0.45);
	/* subtle panel behind text */
	padding: .75rem 1rem;
	border-radius: .75rem;
	backdrop-filter: blur(2px);
}

.history-hero__name {
    font-family: "Electrolize", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
	/* margin: 0 0 .25rem 0; */
	font-size: clamp(14px, 2.1vw, 28px);
	line-height: 1.15;
	color: #71e146 !important;
	text-shadow: -1px 1px 1px rgba(0, 0, 0, 1);
	letter-spacing: 1.5px;
}

.history-hero__role {
    font-family: "Electrolize", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	margin: 0;
	font-size: clamp(14px, 2vw, 28px);
	color: #71e146;
	text-shadow: -1px 1px 1px rgba(0, 0, 0, 1);
	letter-spacing: 1.5px;
	
 
}
.about-history main.depth_theme h1, .about-history main.depth_theme h2{
	font-family: 'Electrolize', sans-serif !important;
}

.about-history main.depth_theme h1, .about-history main.depth_theme h2.history-font{
		font-family: 'Montserrat', sans-serif !important;
}

.history-hero-title {
	position: absolute;
	width: 30vw;
	top: 1.25rem;
	left: 1.25rem;
	/* background: rgba(0, 0, 0, 0.45); */
	/* subtle panel behind text */
	/* backdrop-filter: blur(2px); */
	padding: .75rem 1rem;
	border-radius: .75rem;
	z-index: 5;

}

.history-font {
	font-family: 'Montserrat', sans-serif !important;
	font-size: clamp(18px, 4vw, 60px) !important;
	padding: 0 !important;
	text-align: center;
	line-height: 1.15;
	color: #fcaf18 !important;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .5);
}

/* Phone tweaks */
@media (max-width: 640px) {
  .history-hero__caption{
    right: max(4px, env(safe-area-inset-right));
    bottom: max(4px, env(safe-area-inset-bottom));
    padding: .45rem .6rem;
    border-radius: .5rem;
  }

  .history-hero__name{ font-size: 14px; }
  .history-hero__role{ font-size: 14px; }

  /* Nudge the visible part of the image so the face is not under the badge */
  .history-hero__photo{
    object-position: 65% center;  
  }

  .history-hero-title{
    left: max(4px, env(safe-area-inset-left));
    top:  max(4px, env(safe-area-inset-top));
    width: auto;
    padding: .5rem .75rem;
  }
}

/* Comp4800-2025-09 ZD End*/