@charset "utf-8";
/* CSS Document */

/******************************* Archive View *******************************/

.page-template-feat-portfolio-template .site-inner #year-select, .page-template-feat-portfolio-template .site-inner #cat-id-select {
	
}

.page-template-feat-portfolio-template .site-inner #cat-id-select {
	
}

.post-type-archive-portfolio .feat-portfolio-content {
	margin-bottom:75px;
	text-align:center;
}

.post-type-archive-portfolio .site-inner .content-sidebar-wrap {
	max-width:100%;
}

.feat-portfolio-header h1 a, .portfolio-header h1 a {
	font-style:italic;
	text-transform:uppercase;
	background:#127c7a;
	color:#fff;
	padding:2px 48px;
	position:relative;
	top:-4px;
	font-size:19px;
	border-radius:2px;
	display:inline-block;
}

.feat-portfolio-footer h1 a, .portfolio-footer h1 a {
	font-style:italic;
	text-transform:uppercase;
	background:#127c7a;
	color:#fff;
	padding:7px 48px;
	position:relative;
	top:4px;
	font-size:19px;
	border-radius:2px;
	display:inline-block;
}

.archive.post-type-archive-portfolio .site-inner,
.page-template-feat-portfolio-template .site-inner,
.portfolio-template .site-inner {
	width:100%;
	max-width:100%;
}

.archive.post-type-archive-portfolio .portfolio-header, .archive.post-type-archive-portfolio .feat-portfolio-header,
.page-template-feat-portfolio-template .portfolio-header, .page-template-feat-portfolio-template .feat-portfolio-header,
.portfolio-template .portfolio-header, .portfolio-template .feat-portfolio-header  {
	text-align:center;
}

.portfolio-footer{
	text-align: center;
	padding-right: 5px;
}

.archive.post-type-archive-portfolio .feat-portfolio-content .portfolio-block,
.page-template-feat-portfolio-template .feat-portfolio-content .portfolio-block,
.portfolio-template .feat-portfolio-content .portfolio-block {
	display:inline-block;
	width:33.3333333%;
	background-size:100% auto !important;
	background-position:50% 50% !important;
	position:relative;
	transition:background-size 1.5s ease;
	-moz-transition:background-size 1.5s ease;
	-webkit-transition:background-size 1.5s ease;
}

.archive.post-type-archive-portfolio .feat-portfolio-content .portfolio-block:after,
.page-template-feat-portfolio-template .feat-portfolio-content .portfolio-block:after,
.portfolio-template .feat-portfolio-content .portfolio-block:after {
	content:"";
	padding-top:60%;
	display:block;
}

.archive.post-type-archive-portfolio .feat-portfolio-content .feat-the-content,
.page-template-feat-portfolio-template .feat-portfolio-content .feat-the-content,
.portfolio-template .feat-portfolio-content .feat-the-content {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}

.archive.post-type-archive-portfolio .portfolio-content .portfolio-block,
.page-template-feat-portfolio-template .portfolio-content .portfolio-block,
.portfolio-template .portfolio-content .portfolio-block {
	display:inline-block;
	width:25%;
	background-size:100% auto !important;
	background-position:50% 50% !important;
	transition:background-size 1.5s ease;
	-moz-transition:background-size 1.5s ease;
	-webkit-transition:background-size 1.5s ease;
	vertical-align:top;
	position:relative;
}

.portfolio-template .portfolio-content .portfolio-block {
	width:33.33%;
}

.archive.post-type-archive-portfolio .portfolio-content .portfolio-block:after,
.page-template-feat-portfolio-template .portfolio-content .portfolio-block:after,
.portfolio-template .portfolio-content .portfolio-block:after {
	content:"";
	padding-top:63%;
	display:block;
}

.archive.post-type-archive-portfolio .portfolio-content .the-content,
.page-template-feat-portfolio-template .portfolio-content .the-content,
.portfolio-template .portfolio-content .the-content {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
}

.archive.post-type-archive-portfolio .feat-the-content, .archive.post-type-archive-portfolio .the-content,
.page-template-feat-portfolio-template .feat-the-content, .page-template-feat-portfolio-template .the-content,
.portfolio-template .feat-the-content, .portfolio-template .the-content {
	text-transform:uppercase;
}

.archive.post-type-archive-portfolio .feat-the-content:before, .archive.post-type-archive-portfolio .the-content:before,
.page-template-feat-portfolio-template .feat-the-content:before, .page-template-feat-portfolio-template .the-content:before,
.portfolio-template .feat-the-content:before, .portfolio-template .the-content:before {
	content:"";
	display:inline-block;
	height:100%;
	vertical-align:middle;
}

