/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# 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
--------------------------------------------------------------*/

.section-heading-wrapper {
	padding: 42px 30px;
}

.section-title-wrapper {
	margin: 0;
}

.featured-content-wrapper .page-title,
.featured-content-wrapper .entry-title,
.featured-content-wrapper .entry-meta,
.featured-content-wrapper .entry-summary,
.featured-content-wrapper .entry-content,
.portfolio-content-wrapper .page-title,
.portfolio-content-wrapper .entry-title,
.portfolio-content-wrapper .entry-meta,
.portfolio-content-wrapper .entry-summary,
.portfolio-content-wrapper .entry-content,
.service-content-wrapper .page-title,
.service-content-wrapper .entry-title,
.service-content-wrapper .entry-meta,
.service-content-wrapper .entry-summary,
.team-content-wrapper .entry-content,
.team-content-wrapper .page-title,
.team-content-wrapper .entry-title,
.team-content-wrapper .entry-meta,
.team-content-wrapper .entry-summary,
.team-content-wrapper .entry-content {
	margin: 21px 0;
}

.featured-content-wrapper .hentry,
.portfolio-content-wrapper .hentry,
.service-content-wrapper .hentry,
.team-content-wrapper .hentry {
	margin-bottom: 30px;
}

.featured-content-wrapper,
.portfolio-content-wrapper,
.service-content-wrapper,
.team-content-wrapper {
	padding: 0 30px;
}


