/*
==========================================
PROJECT ARCHIVE FILTERS
==========================================
*/

.archive-container{

    width:min(1320px, calc(100% - 80px));

    margin:auto;

}

.archive-filters{

    margin:0 0 90px;

}

.archive-heading{

    text-align:center;

    margin-bottom:70px;

}

.archive-heading h1{

    margin:0;

    font-size:68px;

    font-weight:300;

    line-height:1.1;

    color:#222;

}

.archive-toolbar{

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:30px;

    padding-bottom:28px;

    border-bottom:1px solid #e8e8e8;

}

.archive-category{

    width:260px;

}

.archive-category select{

    width:100%;

    height:54px;

    border:none;

    border-bottom:1px solid #ddd;

    background:#fff;

    font-size:15px;

    color:#333;

    outline:none;

    appearance:none;

    -webkit-appearance:none;

    padding:0 40px 0 0;

    cursor:pointer;

    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M1 1L8 8L15 1' stroke='%23222' stroke-width='2' fill='none'/%3E%3C/svg%3E");

    background-repeat:no-repeat;

    background-position:right center;

}

.archive-search{

    width:340px;

}

.archive-search input{

    width:100%;

    height:54px;

    border:none;

    border-bottom:1px solid #ddd;

    background:#fff;

    font-size:15px;

    color:#222;

    outline:none;

    padding:0;

}

.archive-search input::placeholder{

    color:#999;

}

@media(max-width:991px){

    .archive-toolbar{

        flex-direction:column;

        align-items:stretch;

    }

    .archive-category,

    .archive-search{

        width:100%;

    }

}

@media(max-width:767px){

    .archive-container{

        width:calc(100% - 40px);

    }

    .archive-heading{

        margin-bottom:45px;

    }

    .archive-heading h1{

        font-size:42px;

    }

}