/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.header-bg-image{
	background-size: cover;
}
.dark .nav-vertical li li.menu-item-has-children>a, .dark .nav-vertical-fly-out>li>a, .dark .nav-vertical>li>ul li a, .dark .nav>li.html, .dark .nav>li>a, .nav-dark .is-outline, .nav-dark .nav>li>a, .nav-dark .nav>li>button, .nav-dropdown.dark .nav-column>li>a, .nav-dropdown.dark>li>a {
    color: hsla(0,0%,100%,1);
}
.button, button, input[type=button], input[type=reset], input[type=submit]{
	line-height:2.5em
}
.html .social-icons .button{
	border-radius:0px
}
header .html_topbar_right img{
	max-height:140px
}
.box-blog-post .is-divider{
	display:none
}
.box-vertical .box-text {
    padding-top: 0px;
	padding-bottom: 0px;
    padding-right: 0px;
	padding-left:15px !important
}
.section-title-container{
	margin-bottom:0px
}
.section-title b{
	opacity:0
}
.h2, h2,h1.page-title{
    font-size: 32px;
}
.section-title span:after{
	content:"";
	width:400px;
	height:1px;
	background:#000;
	display:block;
	margin:10px auto 0px
}
.box-list-view .box, .box-vertical {
    display: table;
    width: 100%;
}
.box-list-view .box .box-image, .box-vertical .box-image {
    width: 30% !important;
}
.box-list-view .box .box-image, .box-list-view .box .box-text, .box-vertical .box-image, .box-vertical .box-text {
    direction: ltr;
    display: table-cell;
    vertical-align: middle;
}
.recent-blog-posts a{
	font-size:13px;
	line-height:18px
}
.widget .badge {
    height: 60px;
    width: 80px;
}
h5.post-title{
	font-size:15px;
	margin-bottom:10px
}
span.widget-title{
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.2em;
    padding: 0px 0px 5px 0px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #DDDDDD;
	display:block;
	margin-bottom: 20px;
}
.widget .is-divider{
	display:none
}
.absolute-footer.dark {
    color: hsl(0 0% 100% / 1);
}
footer .widget_recent_entries li{
	font-size:14px
}
footer .widget>ul>li+li, ul.menu>li+li{
	border:0px
}
footer span.widget-title{
	border:0px
}
.box-sua-khoa-quang-trung-don-vi-tin-cay {
	 border-radius: 24px;
        width: 98%;
        height: 350px;
        box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
        background-color: #eeebeb;
		padding:15px;
}

.box-tong-vi-sao-sua-khoa-quang-trung-tin-cay {
	gap:30px;
	flex-wrap:nowrap;
}
.box-toc-do-nhanh-an-toan {
		width: 90%;
		height: 200px;
		box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
		background-color: #eeebeb;
		padding: 20px;
	}
.box-toc-do-nhanh-an-toan-4, .box-toc-do-nhanh-an-toan-5 {
		width: 90%;
		height: 200px;
		box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
		background-color: #eeebeb;
		padding: 20px;
	}
.text-footer {
	color:white;
}
.text-footer li a {
	color:white;
}
/* sửa khóa vân tay */
.gioi-thieu-sua-khoa-van-tay {
		width: 100%;
		height: 100%;
		box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
		background-color: #eeebeb;
		padding: 20px;
}
.tai-sao-chon-sau-khoa {
		width: 100%;
		height: 400px;
		box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
		background-color: #eeebeb;
		padding: 20px;
}
.tai-sao-chon-sua-khoa-quang-trung {
		width: 100%;
		height: 380px;
		box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
		background-color: #eeebeb;
		padding: 20px;
}
.gap-tai-sao-chon-sua-khoa-quang-trung {
	gap:30px;
	flex-wrap:nowrap;
}
.box-quy-trinh-sua-khoa-van-tay {
		width: 100%;
		height: 420px;
		box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
		background-color: #eeebeb;
		padding: 20px;
}
.quy-trinh-sua-khoa {
	gap:30px;
	flex-wrap:nowrap;
}
.text-quy-trinh-sua-chua {
    margin-top: -40px;
}
.box-cac-loai-hinh-sua-khoa-o-to {
		width: 90%;
		box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
		background-color: #eeebeb;
		padding: 20px;
}
.gap-cac-loai-hinh-sua-khoa-o-to {
	gap:30px;
	flex-wrap:nowrap;
}
.wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th
Specificity: (0,2,1)
 {
    word-break: break-word;
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: hsla(0, 0%, 50%, .071);
}
.wp-block-table td, .wp-block-table th {
    border: 2px solid grey;
    padding: 20px;	
	color:black;
}
td:first-child, th:first-child
Specificity: (0,1,1)
 {
    padding-left: 20px!important;
}
.cac-buoc-quy-trinh-o-to h3 {
    border: 2px solid grey;
    width: 20%;
    margin: auto;
    margin-top: -70px;
    border-radius: 20px;
	background-color:green;
	color:white;
	height: 100px;
	padding-top: 25px;
}

.quy-trinh-tiep-nhan-xu-ly-yeu-cau-sua-khoa-o-to {
    box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
	background-color: #eeebeb;
	padding: 20px;
   
}
/* Sửa khóa két sắt */
.cac-goi-dich-vu-sua-khoa-ket-sat, .khi-nao-can-sua-khoa-cua-cuon {
	box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
	background-color: #eeebeb;
	padding: 20px;
	height:200px;
}
/* page sửa khoá cửa cuốn */

