/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 1.9.9
*/
body:not(.template-slider) #Header {
    min-height: auto !important
}

#Action_bar .contact_details {
	width: 100%
}

#Action_bar .contact_details li {
	padding: 9px 0 !important;
	font-size: 14px;
	float: right;
}

#Action_bar .contact_details li.slogan {
	float: left !important
}

#Top_bar .menu > li > a span:not(.description) {
    border-right-width: 0 !important;
}

#Top_bar .menu > li > a {
    text-transform: uppercase;
}

.home #Content {
	padding-top: 0 !important
}

.banner-home .slick-dots {
	position: absolute;
	bottom: 0;
	left: 50%;
    transform: translateX(-50%);
}
.banner-home .slick-dots li {
	display: inline-block;
	float: none;
	text-indent: -9999px;
	background: rgba(255,255,255,.6);
    width: 7px;
    height: 7px;
    margin-right: 10px;
    opacity: 1;
	border-radius: 50%;
}

.banner-home .slick-dots li.slick-active {
	width: 35px;
    background: rgba(255,255,255,.9);
    border-radius: 12px;
}

.banner-home img {
	width: 100%
}

#runtext {
	margin-top: -10px
}

#s1 h2 {
	font-size: 22px;
    line-height: 1.4;
    color: #ec582a;
    margin-bottom: 10px;
}

#s1 h3 {
	    font-size: 23px;
    line-height: 1.4;
    color: #505050;
    text-transform: uppercase;
}

.nut-xem-them {
    border: 1px solid #f1592a !important;
    font-weight: bold;
    font-size: 14px !important;
    padding-top: 3px;
    padding-bottom: 3px;
    padding: 7px 20px;
    background-color: #f1592a;
    color: #fff;
    border-radius: 30px;
    display: inline-block;
    text-transform: uppercase;
    margin-top: 10px;
    transition: all .2s;
}

.nut-xem-them:hover {
	color: #fff
}

a:hover {
	text-decoration: none
}

.marquee-rolling-wrapper {
    white-space: nowrap;
    display: inline-table;
}

.marquee-rolling {
    display: inline-flex;
    padding-left: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    animation: marquee 35s linear infinite running;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
    font-weight: 700;
}

@keyframes marquee {
	0% {
    transform: translateX(0);
}
100% {
    transform: translate(-50%);
}
}

 .marquee-content {
    display: inline-block;
    line-height: 1;
    margin: 0 10px;
    position: relative;
}

.marquee-content .marquee-title {
    padding: 10px;
}

.marquee-content:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
}

#s2 h2, #s3 h2, #tt h2, #dt h2 {
	    font-size: 30px;
	    line-height: 1.4;
	    color: #ec582a;
	    text-transform: uppercase;
	    text-align: center;
	    /* font-weight: bold; */
}

#s2 .column_counter .mcb-item-counter-inner {
    background-image: none;
}

#s2 .counter .icon_wrapper {
	display: none
}

#s2 .counter .desc_wrapper .number-wrapper {
    font-size: 45px;
    line-height: 44px;
    color: #ec582a !important;
    font-weight: 600;
}

#s2 .counter .desc_wrapper .title {
	color: #000
}

#s2 {
	background-size: 200px !important
}

#s3 .column_portfolio img {
	height: 240px;
	object-fit: cover;
	width: 100%;
	border-radius: 5px;
}

#s3 .portfolio_group.grid .portfolio-item {
    margin-bottom: 25px;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    padding: 7px;
    box-shadow: 0px 0px 5px #afafaf94;
    border-radius: 5px;
}

#s3 .portfolio_group .portfolio-item .desc {
    padding: 10px 4px 0;
}

#s3 .portfolio_group .portfolio-item .desc .title_wrapper h5 {
    font-weight: bold;
	font-size: 17px; 
	line-height: 1.4
}

#s3 .portfolio_group .portfolio-item .desc .title_wrapper h5 a {
	color: #626363
}

#s3 .title_wrapper .entry-title{
	font-size: 17px;
	line-height: 1.4;
	margin-bottom: 10px;
	text-align: center;
	font-weight: bold;
	height: 44px;
}

#s3 .portfolio_group.grid .portfolio-item .entry-title a {
	color: #ec582a;
}

