/* ===========================================
   CARDS
=========================================== */

.card{

    display:flex;

    flex-direction:column;

 border:1px solid #e8e2d8;
    border-radius:18px;

    transition:.25s;
padding: 12%;
}

.card__image {
    overflow: hidden;
    border-radius: var(--radius-lg);
}

.card__image img {
    display: block;
    width: 100%;
    height: auto;
}
.card:hover{

    transform:scale(1.03);

}

.card__category{

    margin:0 0 .75rem;

    color:var(--color-accent);

    font-size:.8rem;

    text-transform:uppercase;

    letter-spacing:.08em;

}

.card__title{

    margin:0 0 1rem;

    font-size:2rem;

}

.card__title a{

    color:inherit;

    text-decoration:none;

}

.card__title a:hover{

    color:var(--color-accent);

}

.card__intro {
padding-top: 4.5rem;

    margin-bottom:0.5rem;

    color:#555;

}

.card__footer{

    display:flex;

    justify-content:space-between;

    align-items:center;

    color:#777;

    font-size:.9rem;

}

.card__more{

    color:var(--color-accent);

}

.listing-grid{

    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:5rem 4rem;

}

.post-grid .card:nth-child(6n+1) {
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
}

.post-grid .card:nth-child(6n+2) {
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
}

.post-grid .card:nth-child(6n+3) {
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
}

.post-grid .card:nth-child(6n+4) {
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
}

.post-grid .card:nth-child(6n+5) {
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
}

.post-grid .card:nth-child(6n+6) {
background: rgba(255, 255, 255, 0.2);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
} 

/* ===========================================
   OLD CARDS
=========================================== 
.post-grid .card:nth-child(6n+1) {
    background: #f5e6e8;
}

.post-grid .card:nth-child(6n+2) {
    background: #e8eef5;
}

.post-grid .card:nth-child(6n+3) {
    background: #e9f2e6;
}

.post-grid .card:nth-child(6n+4) {
    background: #f5eee0;
}

.post-grid .card:nth-child(6n+5) {
    background: #eee8f5;
}

.post-grid .card:nth-child(6n+6) {
    background: #e5f1f0;
}
*/
@media (max-width:900px){

    .listing-grid{

        grid-template-columns:1fr;

    }

}

.card__title{

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;

}