/*====================================================
=            ELEGANCO SEARCH PAGE
====================================================*/

.et-search-page{

    padding:80px 0;

    background:#F7F9FC;

}

.et-search-layout{

    display:grid;

    grid-template-columns:minmax(0,2fr) 360px;

    gap:40px;

    align-items:start;

}

/*==================================
Search Header
==================================*/

.et-search-header{

    background:#ffffff;

    border-radius:20px;

    padding:40px;

    margin-bottom:40px;

    box-shadow:0 12px 40px rgba(10,41,131,.08);

}

.et-search-heading{

    margin:0;

    font-size:42px;

    font-weight:700;

    color:#0a2983;

}

.et-search-description{

    margin:18px 0 35px;

    color:#666;

    font-size:17px;

    line-height:1.8;

}

/*==================================
Search Form
==================================*/

.et-search-page-form{

    display:flex;

    position:relative;

}

.et-search-page-input{

    width:100%;

    height:64px;

    padding:0 75px 0 24px;

    border:2px solid #E4EAF5;

    border-radius:14px;

    background:#F0F5FA;

    font-size:17px;

    transition:.3s;

}

.et-search-page-input:focus{

    outline:none;

    border-color:#0352b3;

    background:#ffffff;

    box-shadow:0 0 0 5px rgba(3,82,179,.10);

}

.et-search-page-btn{

    position:absolute;

    top:7px;

    right:7px;

    width:50px;

    height:50px;

    border:none;

    border-radius:12px;

    background:#0352b3;

    color:#fff;

    cursor:pointer;

    transition:.3s;

}

.et-search-page-btn:hover{

    background:#0a2983;

}

/*==================================
Search Meta
==================================*/

.et-search-meta{

    display:flex;

    align-items:center;

    gap:16px;

    margin-top:30px;

    flex-wrap:wrap;

}

.et-search-count{

    background:#EEF5FF;

    color:#0352b3;

    padding:8px 16px;

    border-radius:30px;

    font-weight:600;

}

.et-search-divider{

    width:6px;

    height:6px;

    border-radius:50%;

    background:#C8D4EA;

}

.et-search-keyword{

    color:#666;

}

.et-search-keyword strong{

    color:#0a2983;

}

/*==================================
Search Card
==================================*/

.et-search-card{

    display:grid;

    grid-template-columns:260px 1fr;

    gap:30px;

    background:#ffffff;

    border-radius:20px;

    overflow:hidden;

    margin-bottom:35px;

    box-shadow:0 12px 35px rgba(10,41,131,.08);

    transition:.35s;

}

.et-search-card:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 45px rgba(10,41,131,.14);

}

.et-search-card-image{

    display:block;

    overflow:hidden;

}

.et-search-card-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.4s;

}

.et-search-card:hover img{

    transform:scale(1.05);

}

/*==================================
Card Content
==================================*/

.et-search-card-content{

    padding:30px 30px 30px 0;

}

.et-search-card-category{

    display:inline-flex;

    padding:6px 16px;

    border-radius:30px;

    background:#EEF5FF;

    color:#0352b3;

    font-size:13px;

    font-weight:600;

    margin-bottom:18px;

}

.et-search-card-title{

    margin:0 0 18px;

    font-size:30px;

    line-height:1.35;

}

.et-search-card-title a{

    color:#0a2983;

    text-decoration:none;

}

.et-search-card-title a:hover{

    color:#0352b3;

}

.et-search-card-excerpt{

    color:#666;

    line-height:1.9;

    margin-bottom:26px;

}

/*==================================
Meta
==================================*/

.et-search-card-meta{

    display:flex;

    gap:30px;

    flex-wrap:wrap;

    margin-bottom:26px;

    color:#777;

    font-size:15px;

}

.et-search-card-meta span{

    display:flex;

    align-items:center;

    gap:8px;

}

.et-search-card-meta i{

    color:#0352b3;

}

/*==================================
Button
==================================*/

.et-search-card-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    padding:14px 26px;

    border-radius:10px;

    background:#0352b3;

    color:#fff;

    font-weight:600;

    transition:.3s;

}

.et-search-card-btn:hover{

    background:#0a2983;

    transform:translateX(6px);

}

/*==================================
Sidebar
==================================*/

.et-search-sidebar{

    position:sticky;

    top:120px;

}

/*==================================
No Search Results
==================================*/

.et-no-search-results{

    background:#ffffff;

    border-radius:20px;

    padding:60px;

    text-align:center;

    box-shadow:0 12px 35px rgba(10,41,131,.08);

}

.et-no-search-icon{

    width:90px;

    height:90px;

    margin:0 auto 25px;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    background:#EEF5FF;

    color:#0352b3;

    font-size:36px;

}

.et-no-search-results h2{

    color:#0a2983;

    margin-bottom:15px;

    font-size:34px;

}

.et-no-search-results p{

    color:#666;

    line-height:1.8;

    margin-bottom:18px;

}

.et-no-search-description{

    margin-bottom:35px;

}

.et-popular-searches{

    margin-top:40px;

}

.et-popular-searches h3{

    color:#0a2983;

    margin-bottom:20px;

}

.et-popular-tags{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:12px;

    margin-bottom:35px;

}

.et-popular-tags a{

    text-decoration:none;

    padding:10px 18px;

    border-radius:30px;

    background:#EEF5FF;

    color:#0352b3;

    font-weight:600;

    transition:.3s;

}

.et-popular-tags a:hover{

    background:#0352b3;

    color:#ffffff;

}

.et-no-search-actions{

    margin-top:20px;

}

@media(max-width:767px){

    .et-no-search-results{

        padding:35px 25px;

    }

    .et-no-search-results h2{

        font-size:28px;

    }

}

/*==================================
Search Pagination
==================================*/

.et-search-pagination{

    margin-top:60px;

}

.et-search-pagination ul{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

    padding:0;

    margin:0;

    list-style:none;

}

.et-search-pagination li{

    margin:0;

}

.et-search-pagination a,
.et-search-pagination span{

    display:flex;

    align-items:center;

    justify-content:center;

    min-width:48px;

    height:48px;

    padding:0 18px;

    border-radius:12px;

    background:#ffffff;

    border:1px solid #e8edf5;

    color:#0a2983;

    text-decoration:none;

    font-weight:600;

    transition:.3s ease;

    box-shadow:0 8px 25px rgba(10,41,131,.06);

}

.et-search-pagination a:hover{

    background:#0352b3;

    color:#ffffff;

    border-color:#0352b3;

    transform:translateY(-3px);

}

.et-search-pagination .current{

    background:#0352b3;

    color:#ffffff;

    border-color:#0352b3;

}

.et-search-pagination .dots{

    border:none;

    background:none;

    box-shadow:none;

    min-width:auto;

    padding:0 6px;

}

/*==================================
Responsive
==================================*/

@media(max-width:991px){

    .et-search-layout{

        grid-template-columns:1fr;

    }

    .et-search-sidebar{

        position:static;

    }

    .et-search-card{

        grid-template-columns:1fr;

    }

    .et-search-card-content{

        padding:30px;

    }

}

@media(max-width:767px){

    .et-search-page{

        padding:50px 0;

    }

    .et-search-header{

        padding:25px;

    }

    .et-search-heading{

        font-size:30px;

    }

    .et-search-card-title{

        font-size:24px;

    }

    .et-search-card-meta{

        gap:18px;

    }

}