.info p {
	 color: #1e1d1d;
	 font-size: 14px;
	 line-height: 1.3;
	 margin-bottom: 5px;
	 position: relative;
	 padding-left: 15px;
}

.info p:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #201f1f;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    top: 6px;
}

#tt {
	background-size: 300px !important
}

#tt .Latest_news.featured ul li .photo {
	border: 0
}

#tt  .desc_footer {
    display: none
}
#tt .Latest_news ul.ul-second li .desc h5 {
    font-size: 16px;
    line-height: 23px;
    font-weight: bold;
}



#tt .Latest_news ul.ul-second li .photo {
    width: 32%;
    border-right-width: 0;
}
#tt .Latest_news ul.ul-second li.has-post-thumbnail .desc {
    margin-left: 32%;
    width: 68%;
}
#tt .Latest_news.featured ul.ul-second li img {
    height: 130px !important;
    object-fit: cover;
    border-radius: 5px;
}
#tt .Latest_news ul.ul-second li {
    margin: 0 0 30px;
}


#tt .Latest_news.featured ul.ul-first li img {
    height: 320px !important;
    object-fit: cover;
	border-radius: 5px
}

#tt .Latest_news.featured .desc h4 {
	font-size: 18px;
	line-height: 1.4;
	font-weight: bold;
}


#tt .Latest_news.featured .desc h4 a {
	color: #626363
}

#tt .Latest_news ul.ul-second li .desc h5 a:hover, 
#tt .Latest_news.featured .desc h4 a:hover {
	color: #f1592a;
}

#dt .slick-slide {
    margin: 0 10px !important;
}

#dt .content_slider .content_slider_ul li {
    border: 1px solid #ccc;
    padding: 7px;
    background: #fff;
}

#dt .slick-slide img {
    height: 100px;
}

#Footer .widget {
	margin-top: 0
}

#Footer .one-third:first-child {
	width: 45% !important
}

#Footer .one-third:nth-child(2) {
	width: 20% !important
}

#Footer .one-third:nth-child(3) {
	width: 35% !important
}

#Footer h4 {
	font-size: 18px;
	line-height: 25px;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

#Footer h4:before {
	content: '';
	display: inline-block;
	width: 50px;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}

#Footer p, #Footer li {
    margin-bottom: 12px;
    font-size: 15px;
    line-height: 20px;
}

#Footer input {
	border-radius: 5px;
	height: 38px;
}

#Footer .wpcf7 p {
	margin-bottom: 7px;
}

#Footer textarea {
	height: 70px; 
	border-radius: 5px;
}

#Footer .wpcf7-spinner { 
    width: 5px;
    height: 5px;
    margin: 0;
}

#Footer .wpcf7-submit {
	background-color: #f26f46;
    text-transform: uppercase;
    font-weight: bold;
    height: 25px;
    padding: 10px 35px;
}

.mfn-footer .footer_copy {
    border-top: 0;
}

#Footer .footer_copy .one {
    margin-bottom: 0;
    padding-top: 0;
    min-height: 33px;
}

.single-portfolio #Subheader {
	display: none
}

.chitiet-duan .container {
	width: 100%;
	max-width: 85%;
}

.banner_da img {
	width: 100%;
}

.ct-tq {
	display: flex;
	gap: 30px;
	align-items: center;
}

.l-tq, .r-tq {
	width: 50%;
	
}

.chitiet-duan h2 {
    font-size: 32px;
    line-height: 1.4;
    color: #ec582a;
    text-transform: uppercase;
    position: relative;
}

.chitiet-duan h4 {
	font-size: 20px;
	line-height: 1.4;
	color: #6e6f6e;
	font-weight: bold;
	margin-bottom: 3px;
}

.chitiet-duan ul {
    list-style-type: disc;
    margin-left: 2.5rem;
}

.chitiet-duan ul li {
	list-style-type: disc;
	margin-bottom: 5px;
}

/* #tongquan .ndtq {
	max-height: 350px;
	overflow-y: scroll;
	overflow-x: none;
}

#tongquan .ndtq::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

#tongquan .ndtq::-webkit-scrollbar-thumb {
    background-color: #9a4912;
}

#tongquan .ndtq::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
} */

#tongquan {
	padding-bottom: 30px;
}

#tongquan h4 {
	text-align: center;
}
	
#tongquan h2 {
	text-align: center;
	margin-bottom: 30px;
}

