:root {
	--header_spacer_height: 155px;
}
#header_spacer {
	
}
#content .cb-row {
	padding: 0;
}

.site-header {
	margin: 0;
}

.hero.wide {
	width: 100%;
	height: 50vh;
	max-height: 365px;
	margin: 0;
	background-position: var(--background-position, center 25%);
	background-image: var(--background-image);
	background-size: cover;
}

.hero.wide:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;

/* 	background-image: linear-gradient(180deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.6) 20%, rgba(0,0,0,0.4) 40%, rgba(0,0,0,0.3) 100%); */
	
	background: black;
	opacity: .2;
	display: none;
}

.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: 17vh;
		max-height: 155px;
	    padding: 0 20px;
	    margin: 0 auto;
	    background-color: var(--primary-color);
	    display: flex;
	    justify-content: center;
	    align-items: center;
    }

		#content h1.page-title {
		    font-size: 61px;
			font-size: clamp(36px, 4.55vw, 64px);
		    font-weight: 500;	
		    font-family: var(--font-primary);
		    text-transform: uppercase;
		    margin: 0;
		    line-height: 1.05;
		    color: #fff;
		    text-align: center;
		}

	.cb-content h3 {
		    font-size: 61px;
			font-size: clamp(38px, 4.55vw, 64px);
		    font-weight: 500;	
		    font-family: var(--font-primary);
		    text-transform: uppercase;
		    line-height: 1.05;
		    margin: 0.2em 0 0 0;
	}

	.cb-content h4 {
		color: inherit;
		font-family: var(--font-primary);
		font-size: 33px;
		font-weight: 600;
		line-height: 1.4;
		text-transform: uppercase;
		margin: 0.5em 0;
	}

	.cb-content h5 {
/* 		color: var(--charcoal); */
	    position: relative;
	    margin: 0;
	    color: inherit;
	    font-family: var(--font-secondary);
/* 	    font-size: clamp(25px, 2.35vw, 33px); */
		font-size: clamp(22px, 2.35vw, 26px);
	    font-weight: 600;
	    text-transform: uppercase;
	    line-height: 1.3;
	}

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

	#content p,
	.cb-body ol,
	.cb-body ul {
		line-height: 1.75;
		 font-weight: 300;
		font-size: clamp(15px, 3.55vw, 18px);
		
	}
	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-body blockquote {
    background: var(--navy);
    color: #fff;
    margin: 0.6em 0em;
    padding: 1.4em 1.4em 1.5em 1.4em;
}
.cb-content blockquote a {
    color: var(--yellow);
}


@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%;
	}

}

@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;
	}
    
    	#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;
}
.hero.wide {

	height: 18vh;
	max-height: 265px;

}
:root {
    --header_spacer_height: 77px;

}

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

}