/* menu phải */
	.menu-phai {
        position: fixed;
        top: 50%;
        right: 0;
        height: 150px;
        width: 50px;
        align-items: center;
        justify-content: center;
        transform: translateY(-50%);
        transition: all 0.5s ease;
        z-index: 999;
		cursor:pointer;
    }
		.fb,
		.zalo,
		.sdt {
			height: 50px;
			width: 100%;
			background-position: center;
			background-size: 45px 45px;
			background-repeat: no-repeat;
		}
    
        .sdt {
        background-color: green;
        background-image: url(http://ngocanhmakeup.vn/wp-content/uploads/2025/07/sdt.png);
        position: relative;
        border-bottom-left-radius: 10px;
    }
	
	    .zalo {
        position: relative;
        background-color: #00aff2;
        background-image: url(http://ngocanhmakeup.vn/wp-content/uploads/2025/07/zalo.png);
    }
	
	    .fb {
        background-color: #00aff2;
        background-image: url(http://ngocanhmakeup.vn/wp-content/uploads/2025/07/fb.png);
    } 

@media (max-width: 767px){
	.h2, h2,h1.page-title{
		font-size: 20px;
	}	
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	.box-text-kinh-nghiem {
	        border-radius: 24px;
        width: 100%;
        height: 350px;
        box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
        background-color: #eeebeb;
		padding:10px;
    }
	.box-tong-vi-sao-sua-khoa-quang-trung-tin-cay {
		flex-wrap:wrap;
		width:90%;
	}
	.box-sua-khoa-quang-trung-don-vi-tin-cay {
		margin:auto;
		height:250px;
		padding-top:30px;
		
	}
	.box-toc-do-nhanh-an-toan {
		margin:auto;
		height:460px;
	}
	.box-toc-do-nhanh-an-toan-4, .box-toc-do-nhanh-an-toan-5 {
		margin:auto;
		height:360px!important;
		width:80%;
	}
	.box-quy-trinh-sua-khoa {
	 border-radius: 24px;
        width: 90%!important;
        height: 220px!important;
	}
	
/* sửa khóa vân tay */
	.gap-tai-sao-chon-sua-khoa-quang-trung {
	gap:30px;
	flex-wrap:wrap;
	width:96%!important;
	}
	.quy-trinh-sua-khoa {
	gap:30px;
	flex-wrap:wrap;
	width:96%!important;
	}
/*  page sửa khóa ô tô	 */
	.box-cac-loai-hinh-sua-khoa-o-to {
		width: 90%;
		box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
		background-color: #eeebeb;
		padding: 20px;
}
.gap-cac-loai-hinh-sua-khoa-o-to {
	gap:30px;
	flex-wrap:wrap;
	width: 96%!important;
	margin:auto!important;
}
.wp-block-table .has-fixed-layout td, .wp-block-table .has-fixed-layout th
Specificity: (0,2,1)
 {
    word-break: break-word;
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: hsla(0, 0%, 50%, .071);
}
.wp-block-table td, .wp-block-table th {
    border: 2px solid grey;
    padding: 20px;	
	color:black;
}
td:first-child, th:first-child
Specificity: (0,1,1)
 {
    padding-left: 20px!important;
}
.cac-buoc-quy-trinh-o-to h3 {
    border: 2px solid grey;
    width: 30%;
    margin: auto;
    margin-top: -70px;
    border-radius: 20px;
	background-color:green;
	color:white;
	height: 100px;
	padding-top: 25px;
}

.quy-trinh-tiep-nhan-xu-ly-yeu-cau-sua-khoa-o-to {
    box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
	background-color: #eeebeb;
	padding: 20px;
   
}
.box-cac-buoc-row {
		width:96%!important;
		margin:auto!important;
}
/* Sửa khóa két sắt */
.cac-goi-dich-vu-sua-khoa-ket-sat, .khi-nao-can-sua-khoa-cua-cuon {
	box-shadow: rgb(0, 0, 0) 0px 15px 9px -13px;
	background-color: #eeebeb;
	padding: 20px;
	height:280px;
}
	/* 	menu-phải */
		.menu-phai {
        position: fixed;
		display:flex;
		top:97%;
        bottom: 0!important;
        right: 0;
        height: 50px;
        width:104%;
        align-items: center;
        justify-content: center;
        transition: all 0.5s ease;
        z-index: 999;         
    }
		.fb,
		.zalo,
		.sdt {
			height: 50px;
			width: 33%;
			background-position: center;
			background-size: 45px 45px;
			background-repeat: no-repeat;
		}
	        .sdt {
        background-color: green;
        background-image: url(http://ngocanhmakeup.vn/wp-content/uploads/2025/07/sdt.png);
        position: relative;
		border-bottom-left-radius:0;
    }
	
	    .zalo {
        position: relative;
        background-color: #00aff2;
        background-image: url(http://ngocanhmakeup.vn/wp-content/uploads/2025/07/zalo.png);
    }
	
	    .fb {
        background-color: #00aff2;
        background-image: url(http://ngocanhmakeup.vn/wp-content/uploads/2025/07/fb.png);
    }
}