/*
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.   ***************/

/* ===== AL2 – BLACK & GOLD MASTER ===== */

/* Nền đen xanh tổng thể */
html, body,
.site, .site-content,
.ast-container, .ast-plain-container,
.ast-separate-container .site-content .ast-container,
.ast-separate-container .ast-article-post,
.ast-separate-container .ast-article-single,
.site-footer, .site-header{
  background:#0b1022 !important;
  background-color:#0b1022 !important;
  color:#e6e9ef !important;
}

/* Elementor containers + tắt gradient tím */
.elementor-section, .elementor-top-section, .elementor-section-stretched,
.elementor-container, .elementor-row, .elementor-column, .elementor-widget-wrap,
.elementor-background-overlay,
.e-con, .e-con-inner, .e-con-boxed{
  background:#0b1022 !important;
  background-color:#0b1022 !important;
  background-image:none !important;
}

/* Shape divider đồng bộ */
.elementor-shape .elementor-shape-fill,
.elementor-shape svg path{ fill:#0b1022 !important; }

/* Blocks WP có nền riêng */
.wp-block-cover, .wp-block-cover-image, .has-background,
.wp-block-group.has-background, .wp-block-columns.has-background{
  background:#0b1022 !important; background-image:none !important;
}

/* Card/mục dịch vụ bỏ nền trắng nếu có */
.elementor-widget-image-box, .elementor-widget-icon-box,
.elementor-column, .elementor-column .elementor-widget-wrap{ background:transparent !important; }

/* ===== Typography ===== */
/* FIX: xoá màu đen cũ, ép heading = vàng */
h1,h2,h3,h4,h5,h6,
.elementor-heading-title,
.ast-site-title, .ast-site-title a,
.entry-title, .entry-title a{
  color:#FFD700 !important;
  font-weight:800;
}

/* Text thường tông sáng dễ đọc */
body,.entry-content, .elementor-widget, .elementor-text-editor{
  color:#e6e9ef !important;
}
p {
	color: #ccc !important;
}
/* Link & menu */
a, .menu-link, .ast-builder-menu .menu-link{ color:#FFD700 !important; }
a:hover, .menu-link:hover{ color:#DAA520 !important; }

/* Buttons mặc định */
.elementor-button, .wp-block-button__link{
  background:#000 !important; color:#FFD700 !important;
  border:2px solid #FFD700 !important; border-radius:50px;
}
.elementor-button:hover, .wp-block-button__link:hover{
  background:#FFD700 !important; color:#000 !important;
}

/* ===== SLICE ẢNH CHẠY PHẢI -> TRÁI ===== */
.al2-slice{
  position:relative; z-index:50; overflow:hidden;
  height:140px; background:#0b1022;
  border-top:1px solid #1a2035; border-bottom:1px solid #1a2035;
}
.al2-track{
  position:absolute; top:0; left:0; display:flex; align-items:center; gap:24px;
  height:100%; will-change:transform; animation:al2Scroll 40s linear infinite;
}
.al2-track img{
  height:100%; width:auto; flex:0 0 auto; object-fit:cover;
  border-radius:12px; filter:contrast(1.05) saturate(1.1);
}
.al2-slice::before,.al2-slice::after{
  content:""; position:absolute; top:0; width:80px; height:100%; pointer-events:none;
}
.al2-slice::before{ left:0;  background:linear-gradient(90deg,#0b1022 0%, rgba(11,16,34,0) 100%); }
.al2-slice::after { right:0; background:linear-gradient(270deg,#0b1022 0%, rgba(11,16,34,0) 100%); }
@keyframes al2Scroll{ from{transform:translateX(0%);} to{transform:translateX(-50%);} }
@media (max-width:767px){ .al2-slice{height:90px;} .al2-track{animation-duration:28s;} }

/* ===== Nút nổi Zalo + Gọi (góc trái dưới – đúng vùng bạn bôi đỏ) ===== */
.al2-fab{
  position:fixed; left:24px; bottom:110px; z-index:9999;
  display:flex; flex-direction:column; gap:10px;
}
.al2-fab a{
  display:inline-flex; align-items:center; gap:8px; text-decoration:none;
  padding:12px 16px; border-radius:999px; font-weight:700; font-size:15px;
  box-shadow:0 6px 16px rgba(0,0,0,.35); transition:transform .15s ease, filter .15s;
}
.al2-fab a:hover{ transform:translateY(-2px); filter:brightness(1.05); }

.al2-zalo{ background:#0068ff; color:#fff; }
.al2-zalo:hover{ background:#004fcc; }
.al2-call{ background:#000; color:#FFD700; border:2px solid #FFD700; }
.al2-call:hover{ background:#FFD700; color:#000; }

.al2-zalo img{ width:22px; height:22px; }

/* ===== Client info card (chữ vàng) ===== */
.client-card{
  margin-top:16px; border:1px solid #3a425e; border-radius:16px;
  background:#10162b; padding:16px 18px;
}
.client-card h3{ margin:0 0 8px; color:#FFD700; font-weight:800; }
.client-table{ width:100%; border-collapse:collapse; }
.client-table td{ padding:8px 10px; border-bottom:1px dashed #2a3350; }
.client-table td.label{ width:160px; color:#FFD700; font-weight:700; }
.client-note{ color:#FFD700; margin-top:8px; }

/* Ẩn CTA cũ nếu bạn gán class 'hide-cta' cho section đó */
.hide-cta{ display:none !important; }
.cta {
	background-color: #FFD700 !important;
	color: #FFFFFF !important;
}
.box-reviewer {
	border: 1px solid #FFD700 ;
	border-radius: 2px;
}

.section-bg-default {
	background-color: #0b1022 !important;
}

/* .slide-index .bg.bg-loaded {
	height: 600px !important;
} */
@font-face {

	font-family: 'utm_avo';
	src: url('fonts/UTM Avo.eot');
	src: local('Ă¢ËœÂº'), url('fonts/UTM Avo.woff') format('woff'),
		url('fonts/UTM Avo.ttf') format('truetype'),
		url('fonts/UTM Avo.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'UTMAvoBold';
	font-style: normal;
	font-weight: normal;
	src: local('UTMAvoBold'), url('fonts/utm-avobold.woff') format('woff');
}
body,p,a,h1,h2,h3,h4,h5,h6 {
/* 	font-family: utm_avo !important; */

}
.contact-table {
    width: 100%;
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 16px;
}

.contact-table td{
    border-bottom: unset !important;
}
.contact-table th, .contact-table td {
    padding: 8px 12px;
    text-align: left;
}

.contact-table td a {
    color: #007bff;
    text-decoration: none;
}
.contact-table td a:hover {
    text-decoration: underline;
}
body {
	font-size: 14px;
	background: #0b1022;
}
.archive .product-small:hover .box-text-products {
	display: block;}
.archive .box-text-products {
	display: none;
	background: #00000052;
	color: white;
	margin-bottom: 10px;
}
.archive .box-text-products a{
	color: white
}
.section-footer .wpcf7-email{
	width: 60%;
	float: left;
}
.section-footer .wpcf7-not-valid-tip{
	width: 100%;
	float: left;
}
.section-footer li a{
	font-size: 14px;
	color: #fff;
}
.section-footer li:before{
	content: "\f0da";
	font-family: fontawesome !important;
	padding-right:5px;
}

ul.menu>li+li, .widget>ul>li+li {
	border-top: none
}
.header-nav-main .nav-dropdown-default li:hover{
	background: #5F3916
}
.header-nav-main .nav-dropdown-default{
	padding: 0px;
	background: black;
	border:none;
}
.header-nav-main .nav-dropdown-default li a{
	color: white;
}
.header-main .nav > li > a{
	padding: 5px 10px;
}
.wpcf7-textarea{
	min-height: 94px !important;
}
.row-form .large-4{
	padding-left:5px;
	padding-right:5px;
}
.row-form {
	margin-left: 0px !important;
	margin-right: 0px !important;
}
.hotline-inner a {
	color: #fff;
	font-weight: 500;
}
.hotline-inner {
	width: 260px;
	margin: 0 auto;
	font-size: 20px;
	padding: 6px 0px 5px 40px;
	color: #1d1108;
	font-weight: bold;
	background: url(images/icon-phone.png) no-repeat 4px 5px;
	background-size: 32px auto;
}
.hotline {
	background: #5F3916;
	width: auto;
	margin: 0 auto;
	position: fixed;
	z-index: 33333;
	bottom: 18pt;
	left: 0;
	border-radius: 0 10px 10px 0;
}
.related .box-text-products a{
	color: white;
}
.related .box-text-products{
	display: none;
	background: #00000052;
	color: white;

	margin-bottom: 10px;
}
.related .product-small:hover .box-text-products{
	display: block !important;
}
.product-section-title-related {
	margin-left: 0px;
}
.header-nav-main .icon-angle-down{
	display: none;
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a{
	border-bottom: none;
}
.box-category .box-text{
	margin-top:20px;
}
.box-category h5.header-title{
	background-color: #5F3916;
	display: inline-block;
	color: #fff;
	display: inline;
	padding: 10px 25px;
	/* margin-top: 20px; */
	text-transform: inherit;
}
.section-doi-tac .box-image{
	border: 1px solid #f1e8d6;
}
.section-doi-tac .box-image img{
	min-height: 83px;
}
h3.title-home{
	margin-bottom: 30px;
	font-size: 25px;
	font-family: 'UTMAvoBold' !important;
	font-weight: bold !important;
	color: #5F3916;
	text-align: center;
}
.page-title-inner h2.entry-title{
	font-size: 20px;
}
.section-banner .page-title-inner{
	padding: 10px;
	min-height: 46px;
}
.section-banner .page-title{
	margin-top: -46px;
	background-color: #00000033;
}
.woocommerce-tabs .product-tabs {
	display: none;
}
.page-title-inner .product-categories{
	border-top: 1px solid #f1e8d6;
	padding:8px;
	border-bottom: 1px solid #f1e8d6;
	text-align: center;
}
.page-title-inner .product-categories li a{
	text-transform: uppercase;
	padding: 0px 20px;
}
.page-title-inner .widget_product_categories>ul>li {
	display: inline-block;
}
.page-title-inner .widget>ul>li+li{
	border-top:none;
}
.category-page-row,.category-page-row .row-small{
	max-width: 1660px !important;
}
.category-page-title .shop-page-title{
	text-align: center;
	text-transform: uppercase;
}
.category-page-title .woocommerce-breadcrumb {
	display: none;
}
h5.post-title{
	font-family: 'UTMAvoBold' !important;

}
#content .div-text{
	padding-top: 7% !important;
	background: #0b1022;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-bottom:20px !important;
}
.col-title .number:after {
	content: ".";
	position: absolute;
	width: 12px;
	height: 12px;
	left: -10px;
	bottom: 14px;
	overflow: hidden;
	background: #fff;
	border-radius: 100%;
	opacity: 1 !important;
}
.col-title .number:before {
	content: "";
	position: absolute;
	width: 120px;
	border-top: 1px solid;
	bottom: 20px;
	left: -130px;
	overflow: hidden;
	opacity: 1 !important;
}
.box-text .is-divider{
	display: none;
}
.col-dark .number:after {
	background: black;
}
.col-dark .number{
	opacity: 1 !important;
	color: black !important;
}
.col-title .number{
	color: #fff;
	opacity: 0.7;
	font-size: 150px;
	font-family: sans-serif;
	text-align: right;
	line-height: 1;
	position: relative;
	top: -25px;
	display: inline-block;
	float: right;
}

.div-no-padding{
	padding-bottom: 0px;
}
.section-footer p{
	margin-bottom: 4px;
	font-size: 15px;
}
.section-footer .wpcf7-submit{
	background: black !important;
}
.absolute-footer {
	border-top: 1px solid #fff;
}
.section-footer h4.title-footer{
	color: white;
	text-transform: uppercase;
	font-size: 16px;
}
/*MĂ u sắc button*/
.social-button, .social-icons .button.icon:not(.is-outline), .social-icons .button.icon:hover {
	background-color: currentColor !important;
	border-color: currentColor !important;
}
.button.facebook,.button.facebook:not(.is-outline), .button.facebook:hover {
	color: #fff;
	background-color: #446084;
	border-color: #446084;
}
.button.twitter,.button.twitter:not(.is-outline), .button.twitter:hover {
	color: white !important;
	background : #2478ba !important;
	border-color: #2478ba;
}
.button.email,.button.email:not(.is-outline), .button.email:hover {
	color: #fff;
	background-color: black !important;
	border-color: black !important;
}
.button.pinterest,.button.pinterest:not(.is-outline), .button.pinterest:hover {
	color: #fff !important;
	background-color: #cb2320  !important;
	border-color: #cb2320  !important;
}

.button.google-plus,.button.google-plus:not(.is-outline), .button.google-plus:hover {
	color: #fff !important;
	background-color: #dd4e31 !important;
	border-color: #dd4e31  !important;
}
.button.linkedin,.button.linkedin:not(.is-outline), .button.linkedin:hover {
	color: #fff !important;
	background-color: #0072b7 !important;
	border-color: #0072b7     !important;
}

.single-date{
	border-bottom: 1px dashed #ededed;
}
h1.entry-title{
	font-size: 24px !important;
}
/*Kết thĂºc mĂ u sắc*/



footer.entry-meta {

	border-top: none !important;
	border-bottom: 1px dashed #ececec !important;

}

.entry-content img{
	width: auto !important
}
.duong-line {
	background: rgba(0,0,0,0) url(images/line.png) repeat scroll 0 0;
	height: 12px;
	margin-top: 5px;
	overflow: hidden;
}
.related-post h7{
	font-weight: bold;
	font-size: 18px;
	float: left;
	margin: -8px 20px 0 0;
}

@media(max-width: 855px){
	#content .div-text{
		margin: 10px;
		text-align: center;
	}
	h3.title-home {
		margin-bottom: 17px;
		font-size: 18px;}
	.section-tin-tuc .box-image{
		margin-right: 9px;
		width: 33% !important;
		float: left;
	}
	.section-tin-tuc .box-text{
		padding-top:0px;
		margin-right: 0px;
		/* width: 66%; */
		padding-bottom: 0px;
		padding-left: 124px;
		padding-right: 2px;
	}
	.section-home-banner .banner{
		padding-top:400px !important;
	}
	.section-banner .page-title {
		margin-top: -66px;
		background-color: #00000033;
	}
	.section-khung{
		padding-top:0px !important;
		padding-bottom:0px !important;
	}
}



@media only screen and (max-width: 48em) {
	/*************** ADD MOBILE ONLY CSS HERE  ***************/

}



/** nut lien hệ */
#button-contact-vr {
    position: fixed;
    right: 10px;
    z-index: 99999;
    bottom: 16%;
}
#button-contact-vr .button-contact {
    position: relative;
    margin-top: -5px;
}

#button-contact-vr .button-contact .phone-vr {
    position: relative;
    visibility: visible;
    background-color: transparent;
    width: 90px;
    height: 90px;
    cursor: pointer;
    z-index: 11;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transition: visibility .5s;
    left: 0;
    bottom: 0;
    display: block;
}
#phone-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #db2222;
    background-color: #db222287;
}

#zalo-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196f3;
    background-color: rgba(33, 150, 243, 0.7);
}


#facebook-vr .phone-vr-circle-fill {
    box-shadow: 0 0 0 0 #2196f3;
    background-color: rgba(33, 150, 243, 0.7);
}
.phone-vr-circle-fill {
    width: 65px;
    height: 65px;
    top: 12px;
    left: 12px;
    position: absolute;
    border-radius: 50%;
    border: 2px solid transparent;
    animation: phone-vr-circle-fill 2.3s infinite ease-in-out;
    transition: all .5s;
    transform-origin: 50% 50%;
    animation: zoom 1.3s infinite;
}
#phone-vr .phone-vr-img-circle {
    background-color: #db2222;
}

#facebook-vr .phone-vr-img-circle {
    background-color: rgba(33, 150, 243, 0.7);
}

#zalo-vr .phone-vr-img-circle {
    background-color: rgba(33, 150, 243, 0.7);
}
.phone-vr-img-circle {
    width: 40px;
    height: 40px;
    line-height: 40px;
    top: 25px;
    left: 25px;
    position: absolute;
    border-radius: 50%;
    overflow: hidden;
    display: flex
;
    justify-content: center;
    animation: phone-vr-circle-fill 1s infinite ease-in-out;
}
.phone-vr-img-circle a {
    display: block;
    line-height: 37px;
}
.phone-vr-img-circle img {
    max-height: 25px;
    max-width: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@keyframes phone-vr-circle-fill {
  0% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  10% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  20% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  30% {
      -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
  }
  40% {
      -webkit-transform: rotate(25deg) scale(1) skew(1deg);
  }
  50% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
  100% {
      -webkit-transform: rotate(0) scale(1) skew(1deg);
  }
}
@keyframes zoom {
  0% {
      transform: scale(.9);
  }
  70% {
      transform: scale(1);
      box-shadow: 0 0 0 15px transparent;
  }
  100% {
      transform: scale(.9);
      box-shadow: 0 0 0 0 transparent;
  }
}
/* nut dat mua tour  */