#vitri {
    padding: 30px 0;
    background-image: url(https://vinhomescoloa-hanoi.com.vn/wp-content/uploads/2025/02/bg-tq.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 40%;
    background-position-x: 100% !important;
    background-color: rgb(242, 243, 243);
}

.ct-vitr {
	display: flex;
	gap: 30px;
	align-items: center;
}

#vitri img {
	border: 5px solid #636463;
}

#matbang {
	padding: 30px 0
}

#tienich {
    padding: 30px 0;
    background-image: url(https://vinhomescoloa-hanoi.com.vn/wp-content/uploads/2025/02/bg-tq.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 40%;
    background-position-x: 100% !important;
    background-color: rgb(242, 243, 243);
}


#tienich .gallery-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0 0;
}

#tienich .gallery-wrap .image_wrapper {
	width: 31.33333%;
	margin: 0 1% 20px;
}

#tienich .gallery-wrap .image_wrapper img {
	    border: 5px solid #636463;
}

#hatt {
	padding: 30px 0;
}

#hatt .gallery-wrap {
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0 0;
}

#hatt .gallery-wrap .image_wrapper {
	width: 31.33333%;
	margin: 0 1% 20px;
}

#hatt .gallery-wrap .image_wrapper img {
	 border-radius: 12px 12px 12px 12px;
}

#tongquan h2:before, #matbang h2:before, #tienich h2:before, #hatt h2:before, #chinhsach h2:before {
	content: "";
	display: inline-block;
	width: 400px;
	height: 14px;
	background: url(https://tamthinh.com.vn/wp-content/uploads/2025/11/line.jpg) no-repeat;
	position: absolute;
	left: 50%;
	transform: translatex(-50%);
	bottom: 0;
}

#tongquan h2, #matbang h2, #tienich h2, #hatt h2, #chinhsach h2 {
	padding-bottom: 20px;
}

.archive.category .post-footer {
	display: none
}

.widget:not(.widget_block)>h3 {
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    background-color: #f1592a;
    text-transform: uppercase;
    padding: 8px 15px;
    font-weight: bold;
    text-align: center;
    font-size: 15px!important;
    line-height: 20px;
}

.sidebar .widget_nav_menu ul li a:hover {
    color: #04a850; 
}

.sidebar .post-desc {
    padding: 0 0 0 15px;
}
.sidebar .post-excerpt, .sidebar .post-footer{
    display: none;
}
.sidebar .post-meta .author-date {
    font-size: 12px;
    color: #909090;
    line-height: 18px;
}
.sidebar .entry-title {
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin-bottom: 0;
}
.sidebar .post-meta {
    margin-bottom: 3px;
}
.sidebar .post-item {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #cac8c9;
}
.sidebar .post-item:last-child{
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.sidebar .post-item img {
    height: 78px !important;
    object-fit: cover;
}

.single-post .title_wrapper h1 {
    font-size: 28px;
    line-height: 35px;
}

.single-post .post-header .mcb-column-inner {
	margin-bottom: 0
}

#chinhsach h2{
	text-align: center;
	margin-bottom: 30px;
}

.box-cs {
	display: flex;
	border: 1px solid #ccc;
	padding: 15px 30px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.5);
	margin-bottom: 30px;
	gap: 50px;
	
}

.box-cs .l-boxcs, 
.box-cs .r-boxcs {
	width: 50%;
}

#chinhsach h3 {
    position: relative;
    padding-bottom: 12px;
    line-height: 25px;
    color: #2a3b59;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 15px 0 20px;
    border-bottom: 2px solid #bbb;
}

#chinhsach h3:before {
	content: "";
	display: block;
	width: 60px;
	height: 3px;
	background-color: #FCA41C;
	position: absolute;
	left: 0;
	bottom: -2px;
}

#chinhsach ul {
	margin-left: 0;
}

#chinhsach li {
    margin-bottom: 5px;
    position: relative;
    list-style: none;
    color: #000;
    margin-left: 20px;
    font-size: 15px;
    line-height: 26px;
}

#chinhsach li:before {
    content: "\2022 ";
    color: #2fb66a;
    font-size: 18px;
    vertical-align: bottom;
    vertical-align: middle;
    top: 0;
    position: absolute;
    left: -13px;
}

#chinhsach li b, #chinhsach li strong {
    color: #ff0000;
}

