body {
    font-family: 'Padauk', sans-serif !important;
    color: #212529;
}

.theme-title {
    font-size: 28px;
}

.theme-bg {
    background-color: #0A58CA;
}

.nav-bg {
    /* background-color: #084298; */
    background-color: #0A58CA;
}

audio {
    max-width: 200px;
}
.nav-link:hover {
    color: #084298 !important;
}

/* --------------------------------------------- btn, link --------------------------------------------- */
.btn-link {
    color: #16aaff;
    background-color: #FFFFFF;
    text-decoration: none;
    border-radius: 5px;
    transition: 0.5s;
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important
}

.btn-link:hover {
    color: #16aaff;
    background-color: #0A58CA;
    opacity: 90%;
    transition: 0.5s;
    text-decoration: none;
}

.theme-link {
    color: #0DCAF0;
    text-decoration: none;
}

.theme-link:hover {
    color: #084298 !important;
    opacity: .8;
    transition: 0.5s;
    text-decoration: none;
}

/* --------------------------------------------- card --------------------------------------------- */
.card {
    background-color: rgba(244, 253, 252, .5);
}
.card-theme-time {
    color: #ADB5BD;
    font-size: 15px;
}

.card-theme-text {
    font-size: 18px;
}

.card-theme-title {
    margin-top: 7px;
    font-weight: bold;
    line-height: 1.5rem;
    font-size: 20px;
}
.about-card {
    margin: 20px 5px;
    padding: 10px;
    border: 0;
}
.card-theme-text-about {
    font-size: 18px;
    text-align: justify;
    text-indent: 2rem;
}


.card-category{
    overflow: hidden;
    width: 100%;
    text-align: right;
    display: block;
    font-size: 12px; 
    color: #495057;
    background-color: #FFFFFF;
}
/* news */
.card-theme-1{
    padding: 3px 5px 3px 0;
    background-color: #CFE2FF; 
}
/* department */
.card-theme-2{
    padding: 3px 5px 3px 0;
    background-color: #FFE5D0;
}
/* association */
.card-theme-3{
    padding: 3px 5px 3px 0;
    background-color: #FFF3CD;
}
/* mission */
.card-theme-4, .card-theme-6, .card-theme-7{
    padding: 3px 5px 3px 0;
    background-color: #A6E9D5;
}
/* social */
.card-theme-5{
    padding: 3px 5px 3px 0;
    /* background-color: #F7D6E6; */
    background-color: #F8F9FA;
}

/* --------------------------------------------- pagination --------------------------------------------- */
.pagination {
    box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.075) !important
}
.pagination li a {
    border: 1px solid #0DCAF0;
    color: #16aaff;
    background-color: #FFFFFF;
    text-decoration: none;
    transition: 0.5s;
}
.pagination li a:hover{
    color: #16aaff;
    background-color: #084298;
    opacity: 90%;
    transition: 0.5s;
}
.page-item.active .page-link, .pagination .active.page-number .page-link
{
    color: #16aaff;
    background-color: #0A58CA;
}
.page-item.disabled .page-link {
    border: 1px solid #0DCAF0;
    color: #ADB5BD;
    background-color: #FFFFFF;
    text-decoration: none;
    transition: 0.5s;
}

/* --------------------------------------------- admin panel --------------------------------------------- */
.table-theme-text {
    font-size: 15px;
}
.modal-content {
    margin: 100px auto;
    z-index: 1100 !important;
}

/* --------------------------------------------- detail --------------------------------------------- */

.detail-title {
    font-size: 28px;
    font-weight: bold;
}
.detail-text {
    text-indent: 2rem;
    /* text-align: justify; */
    font-size: 18px;
}