@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

@charset 'utf-8';
/*
 * name:news.css
 * author:sovanda nulo
*/

/* news
------------------------------------------------ */

.list-filter { display: block; position: relative; margin: -20px 0 35px; }
#news-filter-form { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.list-filter--lists { margin: 0 15px; }
.list-filter--lists select { display: none; font-size: 16px; line-height: 1.5; padding: 0; padding-right: 13px; font-weight: bolder; height: 24px; width: 100%; border: none; color: #222; border-bottom: 1px solid #222222; background-position: right -9px center; outline: none; background-color: #fff; -webkit-appearance: none; appearance: none; }
.list-filter--lists select:focus { outline: none; box-shadow: none; }
.list-filter--lists button { font-size: 18px; width: 100px; height: 38px; border: 2px solid #222222; background: #fff; box-sizing: border-box; transition: linear .2s; outline: none; -webkit-appearance: none; appearance: none; }
.list-filter--team { width: 240px; }
.list-filter--years { width: 70px; }
.list-filter--month { width: 40px; }

    @media only screen and (min-width: 767px) {
        .list-new { min-height: 500px }
        .list-news ul li { display: flex; flex-wrap: wrap; align-items: flex-start; }
        .list-news ul li > div.date { line-height: 1.65; width: 140px; }
        .list-news ul li > div.cate {  }
        .list-news ul li > div.text { width: calc( 100% - 300px ); vertical-align: top; }
        .list-filter--lists button:hover { background: #222; color: #fff; }
    }

    @media only screen and (max-width: 767px) {
        .list-new { min-height: 400px }
        #news-filter-form { margin: 0 -20px; }
        .list-filter--lists { margin: 0 10px; }
        .list-filter--lists button { font-size: 12px; width: 60px; height: 24px; }
        .list-filter--lists select { font-size: 12px; line-height: 1.6; height: 20px; }
        .list-filter--team { width: 118px; }
        .list-filter--years { width: 56px; }
        .list-filter--month { width: 40px; }
        .list-filter { margin: -5px 0 30px; }
        
    }

.list-news .tags { display: flex; flex-wrap: wrap; }
.list-news .tags li { font-size: 14px; font-weight: normal; display: inline-block; position: relative; padding: 0; border: none; margin-top: 12px; margin-right: 20px; padding-left: 1em; }
.list-news .tags li:before { content: ''; display: inline-block; position: absolute; left: 0; top: .4em; width: .57em; height: .57em; border-radius: 50%; background: #64B72F; }

    @media only screen and (max-width: 767px) {
        .list-news .tags li { font-size: 12px; margin-top: 10px; }
        .list-news ul li > div.cate { font-size: 16px; width: 80px; }
    }


.custom-dropdown { position: relative; width: 100%; max-width: 320px; font-family: inherit; user-select: none; }
.custom-dropdown .selected { font-size: 16px; line-height: 1.5; letter-spacing: 0; padding: 0; padding-right: 13px; font-weight: bolder; height: 24px; width: 100%; border: none; color: #222; border-bottom: 1px solid #222222; outline: none; overflow: hidden; background-color: #fff; -webkit-appearance: none; appearance: none; cursor: pointer; background-repeat: no-repeat; background-image: url(../../img/common/icon-select-margin.svg); background-position: right -9px center; background-size: 32px 16px; box-sizing: border-box; }
.custom-dropdown .options { position: absolute; left: 0; right: 0; z-index: 999; margin-top: 5px; padding: 8px 22px; background: #E8E8E8; width: 100%; max-height: 450px; overflow-y: auto; display: none; }
.custom-dropdown.open .options { display: block; }
.custom-dropdown .option { font-size: 14px; padding: 8px 5px; border-radius: 0; cursor: pointer; white-space: nowrap; position: relative; }
.custom-dropdown .option:hover { background: #15126F; color: #fff; }
.custom-dropdown .option[aria-selected="true"]:before { content: ''; display: inline-block; width: 1em; height: .657em; position: absolute; right: 100%; top: .75em; background-image: url(../../img/common/icon-checkbox.svg); background-size: 100% 100%; background-position: center; }
.custom-dropdown + select[data-custom-hidden] { position: absolute !important; opacity: 0 !important; pointer-events: none !important; height: 0 !important; width: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }

    @media only screen and (max-width: 767px) {
        .custom-dropdown .selected { font-size: 12px; line-height: 1.6; height: 20px; }
        .custom-dropdown .option { font-size: 12px; }
        .list-filter--team .custom-dropdown .options { width: 180%; }
    }