/*--------------------------------------------------------------
# Service
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Element
--------------------------------------------------------------*/
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
 

/*--------------------------------------------------------------
# Padding/Margin
--------------------------------------------------------------*/

#ect-section.ect-featured-content.style-one .section-content-wrapper .hentry-inner .entry-container,
#ect-section.ect-featured-content.style-four .section-content-wrapper .hentry-inner .entry-container,
.site-content aside #ect-section.ect-featured-content.style-one .section-content-wrapper .hentry-inner .entry-container,
.site-content aside #ect-section.ect-featured-content.style-one .section-content-wrapper .hentry-inner .entry-container {
	padding: 21px;
}

#ect-section.ect-featured-content .section-content-wrapper .hentry-inner .entry-container {
	padding: 0;
}

#ect-section.ect-featured-content.style-two .section-content-wrapper .hentry-inner .entry-container {
	padding: 15px;
}

#ect-section.ect-featured-content.style-one .post-thumbnail,
#ect-section.ect-featured-content.style-four .post-thumbnail,
#ect-section.ect-featured-content.style-two .post-thumbnail {
	margin-bottom: 0;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.featured-content-wrapper:before,
.featured-content-wrapper:after,
.portfolio-content-wrapper:before,
.portfolio-content-wrapper:after,
.service-content-wrapper:before,
.service-content-wrapper:after,
.hentry-inner:after,
.hentry-inner:before,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after {
	content: "";
	display: table;
}

.featured-content-wrapper:before,
.hentry-inner:before,
.hentry-inner:after,
.featured-content-wrapper:after,
.portfolio-content-wrapper:before,
.portfolio-content-wrapper:after,
.service-content-wrapper:before,
.service-content-wrapper:after,
.entry-content:after,
.entry-summary:after {
	clear: both;
}

/*--------------------------------------------------------------
# Posts and pages
--------------------------------------------------------------*/

.post-thumbnail img {
	display: block;
}

/*--------------------------------------------------------------
# Modules
--------------------------------------------------------------*/

.section {
	clear: both;
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}

.section-heading-wrapper {
	display: block;
}

/*--------------------------------------------------------------
# Featured Content & Portfolio
--------------------------------------------------------------*/

.featured-content-wrapper .post-thumbnail,
.portfolio-content-wrapper .post-thumbnail {
	width: 100%;
}

/*--------------------------------------------------------------
# >= Updated Css
--------------------------------------------------------------*/  

#ect-section.ect-featured-content.style-two .hentry-inner {
	position: relative;
}

#ect-section.ect-featured-content.style-two .entry-container {
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
}

#ect-section.ect-featured-content .more-link,
#ect-section.ect-featured-content .entry-container,
#ect-section.ect-featured-content .entry-header,
#ect-section.ect-featured-content .entry-title {
	text-align: center;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/*--------------------------------------------------------------
# >= 667px
--------------------------------------------------------------*/

@media screen and (min-width: 41.6875em) {

	#ect-section.ect-featured-content .more-link,
	#ect-section.ect-featured-content .entry-container,
	#ect-section.ect-featured-content .entry-header,
	#ect-section.ect-featured-content .entry-title {
		text-align: left;
	}
}

/*--------------------------------------------------------------
# >= 1024px
--------------------------------------------------------------*/   

@media screen and (min-width: 64em) {
	#ect-section.ect-featured-content.style-one .section-content-wrapper .hentry-inner .entry-container,
	#ect-section.ect-featured-content.style-four .section-content-wrapper .hentry-inner .entry-container {
		padding: 28px;
	}
}

/*--------------------------------------------------------------
# >= 1366px
--------------------------------------------------------------*/

@media screen and (min-width: 85.375em) {
	#ect-section.ect-featured-content.style-one .section-content-wrapper .hentry-inner .entry-container,
	#ect-section.ect-featured-content.style-four .section-content-wrapper .hentry-inner .entry-container {
		padding: 35px;
	}
}

/*--------------------------------------------------------------
# >= 1660px
--------------------------------------------------------------*/

@media screen and (min-width: 103.750em) {
	#ect-section.ect-featured-content.style-one .section-content-wrapper .hentry-inner .entry-container,
	#ect-section.ect-featured-content.style-four .section-content-wrapper .hentry-inner .entry-container {
		padding: 42px;
	}
}
/*--------------------------------------------------------------
# >= Color
--------------------------------------------------------------*/  

#ect-section.ect-featured-content.style-four .entry-container {
	background-color: #f5f5f5;
}

#ect-section.ect-featured-content.style-one .entry-container {
	border: 1px solid #ebebeb;
	border-top: 0;
}