/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
        :root {
            --primary: #004d40;
            --primary-light: #e0f2f1;
            --accent: #ffb300;
            --text-main: #333;
            --border-color: #ddd;
            --exam-bg: #fff8e1;
        }
      .table-container {
            max-width: 1200px;
            margin: 0 auto;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.05);
            overflow: hidden;
            padding: 20px;
        }

        .header-banner {
            background: linear-gradient(135deg, var(--primary), #00796b);
            color: #fff;
            padding: 20px;
            border-radius: 8px;
            margin-bottom: 20px;
            text-align: center;
            box-shadow: 0 4px 6px rgba(0,0,0,0.1);
        }

        .header-banner h1 {
            margin: 0 0 10px 0;
            font-size: 1.8em;
            text-transform: uppercase;
        }

        .header-banner p {
            margin: 5px 0;
            font-size: 1.1em;
            font-weight: 500;
        }

        .header-banner .highlight {
            color: var(--accent);
            font-weight: bold;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
        }

        th, td {
            border: 1px solid var(--border-color);
            padding: 12px 15px;
            text-align: left;
            vertical-align: top;
        }

        th {
            background-color: var(--primary);
            color: white;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 0.9em;
            position: sticky;
            top: 0;
            z-index: 10;
        }

        .module-header {
            background-color: var(--primary-light);
            color: var(--primary);
            font-weight: bold;
            font-size: 1.1em;
            text-transform: uppercase;
        }

        .module-header td {
            padding: 15px;
        }

        .exam-row {
            background-color: var(--exam-bg);
            font-weight: 500;
        }

        .exam-row td:first-child, .exam-row td:nth-child(2) {
            color: #d32f2f;
            font-weight: bold;
        }

        ul {
            margin: 0;
            padding-left: 20px;
        }

        li {
            margin-bottom: 5px;
            font-size: 0.95em;
        }

        /* Responsive Styles cho Mobile */
        @media screen and (max-width: 800px) {
            table, thead, tbody, th, td, tr {
                display: block;
            }

            thead tr {
                position: absolute;
                top: -9999px;
                left: -9999px;
            }

            tr {
                margin-bottom: 15px;
                border: 1px solid var(--border-color);
                border-radius: 8px;
                box-shadow: 0 2px 5px rgba(0,0,0,0.05);
                background: #fff;
            }

            .module-header {
                border: none;
                box-shadow: none;
                margin-bottom: 10px;
                background: transparent;
            }

            .module-header td {
                background: var(--primary);
                color: #fff;
                border-radius: 8px;
                text-align: center;
                padding: 12px;
            }

            td {
                border: none;
                border-bottom: 1px solid #eee;
                position: relative;
                padding: 12px 12px 12px 40%;
                min-height: 24px;
            }

            td:last-child {
                border-bottom: none;
            }

            td::before {
                content: attr(data-label);
                position: absolute;
                left: 12px;
                width: 35%;
                font-weight: 600;
                color: var(--primary);
                font-size: 0.85em;
                text-transform: uppercase;
            }

            .module-header td::before {
                content: none;
            }

            td[data-label="Nội dung chính"] {
                padding-left: 12px;
            }

            td[data-label="Nội dung chính"]::before {
                position: static;
                display: block;
                margin-bottom: 8px;
                width: 100%;
                border-bottom: 1px dashed #ccc;
                padding-bottom: 4px;
            }
        }
#app-container{
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;}
.tin-tuc-sec h4{	  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
	margin-bottom:10px;
	min-height: 63px;
}
.category-hoi-thao-khoa-hoc .noidung-rutgon p{
	  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
	margin-bottom:10px;
}
@media (min-width: 769px) {
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: flex;
		padding-top: 20px;
        flex-wrap: wrap;
    }

    nav .main-nav .mega-menu > ul > li > a {
        font-weight: bold;
    }

    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 25%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
           width: 20%;
    /* float: left; */
    /* display: -webkit-inline-box; */
    height: auto;
    display: block;
    float: left;
    }
    nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        transform: scale(1);
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
	.mega-menu .sub-menu .menu-item-has-children a{
	color:red;
	text-transform:uppercase;
}
.mega-menu .sub-menu .menu-item-has-children li a{
	color:black;
	text-transform:unset;
}
}

