/********************************************************************
	ACF Flex Content Template CSS
********************************************************************/

.flexible-content .site-inner,
.flexible-content .content,
.flexible-content .site-inner .wrap {
	width: 100%;
}

.hero {
	background-position: center;
	background-size: cover;
	text-align: center;
	color: #fff;
	position: relative;
	margin-top: 40px;
}

.hero:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	background: rgba(0,0,0,0.5);
}

.hero .wrap {
	position: relative;
	padding: 100px 10%;
	max-width: 1280px;
	margin: 0 auto;
}

.hero h1 {
	color: #fff;
}

.flexible-content .content .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.image-text .left-half,
.text-image .right-half {
	background-size: cover;
	background-position: center;
}

.row .left-half,
.row .right-half {
	width: 50%;
}

.row > div {
	padding: 60px;
}

.flexible-content .content .row h1 {
	color: #ac7f24;
}

.flexible-content .content .row ul {
  padding-left: 20px;
  margin-bottom: 40px;
}

.flexible-content .content .row li {
	list-style-type: square;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed rgba(255,255,255,.20);
}

@media only screen and (max-width: 800px) {

	.row.image-text > div {
		padding-right: 0;
	}

	.row.text-image > div {
		padding-left: 0;
	}

}

@media only screen and (max-width: 700px) {

	.hero {
		margin-bottom: 40px;
	}

	.flexible-content .content .row {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.row .left-half,
	.row .right-half {
		width: 100%;
	}

	.image-text .left-half,
	.text-image .right-half {
		padding: 100px 0;
	}

	.text-image .left-half,
	.image-text .right-half {
		padding: 20px 0;
	}

	.text-image {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.text-image .left-half {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}

}