body {
	background: white;
}

.site-header {
	margin: 0;
	background-color: var(--primary-color);
}

.hero.wide {
	--blue-width: 130px;
	--orange-width: 20px;

/* 	width: calc(100% - var(--blue-width)); */
	width: 100%;
	height: 370px;
	height: 48vh;
	margin: 0;
	background-position: var(--background-position, center center);
	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;
    padding-bottom: 30px;
}

	.floating-content {
		position: relative;
		width: 90%;
		height: 100%;
		padding: 2em 0;
		margin: 0 auto;
		display: flex;
		align-items: center;
	}
	
		.floating-content h1 {
			margin: 0 auto;
			max-width: 100%;
			font-family: var(--font-secondary);
			color: #fff;
			font-size: 70px;
			font-weight: bold;
			text-align: center;
			text-transform: uppercase;
			margin-top: 26px;
		}

/*
		.tag {
		    position: relative;
		    text-align: center;
		    width: 100%;
		    height: 100%;
		    display: flex;
		    justify-content: center;
		    align-items: center;
		}

			.tag .container {
			    height: 100%;
			    display: flex;
			    justify-content: center;
			    align-items: center;
			}

				.tag h1 {
				    width: 100%;
				    margin: 0;
				    color: white;
				    font-size: 49px;
				    font-weight: 600;
				    letter-spacing: 10px;
				    text-transform: uppercase;
				}
	
					.tag h1 strong {
						font-weight: 600;
					}

				.tag p {
					line-height: 1.5;
				}
				
				.tag .service-times {
					position: relative;
					
					width: 60%;
					margin-top: 50px;
					color: #fff;
					display: flex;
				}
				
					.tag .service-time {
						position: relative;
						width: 33.33%;
						display: flex;
						flex-direction: column;
					}
				
						.tag .service-time h4 {
							margin: 0;
							font-size: 28px;
							font-weight: bold;
							line-height: 1.5;
						}
						
						.tag .service-time p {
							margin: 0;
							font-size: 21px;
						}
*/


#content {
	position: relative;
	padding-top: 3rem;
}

	#content h1.page-title {
		position: relative;
		margin: 1.5em auto .5em;
		color: var(--orange);
		font-family: var(--font-secondary);
		font-size: 60px;
		text-align: center;
		text-transform: uppercase;
		letter-spacing: 8px
	}

	#content .cb-content h3 {
		
		font-size: 60px;
		font-family: var(--font-secondary);
		font-weight: 700;
		text-transform: uppercase;
		margin: 30px 0px 0px;
		line-height: 72px;
	}
	.cb-content h3 {
		color: var(--main-text);
	}

	#content .cb-content h4 {
		font-family: var(--font-secondary);
		font-size: 35pt;
		text-transform: uppercase;
		margin: 0;
	}


	#content .cb-content h5 {
		font-family: var(--font-secondary);
		font-size: 21pt;
		text-transform: uppercase;
		margin: 0;
	}

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

	#content p,
	#content li,
	#content table {
		font-family: var(--font-priamry);
		line-height: 1.75;
		font-size: 21px;
		
	}
	
/*
	#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: 87%;
	margin: 0 auto;
	max-width: 1500px;
}

/*
#subpage_collage {
	position: relative;
	margin-top: 115px;
}

	#subpage_collage img {
		position: relative;
		width: 100%;
		height: auto;
		display: block;
	}
*/

#subpage_collage {
	position: relative;
	min-height: 150px;
	margin-top: 115px;
	background-position: center;
	background-size: cover;
	background-image: var(--background-image, url('/images/layouts/home_collage_v.jpg'));
}

	#subpage_collage img {
		width: 100%;
		height: auto;
		visibility: hidden;
	}
	.city h2 {
		font-family: var(--font-secondary);
	}
	.cb-content[data-type='staff'] > div > .cb-header {
	    width: 100% !important;
	}
.yt-container {
	max-width: 720px;
	margin: 0 auto !important;
	padding-top: 30px;
}
	.yt-responsive {
		width: 100%;
		height: 0;
		padding-bottom:56.25%;
		position:relative;
		overflow: hidden;
	}
		.yt-responsive iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}	
.media-library-item-container .media-library-thumbnail {
    max-height: 100%;
}
#content .launcher_container .cb-header .cb-header {
    width: 100%;
    max-width: 100%;
}
#content .content-box .cb-header .cb-header {
    width: 100%;
    max-width: 100%;
}
#mainContainer #content .blog_post_header > h3 {
    width: 100%;
    max-width: 100%;
    margin: 0;
}


@media (max-width: 1024px) {
	.tag .service-times {
		width: 100%;
	}
}

@media (max-width: 768px) {
	.hero.wide {
/*
		--blue-width: 50px;
		--orange-width: 10px;
		height: 130px;
*/
	}
	.cb-content h3 {
    font-size: 45px;
    line-height: 47px;
    }
}

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

	.floating-content h1 {
		max-width: 90%;
		    font-size: 50px;
	}


	.tag h1 {
		font-size: 35px;
	}
	
	.tag .service-times {
		flex-wrap: wrap;
		justify-content: center;
	}
	
		.tag .service-time {
			width: 50%;
		}

			.tag .service-time h4 {
				font-size: 22px;
			}
			
			.tag .service-time p {
				font-size: 16px;
			}

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

	.cb-content h6 {
		font-size: 13pt;
	}

}

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