/*
  don't have access to source to add specific styling,
  so we're going to have to get real specific with our styles.
*/

body.home .content.section-margin {
  padding-top:30px; padding-bottom:30px;
  background: #D7E9F2 !important;
}

body.home .content.section-margin h2 {
margin-bottom:0
  padding-bottom:0;
  font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size:24px;
  color:#666;
  line-height:0.5;
}

body.home .content.section-margin h2 span {
 font-size:16px;
 float:right;
}


body.home .content.section-margin hr {
 width:100%;
 margin-top:-15px;
}

/* New Flex Field Callout Styles */

.callouts-new .flex {
    display: flex;
    flex-wrap: no-wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    justify-content: center;
}

@media (max-width: 768px) {
	.callouts-new .flex {
		display: block;
		flex-wrap: no-wrap;
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		justify-content: center;
	}
}

@media (min-width: 769px) {
	.callouts-new .callout-item:nth-child(2n + 1) {
		clear: both;
	}
}

@media (min-width: 769px) {
	.callouts-new .callout-item:nth-child(2n) {
		margin-right: 0%;
		float: none;
		clear: none;
	}
}

@media (min-width: 769px) {
	.callouts-new .callout-item {
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
		max-width: 48.5%;
	}
}

@media (min-width: 769px) {
	.callouts-new .callout-item {
		float: none;
		clear: none;
		text-align: inherit;
		width: 48.5%;
		margin-left: 0%;
		margin-right: 3%;
	}
}

.callouts-new .callout-item {
    background: #14929e;
    overflow: hidden;
    position: relative;
    margin: 2rem 0;
    width: 100%;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
}

.callouts-new .callout-item__img {
    position: relative; 
	/* position:absolute; */
    /* height: 100%; */
	height:226px;
    /* float: left; */
	float:none;
    clear: none;
    text-align: inherit;
    width: 100%;
	max-width:100%;
    margin-left: 0%;
    margin-right: 0%;
    /* background-size: auto 100%; */
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.callouts-new .callout-item__img::after {
    content: '';
    display: table;
    clear: both;
}

@media (min-width: 1030px) {
	.callouts-new .callout-item__content:last-child {
		margin-right: 0%;
	}
}

@media (min-width: 1030px) {
	.callouts-new .callout-item__content {
		float: none;
		clear: none;
		text-align: inherit;
		width: 100%;
		margin-left: 0;
		margin-right: 0%;
	}
}

.callouts-new .callout-item__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: block !important;
    -webkit-box-orient: auto;
    -webkit-box-direction: normal;
    -ms-flex-direction:auto;
    flex-direction:auto;
}

.callouts-new .callout-item__content > div {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 2rem;
    position: relative;
}

.callouts-new .callout-item__header {
    position: relative;
   /*  height: 100px; */
   height:auto;
}

.callouts-new .callout-item h2 {
    font-size: 1.5rem;
    text-transform: none;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0;
}

.callouts-new .callout-item__header > h2 {
    position: relative;
	/* position: absolute; */
    /* bottom: 0; */
	bottom:auto;
    margin: 0;
	/* */
	color:#fff;
}

.callouts-new .callout-item p {
    font-size: .9rem;
    line-height: 1.4;
	/* */
	color:#fff;
} 

.callouts-new .callout-item__content .link {
    margin: 1rem 0 0;
    display: block;
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* */
	color:#fff;
}

@media (min-width: 1030px){
	.callouts-new .callout-item__content::after {
		content: '';
		display: table;
		clear: both;
	}
}

@media (max-width: 768px) {

	.callouts-new .callout-item__content {
		margin: 0;
		width: 100%;
		background: transparent;
	}
	
	.callouts-new .flex {
		display: block;
	}

}