h1, h2, h3, h4, h5, h6 {
    font-family: "Fraunces-SemiBold", "Times New Roman", Times, serif !important;
    color: #000;
}

ul, li, a, body, p, span, button {
    font-family: "Fraunces-Regular", "Times New Roman", Times, serif !important;
    color: #000;
}
td {
    padding: 10px;
}
a:hover {
    text-decoration: none !important;
}

.ab-icon {
    font-family: 'normal 20px/1 dashicons' !important;
}
.signin-template input.error {
    border-color: red !important;
}
div#msg_author_mvld, #register-msg {
    font-weight: 700;
    font-size: 1.2em;
    color: green;
}

@font-face {
    font-family:'Fraunces';
    src: local('Fraunces'), url('/wp-content/themes/unovn_trung_tam/plugins/assets/font/Fraunces-Bold.woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'Fraunces-Regular';
    src: local('Fraunces'), url('/wp-content/themes/unovn_trung_tam/plugins/assets/font/Fraunces-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Fraunces-SemiBold';
    font-style: normal;
    font-weight: normal;
    src:local('Fraunces-SemiBold'), url('/wp-content/themes/unovn_trung_tam/plugins/assets/font/Fraunces-SemiBold.ttf');
}

p { font-size: 16px; }
/* li { list-style-type: none; } */
a { text-decoration: none;}

.fw-5 { font-weight: 500 !important; }
.fw-6 { font-weight: 600 !important; }
.fw-7 { font-weight: 700 !important; }
.f-12 { font-size: 12px !important; }
.f-14 { font-size: 14px !important; }
.f-16 { font-size: 16px !important; }
.f-18 { font-size: 18px !important; }
.f-20 { font-size: 20px !important; }
.f-24 { font-size: 24px; }

.c-white { color: #fff !important; }
.flex-direction-column { flex-direction: column !important; }
.text-justify { text-align: justify !important; }

.font-fraunces { font-family: "Fraunces-SemiBold", "Times New Roman", Times, serif !important; }
.font-fraunces-italic { font-family: "Fraunces-Italic", "Times New Roman", Times, serif !important; }

.bu-10 { border-radius: 10px; }
.bu-0 { border-radius: 0 !important; }
.pl-2 { padding-left: 8px; }
.pr-2 { padding-right: 8px; }
.cl-default-title { color: #052a49 !important; }
.h-250 { height: 250px; }
.h-150 { height: 150px; }
.h-180px { height: 180px; }
.bg-defaut {  background-color: #0c3b60 !important; }
.bg-menu-mobile { background-color: #002060; }
.bg-box-cate { background-color: #316adf !important; }

.mobile-none { display: none; }

@media (min-width: 320px) and (max-width: 1024px) {
    .desktop-none { display: none !important; }
    .mobile-none { display: block; }
}
@media only screen and (max-width: 540px) {
    img {
        height: 100%;
    }
    .h1 {
        font-size: 20px !important;
    }
}

.btn-custom {
    background-color: #002060 !important;
    border-radius: 0 !important;
}
.btn-custom:hover {
    background-color: #fff !important;
    border: 1px solid #002060 !important;
    color: #002060 !important;
}
.btn-outline {
    background-color: #fff !important;
    border: 1px solid #002060 !important;
    color: #002060 !important;
    border-radius: 0 !important;
}
.btn-outline:hover {
    background-color: #002060 !important;
    color: #fff !important;
}
.title-2line {
    --max-lines: 2;
    display: -webkit-box !important;
    -webkit-line-clamp: var(--max-lines);
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.tetx-4line {
    color: #000 !important;
    --max-lines: 4;
    display: -webkit-box !important;
    -webkit-line-clamp: var(--max-lines);
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.tetx-3line {
    color: #000 !important;
    --max-lines: 3;
    display: -webkit-box !important;
    -webkit-line-clamp: var(--max-lines);
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.tetx-5line {
    color: #000 !important;
    --max-lines: 5;
    display: -webkit-box !important;
    -webkit-line-clamp: var(--max-lines);
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.card.custom-post {
    height: 210px;
    overflow: hidden;
}
.bx-0 { box-shadow: none !important; }
.bd-0 { border: 0 !important; }
.bg-ebebeb { background-color: #ebebeb !important; }
.bg-courses { background-color: #dbdbdb !important; }

.text-sukien, .text-sukien p {
    color: rgb(0, 136, 203);
}
ul.pagination {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}
.pagination .active a, .pagination .current, .pagination .active {
    background-color: #054c9b;
    color: #fff;
}
.pagination a , .pagination span, .pagination li {
    color: #585858;
    font-weight: bolder;
    height: 35px;
    width: 35px;
    display: inline-block;
    line-height: 35px;
    background: #f1f1f1;
    border-radius: 3px;
    text-align: center;
}
.aligncenter {
    text-align: center;
    margin: 0 auto;
    display: block;
}