@media (min-width: 1025px) {
    .inside-header {
        position: relative;
    }

    .inside-navigation.grid-container {
        position: static;
    }
}
	nav .main-nav .mega-menu.mega-menu-col-3>ul>li>ul li a{font-weight:400;}
body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-info-box), body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap, body .wp-block-uagb-container>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-uagb-image):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-container-link-overlay):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-faq__outer-wrap){
}
.col-lanhdao img{    border-radius: 0 0 50% 50%;
    -webkit-border-radius: 0 0 50% 50%;
    -moz-border-radius: 0 0 50% 50%;}
.col-lanhdao .ban-lanh-dao{    padding: 18px 12px 14px 12px;
    margin: -25px 30px 0 30px;
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.10);
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    z-index: 1;
    position: relative;
    background: #fff; text-align:center;margin-top:-40px;}
.col-lanhdao .ban-lanh-dao .ten-lanh-dao{
   }
.col-lanhdao .ban-lanh-dao .ten-lanh-dao h3{font-size: 24px;margin-bottom:10px;font-weight:600}
.col-lanhdao .ban-lanh-dao .chuc-vu{    color: #489f10; font-weight:600}
.category-event .sidebar{
	display:none;
	width:unset;
}
.category-event .site-content .content-area{
	width:100%;
}
.thongtin-bs h3{
	    margin-bottom: 6px;
    font-size: 21px;
    line-height: 32px;
    font-weight: bold;
    color: #26365e;
}
.thongtin-bs .chuyen-mon{    font-size: 14px;
    position: relative;
    font-weight: 400;
    color: #3d59fa;}
.thongtin-bs .xem-them-bs{
	    color: #213360;
    line-height: 40px;
    background-color: transparent;
    border: none;
    padding: 0;
    margin-right: 10px;
}
.single .entry-content p{
	margin-bottom:20px;
	text-align: justify;
}
.archive-post-thok{    padding-top: 220px;}
.archive-post-thok .inside-article{display:flex;    flex-wrap: wrap; padding:unset;}
.archive-post-thok .entry-header{order:2}
.archive-post-thok .post-image{order:1}
.archive-post-thok .thok-readmore{order:3;    margin: 20px;}
.archive-post-thok .post-image:not(:first-child){
	margin-top:unset;
}
.archive-post-thok h2{
	    padding: 0px 20px;
    margin-top: 20px;
}
.full-slide {}
.full-slide img{width:100%}
.archive .site-main{    margin: unset;}
.link-readmore-thok{    text-decoration: none;
    padding: 4px 14px 4px;
    color: #fff;     background: #489f10;}
#author-info{
	background: #f5f5f5;
    padding: 30px;
    margin-top: 45px;
    margin-bottom: 43px;
    border: 1px solid #f2f2f2 !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	display:flex
}
.single .inside-article{
	padding:10px;
}
.inside-right-sidebar .widget {
	padding:unset;
}
.inside-right-sidebar {
	position:sticky;
	top:0;
}
.page .entry-title{
	text-align:center;
}
.inside-right-sidebar .widget h2{
	color: #fff;
    line-height: 1;
    padding: 20px 20px 20px 60px;
	    background-color: #489f10;
	    font-weight: 700;
    font-size: 22px;
	position: relative;
	margin-bottom:unset;

}
.inside-right-sidebar .widget h2::before {
    content: "";
    width: 20px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 25px;
    opacity: 1;
}
.inside-right-sidebar .widget h2::after {
    content: "";
    background-size: cover;
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: -15px;
    right: 20px;
    opacity: 0.15;
    z-index: 1;
	    background-image: url(/wp-content/uploads/2024/03/diet-lt.png);
}
.inside-right-sidebar .widget ul{    border: 2px solid #eee;
    border-top: unset; padding:25px;}
.archive .entry-meta{
	display:none;
}
.inside-right-sidebar .widget ul a{
	color:#222;
	    font-weight: 600;
	font-size:15px;
		text-decoration:none;
}
.inside-right-sidebar .widget ul li{
	border-bottom:1px splid #eaeaea;
	padding-bottom:10px;
}
.inside-right-sidebar .widget ul li:last-child{
	border-bottom:unset;
	padding-bottom:unset;

}
.archive{
	background:#F1F9F1;
}
.archive .site-main article:first-child{}, .archive .site-main article:nth-child(2), .archive .site-main article:nth-child(3){}
.archive .site-header{}

#author-avatar{min-width:10%;margin-right:10px;}
#author-description{}
#author-description .author-name a{font-size:22px;font-weight:700;text-transform:uppercase;color:#222;text-decoration:none;}
.header-thok, .archive .site-main .page-header{
	    color: #ffffff;
    background-image: url(/wp-content/uploads/2024/04/Thiet-ke-chua-co-ten-2.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 75px;
}
.separate-containers .page-header{
	background:unset;
}
.archive .grid-container .page-header{
    position: absolute;
    width: 100%;
    left: 0;
    text-align: center;
}
.archive .grid-container .site-content{}
.single .post-navigation{    margin: 20px 0px;  }
.single .post-navigation a{
	color:#222;
	text-decoration:none;
}
.post-navigation{display:flex;}
.post-navigation div{        min-width: 45%;
    text-align: center;
    background: #faab34;
    border-radius: 100px;
    padding: 10px 20px;}
.post-navigation div a{
	color:#222;
	font-size:16px;
	font-weight:600;
	    
}
.nav-previous{
	margin-right:5%;
}
.nav-next{
	margin-left:5%
}
.header-thok .rank-math-breadcrumb a{
	color:white;
	text-decoration:none;
}
.header-thok .rank-math-breadcrumb{
    margin: auto;
    text-align: center;
    margin-top: 15px;
}
.header-thok h1{
	    text-transform: capitalize;
    margin-bottom: 0;
    font-size: 55px;
    line-height: 1;
    -ms-word-break: break-word;
    word-break: break-word;
    text-shadow: 3px 1px 17px rgba(0,0,0,0.4);
    z-index: 1;
    position: relative;
    color: #fff;
	    font-weight: 700;
    text-align: center;
	    max-width: 1200px;
    margin: auto;
}
.home{
	overflow-x:hidden;
}

p{
	margin-bottom:5px;
}
.sec2-right{
	padding: 35px 40px 35px 40px;
    background-color: #FFFFFF;
	    box-shadow: 0px 15px 38px 0px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 15px 38px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 15px 38px 0px rgba(0, 0, 0, 0.08);
    border: unset;
    overflow: hidden;
	display: flex;
}

.sec2-right .tit{}
.sec2-right .tit h3{font-size:22px;font-weight:700;}
.sec2-right .des{}

.sec2-right::before {
    content: "";
    width: 150px;
    height: 150px;
    background: #489f10;
    position: absolute;
    opacity: 0.1;
    border-radius: 59% 41% 42% 58% / 43% 27% 73% 57%;
    -webkit-border-radius: 59% 41% 42% 58% / 43% 27% 73% 57%;
    -moz-border-radius: 59% 41% 42% 58% / 43% 27% 73% 57%;
    right: -20px;
    top: -20px;
}
.sec2-right::after {
    content: "";
    width: 3px;
    height: 70%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
	    background-color: #faab34;
}
.sec-3-margin{margin-left: -300px; width:100% !important}
.sec3-thumb img{margin-top:-80px}
.sec3-thumb{}
.sec4 .wp-block-uagb-container{border-right:1px solid #EEEEEE}
.sec4 .wp-block-uagb-container:last-child{
	border-right:unset;
}
.sec4 .fbox-number{    position: absolute !important;
    top: 30px;
    font-size: 90px;
    font-weight: 700;
    right: 0;
    opacity: 0.08;
    color: #489f10;
    left: 70%;}
.width-thok{}

.sec-doitac{background:#ECF5E6;padding:30px 0px;margin-bottom:unset;}
.sec-doitac img{width:120px;height:auto;margin:auto;}
.sec-doitac .sec-doitac-container{margin:auto;}
.sec-doitac .spectra-image-gallery__layout--carousel{

}
.sec-duan{background:#000;padding:70px 0px;}
.sec-duan .sec-duan-container{margin:auto;}
.button-thok .uagb-cta__wrap{
	display:none;
}
.sec-duan-container .wp-block-uagb-counter__number{
	font-size:30px;
}
.button-thok .uagb-cta__buttons{}
.sec-event .sec-event-container{margin:auto;}
.event-post{}
.sec-event .uagb-post__inner-wrap{
	box-shadow: 0px 10px 30px 0px rgba(224, 224, 224, 0.48);
    -webkit-box-shadow: 0px 10px 30px 0px rgba(224, 224, 224, 0.48);
    -moz-box-shadow: 0px 10px 30px 0px rgba(224, 224, 224, 0.48);
}
.sec-review .sec-review-container{ margin:auto;}
.sec-review .sec-review-container .wp-block-columns{
	background:#F7F7F7;
}
.sec-review-review{    padding: 62px 58px 49px 20px;}
.sec-review::before {
    content: "";
    background-image: url(/wp-content/uploads/2024/03/quote-4.png);
    background-size: cover;
     width: 150px;
    height: 150px;
    position: absolute;
    right: 25%;
    opacity: 0.2;
    z-index: 1;
	    margin-top: 30px;
}
.review-kh .uagb-testimonial__wrap .uagb-tm__content{
	text-align:left;
}
.review-kh{
	padding-left:unset;
}
.footer-widget-1 #custom_html-2 img{
    width: 30px;
    margin-right: 10px;
    vertical-align: middle;
}
#text-2, #text-3{
	margin-top:90px;
}
.archive .post {        width: 31%;
    float: left;
    margin: 1%;}
.archive .entry-header{
min-height:100px;}
.archive .post .entry-title{    font-weight: 700;
    font-size: 22px;
     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.archive .post .entry-summary{

}
.category-event .thok-readmore .mota-thok{
	display:none;
}
.category-tin-tuc-y-khoa .thok-readmore .mota-thok{
	display:block;
}
.category-tin-tuc-y-khoa .archive-post-thok .post{
	width:100%;
}
.category-tin-tuc-y-khoa .archive-post-thok .inside-article{
	    flex-wrap: nowrap;
}
.category-tin-tuc-y-khoa .archive-post-thok .inside-article .entry-header{display:none;}
.category-tin-tuc-y-khoa .archive-post-thok .inside-article .title-tintuc a{    color: #000000;
    font-weight: 700;
    font-size: 22px;
    line-height: 28.5px;margin-bottom:15px;text-decoration:none;}
.category-tin-tuc-y-khoa .archive-post-thok .inside-article .title-tintuc{
	margin-bottom:15px;
}
.category-tin-tuc-y-khoa .archive-post-thok .noidung-rutgon a{
	display:none;
}
.category-tin-tuc-y-khoa .archive-post-thok .post-image{width: 300%;}
.category-tin-tuc-y-khoa .archive-post-thok .post-image img{    object-fit: cover;
    height: 400px}
.category-tin-tuc-y-khoa .archive-post-thok .link-readmore-thok{ margin-top:20px;}
.category-tin-tuc-y-khoa .archive-post-thok .mota-thok{
	margin-bottom:20px;
}
.category-tin-tuc-y-khoa .site-content .content-area{
	margin-right:40px;
}
.category-tin-tuc-y-khoa .sidebar,.category .sidebar {
	margin-top:210px;
}
.category-tin-tuc-y-khoa .archive-post-thok .thok-readmore{
	margin-bottom:unset;
}
.category-tin-tuc-y-khoa .archive-post-thok .post-image a{

}
@media(max-width:768px){
	.sec3-thumb img{
		margin-top:unset;
	}
	.sec-3-margin{
		margin-left:unset;
	}
	.sec-duan{
		padding:50px;
	}
	.sec-doitac .spectra-image-gallery__layout--carousel{
	}
	.text-landing{margin-left:10px;}
	.sec-event .uagb-post__items{
		margin:unset !important;
	}
	.sec-review::before{
		    margin-top: 140%;
			width:100px;
		height:100px;
	}
	.archive .post{
		width:100%;
		margin:unset;
		float:none;
	}
	#text-2, #text-3{
	margin-top:unset;
}
	.col-lanhdao .ban-lanh-dao{
		margin:unset;
	}
}
.footer-widget-2{
	text-align: center;
}
@media (min-width: 769px){
nav .main-nav .mega-menu > ul > li > a {
    font-weight: bold;
    text-transform: uppercase;
    color: red;
	}}