/* =====================================================
   PROJECTS PAGE - EDEN SELLC
===================================================== */

/* ===============================
GENERAL
================================= */
body{
background:#f7f9f5;
color:#222;
font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.section-space{
padding:90px 0;
}

img{
max-width:100%;
display:block;
}

/* ===============================
HERO
================================= */
.project-hero{
padding:165px 0 95px;
background:
linear-gradient(rgba(17,35,17,.72),rgba(17,35,17,.72)),
url('../images/Picture4.jpg') center center/cover no-repeat;
color:#fff;
text-align:center;
position:relative;
overflow:hidden;
}

.project-hero::before{
content:"";
position:absolute;
top:-100px;
right:-80px;
width:260px;
height:260px;
background:rgba(255,255,255,.05);
border-radius:50%;
}

.project-hero::after{
content:"";
position:absolute;
bottom:-80px;
left:-80px;
width:220px;
height:220px;
background:rgba(255,255,255,.04);
border-radius:50%;
}

.project-hero .container{
position:relative;
z-index:2;
}

.project-hero h1{
font-size:4rem;
font-weight:900;
margin-bottom:18px;
line-height:1.2;
}

.project-hero p{
max-width:760px;
margin:auto;
font-size:1.1rem;
line-height:1.9;
opacity:.95;
}

/* ===============================
FILTER BOX
================================= */
.project-filter-wrap{
margin-top:-40px;
position:relative;
z-index:10;
}

.project-filter-box{
background:#fff;
padding:24px;
border-radius:28px;
box-shadow:0 20px 55px rgba(0,0,0,.08);
border:1px solid #eef2ea;
}

.project-categories{
display:flex;
gap:12px;
flex-wrap:wrap;
}

.project-categories button{
border:none;
padding:10px 18px;
border-radius:40px;
background:#eef7e9;
color:#67b51f;
font-size:.95rem;
font-weight:800;
transition:.25s ease;
}

.project-categories button:hover,
.project-categories button.active{
background:#67b51f;
color:#fff;
transform:translateY(-2px);
}

.project-filter-box .form-control{
height:52px;
border-radius:14px;
border:1px solid #ddd;
padding:0 16px;
box-shadow:none;
}

.project-filter-box .form-control:focus{
border-color:#67b51f;
box-shadow:0 0 0 4px rgba(103,181,31,.08);
}

/* ===============================
CARD
================================= */
.project-card-page{
display:block;
height:100%;
background:#fff;
border-radius:24px;
overflow:hidden;
border:1px solid #edf2e8;
text-decoration:none;
color:#222;
box-shadow:0 12px 28px rgba(0,0,0,.03);
transition:.28s ease;
}

.project-card-page:hover{
transform:translateY(-8px);
box-shadow:0 26px 55px rgba(0,0,0,.08);
color:#222;
}

.project-card-page img{
width:100%;
height:240px;
object-fit:cover;
transition:.4s ease;
}

.project-card-page:hover img{
transform:scale(1.05);
}

.project-card-body{
padding:24px;
}

.project-meta{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-bottom:14px;
}

.project-meta span{
padding:6px 12px;
border-radius:30px;
background:#eef7e9;
color:#67b51f;
font-size:.82rem;
font-weight:800;
}

.project-card-body h4{
font-size:1.22rem;
font-weight:900;
line-height:1.5;
margin-bottom:12px;
min-height:64px;
}

.project-card-body p{
font-size:.96rem;
line-height:1.85;
color:#666;
margin-bottom:18px;
min-height:82px;
}

.read-link{
font-size:.94rem;
font-weight:800;
color:#4d9517;
display:flex;
align-items:center;
gap:8px;
}

/* ===============================
PAGINATION
================================= */
.pagination-custom{
display:flex;
justify-content:center;
gap:10px;
flex-wrap:wrap;
}

.pagination-custom a{
width:46px;
height:46px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
text-decoration:none;
font-weight:800;
background:#fff;
color:#333;
border:1px solid #ddd;
transition:.25s ease;
}

.pagination-custom a:hover,
.pagination-custom a.active{
background:#67b51f;
border-color:#67b51f;
color:#fff;
transform:translateY(-2px);
}

/* ===============================
FOOTER
================================= */
.footer-main{
padding:50px 0;
background:#17370f;
color:#fff;
}

.footer-logo{
height:62px;
width:auto;
margin:auto;
}

/* ===============================
EMPTY RESULT
================================= */
.no-result{
display:none;
text-align:center;
padding:50px 0;
font-size:1rem;
font-weight:700;
color:#777;
}

/* ===============================
RESPONSIVE
================================= */
@media(max-width:1200px){

.project-hero h1{
font-size:3.2rem;
}

}

@media(max-width:992px){

.project-hero{
padding:145px 0 80px;
}

.project-hero h1{
font-size:2.7rem;
}

.project-card-body h4,
.project-card-body p{
min-height:auto;
}

.project-filter-box{
padding:18px;
}

}

@media(max-width:768px){

.section-space{
padding:75px 0;
}

.project-hero h1{
font-size:2.25rem;
}

.project-hero p{
font-size:1rem;
}

.project-card-page img{
height:220px;
}

.project-categories{
justify-content:flex-start;
}

}

@media(max-width:576px){

.project-hero{
padding:130px 0 70px;
}

.project-hero h1{
font-size:1.95rem;
}

.project-card-page img{
height:210px;
}

.project-card-body{
padding:18px;
}

.project-card-body h4{
font-size:1.08rem;
}

.project-card-body p{
font-size:.93rem;
}

.project-filter-box .form-control{
height:48px;
}

.pagination-custom a{
width:42px;
height:42px;
font-size:.9rem;
}

}