/*
 *	Banner image
 */

 .banner-image {
	position: relative;
	margin: -2px 0;
}
.banner-image .image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.x-column.x-1-1 .banner-image .image {
	background-size: 120% auto;
}
.banner-image,
.banner-image h1,
.banner-image h2,
.banner-image h3,
.banner-image h4,
.banner-image h5,
.banner-image h6,
.banner-image p {
	color: #fff;
	text-shadow: 0 0 20px rgba(0,0,0,.5);
}
.banner-image .overlay h1 {
	font-size: 3em;
	padding: 0 .75em;
}
.banner-image .overlay h2 {
	font-size: 2.2em;
}
.banner-image .overlay {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 5% 10%;
	min-height: 40vw;
	position: relative;
}
.banner-image.vert-top .overlay {
	-webkit-align-items: flex-start;
    align-items: flex-start;
}
.banner-image.vert-center .overlay {
	-webkit-align-items: center;
    align-items: center;
}
.banner-image.vert-bottom .overlay {
	-webkit-align-items: flex-end;
    align-items: flex-end;
}
.banner-image.horiz-left .overlay {
	-webkit-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
}
.banner-image.horiz-center .overlay {
	-webkit-justify-content: center;
    justify-content: center;
    text-align: center;
}
.banner-image.horiz-right .overlay {
	-webkit-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
}
@media (min-width: 768px){
	.banner-image .overlay .content {
		display: inline-block;
		width: 55%;
	}
	.banner-image .image.parallax {
		background-attachment: fixed;
	}
	.banner-image.no-parallax .image{
		background-attachment: scroll;
	}
}

/*
 *	Optimized Image
 */

.optimized-image {
	position: relative;
	width: 100%;
	margin: -1px auto;
}
.size-banner-image, .size-banner-image-small, .size-banner-image-large {
	height: 1px;
	padding-bottom: 33.33%;
}
.size-square, .size-square-large {
	height: 1px;
	padding-bottom: 100%;
}
.size-portrait {
	height: 1px;
	padding-bottom: 150%;
}
.size-landscape {
	height: 1px;
	padding-bottom: 66.66%;
}
.size-banner-image img,
.size-banner-image-small img,
.size-banner-image-large img,
.size-square img,
.size-square-large img,
.size-portrait img,
.size-landscape img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/*
 *	Bears Grid
 */

.bears-grid {
	width: 100%;
	height: 1px;
    padding-bottom: 200%;
	position: relative;
	font-size: .5rem;
}
.bears-grid .bear {
    position: absolute;
    width: 50%;
    height: 25%;
    background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 33%;
	-webkit-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}
.bears-grid .bear:hover {
	-webkit-filter: brightness(1.25);
	filter: brightness(1.25);
}
.bears-grid .bear img {
    display: none;
}
.bears-grid .bear .overlay {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    color: #fff;
}
.bears-grid .bear .overlay:before {
    content: "";
    position: absolute;
    z-index: -1;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,.5) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,.5) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 ); 
}
.bears-grid .bear h2,
.bears-grid .bear p {
    color: #fff;
    font-weight: 300;
	margin: 0;
}
.bears-grid .bear p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.bears-grid .bear-1 {
    top: 0;
    left: 0;
}
.bears-grid .bear-2 {
    top: 0;
    left: 50%;
}
.bears-grid .bear-3 {
    top: 25%;
    left: 0;
}
.bears-grid .bear-4 {
    top: 25%;
    left: 50%;
}
.bears-grid .bear-5 {
    top: 50%;
    left: 0;
}
.bears-grid .bear-6 {
    top: 50%;
    left: 50%;
}
.bears-grid .bear-7 {
    top: 75%;
    left: 0;
}
.bears-grid .bear-8 {
    top: 75%;
    left: 50%;
}
@media (min-width: 767px){
    .bears-grid {
		padding-bottom: 66.66%;
		font-size: 1rem;
	}
	.bears-grid .bear h2 {
		font-size: 3vw;
	}
    .bears-grid .bear-1 {
        top: 0;
        left: 0;
        width: 50%;
        height: 66.66%;
    }
    .bears-grid .bear-2 {
        top: 0;
        left: 50%;
        width: 25%;
        height: 33.33%;
    }
    .bears-grid .bear-3 {
        top: 0;
        left: 75%;
        width: 25%;
        height: 33.33%;
    }
    .bears-grid .bear-4 {
        top: 33.33%;
        left: 50%;
        height: 33.33%;
    }
    .bears-grid .bear-5 {
        top: 66.66%;
        left: 0;
        width: 25%;
        height: 33.33%;
    }
    .bears-grid .bear-6 {
        top: 66.66%;
        left: 25%;
        width: 25%;
        height: 33.33%;
    }
    .bears-grid .bear-7 {
        top: 66.66%;
        left: 50%;
        width: 25%;
        height: 33.33%;
    }
    .bears-grid .bear-8 {
        top: 66.66%;
        left: 75%;
        width: 25%;
        height: 33.33%;
    }
}

