/*  page blog  ==================================================================== */
.page_wrap.blog {
	padding:0px;
}
.page_2 {
	padding: 60px 0 20px 0;
	background: var(--color_highlight);
	border-bottom: 1px solid var(--color_border_2);
}
.page_projects_construction_outside {
	padding: 60px 0 20px 0;
	background: var(--color_highlight);
	border-bottom: 1px solid var(--color_border_2);
}
.blog_wrapper {
	display: flex;
	flex-wrap: wrap;
	/*align-items: center;*/
	justify-content: space-between;
}
.blog_wrapper a {
	display: block;
	width:calc(33% - 20px);
	margin:0 0 40px 0;
	background: var(--color_white);
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.blog_wrapper a:hover {
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.5);
}
.blog_photo {
	overflow: hidden;
}
.blog_photo.construction_photo {
	/*height: 250px;*/
	height: auto;

}
.blog_photo img {
	max-width:100%;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.blog_wrapper a:hover {
	-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.5);
}
.blog_wrapper a:hover .blog_photo img {
	transform: scale(1.1);
}
.blog_info {
	padding:15px 30px 25px 30px;
}
.blog_title {
	font-family: var(--font_caps_1);
	text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    color: #373435;
}
.blog_title.construction {
	color: #373435;
}
.blog_date {
	margin:10px 0 0 0;
	font-size:14px;
	color: #777;
}
.blog_date i {
	margin:0 6px 0 0;
	color: #777;
}

.blog_job {
	margin:10px 0 0 0;
	font-size:14px;
}
.blog_job span {
	display: block;
	margin: 5px 0 0 0;
	font-family: 'DejaVu Sans Bold';
	color: #d68222;
}


@media screen and (max-width: 1240px) {
	.blog_wrapper a {
		width:calc(50% - 20px);
		margin:0 0 40px 0;
		background: var(--color_white);
		-webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    border-radius: 3px;
	}
}

@media screen and (max-width: 832px) {
	.blog_wrapper a {
		width:100%;
		margin:0 0 40px 0;
		background: var(--color_white);
		-webkit-border-radius: 3px;
	    -moz-border-radius: 3px;
	    border-radius: 3px;
	}
}