/* 
   Project styles 
*/

/* PORTFOLIO PAGINATION */

.et_pb_portofolio_pagination {
	border: none !important;
	text-align: center;
	padding-top: 15px;
}

.et_pb_portofolio_pagination ul {
	float: none;
	margin: 0 auto;
}

.et_pb_portofolio_pagination ul li {
	float: none;
	display: inline-block;
	padding: 5px !important;
}

.et_pb_portofolio_pagination ul li a {
	color: #000 !important;
	font-size: 15px;
	font-weight: bold; 
	border: 1px solid #ddd;
	line-height: 1.3;
	padding: 7px 25px;
	display: block; 
	border-radius: 30px;
} 

.et_pb_portofolio_pagination ul li a:hover { 
	color: #fff !important;
}
 
.et_pb_portofolio_pagination ul li.prev a,
.et_pb_portofolio_pagination ul li.next a {
	border-radius: 30px;
	position: relative;
}

.et_pb_portofolio_pagination ul li.prev a {
	padding-right:20px;
	padding-left: 30px;
}

.et_pb_portofolio_pagination ul li.next a {
	padding-right: 30px;
	padding-left: 20px;
}

.et_pb_portofolio_pagination ul li.next a:before,
.et_pb_portofolio_pagination ul li.prev a:before {
	font-family: ETmodules;
	font-size:20px;
	line-height: 1;
	top: 50%;
	margin-top: -10px;
	position: absolute;
}

.et_pb_portofolio_pagination ul li.next a:before {
	content: '\35'; 
	right: 10px;
}

.et_pb_portofolio_pagination ul li.prev a:before {
	content: '\34'; 
	left: 10px;
}

/* PORTFOLIO FILTERS */

.et_pb_portfolio_filters {
	margin-bottom: 15px !important;
}

.portfolio-categories .et_pb_row {
	padding-bottom: 0;
	padding-top: 50px;
}

.et_pb_portfolio_filters ul,
.portfolio-categories ul { 
	padding: 0; 
}

.et_pb_portfolio_filters li,
.portfolio-categories li { 
	padding: 0 5px;
	margin-bottom: 5px;
	position: relative;
	display: inline-block;
} 

.et_pb_portfolio_filters li a,
.portfolio-categories li a {  
	padding: 8px 25px;
	font-size: 15px;
	line-height: 1.3;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 30px  !important;
	margin: 0 auto; 
	font-weight: 600; 
	background: transparent  !important;
	transition: 0.3s all; 
	color: inherit;
}

/* Project archive */

.portfolio-categories {
	text-align: center;
	position: relative; 
}

.portfolio-categories li a {
	display: block;
	overflow: hidden;
	height: auto;
} 

.portfolio-items .et_pb_row {
	width: 97%;
}

.portfolio-items .et_pb_portfolio_item {
	margin-bottom: 0 !important;
}

.portfolio-items .et_pb_portfolio_item h2.et_pb_module_header {
	font-weight: 800 !important;
	font-size: 22px !important;
}

.portfolio-items .et_pb_portfolio_item .et_overlay {
	opacity: 0.95;
}

.portfolio-items .et_pb_portfolio_item .post-meta {
	font-size: 16px;
	line-height: 1.5;
	margin-top: 0;
}

@media (min-width: 981px) {
	.portfolio-items .et_pb_portfolio_item {
		width: 25%;
		float: left;
	}
}

@media  (min-width: 768px) and  (max-width: 980px) {
	.portfolio-items .et_pb_portfolio_item {
		width: 33.33%;
		float: left;
	}
}

@media  (min-width: 479px) and  (max-width: 767px) {
	.portfolio-items .et_pb_portfolio_item {
		width: 50%;
		float: left;
	}
	.portfolio-categories li  {
		width: 50%;
	}
}

/* Single Project */

.single-project .interior-header h2.entry-title {
	font-weight: 900;
	line-height: 1.1; 
}