/*
 *	Services Block
 */

.services-block {
	width: 100%;
	float: left;
	padding: 5px;
	text-align: center;
}
.services-block .container {
	padding: 8px;
	position: relative;
	background-position: center;
	background-size: cover;
	/*background-color: #3ab4b2;*/
	background-color: #c5dcdc;
}
.services-block:nth-of-type(3n-1) .container {
	/*background-color: #a6e6e5;*/
}
.services-block:nth-of-type(3n-3) .container {
	/*background-color: #c5dcdc;*/
}
.services-block .content-wrapper {
	padding: 2em 5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	background-color: rgba(0,0,0,.5);
}
.services-block .content {
	margin: auto;
}
.cs-editor-active [data-element='wd-services']{
	width: 50%;
}
.cs-editor-active [data-element='wd-services'] {
	width: 50%;
	float: left;
	padding: 5px;
	text-align: center;
}
.cs-editor-active .services-block,
.cs-editor-active .services-block.col-1-2,
.cs-editor-active .services-block.col-1-3,
.cs-editor-active .services-block.col-1-4 {
	width: 100%;
	float: none;
	padding: 0;
}

@media (min-width: 768px){
	.services-block.col-1-4 {
		width: 25%;
	}
	.services-block.col-1-3 {
		width: 33.33%;
	}
	.services-block.col-1-2 {
		width: 50%;
	}
	.cs-editor-active [data-element='wd-services'] {
		width: 25%;
	}
}

/*
 *	Accent Block
 */

.accent-block .block .content {
	padding: 10%;
}
.accent-block.format-full .block .content {
	padding: 5%;
}
@media (min-width: 768px) {
	.accent-block {
		min-height: 200px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	.accent-block .block {
		position: relative;
	}
	.accent-block .image {
		position: absolute;
		top: 0;
		bottom: 0;
		overflow: hidden;
	}
	.accent-block .image .main-img {
		height: 100%;
		width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
	}
	.accent-block.format-right.wide-right .image,
	.accent-block.format-right.wide-left .block,
	.accent-block.format-left.wide-left .image,
	.accent-block.format-left.wide-right .block {
		width: 44%;
	}
	.accent-block.format-right.wide-left .image,
	.accent-block.format-right.wide-right .block,
	.accent-block.format-left.wide-right .image,
	.accent-block.format-left.wide-left .block {
		width: 56%;
	}

	.accent-block.format-right.wide-right .block,
	.accent-block.format-left.wide-right .image {
		margin-left: 44%;
	}
	.accent-block.format-right.wide-left .block,
	.accent-block.format-left.wide-left .image {
		margin-left: 56%;
	}
	.accent-slider.slick-initialized img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
		z-index: -99;
	}
	.accent-slider {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
}

.team-member{
	margin-bottom: 2em;
}

.team-member .team-info > *{
	margin: 0;
}
/*
 *	Accent Grid - Used for Team Member and Services
 */

.accent-grid {
	margin: 0 -2.5px;
	width: auto;
	text-align: left;
}
.accent-grid .team-info-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	background-color: #3b3e41;
	border: 2.5px solid #fff;
	padding: 2em;
}
.accent-grid .image-container {
	position: relative;
	min-height: 62vw;
}
.accent-grid .image-container .main-image-container {
	width: 66.66%;
	position: absolute;
	left: 33.33%;
	right: 0;
	top: 0;
	bottom: 0;
}
.accent-grid .image-container .accent-image-container {
	width: 33.33%;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}
.accent-grid .image-container img {
	padding: 2.5px;
	height: 50%;
	width: 100%;
	object-fit: cover;
}
.accent-grid .main-image-container img {
	height: 100%;
}
.accent-grid .main-image-overlay {
	position: absolute;
	top: 50%;
    width: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media (min-width: 768px){
	.accent-grid {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}
	.accent-grid .image-container {
		width: 66%;
		min-height: 40vw;
	}
	.accent-grid .team-info-container {
		width: 34%;
	}
	.accent-grid:nth-of-type(2n) .image-container {
		order: 2
	}
}