:root {
	--header_spacer_height: 0;
}

#content .cb-row {
	padding: 0;
}
.primary {
	padding-top: 12px;
}
.site-header {
	margin: 0;
}

.hero.wide {
	width: 100%;
	height: 215px;
	margin: 0;
/* 	background-position: var(--background-position, center 25%); */
	background-image: var(--background-image);
	background-size: cover;
		margin-top: -12px;
	
}

.hero.wide:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(74deg, rgba(13,31,45,0.8464376822157434) 23%, rgba(13,31,45,0.5636388483965015) 74%, rgba(13,31,45,0.5636388483965015) 98%);
    opacity: .7;
    filter: sepia(.5) contrast(1.2);
}

.floating {
	position: relative;
    width: 100%;
    height: 100%;
    padding-top: 130px;
    background: transparent;
}

	.floating-content {
		position: relative;
		width: 90%;
		height: 100%;
		padding: 2em 0;
		margin: 0 auto;
	}
	
		.floating-content h1 {
			position: absolute;
			top: 0;
			right: 0;
			max-width: 50%;
			color: #fff;
			font-size: 55px;
			font-weight: bold;
			text-align: right;
			text-transform: uppercase;
		}
.clearfix {
	 display: none;
 }
#content {
	position: relative;
	background-color: #fff;
    margin-bottom: -15px;
}
	.title-box {
		position: relative;
		height: 85px;
	    padding: 0 20px;
	    margin: 0 auto;
	    background-color: var(--orange);
	    display: flex;
	    justify-content: center;
	    align-items: center;
    }

		#content h1.page-title {
			position: relative;
			margin: 0;
			color: white;
			font-family: var(--font-primary);
			font-size: 30px;
			text-align: center;
			text-transform: uppercase;
		}

	.cb-content h3 {
		text-transform: uppercase;
		font-size: clamp(40px, 3.55vw, 52px);
		margin-bottom: .5em;
		letter-spacing: 1px;
		line-height: 1.2;
	}

	.cb-content h4 {
		color: var(--blue);
		font-family: var(--font-primary);
		font-size: clamp(25px, 3.55vw, 33px);
		font-weight: 600;
		line-height: 1.25;
		text-transform: uppercase;
		margin: 0.5em 0;
	}

	.cb-content h5 {
/* 		color: var(--charcoal); */
		color: inherit !important;
		font-size: 20px;
		font-weight: 600;
		text-transform: uppercase;
		margin: 0;
	}

	.cb-content h6 {
		color: var(--blue);
		font-size: 16pt;
		font-weight: 400;
		text-transform: uppercase;
		margin: 0;
	}

	#content p {
	    line-height: 1.6;
	    font-size: clamp(15px, 3.55vw, 16px);
	    margin-top: 0;
	}
	table {
	    font-family: inherit !important;
	    font-size: inherit !important;
	    font-weight: inherit !important;
	    color: inherit !important;
	}
	td {
		color: inherit !important;
		font-family: inherit !important;
	    font-size: inherit !important;
	    font-weight: inherit !important;
	    color: inherit !important;
	}
	td.c1 {
		width: 15%;
	}
	td.c2 {
		width: 70%;
	}
/*
	#content .cb-layout_layouts-container h3 {
		font-size: 30pt;
	}

	#content .cb-layout_layouts-container h4 {
		color: inherit;
		font-size: 22pt;
		letter-spacing: 1px;
		margin: 0;
	}
*/

.cb-content:not([data-type="contentbox_layout"]) {
	width: 80%;
	margin: 0 auto;
	max-width: 1500px;
}
.cb-content[data-type="rotator"] {
    width: 100%;
    max-width: var(--max-width);
    padding: 0 var(--left-right-padding);
    margin: 0 auto;
    /* background-color: var(--primary-color); */
}



@media (max-width: 1064px) {
:root {
	--header_spacer_height: 60px;
}
}

@media (max-width: 768px) {
/*
	.hero.wide {
		height: 130px;
	}
*/
	td.c1 {
		width: 0;
	}
	td.c2 {
		width: 100%;
	}

    	#content h1.page-title {
			font-size: clamp(20px, 4vw, 30px);
    	}
}

@media (max-width: 670px) {
/*
	.hero.wide {
		height: 130px;
	}
*/

	.floating-content h1 {
		max-width: 90%;
	}

	.cb-content h4 {
		font-size: 21pt;
	}

	.cb-content h6 {
		font-size: 13pt;
	}
	.title-box {
	    outline-offset: -21px;
	    padding: 20px;
	    margin-top: -28px;
    }
    
    	#content h1.page-title {
    	}
}
@media (max-width: 600px) {
	.cb-content h3 {
		font-size: 23px;
	}
	.cb-content p {
		font-size: 16px;
	}
	.hero.wide {
/* 		min-height: 250px; */
		height: 300px;
}

}

@media (max-height: 600px) {
/*
	.hero.wide {
		max-height: calc(100vh - (15px + 81px));
	}
*/
	.hero.wide {
		max-height: 310px;
	}
	.floating {
		padding-top: 0;
	}

}