.single-project .interior-header .et_project_categories a {
	color: inherit;
	font-size: 16px;
	line-height: 1.5;
	opacity: 0.75;
}

.project-header .et_pb_post_title  { 
	width: 100%; 
	overflow: visible;
	position: relative; 
}

.project-header .et_pb_post_title:before {
	position: absolute;
	content: '';
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	opacity: 0.9; 
	z-index: 1;
}

.project-header .et_pb_title_container {
	width: 80%  !important;
	max-width: 1150px  !important; 
}

.project-header h1.entry-title {
	font-weight: 900 !important;
	line-height: 1.15; 
	position: relative; 
	margin-bottom: 0; 
	display: inline-block;
} 

.project-header h1.entry-title:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0; 
	z-index: -1;
	border-left-width: 7px;
	border-left-style: solid;  
	border-bottom-width: 7px;
	border-bottom-style: solid;  
}

.project-header h1.entry-title:after { 
	content: '';
	position: absolute;
	top: 0;
	right:0;
	z-index: -1;
	border-right-width: 7px;
	border-right-style: solid;  
	border-top-width: 7px;
	border-top-style: solid;  
}

.project-description {
	font-size: 15px;
	line-height: 1.5;
} 

@media (min-width:981px) {
	.project-header h1.entry-title:after,
	.project-header h1.entry-title:before { 
		width: 50px;
		height: 50px; 
	}
	.project-header h1.entry-title { 
		font-size: 50px !important;  
		padding: 25px 35px !important; 
	} 
	.single-project .interior-header h2.entry-title { 
		font-size: 40px;
	}
}

@media (min-width:767px) and (max-width: 980px) { 
	.project-header h1.entry-title:after,
	.project-header h1.entry-title:before { 
		width: 40px;
		height: 40px; 
	}
	.project-header h1.entry-title { 
		font-size: 45px !important;  
		padding: 20px 30px !important; 
	} 
	.single-project .interior-header h2.entry-title { 
		font-size: 37px;
	}
} 

@media  (max-width: 766px)  { 
	.project-header h1.entry-title:after,
	.project-header h1.entry-title:before { 
		width: 35px;
		height: 35px; 
		border-width: 5px !important;
	} 
	.project-header h1.entry-title { 
		font-size: 35px !important;  
		padding: 20px 10px !important; 
	} 
	.project-header h1.entry-title:after {   
		right: -10px;
	}
	.project-header h1.entry-title:before {  
		left: -10px;
	}
	.single-project .interior-header h2.entry-title { 
		font-size: 32px;
	}
}

/* GALLERY */

@media (min-width: 981px) { 
	.single-project-gallery   .et_pb_grid_item { 
		width: 23.5%;
		margin: 0 2% 20px 0 !important;
		-webkit-box-shadow: 0 5px 25px 0 rgba(0,0,0,0.06);
		box-shadow: 0 5px 25px 0 rgba(0,0,0,0.06);
		transition: 0.5s ease-in-out;
	}
}

@media (min-width: 479px) and (max-width: 980px) { 
	.single-project-gallery   .et_pb_grid_item,
	.single-project-gallery   .et_pb_grid_item:nth-child(n) { 
		width: 48.5%  !important;
		margin: 0 3% 20px 0 !important;
		-webkit-box-shadow: 0 5px 25px 0 rgba(0,0,0,0.06);
		box-shadow: 0 5px 25px 0 rgba(0,0,0,0.06);
		transition: 0.5s ease-in-out;
		clear: none !important;
	}
	.single-project-gallery   .et_pb_grid_item:nth-child(2n) { 
		margin-right: 0 !important;
	}
}

@media (max-width: 478px) { 
	.single-project-gallery   .et_pb_grid_item,
	.single-project-gallery   .et_pb_grid_item:nth-child(n) {
		margin-bottom: 20px !important;
	}
}
 