/*--------------------------------------------------------------
# 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,
.team-content-wrapper:before,
.team-content-wrapper:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after {
	content: "";
	display: table;
}

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

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

.featured-content-wrapper .hentry,
.portfolio-content-wrapper .hentry,
.service-content-wrapper .hentry,
.team-content-wrapper .hentry {
	float: left;
	position: relative;
	width: 100%;
}

.post-thumbnail img {
	display: block;
	margin: 0 auto;
}

.service-content-wrapper .post-thumbnail img,
.team-content-wrapper .post-thumbnail img {
	margin: 0 auto;
}

/*--------------------------------------------------------------
# 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%;
}

/*--------------------------------------------------------------
# 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) {
	.featured-content-wrapper.layout-four,
	.portfolio-content-wrapper.layout-four,
	.service-content-wrapper.layout-four,
	.team-content-wrapper.layout-four,
	.featured-content-wrapper.layout-two,
	.portfolio-content-wrapper.layout-two,
	.service-content-wrapper.layout-two,
	.team-content-wrapper.layout-two {
		margin-left: -15px;
		margin-right: -15px;
	}

	.featured-content-wrapper.layout-four .hentry,
	.portfolio-content-wrapper.layout-four .hentry,
	.service-content-wrapper.layout-four .hentry,
	.team-content-wrapper.layout-four .hentry,
	.featured-content-wrapper.layout-two .hentry,
	.portfolio-content-wrapper.layout-two .hentry,
	.service-content-wrapper.layout-two .hentry,
	.team-content-wrapper.layout-two .hentry {
		width: 50%;
	}

	.featured-content-wrapper.layout-four .hentry,
	.portfolio-content-wrapper.layout-four .hentry,
	.service-content-wrapper.layout-four .hentry,
	.team-content-wrapper.layout-four .hentry,
	.featured-content-wrapper.layout-two .hentry,
	.portfolio-content-wrapper.layout-two .hentry,
	.service-content-wrapper.layout-two .hentry,
	.team-content-wrapper.layout-two .hentry {
		padding: 0 15px;
	}

	.featured-content-wrapper.layout-two .hentry:nth-child(2n+1),
	.featured-content-wrapper.layout-four .hentry:nth-child(2n+1),
	.portfolio-content-wrapper.layout-two .hentry:nth-child(2n+1),
	.portfolio-content-wrapper.layout-four .hentry:nth-child(2n+1),
	.service-content-wrapper.layout-two .hentry:nth-child(2n+1),
	.service-content-wrapper.layout-four .hentry:nth-child(2n+1),
	.team-content-wrapper.layout-two .hentry:nth-child(2n+1),
	.team-content-wrapper.layout-four .hentry:nth-child(2n+1) {
		clear: both;
	}

	#testimonial-content-section.layout-two .hentry {
		width: 50%;
	}

	#testimonial-content-section.layout-two .hentry:nth-child(2n+1) {
		clear: both;
	}

	.featured-content-wrapper.layout-six,
	.portfolio-content-wrapper.layout-six,
	.service-content-wrapper.layout-six,
	.team-content-wrapper.layout-six,
	.featured-content-wrapper.layout-three,
	.portfolio-content-wrapper.layout-three,
	.service-content-wrapper.layout-three,
	.team-content-wrapper.layout-three {
		margin-left: -15px;
		margin-right: -15px;
	}

	.featured-content-wrapper.layout-six .hentry,
	.portfolio-content-wrapper.layout-six .hentry,
	.service-content-wrapper.layout-six .hentry,
	.team-content-wrapper.layout-six .hentry,
	.featured-content-wrapper.layout-three .hentry,
	.portfolio-content-wrapper.layout-three .hentry,
	.service-content-wrapper.layout-three .hentry,
	.team-content-wrapper.layout-three .hentry {
		width: 33.33%;
	}

	.featured-content-wrapper.layout-six .hentry,
	.portfolio-content-wrapper.layout-six .hentry,
	.service-content-wrapper.layout-six .hentry,
	.team-content-wrapper.layout-six .hentry,
	.featured-content-wrapper.layout-three .hentry,
	.portfolio-content-wrapper.layout-three .hentry,
	.service-content-wrapper.layout-three .hentry,
	.team-content-wrapper.layout-three .hentry {
		padding: 0 15px;
	}

	.featured-content-wrapper.layout-three .hentry-inner .post-thumbnail,
	.portfolio-content-wrapper.layout-three .hentry-inner .post-thumbnail,
	.service-content-wrapper.layout-three .hentry-inner .post-thumbnail,
	.team-content-wrapper.layout-three .hentry-inner .post-thumbnail,
	.featured-content-wrapper.layout-three .hentry-inner .entry-container,
	.portfolio-content-wrapper.layout-three .hentry-inner .entry-container,
	.service-content-wrapper.layout-three .hentry-inner .entry-container,
	.team-content-wrapper.layout-three .hentry-inner .entry-container {
		display: block;
	    width: 100%;
	}

	.featured-content-wrapper.layout-six .hentry:nth-child(3n+1),
	.portfolio-content-wrapper.layout-six .hentry:nth-child(3n+1),
	.service-content-wrapper.layout-six .hentry:nth-child(3n+1),
	.team-content-wrapper.layout-six .hentry:nth-child(3n+1),
	.featured-content-wrapper.layout-three .hentry:nth-child(3n+1),
	.portfolio-content-wrapper.layout-three .hentry:nth-child(3n+1),
	.service-content-wrapper.layout-three .hentry:nth-child(3n+1),
	.team-content-wrapper.layout-three .hentry:nth-child(3n+1) {
		clear: both;
	}	
}


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

@media screen and (min-width: 64em) {
	.featured-content-wrapper, 
	.portfolio-content-wrapper, 
	.service-content-wrapper,
	.team-content-wrapper {
		padding: 0 25px;
	}

	.featured-content-wrapper.layout-four .hentry,
	.portfolio-content-wrapper.layout-four .hentry,
	.service-content-wrapper.layout-four .hentry,
	.team-content-wrapper.layout-four .hentry,
	.featured-content-wrapper.layout-three .hentry,
	.portfolio-content-wrapper.layout-three .hentry,
	.service-content-wrapper.layout-three .hentry,
	.team-content-wrapper.layout-three .hentry,
	.featured-content-wrapper.layout-two .hentry,
	.portfolio-content-wrapper.layout-two .hentry,
	.service-content-wrapper.layout-two .hentry,
	.team-content-wrapper.layout-two .hentry {
		padding: 0 25px;
	}

	.featured-content-wrapper.layout-six,
	.portfolio-content-wrapper.layout-six,
	.service-content-wrapper.layout-six,
	.team-content-wrapper.layout-six,
	.featured-content-wrapper.layout-four,
	.portfolio-content-wrapper.layout-four,
	.service-content-wrapper.layout-four,
	.team-content-wrapper.layout-four,
	.featured-content-wrapper.layout-three,
	.portfolio-content-wrapper.layout-three,
	.service-content-wrapper.layout-three,
	.team-content-wrapper.layout-three,
	.featured-content-wrapper.layout-two,
	.portfolio-content-wrapper.layout-two,
	.service-content-wrapper.layout-two,
	.team-content-wrapper.layout-two {
		margin-left: 0;
	    margin-right: 0;
	}

	.featured-content-wrapper.layout-four .hentry:nth-child(2n+1),
	.portfolio-content-wrapper.layout-four .hentry:nth-child(2n+1),
	.service-content-wrapper.layout-four .hentry:nth-child(2n+1),
	.team-content-wrapper.layout-four .hentry:nth-child(2n+1) {
		clear: none;
	}

	.featured-content-wrapper.layout-four .hentry:nth-child(4n+1),
	.portfolio-content-wrapper.layout-four .hentry:nth-child(4n+1),
	.service-content-wrapper.layout-four .hentry:nth-child(4n+1),
	.team-content-wrapper.layout-four .hentry:nth-child(4n+1) {
		clear: both;
	}

	.featured-content-wrapper.layout-six .hentry:nth-child(3n+1),
	.portfolio-content-wrapper.layout-six .hentry:nth-child(3n+1),
	.service-content-wrapper.layout-six .hentry:nth-child(3n+1),
	.team-content-wrapper.layout-six .hentry:nth-child(3n+1) {
		clear: none;	
	}

	.featured-content-wrapper.layout-five .hentry:nth-child(5n+1),
    .portfolio-content-wrapper.layout-five .hentry:nth-child(5n+1),
    .service-content-wrapper.layout-five .hentry:nth-child(5n+1),
    .team-content-wrapper.layout-five .hentry:nth-child(5n+1) {
        clear: both;    
    }

	.featured-content-wrapper.layout-six .hentry:nth-child(6n+1),
	.portfolio-content-wrapper.layout-six .hentry:nth-child(6n+1),
	.service-content-wrapper.layout-six .hentry:nth-child(6n+1),
	.team-content-wrapper.layout-six .hentry:nth-child(6n+1) {
		clear: both;	
	}

	.featured-content-wrapper.layout-four .hentry,
	.portfolio-content-wrapper.layout-four .hentry,
	.service-content-wrapper.layout-four .hentry,
	.team-content-wrapper.layout-four .hentry {
		width: 25%;
		padding: 0 15px;
	}

	.featured-content-wrapper.layout-five .hentry,
	.portfolio-content-wrapper.layout-five .hentry,
	.service-content-wrapper.layout-five .hentry,
	.team-content-wrapper.layout-five .hentry {
		width: 20%;
		padding: 0 15px;
	}

	.featured-content-wrapper.layout-six .hentry,
	.portfolio-content-wrapper.layout-six .hentry,
	.service-content-wrapper.layout-six .hentry,
	.team-content-wrapper.layout-six .hentry {
		width: 16.66666666666667%;
		padding: 0 15px;
	}

	#testimonial-content-section .hentry {
		padding: 0 25px 56px;
	}
}

/**
 * 14.4 - Team Content Section
 */

