@font-face {
	font-family:'Avenir LT Pro';
	src: url(../../fonts/Avenir-LT-Pro.otf);
	font-style:normal;
}
:root {
	--theme-blue:#0E73BA;
	--font-landing-page:'Roboto', sans-serif;
}
P {
	margin:0;
    font-family:'Avenir LT Pro', sans-serif;
}
#menu-header-menu .menu-item a {
    color: black !important;
}
.black-logo, .open-icon-black { 
	display: block !important; 
}
.open-icon-black[style="display:none;"] {
	display:none !important;
}
.white-logo, .open-icon {
    display: none !important;
}
#menu-header-menu .menu-item a {
    color: black !important;
}
#menu-header-menu .nav-expand > a:first-of-type:after {
	background-image: url(/wp-content/uploads/2021/05/chevron_down_black_icon.png);
	height: 6px;
    width: 12px;
	content: "";
	margin-top: 5px;
	margin-left: 5px;
}

.projects-main-page .container {
	padding-top:190px;
	padding-bottom:100px;
	width:1759px;
	max-width:calc(100% - 180px);
	margin:auto;
}
.projects-main-page .pagination {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
	align-items:center;
    gap: 20px;
}
.projects-main-page .pagination .page-numbers.current {
    padding: 5px 10px;
    background: #0d74bb;
    color: #fff;
}
.proj-section {
	position:relative;
	display:flex;
	flex-direction:row-reverse;
	justify-content:space-between;
	align-items:center;
	border: 1px solid rgba(14, 115, 186, 1);
    margin-bottom:100px;
}
.proj-section:nth-of-type(even) {
    flex-direction: row;
}
.proj-section > .proj-img-container {
	display:block;
	width:calc(50% - 62px);
}
.proj-content-container {
	width:50%;
	padding:40px 0 40px 100px;
	position:relative;
}
.proj-section:nth-of-type(even) .proj-content-container {
    padding: 40px 100px 40px 0;
}
.proj-content-container .proj-title {
	margin-top:0;
    font-family:'Avenir LT Pro', sans-serif;
    font-size:64px;
    line-height:78px;
}
.proj-content-container .proj-title > small {
    content: 'Vancouver Roofing Contractors';
    color: rgba(14, 115, 186, 1);
    display: block;
    font-size: 24px;
    line-height: 32px;
	font-style:italic;
}
.proj-content-container .proj-title > a {
	color:#000;
}
.proj-img-container img {
    width: 100%;
	display:block;
}
.proj-content-container p {
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family:'Avenir LT Pro', sans-serif;
    font-size:18px;
    line-height:1.65;
    margin-bottom:30px;
}
.proj-content-container a.more-link {
    display: block;
    width: fit-content;
    background: #0e73ba;
    color: #fff;
    padding: 14px 20px;
}
.proj-content-container p.proj-coming-soon {
	font-size:26px;
	font-style:italic;
}
@media (max-width:1279px) {
	.projects-main-page .container {
		max-width:calc(100% - 60px);
	}
	.proj-content-container .proj-title {
        font-size:32px;
        line-height:44px;
    }
}
@media (max-width:768px) {
	.projects-main-page .container {
		max-width:calc(100% - 30px);
        padding-right:0;
        padding-left:0;
	}
	.proj-section,
	.proj-section:nth-of-type(even) {
		flex-direction:column;
	}
	.proj-section > .proj-img-container {
		width:100%;
	}
	.proj-section .proj-content-container,
	.proj-section:nth-of-type(even) .proj-content-container {
		width:100%;
		padding:30px 30px 60px;
	}
	.proj-content-container a.more-link {
		bottom:60px;
	}

}