/*
    Theme Name: My Theme
    Author: Tran Hung
    Version: 1.01
*/

a:hover {
    text-decoration: none !important;
}

.font-size-1-3-em {
    font-size: 1.3rem;
}

.font-size-1-2-rem {
    font-size: 1.2rem;
}

.mt-5-rem {
    margin-top: 5rem;
}

.error404,
.page-template-content-contruction {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8yOS8xMiKqq3kAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABHklEQVRIib2Vyw6EIAxFW5idr///Qx9sfG3pLEyJ3tAwi5EmBqRo7vHawiEEERHS6x7MTMxMVv6+z3tPMUYSkfTM/R0fEaG2bbMv+Gc4nZzn+dN4HAcREa3r+hi3bcuu68jLskhVIlW073tWaYlQ9+F9IpqmSfq+fwskhdO/AwmUTJXrOuaRQNeRkOd5lq7rXmS5InmERKoER/QMvUAPlZDHcZRhGN4CSeGY+aHMqgcks5RrHv/eeh455x5KrMq2yHQdibDO6ncG/KZWL7M8xDyS1/MIO0NJqdULLS81X6/X6aR0nqBSJcPeZnlZrzN477NKURn2Nus8sjzmEII0TfMiyxUuxphVWjpJkbx0btUnshRihVv70Bv8ItXq6Asoi/ZiCbU6YgAAAABJRU5ErkJggg==);
}

.error-template {
    padding: 40px 15px;
    text-align: center;
}

.error-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}

.error-actions .btn {
    margin-right: 10px;
}

.reponsive-img {
    max-width: 100%;
    height: auto;
}

/* START: HEADER MENU */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap');
header {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    color: #000000;
    font-family: 'Cinzel', serif !important;
    box-shadow: 0px 6px 10px -4px rgba(0,0,0,0.2);
}

.title {
    font-family: 'Arial Narrow', sans-serif !important;
    padding: 2px;
}

.title2 h2, .title2 p {
    padding-left: 7px !important; 
    padding-right: 7px !important;
}

.navbar-collapse {
    flex-grow: 0 !important;
}

.navbar-nav>.active {
    font-weight: bold;
}

.navbar-nav .active .nav-link {
    color: #1a397c !important;
}

.navbar-nav > .nav-item {
    padding-left: 14px;
    padding-right: 14px;
    text-transform: uppercase;
}
/* END: HEADER MENU */

/* START: MAIN */
body {
    background-color: #f6f6f6 !important;
    font: cinzel !important;
}
main {
    margin-top: 46px;
    min-height: calc(100vh - 162px);
    font-family: 'Cinzel', serif !important;
}
.livebutton:hover {
        color: #1a397c !important; /* Change text color on hover */
        background-color: #f6f6f6 !important; /* Change background color to dark blue */
        border-color: #1a397c !important; 
    }

.gradient-line {
    margin: 0 0 50px 0;
    display: block;
    border: none;
    height: 1px;
    background: #f6f6f6;
}

.share-container a:hover {
    opacity: 0.7;
}

.speaker-container {
    margin-bottom: 2px;
}

.speaker-avatar {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50px;
}

/* START: 2024 AGENDA */
form h4 {
    color: ##1a397c;
}

form label { 
    font-size: 1.1rem;
    font-weight: 500;
}

/* END: 2024 AGENDA */

/* START: NEWS AND MEDIA */
.news-container {
    display: grid;
    grid-template-columns: calc(100% / 4) calc(100% / 4) calc(100% / 4) calc(100% / 4);
    gap: 1rem 1rem;
}

.custom-card .card-top {
    position: relative;
}

.custom-card .publish-date {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    background-color: #1a397c !important;
    font-size: 0.8rem;
    padding: 0 4px 4px 4px;
    color: #f6f6f6 !important;
    border-radius: 4px;
    font: Cinzel !important;
}

.custom-card .card-title {
    color: #0a0a0a !important;
}

.custom-card .card-title :hover {
    color: #1a397c !important;
}

.custom-card .card-top .card-img-top {
    width: 275px;
}

.custom-card .card-body {
    padding: 1.25rem 0 0 0;
}

.custom-card .card-body .card-text {
    color: #1a397c !important;
    font-size: 1.2rem;
}
/* END: NEWS AND MEDIA */
/* END: MAIN */

/* START: PAGINATION BUTTON */
.next-post {
    position: absolute;
    right: 0;
}

.prev-post {
    position: absolute;
    left: 0;
}
/* END: PAGINATION BUTTON */

/* START: FOOTER */
footer {
    color: #e8e8e8;
}

footer>.text-size {
    font-size: 0.8rem;
}

#footer-menu-id > ul {
    margin-top: 1rem;
    list-style-type: none;
}

#footer-menu-id > ul > li {
    display: inline-block;
}

#footer-menu-id > ul > li > a {
    color: #e8e8e8;
    padding: 0;
}

#footer-menu-id > ul > li > a:hover {
    font-weight: 500;
}

#footer-menu-id > ul > li:not(:first-child) > a::before {
    content: "|";
    padding-left: 6px;
    padding-right: 8px;
}
/* END: FOOTER */

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    html {
        font-size: 14px;
    }

    .mt-5-rem {
        margin-top: 6.5rem;
    }

    .news-container {
        display: grid;
        grid-template-columns: auto;
        gap: 1rem 1rem;
    }

    .custom-card .card-top .card-img-top {
        max-width: 100%;
    }

    .navbar .container-fluid {
        flex-direction: row-reverse;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 577px) and (max-width: 768px) {
    html {
        font-size: 12px;
    }

    .news-container {
        display: grid;
        grid-template-columns: calc(100% / 3) calc(100% / 3) calc(100% / 3);
        gap: 1rem 1rem;
    }
}