.archive.post-type-archive-portfolio .the-content-centered,
.page-template-feat-portfolio-template .the-content-centered,
.portfolio-template .the-content-centered {
	display:inline-block;
	vertical-align:middle;
	width:100%;
	text-align:center;
}

.feat-the-content, .the-content, .feat-the-content a, .the-content a, .feat-the-content h1, .the-content h1 {
	color:#fff;
	text-shadow:0 1px 5px #000;
}

.archive.post-type-archive-portfolio .portfolio-block:before,
.page-template-feat-portfolio-template .portfolio-block:before,
.portfolio-template .portfolio-block:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:#000;
	opacity:0;
	transition:opacity .5s ease;
	-moz-transition:opacity .5s ease;
	-webkit-transition:opacity .5s ease;
}

.archive.post-type-archive-portfolio .website-link, .archive.post-type-archive-portfolio .case-study,
.page-template-feat-portfolio-template .website-link, .page-template-feat-portfolio-template .case-study,
.portfolio-template .website-link, .portfolio-template .case-study {
	display:inline-block;
	padding:0 10px;
}

.archive.post-type-archive-portfolio .website-link a, .archive.post-type-archive-portfolio .case-study a,
.page-template-feat-portfolio-template .website-link a, .page-template-feat-portfolio-template .case-study a,
.portfolio-template .website-link a, .portfolio-template .case-study a {
	text-decoration:underline;
}

.post-type-archive-portfolio .archive-pagination {
	display:none;
}

.page-template-portfolio-template .archive-pagination a {
	background:#4AA76A;
	color:#fff;
	padding:6px 0;
	text-transform:uppercase;
	display:block;
	width:380px;
	text-align:center;
	font-weight:bold;
}

/******************************* Single View *******************************/

.single-portfolio #single-featured-image {
	text-align:center;
}

.single-portfolio .entry-meta {
	display:none!important;
}

.single-portfolio .site-inner {
	max-width:100%;
}

.single-portfolio .site-inner article {
	text-align:left;
	background:transparent;
	padding-left:0;
	padding-right:0;
}

.single-portfolio .site-inner article h1,
.single-portfolio .site-inner article h2,
.single-portfolio .site-inner article h3,
.single-portfolio .site-inner article h4,
.single-portfolio .site-inner article h5,
.single-portfolio .site-inner article h6 { 
	text-align:center;
}

.single-portfolio .single-detail-cont {
	max-width:940px;
	margin:0 auto;
}

.single-portfolio .single-section {
	padding-top:20px;
	padding-bottom:20px;
}

.single-portfolio .single-section.offset {
	background:#ddd;
}

#single-featured-image {
	padding-top:75px;
}

/****************************** Portfolio Animations ******************************/

.feat-the-content, .the-content {
	opacity:0;
	position:relative;
	z-index:2;
	transition:opacity .5s ease;
	-moz-transition:opacity .5s ease;
	-webkit-transition:opacity .5s ease;
}

.portfolio-block:hover .feat-the-content, .portfolio-block:hover .the-content {
	opacity:1;
	transition:opacity .5s ease;
	-moz-transition:opacity .5s ease;
	-webkit-transition:opacity .5s ease;
}

.archive.post-type-archive-portfolio .portfolio-block:hover:before, .page-template-feat-portfolio-template .portfolio-block:hover:before, .page-template-portfolio-template .portfolio-block:hover:before {
	opacity:0.5;
	transition:opacity .5s ease;
	-moz-transition:opacity .5s ease;
	-webkit-transition:opacity .5s ease;
}

.archive.post-type-archive-portfolio .portfolio-block:hover,
.page-template-feat-portfolio-template .portfolio-block:hover,
.portfolio-template .portfolio-block:hover {
	background-size:150% !important;
	transition:background-size 1.5s ease;
	-moz-transition:background-size 1.5s ease;
	-webkit-transition:background-size 1.5s ease;
}

/****************************** Portfolio Responsive ******************************/

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

	.archive.post-type-archive-portfolio .feat-portfolio-content .portfolio-block, .page-template-portfolio-template .feat-portfolio-content .portfolio-block {
		width:100%;
	}

	.archive.post-type-archive-portfolio .portfolio-content .portfolio-block, .page-template-portfolio-template .portfolio-content .portfolio-block, .page-template-feat-portfolio-template .feat-portfolio-content .portfolio-block {
		width:50%;
	}

}



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

	.archive.post-type-archive-portfolio .portfolio-content .portfolio-block, .page-template-portfolio-template .portfolio-content .portfolio-block, .page-template-feat-portfolio-template .feat-portfolio-content .portfolio-block {
		width:100%;
	}



}