.single-project-gallery  .et_overlay:before {
	content: 'View Full Size';
	font-family: Open Sans !important;
	text-transform: uppercase;
	padding: 10px 0;
	border-radius: 30px;
	width: 136px;
	display: block;
	text-align: center;
	margin : -20px 0 0 -68px !important;
	top: 50% !important; 
	font-size: 13px;
	line-height: 1.3;
	border-width: 2px  !important;
	border-style: solid  !important; 
	font-weight: bold;
}

.single-project-gallery  .et_pb_gallery_pagination {
	border: none;
}

.single-project-gallery  .et_pb_gallery_pagination ul {
	float: none;
	text-align: center;
}
 
.single-project-gallery .et_pb_gallery_pagination ul li  {
	float: none;
	display: inline-block;
	padding: 5px 3px;
}

.single-project-gallery .et_pb_gallery_pagination ul li a {
	border: 1px solid  #ddd;
	padding: 5px 20px;
	font-size: 14px;
	line-height: 1.3;
	margin: 0 auto;
	border-radius: 30px !important;
	font-weight: 600;
	color: #000;
	background: transparent  !important;
	transition: 0.3s all;
}

.single-project-gallery .et_pb_gallery_pagination ul li a.active { 
	color: #000;
}

.single-project-gallery .et_pb_gallery_pagination ul li a:hover {
	color: #fff !important; 
}

/* DETAILS - BLURB */ 

.project-details .et_pb_blurb { 
	text-transform: uppercase; 
}

.project-details .et_pb_blurb h4 { 
	line-height: 1.25;
	padding-bottom: 0;
	font-size: 15px; 
	color: #000;
}

.project-details .et_pb_blurb .et_pb_blurb_content p { 
	line-height: 1.25;
	margin-bottom: 0;
	font-size: 15px; 
	color: #666;
	font-weight: 500 !important;
}

.project-details .et_pb_blurb .et_pb_blurb_content { 
	max-width: none;
}

@media (min-width: 981px) {
	.project-details .et_pb_column_1_4 .et_pb_blurb {
		border-left: 1px solid #ddd;
		padding-left: 20px;
	}
	.project-details .et_pb_column_1_4:first-child .et_pb_blurb  {
		border: none;  
	}
}

@media (max-width: 479px) {
	.project-details .et_pb_column_1_4 .et_pb_blurb  {
		border-bottom: 1px solid #ddd;
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	.project-details .et_pb_column_1_4:last-child .et_pb_blurb {
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	} 
}


.project-details.et_pb_column_1_3 .et_pb_blurb {
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.project-details.et_pb_column_1_3 .et_pb_blurb:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
} 

/* PROJECT TESTIMONIAL */

@media (min-width: 981px) {
	.project-testimonial   {
		margin-top: -15px; 
		padding: 0 !important;
	}
}

.project-testimonial:before { 
	opacity: 0;
	position: absolute;
	top: -80px;
	right: 95px;
	left: auto;
	margin-left: 0;
	border-radius: 0;
	background: transparent;
	font-size: 90px;
	color: #a46934;
	content: "\7b";
}

.project-testimonial .et_pb_testimonial_description { 
	border: 10px solid #ddd;  
	padding: 35px; 
}

.project-testimonial .et_pb_testimonial_description:before {
	content: '';
	display: block;  
	position: absolute;
	right:40px; 
	bottom: 100%;
	width: 0;
	height: 0;
	border: 40px solid transparent;
	border-bottom-color: #ddd;
}

.project-testimonial .et_pb_testimonial_description:after {
	content: '';
	display: block;  
	position: absolute;
	right: 55px; 
	bottom: 100%;
	width: 0;
	height: 0;
	border: 25px solid transparent;
	border-bottom-color: white;
	visibility: visible !important;
}

.project-testimonial .et_pb_testimonial_description p {
	padding-bottom: 0;
}

.project-testimonial p.et_pb_testimonial_meta {
	text-transform: uppercase;
	font-size: 13px;
	line-height: 1.5;
}

.project-testimonial .et_pb_testimonial_author {
	color: #000;
	font-size: 16px;
}