html, body {
    font-family: "Segoe UI Emoji", "Arial", sans-serif;
}
.box-post {
    display: none;
}
.show-detail {
    display: block !important;
}

.see-more {
    font-weight: 600;
    margin-bottom: 10px;
}
.post-link-related {
    display: block;
    background: #dbedf9;
    border: 1px solid #c7e4f4;
    border-radius: 4px;
    width: 100%;
    padding: 1.5%;
    font-size: 16px;
    margin: 10px auto;
}

.post-link-related a {
    word-break: break-word;
}

.post-link-related ul {
    list-style-type: disc !important;
    display: block;
    margin: auto;
    padding-left: 30px;
}

.post-link-related ul li {
    margin: auto;
    max-width: 750px;
    font-size: 18px;
    line-height: 155%;
}

.item-link a {
    display: block;
    line-height: 155%;
    font-size: 16px;
    color: #2f80ed;
}

.menu-mobile {
    display: none;
}

.custom-padding {
    padding: 1rem;
}

.active {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--c-neutral-900), var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(var(--c-neutral-50), var(--tw-text-opacity));
}

.no-active {
    --tw-text-opacity: 1;
    color: rgba(var(--c-neutral-500), var(--tw-text-opacity));
}

.no-active:hover {
    --tw-text-opacity: 1;
    color: rgba(var(--c-neutral-900), var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(var(--c-neutral-100), var(--tw-bg-opacity));
}
.sub-menu-mobile,
.sub-menu {
    display: none;
}

.menu-dropdown:hover>.sub-menu{
    display: block !important;
}

.news-content {
    text-align: justify;
}

.news-content img, 
.news-content iframe {
    width: 100%;
}

.keyword-item:hover{
    background-color: rgba(239, 48, 84, 1);
    color: rgb(255, 255, 255, 1);
}

.active-favourite {
    color: rgb(225, 29, 72, 1) !important;
    background-color: rgb(255, 241, 242, 1) !important;
}

.active-favourite span {
    color: rgb(225, 29, 72, 1) !important;
}

#headlessui-listbox-options {
    display: none;
}

#headlessui-listbox-options .active span {
    font-weight: 600;
}

#headlessui-listbox-options .active,
.nc-ArchiveFilterListBox ul li:hover{
    color: rgba(239, 48, 84, 1);
    background-color: rgba(235, 248, 255, 1);
}

#headlessui-portal-root {
    display: none;
}

.no-scroll {
    overflow: hidden;
}

ul.links {
    font-size: .85em;
    margin: 5px 0;
    text-align: center;
}

ul.links li:first-child {
    margin-left: 0;
}

ul.links li {
    display: inline-block;
    margin: 0 .4em;
}

.page-numbers li {
    cursor: pointer;
}

.nav-pagination>li>span:hover,
.nav-pagination>li>.current {
    border-color: #8b8b8b;
    color: #fff;
    background-color: #8b8b8b;
}

.nav-pagination>li>a, .nav-pagination>li>span {
    border: 2px solid;
    border-radius: 99px;
    display: block;
    font-size: 1.1em;
    font-weight: bolder;
    height: 2.25em;
    line-height: 2em;
    min-width: 2.25em;
    padding: 0 7px;
    text-align: center;
    transition: all .3s;
    vertical-align: top;
    width: auto;
}

.page-numbers li {
    cursor: pointer;
}