/** such clean, wow **/


/*

Edit if you need more fixed-height in intro section...

@media(min-width: 992px) {
	.square.ratio-7by5 {
		padding-bottom: 200%;
	}
}
@media(min-width: 1200px) {
	.square.ratio-7by5 {
		padding-bottom: 150%;
	}
}

*/


.section.hero {
	padding: 10rem 0 !important;
}
video.background {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	
	width: 100%;
	height: 100%;
	
	object-fit: cover !important;
	
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}




p#logo a img {
	top: 0 !important;
}
.lead#logo .accent {
	padding: 0 1rem;
}
.lead#logo .flair {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.lead#logo > * {
	float: left;
}
@media(max-width: 767px) {
	.lead#logo {
		display: -webkit-flex;
		display: flex;
	}
	p#logo a, p#logo a img {
		min-width: 150px;
	}
}




/** such clean, wow **/


p#logo a img {
	top: 0 !important;
}
.lead#logo .accent {
	padding: 0 1rem;
}
.lead#logo .flair {
	display: inline-block;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.lead#logo > * {
	float: left;
}
@media(max-width: 767px) {
	.lead#logo {
		display: -webkit-flex;
		display: flex;
	}
	p#logo a, p#logo a img {
		min-width: 150px;
	}
}







/** NEW CAROUSEL BUTTONS (15NOV 2022) **/
.inner-square-carousel .tns-controls {
	position: absolute;
	bottom: 0% !important;
	top: auto !important;
	text-align: left !important;
	
	-webkit-transform: none !important;
	-moz-transform: none !important;
	transform: none !important;
}
.inner-square-carousel .tns-controls button {
	border: 2px solid var(--black) !important;
	background: var(--white) !important;
	border-width: 2px 2px 0 0 !important;
	
	position: static !important;
	padding: .75rem !important;
}
.inner-square-carousel .tns-controls button icon {
	width: 1em !important;
	height: 1em !important;
}
.inner-square-carousel .tns-controls button icon svg * {
	stroke: var(--black) !important;
	stroke-width: 2.5 !important;
}
.inner-square-carousel .tns-controls button:focus,
.inner-square-carousel .tns-controls button:active {
	background: var(--grey-lt) !important;
}
.inner-square-carousel .tns-controls button:focus icon svg *,
.inner-square-carousel .tns-controls button:active icon svg * {
	stroke: var(--black) !important;
	stroke-width: 2.5 !important;
}
.inner-square-carousel .tns-controls button:hover {
	background: var(--black) !important;
}
.inner-square-carousel .tns-controls button:hover icon svg * {
	stroke: var(--white) !important;
	stroke-width: 2.5 !important;
}
.inner-square-carousel .tns-controls button[data-controls="prev"],
.inner-square-carousel .tns-controls button[data-controls="next"] {
	-webkit-transform: none !important;
	-moz-transform: none !important;
	transform: none !important;
}