@media(min-width: 768px)and (max-width: 1300px){.global-header .button-smp{width:76px;height:76px}}@media(min-width: 1210px){.global-header .button-smp{display:flex;}}.global-header .button-smp._active .bar{width:0}.global-header .button-smp._active .bar::before{top:0;transform:rotate(135deg)}.global-header .button-smp._active .bar::after{bottom:0;transform:rotate(-135deg)}.global-header .button-smp .bar{display:block;position:relative;width:28px;height:2px;background-color:#fff;transition:all .3s ease}.global-header .button-smp .bar::before,.global-header .button-smp .bar::after{content:"";display:block;position:absolute;left:calc(50% - 14px);width:28px;height:2px;background-color:#fff;transition:all .3s ease}.global-header .button-smp .bar::before{top:-10px}.global-header .button-smp .bar::after{bottom:-10px}.global-header .button-smp .text{position:absolute;top:-999px;left:-9999px}.global-navigation{display:none;opacity:0;position:fixed;z-index:998;top:60px;right:0;width:85%;transition:all .3s ease}@media(min-width: 768px){.global-navigation{top:76px;height:calc(100vh - 76px)}}@media(min-width: 1300px){.global-navigation{opacity:1;z-index:999;display:block;top:0;right:0;width:auto;height:auto}}.global-navigation._active{display:block;opacity:1}.global-navigation._active .navigation-wrapper{animation-name:gNavAnime;animation-duration:1s;animation-delay:.3s;animation-fill-mode:forwards;opacity:0}.global-navigation .navigation-wrapper{overflow-y:auto;height:calc(100vh - 60px - 60px);padding:32px}@media(min-width: 768px){.global-navigation .navigation-wrapper{height:100%}}@media(min-width: 1300px){.global-navigation .navigation-wrapper{overflow:hidden;padding:0}}@media(min-width: 1300px){.global-navigation .navigation-wrapper .gNav{display:flex;align-items:center;height:76px}}.global-navigation .navigation-wrapper .gNav li{border-bottom:solid 1px #ccc;font-size:16px;font-weight:500}@media(min-width: 1300px){.global-navigation .navigation-wrapper .gNav li{margin:0 0 0 32px;border-bottom:none;font-size:14px;font-weight:400;letter-spacing:.05em;line-height:1.3}}@media(min-width: 1300px){.global-navigation .navigation-wrapper .gNav li:first-child{margin-left:0}}.global-navigation .navigation-wrapper .gNav li.last-li{margin-top:32px;border-bottom:none}@media(min-width: 1300px){.global-navigation .navigation-wrapper .gNav li.last-li{width:180px;margin:0 0 0 24px;font-size:16px;font-weight:700;letter-spacing:0}}.global-navigation .navigation-wrapper .gNav li.last-li a{justify-content:center;height:60px;background-color:#25282a;color:#fff}@media(min-width: 768px){.global-navigation .navigation-wrapper .gNav li.last-li a{height:76px;transition:all .3s ease}}@media(min-width: 768px){.global-navigation .navigation-wrapper .gNav li.last-li a:hover{background-color:#54c8e5}}.global-navigation .navigation-wrapper .gNav li.last-li a::after{display:none}.global-navigation .navigation-wrapper .gNav li.last-li a img{margin-right:8px}.global-navigation .navigation-wrapper .gNav li a{display:flex;align-items:center;width:100%;min-height:57px;padding:8px 0}@media(min-width: 1300px){.global-navigation .navigation-wrapper .gNav li a{position:relative;min-height:0}}@media(min-width: 1300px){.global-navigation .navigation-wrapper .gNav li a._current::after,.global-navigation .navigation-wrapper .gNav li a:hover::after{left:0;width:100%}}@media(min-width: 1300px){.global-navigation .navigation-wrapper .gNav li a::after{content:"";display:block;position:absolute;right:0;bottom:-2px;width:0;height:2px;background:linear-gradient(90deg, #7BDEF0 0%, #16AAE2 100%);transition:all .3s ease}}.global-navigation_background{position:fixed;z-index:997;top:0;right:0;width:0;height:0;background-color:#ddd;transition:all .3s ease}@media(min-width: 1300px){.global-navigation_background{display:none}}.global-navigation_background._active{top:60px;width:85%;height:calc(100vh - 60px - 60px)}

@media (min-width: 1300px) {
    .global-navigation .navigation-wrapper .gNav {
        display: flex;
        align-items: center;
        height: 76px;
    }
}

@media (max-width: 1299px) {
  .global-navigation .navigation-wrapper .gNav {
        display: initial;
        align-items: initial;
        height: initial;
    }
    
    .global-navigation_background {
        display: block;
        position: fixed;
        z-index: 997;
        top: 0;
        right: 0;
        width: 0;
        height: 0;
        background-color: #ddd;
        transition: all .3s ease;
    }

    .global-navigation .navigation-wrapper .gNav li {
        margin: 0 auto;
        border-bottom: none;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: .05em;
        line-height: 1.3;
    }

    .global-navigation .navigation-wrapper .gNav li.last-li {
        width: 100%;
        margin: 32px auto;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
    }

    .global-navigation_background._active {
        top: 60px;
        width: 85%;
        height: calc(100vh - 60px);
    }

}




.global-navigation .navigation-wrapper .gNav li.last-li a img {
    margin-right: 8px;
    width: 28px;
}

@media (min-width: 1300px) {
    .global-navigation .navigation-wrapper .gNav li.last-li-rm {
        width: 180px;
        margin: 0 0 0 0px;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 0;
    }
}

@media(min-width: 1300px) {
    .global-navigation .navigation-wrapper .gNav li a {
        position:relative;
        min-height: 0
    }
}

.global-navigation .navigation-wrapper .gNav li.last-li a {
    background-color: #5e6970;
}

.global-navigation .navigation-wrapper .gNav li.last-li-rm a {
    background-color: #25282a;
}




.news-area {
    /* display: flex;
    justify-content: center; */
    max-width: 1075px;
    width: 100%;
    margin: 0 auto 30px;

}

.news-container {
    background-color: #ffffff;
    padding: 30px 20px;
    border-radius: 2px;
    margin: 0;
    max-width: 1058px;
    width: 100%;
    z-index: 10;
}

@media (max-width: 767px) {
    .news-container {
        padding: 30px 14px;
    }
}

.newsrelease {
    text-align: center;
    margin-bottom: 16px;
}

.newsrelease-text {
    font-size: 12px;
    color: #54c8e5;
}

.newsrelease-text2 {
    font-size: 18px;
    font-weight: 500;
}
  
.news-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
  
.news-list {
    list-style-type: none;
    padding: 0;
}
  
.news-item {
    display: flex;
    margin: 0 20px;
    padding: 10px 0;
}

/* .news-item::after {
    content: '';
    width: 98%;
    height: 1px;
    display: inline-block;
    background-color: #e0e0e0;
    position: absolute;
    bottom: 0px;
    left: 10px;
} */

@media (max-width: 767px) {
    .news-item {
        padding: 4px 0;
        margin: 0 15px;
    }

    /* .news-item::after {
        width: 97%;
    } */
}

/* @media (max-width: 548px) {
    .news-item::after {
        width: 95%;
        left: 8px;
    }
} */
  
.news-date {
    font-size: 14px;
    color: #25282a;
    margin: 0 15px 0 0;
}

.news-date-pin {
    font-size: 14px;
    font-weight: 600;
    color: #25282a;
    margin: 0 10px 0 0;
}
  
.news-category {
    font-size: 13px;
    color: #54c8e5;
    padding: 4px 16px;
    margin: 30px 5px;
    border: solid 1px #54c8e5;
    background-color: #fff;
}

.news-category p {
    margin: 0; 
    padding: 0;
}

.news-content {
    font-size: 15px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news-content-pin {
    font-size: 15px;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.clm {
    display: flex;
    gap: 10px;
    align-items: center;
}

.clm1 {
}

.clm2 {
    flex: 1;
}

@media (max-width: 767px) {
    .clm {
        display: flex;
        flex-direction: column;
        margin: 8px 0 5px;
        gap: 0px;
        align-items: initial;
    }
    .clm1 {
        margin: 2px 0 5px 0;
    }
    .clm2 {
        max-width: 700px;
        width: 100%;
    }
}

.news-wrapper {}

.news-list.pickup {
    background-color: #E9F1F3;
    position: relative;
}

.news-list.pickup::before {
    content: "";
    display: block;
    background-image: url("../images/top/icon-pin.svg");
    background-size: contain;
    filter: invert(81%) sepia(47%) saturate(1818%) hue-rotate(159deg) brightness(97%) contrast(85%);
    width: 16px;
    height: 16px;
    position: absolute;
    top: 3px;
    left: 3.5px;
}

.news-list:not(.pickup) {
    max-height: 150px;
    height: 100%;
    overflow-y: auto;
    box-shadow: 0.5px 2px 3px rgba(0, 0, 0, 0.1) inset, -1px 0 3px rgba(0, 0, 0, 0.1) inset;
}

.news-list:not(.pickup) .news-item {
    border-bottom: 1px solid #e0e0e0;
    margin-right: 15px;
}

.news-list:not(.pickup) .news-item:last-child {
    border-bottom: none;
  }

@media (max-width: 767px) {
    .news-list:not(.pickup) {
        max-height: 213px;
    }
}

.news-area {
    display: flex;
    justify-content: center;
    padding: 0 16px 16px 0;
    position: relative;

}

@media (max-width: 767px) {
    .news-area {
        padding: 0 8px 10px 0;
    }
}
    
.news-area::before {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 16px);
    height: calc(100% - 16px);
    background-position: top right;
    background-image: url(/wp-content/themes/livli_club/images/common/bg-dot_gray.svg);
    transition: all .3s ease;
}

@media (max-width: 767px) {
    .news-area::before {
        width: calc(100% - 8px);
        height: calc(100% - 8px);
    }
}