/*
Theme Name:   Flatsome Child - Maxweb
Theme URI:    https://maxweb.vn
Description:  Child theme của Flatsome dùng cho khung web mẫu chuẩn nhận diện Maxweb. Kỹ thuật tùy biến code tại đây, không sửa trực tiếp theme cha để đảm bảo cập nhật an toàn.
Author:       Maxweb
Author URI:   https://maxweb.vn
Template:     flatsome
Version:      1.0.0
Text Domain:  flatsome-child
*/

/* =========================================================
   BIẾN MÀU NHẬN DIỆN MAXWEB
   Đổi nhanh nhận diện toàn site tại đây (hoặc chỉnh trong
   plugin Maxweb Setting). Khi có mã màu chính thức của khách,
   thay giá trị bên dưới.
   ========================================================= */
:root {
    --mw-primary: #e30613;      /* Đỏ chủ đạo Maxweb (nút, hotline) */
    --mw-primary-dark: #b30410;
    --mw-secondary: #0068ff;    /* Xanh Zalo / phụ */
    --mw-dark: #1f2733;
    --mw-light: #f7f7f7;
}

/* =========================================================
   CSS TÙY BIẾN CHUNG
   Ghi chú: CSS chi tiết nên viết trong assets/css/custom.css
   để dễ quản lý. File style.css này chủ yếu khai báo theme.
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
*, h1, h2, h3, h4, h5, h6, span, div, li, a, p, em{
	font-family: 'Roboto', sans-serif;
}
h1, h2, h3, h4, h5, h6, h6>span, h5>span, h4>span, h3>span, h2>span, h1>span{
	font-family: 'Roboto', sans-serif !important;
}
.nav-spacing-xlarge>li {
    margin: 0 17px;
}
.header-main .nav > li > a {
    font-size: 15px;
}
.text-langvan h2{
	font-family: "Playfair Display", serif!important;
	text-transform: uppercase;
	background: linear-gradient(90deg, #ea4926, #f3995b, #cc2639, #ea4124);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	font-size: 36px;
}
.text-langvan-1 h2{
	font-family: "Playfair Display", serif!important;
	text-transform: uppercase;
	background: linear-gradient(90deg, #ea4926, #ea4124, #cc2639, #ea4124);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	font-size: 28px;
}
.text-langvan h3{
	font-family: "Playfair Display", serif!important;
	text-transform: uppercase;
	background: linear-gradient(90deg, #ea4926, #ea4124, #cc2639, #ea4124);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	font-size: 50px;
	line-height: 1.2;
	font-weight: bold;
}
.text-langvan-1 h3{
	font-family: "Playfair Display", serif!important;
	text-transform: uppercase;
	color: #cc2639;
	font-size: 19px;
	line-height: 1.2;
	font-weight: bold;
}
.col-langvan-1 .col-inner{
    background-color: rgba(191, 190, 163, 0.11);
    border: 1px solid #cc2639;
    padding: 25px;
}
.col-langvan-1 h3{
	font-family: "Playfair Display", serif!important;
	text-transform: uppercase;
	background: linear-gradient(90deg, #ea4926, #ea4124, #cc2639, #ea4124);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
	font-size: 23px;
}
.col-langvan-1 h3>strong{
    font-family: "Playfair Display", serif !important;
    font-weight: bold;
    font-size: 35px;
}
blockquote{
    border-color: #cc2639;
    font-size: 16px;
    color: #cc2639;
}
.project-info {
    background: linear-gradient(to bottom, #e6f5ff, #ffffff);
    padding: 30px;
    border-radius: 10px;
    font-family: Arial, sans-serif;
    color: #0a1f44;
    line-height: 1.6;
}
.bnt-langvan-1{
    background: red !important;
    width: 100%;
    border-radius: 2px;
}
.bnt-langvan-1 span{
	font-weight: 500;
}
.tab-langvan .nav-tabs > li.active > a {
    border: 1px solid #cc2639;
    background: #cc2639;
}
.tab-langvan .nav-tabs > li.active > a > span {
    color: #fff!important;
}
.tab-langvan .nav-tabs+.tab-panels {
    border: 1px solid #cc2639!important;
    padding: 30px 30px 30px!important;
    margin-top: 10px;
    border-radius: 5px;
}
.tab-langvan .nav-tabs>li>a {
    border: 1px solid #cc2639;
    border-radius: 5px;
}
.tab-langvan .nav-tabs>li>a>span {
    color: #cc2639!important;
}
.tab-langvan .tabbed-content .nav-tabs>li {
    margin: 0 .9em;
}
.form-langvan .col-inner{
    background: #a90316;
    border: 1.5px solid #f7931e;
    padding: 20px 20px 0;
    border-radius: 5px;
    color: #fff;
}
.form-lv input, .form-lv select{
	height: 42px;
	box-shadow: none;
	border-radius: 3px;
}
.form-lv input[type=submit]{
	width: 100%;
	background: #e3df30 !important;
	color: #111;
}
.form-langvan h3 {
    font-family: "Playfair Display", serif !important;
    color: #fff;
    font-size: 25px;
}
.tabbed-content .nav-tabs>li {
    margin: 0px 10px;
}
.col-tiendo-lv .col-inner{
    border: 1.5px solid #016999;
    padding: 20px 20px 0;
    border-radius: 5px;
}
.blog-langvan h5.post-title{
    font-family: "Playfair Display", serif !important;
    font-size: 19px;
}
.text-lienhe-langvan h3{
	font-family: "Playfair Display", serif !important;
}