/* ==========================================================
   OJAS BLOG ARCHIVE
========================================================== */

.ojas-blog-archive{

    padding:40px 0 100px;

    position:relative;
	font-family: "Montserrat", sans-serif;

}

.ojas-blog-archive__container{

/*     max-width:1280px; */

    margin:0 auto;

    padding:0 20px;

}

/* ==========================================================
   BLOG SEARCH
========================================================== */

.ojas-blog-archive__top{
    width:100%;
    margin-bottom:60px;
}

.ojas-blog-search{
    width:100%;
    max-width:700px;
    margin:0 auto;

    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;

    gap:15px;
}

.ojas-blog-search__input{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0;

    height:62px;

    padding:0 24px;

    border:1px solid #E4E8F1;
    border-radius:7px;

    font-size:16px;
    font-family:inherit;

    background:#fff;

    box-sizing:border-box;

    transition:.3s;
}

.ojas-blog-search__input:focus{
    outline:none;

    border-color:#D4A437;

    box-shadow:
        0 0 0 5px rgba(212,164,55,.10);
}

.ojas-blog-search__button{
    flex:0 0 auto !important;

    width:auto !important;

    height:62px;

    padding:0 34px;

    border:none;
    border-radius:7px;

    cursor:pointer;

    font-family:inherit;
    font-weight:600;
    font-size:15px;

    color:#fff;

    background:#0A2145;

    white-space:nowrap;

    transition:.3s;
}

.ojas-blog-search__button:hover{
    background:#D4A437;
}


/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px){

    .ojas-blog-search{
        flex-direction:column !important;
        align-items:stretch !important;
    }

    .ojas-blog-search__input{
        width:100% !important;
        flex:0 0 auto !important;
    }

    .ojas-blog-search__button{
        width:100% !important;
    }

}
/* ==========================================================
   GRID
========================================================== */

.ojas-blog-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:34px;

}
/* ==========================================================
   CARD
========================================================== */

.ojas-blog-card{

    background:#fff;

    border:1px solid #ECEFF6;

    border-radius:22px;

    overflow:hidden;

    transition:.35s;

    display:flex!important;

    flex-direction:column!important;

    height:100%;

}

.ojas-blog-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 60px rgba(15,35,65,.10);

}
.ojas-blog-card__image{

    display:block;

    overflow:hidden;

}

.ojas-blog-card__image img{

    width:100%;

    aspect-ratio:16/10;

    object-fit:cover;

    display:block;

    transition:.5s;

}

.ojas-blog-card:hover .ojas-blog-card__image img{

    transform:scale(1.08);

}
.ojas-blog-card__content{

    padding:26px;

    display:flex;

    flex-direction:column;

    flex:1;

}
.ojas-blog-card__meta{

    font-size:13px;

    color:#D4A437;

    font-weight:600;

    margin-bottom:14px;

}
.ojas-blog-card__title{

    margin:0 0 16px;

    font-size:20px;

    line-height:1.35;

}

.ojas-blog-card__title a{

    color:#0A2145;

    text-decoration:none;

    transition:.3s;

}

.ojas-blog-card__title a:hover{

    color:#D4A437;

}
.ojas-blog-card__excerpt{

    color:#6D7588;

    font-size: var(--e-global-typography-7b7f82f-font-size);
    font-weight: var(--e-global-typography-7b7f82f-font-weight);
    line-height: var(--e-global-typography-7b7f82f-line-height);

    margin-top:auto;

}
/* ==========================================================
   PAGINATION
========================================================== */

.ojas-blog-pagination{

    margin-top:70px;

}

.ojas-blog-pagination ul{

    display:flex;

    justify-content:center;

    gap:10px;

    list-style:none;

    padding:0;

    margin:0;

}

.ojas-blog-pagination a,
.ojas-blog-pagination span{

    width:46px;

    height:46px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:12px;

    text-decoration:none;

    border:1px solid #E5E8EF;

    color:#0A2145;

    font-weight:600;

    transition:.3s;

}

.ojas-blog-pagination a:hover,
.ojas-blog-pagination .current{

    background:#0A2145;

    color:#fff;

    border-color:#0A2145;

}
@media(max-width:1024px){

    .ojas-blog-grid{

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

    }

}

@media(max-width:767px){

    .ojas-blog-search{

        flex-direction:column;

    }

    .ojas-blog-grid{

        grid-template-columns:1fr;

    }

}
.ojas-blog-card__image{

    position:relative;

}

.ojas-blog-card__category{

    position:absolute;

    top:18px;

    left:18px;

    background:var(--e-global-color-secondary);

    color:#fff;

    padding:7px 14px;

    border-radius:30px;

    font-size:12px;

    font-weight:600;

    letter-spacing:.5px;

}
.ojas-blog-card__meta{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:16px;

    font-size:13px;

    color:#8A93A5;

}

.ojas-blog-card__dot{

    width:4px;

    height:4px;

    border-radius:50%;

    background:#D4A437;

}
.ojas-blog-card__footer{

    margin-top:auto;

    padding-top:28px;

}
.ojas-blog-card__readmore{

    display:inline-flex;

    align-items:center;

    gap:10px;

    text-decoration:none;

    color:#0A2145;

    font-weight:700;

    transition:.3s;

}

.ojas-blog-card__readmore span{

    transition:.3s;

}

.ojas-blog-card:hover .ojas-blog-card__readmore{

    color:var(--e-global-color-secondary);

}

.ojas-blog-card:hover .ojas-blog-card__readmore span{

    transform:translateX(6px);

}
.ojas-blog-card{

    display:flex;

    flex-direction:column;

}

.ojas-blog-card__content{

    display:flex;

    flex-direction:column;

    flex:1;

}
.ojas-blog-empty{

    text-align:center;

    padding:80px 20px;

    grid-column:1/-1;

}

.ojas-blog-empty h2{

    color:#0A2145;

    margin-bottom:15px;

}

.ojas-blog-empty p{

    color:#6D7588;

}