.ect-team .post-thumbnail,
.ect-team .entry-title,
.ect-team .entry-meta {
	margin: 0;
}

.ect-team .entry-meta {
	letter-spacing: 0;
	text-transform: capitalize;
}

.team-content-wrapper {
	overflow: hidden;
}

.ect-team .hentry {
	height: auto;
}

.ect-team .hentry-inner {
	position: relative;
}

.ect-team .artist-image-container {
	position: relative;
}

.ect-team .ect-team-social-profile {
	background: rgba(0,0,0,0.5);
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 1;
	text-align: center;
}

.ect-team .ect-team-social-profile >.social-navigation {
	display: block;
	padding: 0;
	position: relative;
	top: 100%;
	left: 50%;
	transform: translate(-50%, -100%);
}

.ect-team .ect-team-social-profile >.social-navigation {
	top: 50%;
	transform: translate(-50%, -50%);
}

.ect-team .ect-team-social-profile {
    opacity: 0;
}

.ect-team .hentry-inner:hover .ect-team-social-profile {
    box-shadow: inset 0 0 50px 0 rgba(0,0,0,.15);
    opacity: 1;
}

.team-content-wrapper .hentry-inner {
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	-o-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}

.ect-team .ect-team-social-profile,
.ect-team .ect-team-social-profile >.social-navigation {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.ect-team .ect-team-social-profile .social-navigation a {
	color: #ffffff;
}

.ect-team .ect-team-social-profile .social-navigation a:hover,
.ect-team .ect-team-social-profile .social-navigation a:focus {
	color: #c0b283;
}

.ect-team .entry-meta {
    letter-spacing: 0;
    text-transform: capitalize;
}

.ect-team .entry-container {
    padding: 21px 28px;
    text-align: center;
}

.team-content-wrapper .entry-title {
    font-size: 24px;
    font-size: 1.5rem;
}

.ect-team .entry-meta {
    font-size: 18px;
    font-size: 1.125rem;
}

.ect-team .team-content-wrapper .hentry {
	margin-bottom: 35px;
}

.ect-team .team-content-wrapper .post-thumbnail {
	margin: 0;
}

.team-content-wrapper .hentry-inner:hover, .team-content-wrapper .hentry-inner:focus {
    -webkit-box-shadow: 0px 0px 30px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 30px 3px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 30px 3px rgba(0,0,0,0.1);
}

.etc-team .hentry-inner {
    position: relative;
}

/* Social Icons*/

@font-face {
font-family: "FontAwesome";
font-weight: normal;
font-style : normal;
       src : url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
       src : url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"),
             url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"),
             url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"),
             url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"),
             url("//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}

.ect-team-social-profile .social-navigation a:before {
	content: "\f0c1";
}

.ect-team-social-profile .social-navigation a[href*="codepen.io"]:before {
	content: "\f1cb";
}

.ect-team-social-profile .social-navigation a[href*="digg.com"]:before {
	content: "\f1a6";
}

.ect-team-social-profile .social-navigation a[href*="dribbble.com"]:before {
	content: "\f17d";
}

.ect-team-social-profile.social-navigation a[href*="dropbox.com"]:before {
	content: "\f16b";
}

.ect-team-social-profile .social-navigation a[href*="facebook.com"]:before {
	content: "\f09a";
}

.ect-team-social-profile .social-navigation a[href*="flickr.com"]:before {
	content: "\f16e";
}

.ect-team-social-profile .social-navigation a[href*="foursquare.com"]:before {
	content: "\f180";
}

.ect-team-social-profile .social-navigation a[href*="plus.google.com"]:before {
	content: "\f0d5";
}

.ect-team-social-profile.social-navigation a[href*="github.com"]:before {
	content: "\f09b";
}

.ect-team-social-profile .social-navigation a[href*="instagram.com"]:before {
	content: "\f16d";
}

.ect-team-social-profile .social-navigation a[href*="linkedin.com"]:before {
	content: "\f0e1";
}

.ect-team-social-profile .social-navigation a[href*="path.com"]:before {
	content: "\f20c";
}

.ect-team-social-profile .social-navigation a[href*="pinterest.com"]:before {
	content: "\f231";
}

.ect-team-social-profile .social-navigation a[href*="getpocket.com"]:before {
	content: "\f265";
}

.ect-team-social-profile .social-navigation a[href*="reddit.com"]:before {
	content: "\f1a1";
}

.ect-team-social-profile.social-navigation a[href*="skype.com"]:before {
	content: "\f17e";
}

.ect-team-social-profile .social-navigation a[href*="stumbleupon.com"]:before {
	content: "\f1a4";
}

.ect-team-social-profile .social-navigation a[href*="tumblr.com"]:before {
	content: "\f174";
}

.ect-team-social-profile .social-navigation a[href*="twitter.com"]:before {
	content: "\f099";
}

.ect-team-social-profile .social-navigation a[href*="vimeo.com"]:before {
	content: "\f27d";
}

.ect-team-social-profile .social-navigation a[href*="wordpress.com"]:before,
.ect-team-social-profile .social-navigation a[href*="wordpress.org"]:before {
	content: "\f19a";
}

.ect-team-social-profile .social-navigation a[href*="youtube.com"]:before {
	content: "\f16a";
}

.ect-team-social-profile .social-navigation a[href^="mailto:"]:before {
	content: "\f0e0";
}

.ect-team-social-profile .social-navigation a[href*="spotify.com"]:before {
	content: "\f1bc";
}

.ect-team-social-profile .social-navigation a[href*="twitch.tv"]:before {
	content: "\f1e8";
}

.ect-team-social-profile .social-navigation a[href$="/feed/"]:before {
	content: "\f09e";
}

.ect-team-social-profile .social-navigation a[href*="amazon.com"]:before {
	content: "\f270";
}

.ect-team-social-profile .social-navigation a[href*="apple.com"]:before {
	content: "\f179";
}

.ect-team-social-profile .social-navigation a[href*="bandcamp.com"]:before {
	content: "\f2d5";
}

.ect-team-social-profile .social-navigation a[href*="behance.com"]:before {
	content: "\f1b4";
}

.ect-team-social-profile .social-navigation a[href*="deviantart.com"]:before {
	content: "\f1bd";
}

.ect-team-social-profile .social-navigation a[href*="etsy.com"]:before {
	content: "\f2d7";
}

.ect-team-social-profile .social-navigation a:before {
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 2.1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fancybox-content {
	max-width: 600px;
}

.team-image {
	width: 35%;
	display: inline-block;
	vertical-align: middle;
}

.team-details {
	padding-left: 44px;
	width: 65%;
	display: inline-block;
	vertical-align: top;
}

.team-details .position span {
	font-style: italic;
}

.team-details .position {
	margin: 0 0 1.75em; 
}

.team-details .social-navigation {
	display: inline-block;
}

.team-details .menu-social-container {
	padding: 3px 0;
}

.team-details .social-navigation ul {
	text-align: left;
}

.fancybox-navigation button[disabled]:hover {
	background-color: unset;
}

.ect-team .entry-container .entry-header {
	margin-bottom: 0;
}

@media screen and (min-width: 64em) {
	.fancybox-content {
		max-width: 1000px;
	}
}

@media screen and (max-width: 32em) {
	.fancybox-content {
		max-width: 500px;
	}
	.team-image {
		width: auto;
		display: block;
	}

	.team-details {
		padding-left: 0;
		width: auto;
		display: inline-block;
		vertical-align: top;
	}
}

.singular-content-wrap .team-details .entry-header {
	text-align: left;
}

a.fancybox {
	pointer-events: none;
	cursor: pointer;
}