.chitiet-duan .mb {
	display: none
}	

.desc .info {
		min-height: 110px;
		max-height: 110px;
}

@media only screen and (max-width: 1145px) {
	
#Action_bar, #Top_bar .top_bar_right	{
	display: none !important
}

#Top_bar .logo #logo {
	height: 100px !important;
    line-height: 100px !important
}	
	
#Top_bar a.responsive-menu-toggle span {
    padding: 0;
}	
	
#Top_bar a.responsive-menu-toggle {
    display: block;
    color: #626363;
   font-weight: bold;
	top: 50px;
}  
	
#s1 {
	padding-top: 30px !important;
}	
	
#s1 h3 {
    font-size: 22px;
    line-height: 1.3;

}
	
body {
	font-size: 16px;
	line-height: 1.8
}	
	
#s2 h2, #s3 h2, #tt h2, #dt h2 {
    font-size: 24px;
}	
	
#s2 .column_counter {
	width: 48% !important;
	margin: 0 1% 15px !important;
	clear: none !important
}
	
#s2 .counter {
    padding: 0;
}	
	
.Latest_news.featured ul.ul-second .post-excerpt {
    display: none;
}	
	
#tt .Latest_news.featured ul.ul-second li img {
    height: 90px !important;
    object-fit: cover;
}	
	
#tt .Latest_news.featured ul.ul-first li img {
    height: auto !important;
    object-fit: cover;
}
	
#Footer .one-third:first-child, #Footer .one-third:nth-child(2), #Footer .one-third:nth-child(3) {
	width: 100% !important
}	
	
#Footer .widgets_wrapper .mcb-column-inner {
    margin: 0;
}	
	
#Subheader ul.breadcrumbs {
    display: block !important;
}	
	
#Subheader ul.breadcrumbs li span {
    margin: 0;
    opacity: 1;
}	
	
#Subheader ul.breadcrumbs li, #Subheader ul.breadcrumbs li a {
    font-size: 14px;
    line-height: 1.3;
}	
	
.section-related-adjustment h3 {
	font-size: 17px; 
	line-height: 1.4;
	font-weight: bold;
}	
	
.section-related-adjustment .single-photo-wrapper.image {
    float: left;
    width: 30%;
    margin-right: 15px;
}	
	
.sidebar .classic .post-photo-wrapper {
    width: 35%;
    float: left;
}  
.sidebar .classic .post-desc-wrapper {
    width: 62%;
    float: left;
    padding-left: 3%
}  
.sidebar .post-item img {
    height: 90px !important;
    object-fit: cover;
}  

.single-post .title_wrapper h1 {
    font-size: 22px;
    line-height: 35px;
}	
	
.chitiet-duan .container {
    width: auto;
	max-width: 100%;
}	
	
.ct-tq {
    display: block;
}	
	
.l-tq, .r-tq {
    width: 100%;
}	
	
.chitiet-duan h2 {
    font-size: 25px;
    line-height: 1.4;
}	
	
#tongquan .ndtq {
    max-height: 100%;
    overflow-y: hidden;
}
	
	
	
.chitiet-duan ul {
    margin-left: 25px;
}	
	
.ct-vitr {
    display: block;
}	
	
.chitiet-duan .pc {
	display: none
}	
	
.chitiet-duan .mb {
	display: block
}
	
#tienich .gallery-wrap .image_wrapper {
    width: 48%;
    margin: 0 1% 10px;
}
	
#tienich .gallery-wrap .image_wrapper img {
    border: 2px solid #636463;
}	
	
#hatt .gallery-wrap .image_wrapper {
    width: 48%;
    margin: 0 1% 10px;
}	
	
.box-cs {
	display: block;
	padding: 15px;
}	
	
.box-cs .l-boxcs, .box-cs .r-boxcs {
	width: 100%;
}	
	
.archive .author-date {
    font-size: 14px;
    line-height: 1.3;
}	
	
.archive .column_blog h2 {
	font-size: 17px;
	line-height: 1.4;
	font-weight: bold;
}
	
.archive .post-excerpt {
    font-size: 15px;
    line-height: 23px;
}
	
.archive .post-item {
	margin-bottom: 20px;
}	
		.desc .info {
    min-height: 100%;
    max-height: 100%;
}
		
		#s3 .title_wrapper .entry-title {
   
    height: auto;
}
}