/*
Theme Name:           Flatsome
Theme URI:            http://flatsome.uxthemes.com
Author:               UX-Themes
Author URI:           https://uxthemes.com
Description:          Multi-Purpose Responsive WooCommerce Theme
Version:              3.19.12
Requires at least:    6.4
Requires PHP:         7.4
WC requires at least: 8.3
Text Domain:          flatsome
License:              https://themeforest.net/licenses
License URI:          https://themeforest.net/licenses
*/


/***************
All custom CSS should be added to Flatsome > Advanced > Custom CSS,
or in the style.css of a Child Theme.
***************/
body {
    font-family: 'Times New Roman', Times, serif !important;
}
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: 'Times New Roman', Times, serif !important;
}
@font-face {
    font-family: 'Alter Gothic';
    src: url('/wp-content/fonts/UTMAlterGothic.woff2') format('woff2'),
        url('/wp-content/fonts/UTMAlterGothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.container-width, .full-width .ubermenu-nav, .container, .row {
    max-width: 1200px !important; 
}
.nav>li>a {
    font-size: 14px;
}
.header-main ul li .nav-top-link:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #0a5e09;
    visibility: hidden;
    transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transition: all .1s ease-in 0s;
}
.header-main ul li.menu-item:hover .nav-top-link:before {
    visibility: visible;
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}
.my-fade-box .chitiet-about{
    width: 100%;
}
.xemthem {
    display: block;
    width: fit-content;
    margin: 0 auto;
}
.section-title-container{
    text-align: center;
    padding-bottom: 5px;
    background: url(/wp-content/themes/flatsome/images/bg-ngang.png) no-repeat bottom center;
    margin-bottom: 30px;
}
.section-title-container h2 {
    color: #0a5e09 !important;
    font-family: "Alter Gothic";
    text-transform: uppercase;
    font-size: 36px;
	border: none;
}
.section-title-normal span{
    margin: 0;
    border: none;
    padding: 0;
}
.my-fade-box .post-item {
    width: 100%;
    float: left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #e5e5e5;
}
.blog-post-inner .post-meta {
    color: #005000;
    text-decoration: underline;
    font-size: 13px;
    margin-bottom: 5px;
    opacity: 1;
}
.blog-post-inner {
  display: flex;
  flex-direction: column;
}

.blog-post-inner .post-meta {
  order: -1; /* Di chuyển lên trên */
  margin-bottom: 5px;
}

.blog-post-inner .post-title {
  order: 0;
}
.blog-post-inner .is-divider {
  display: none !important;
}
.col-1264940178 .flickity-button {
  display: none !important;
}
.footer {
    padding: 0 0 0;
}
.footer-widgets span.widget-title{
	display:block;
    font-weight: 600;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    padding-bottom: 15px;
    background: url(/wp-content/themes/flatsome/images/bg_tt_ft.png) no-repeat bottom left;
    margin-bottom: 25px;
    text-transform: uppercase;
    margin-top: 30px;
}
.is-divider {display:none}
address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.42857143;
}
.footer-widgets .info-text address span, .footer-widgets .info-text address * {
    color: #fff !important;
}
.footer-widgets .info-text address span {
    color: #fff;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 33px;
    margin-bottom: 15px;
    padding-left: 40px;
    position: relative;
    vertical-align: middle;
    width: 100%;
}
.footer-widgets .info-text address span.add {
    line-height: 1.2;
    background: url(/wp-content/themes/flatsome/images/bg-diachi.png) no-repeat left;
}
.footer-widgets .box-vertical .box-image, .footer-widgets .badge-container,.absolute-footer .footer-secondary {
    display: none !important;
}

.footer-widgets .col,.footer-widgets .columns,.footer-widgets .gallery-item {
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
	position: relative;
}
.footer-widgets .box-text {
    padding: 0;
    margin: 0;
}
.footer-widgets .box-text a:not(.button) {
    color: #fff;
    padding-left: 25px;
    background: url(/wp-content/themes/flatsome/images/icon-li.png) no-repeat left center;
    width: 100%;
    display: block;
}
@media screen and (min-width: 850px) {.nav-right {
    justify-content: flex-start;
}.footer-widgets #block_widget-6 {padding-left: 40px;}
}

.footer-payment {
    display: none !important;
}    
.logo-center .logo {
    margin: 0 ;
}
.nav > li > a {
    font-family: 'Times New Roman', Times, serif !important;
}
.nav > li > a, .mobile-sidebar-levels-2 .nav > li > ul > li > a {
    font-weight: normal;
}
.inner-aboutus {
    background: url(/wp-content/themes/flatsome/images/bg-aboutus.png) no-repeat left 0 top 0;
}
.about_titles h3{
    font-size: 30px;
    text-transform: uppercase;
    margin-top: 55px;
    font-family: "Alter Gothic";
}
h2.wp-block-heading{
    font-size: 45px;
    text-transform: uppercase;
    margin-top: 55px;
    font-family: "Alter Gothic";
}
.about-us .about_titles h3 {
    margin-top: 0;
    margin-left: 30px;
    padding-top: 10px;
}
#text-1594496068 p{margin:0}
.dv_title h3{
    font-weight: 500;
    margin-bottom: 15px;
    color: #000;
    text-transform: uppercase;
    position: relative;
    padding-top: 0;
    padding-bottom: 10px;
}
.about-us .dv_title h3{
margin-left: 30px;
    margin-bottom: 0;
    font-size: 60px;
    color: #0a5e09;
    font-family: "Alter Gothic";
}
.about-us .dv_title span{border:none;padding:0}
.about-us .dv_title b{display:none}
.chitiet-about span{
    padding: 10.5px 20px 10.5px 48px;
    border-radius: 15px;
    color: #fff;
	font-size: 14px;
    border: 1px solid #0a5e09;
    background: #0a5e09 url(/wp-content/themes/flatsome/images/maybay.png) no-repeat left 2px center;
    border-radius: 30px;
    text-transform: uppercase;
    display: inline-block;
}
.chitiet-about span:hover {
    background: #8cb045 url(/wp-content/themes/flatsome/images/maybay2.png) no-repeat left 2px center;
    color: #fff;
    transition: all .3s;
    border: 1px solid #8cb045;
}
.title-video {
    padding-left: 60px !important;
    position: relative;
    padding-right: 0 !important;
    margin: 0;
    text-align: left;
    text-transform: unset;
    font-size: 14px;
    font-weight: unset;
	line-height: normal;
}
.title-video:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 50px;
    background: #8cb045;
    left: 0;
    top: 10px;
}
.primary.is-link, .primary.is-outline, .primary.is-underline {
    color: #0a5e09;
}
.primary.is-link a:hover {
    color: #8cb045;
}
.page-wrapper .list{margin-top:50px}
.list .item .item-box{text-align:center}
.list .item .image{width:300px;height:300px;position:relative;display:inline-block;border-radius:50%;overflow:hidden}
.list .item .image .title{background:url(/wp-content/themes/flatsome/images/item-bg-title.png) no-repeat center top;width:208px;height:208px;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto auto!important;color:#fff;font-size:16px;text-transform:uppercase;font-weight:600;text-align:center;line-height:24px;padding-top:calc(50% - 68px);z-index:999;display:block}
.list .item:hover .image .title{background:url(/wp-content/themes/flatsome/images/item-bg-title_hover.png) no-repeat center top}
.wpsm_panel-body .member {
    display: flex
;
}
.wpsm_panel-body .member:nth-child(2n) {
    flex-flow: row-reverse;
}
.wpsm_panel-body .member__img {
    width: 50%;
    padding-right: 15px;
}
.wpsm_panel-body .member__info {
    width: 50%;
    padding: 15px;
    background-color: #ece5d3;
}
.wpsm_panel-heading {
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border: 1px solid #0a5e09 !important;
    border-radius: 10px;
    background-color: #fff !important;
}
.post-item .blog-post-inner .button{background: #0a5e09;
    color: #fff !important;
text-transform: uppercase;
    border-radius: 28px;
    cursor: pointer;
	width: max-content;
}
@keyframes shake{10%,90%{transform:translate3d(-.5px,0,0)}20%,80%{transform:translate3d(.5px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}@keyframes thuttho{10%,90%{width:36px !important}20%,80%{width:42px !important}30%,70%{width:50px !important}40%,60%{width:55px !important}50%{width:60px !important}}.thuttho{-webkit-animation:shake 1s infinite alternate;animation:shake 1s infinite alternate;-webkit-transition:width 2s;transition:width 2s}.luclac{display:inline-block}
.post-item .blog-post-inner .button:hover {
    animation: shake .8s cubic-bezier(.36,.07,.19,.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
    animation-iteration-count: 1000;
    -webkit-animation-iteration-count: 1000;
    -o-animation-iteration-count: 1000;
    -moz-animation-iteration-count: 1000;
}
.post-item .box-vertical .box-text {
        vertical-align: top;
}
.sidebar-wrapper .widget_products,.sidebar-wrapper .rpwwt-widget,#product-sidebar .widget_products{    padding: 15px 18px;
    box-sizing: border-box;
    border-top: 2px solid #0a5e09;
    -moz-box-shadow: 0 0 5px #eee;
    -webkit-box-shadow: 0 0 5px #eee;
    box-shadow: 0 0 5px #eee;
    width: 100%;
    float: left;}
.sidebar-wrapper .widget-title,#product-sidebar .widget-title{
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    color: #0a5e09;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}
.rpwwt-widget ul,#product-sidebar .widget_products ul{
    margin-top: 15px;
    width: 100%;
    float: left;
}
.rpwwt-widget ul li,#product-sidebar .widget_products ul{
    width: 100%;
	margin: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e5e5e5;
    float: left;
}
.product-item-2{display:flex;justify-content:space-between;align-items:stretch;background-image:url(/wp-content/themes/flatsome/images/item-bg-2.jpg);background-size:cover;background-repeat:no-repeat;background-position:left center;margin-bottom:150px;position:relative;box-shadow:0 0 30px #5a5a5a24;min-height:535px}
.circle{width:0;height:0;max-width:none!important;flex:unset!important}
.circle span{position:absolute;border-radius:50%;background-color:#0a5e09;width:100px;height:100px;z-index:-1}
.circle .circle-medium{background-color:transparent;width:60px;height:60px;border:1px solid #0a5e09;right:105px;top:-90px}
.circle .circle-large{width:155px;height:155px;right:-55px;top:-55px}
.product-item-2>div{flex:0 0 calc(50% - 15px);max-width:calc(50% - 15px)}
.product-item-2 .product-img{position:relative;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:flex-end}
.product-item-2 .product-img .product-main-img{position:absolute;left:50%;transform:translateX(-50%);width:100%;bottom:130px}
.product-item-2 .product-img .product-main-img img{height:auto;width:auto;display:block;margin-inline:auto}
.pedestal{width:100%;height:auto}
.btn-cart-2{position:absolute;bottom:-15px;background-color:#fff;border-radius:30px;padding:5px 20px 5px 5px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 0 #0a5e09;left:50%;transform:translateX(-50%);transition:all .4s ease}
.btn-cart-2 .text{color:#0a5e09;font-size:22px;text-transform:uppercase;padding-left:20px;white-space:nowrap;transition:all .4s ease}
.product-item-2 .product-body{padding:40px 40px 0 0}
.product-item-2 .product-title{font-size:40px;text-transform:uppercase;color:#0a5e09;font-family:"Alter Gothic";font-weight:500;line-height:1.2em}
.icon_hot{width:30px;height:30px;background:url(/wp-content/themes/flatsome/images/icon-hot.gif);background-size:100% 100%;display:inline-block;margin-bottom:-8px}
.product-item-2 .desc{font-size:16px;margin-block:20px 30px}
.product-item-2:nth-child(2n) {
    flex-flow: row-reverse;
    background-image: url(/wp-content/themes/flatsome/images/item-bg-3.jpg);
}
.product-item-2:nth-child(2n) .product-body {
    padding: 40px 0 0 40px;
}
.product-small-slide .owl-item {
    z-index: -1;
    position: relative;
}
.product-small-slide .owl-stage {
    padding-block: 38px;
}
.product-small-slide .small-item {
    padding: 6px;
    background-color: #e2e2e2;
    border-radius: 20px;
    transition: all .4s ease;
}
.product-small-slide .small-item img {
    border-radius: 15px;
	width:155px;
	height:116px;
}
.product-small-slide .owl-item.center {
    position: relative;
    z-index: 9;
}
.product-small-slide .owl-item.center .small-item {
    transform: scale(1.5);
}
.has-dropdown .icon-angle-down{display:none}
.nav-dropdown-has-border .nav-dropdown{
    z-index: 100;
    background: #0a5e09;
	    padding: 0;
  }
.nav-dropdown li{
    border-bottom: 1px solid #ffffff6b;
    list-style: none;
    position: relative;
}
.nav-dropdown li:hover{background: #8cb045;}
.nav-column li>a, .nav-dropdown>li>a{
    color: #fff;
    padding: 10px;
    display: block;
    white-space: nowrap;
	
}
.nav-dropdown.nav-dropdown-default>li>a{border:none}
.nav-dropdown li.active>a{ color: #fff;}
.bg-content {
    background: url(/wp-content/themes/flatsome/images/bg_chung.jpg) fixed top 0 center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -10;
    background-size: 100% auto !important;
    -moz-background-size: 100% auto !important;
    -ms-background-size: 100% auto !important;
    -os-background-size: 100% auto !important;
}
.row-main {background:#fff}
.ux-quantity.quantity.buttons_added {
    display: none !important;
}
.single_add_to_cart_button {
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
    font-size: 14px;
    color: rgb(255, 255, 255) !important;
    background: url(/wp-content/themes/flatsome/images/icon-muax.png) left 3px center no-repeat rgb(10, 94, 9) !important;
    padding: 8px 20px 8px 40px;
    border-radius: 55px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(10, 94, 9);
    border-image: initial;
	line-height: normal;
    font-weight: normal;
}
span.amount {
    color: #f00;
    font-weight: 700;
    white-space: nowrap;
}
.product-info .breadcrumbs{display:none}
.product-images{
    border: 1px solid #e5e5e5;
}
.product-info {
    margin: 0;
    padding: 0;
}
h1.product-title{
    font-size: 23px;
    font-weight: 600;
}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{display:none}
.description_tab.active a{
    background: #0a5e09;
    color: #fff !important;
    border-top-right-radius: 5px;
	border-top-left-radius: 5px;
    padding: 8px 25px;
    display: block;
}
.product-tabs {
    border-bottom: 1.5px solid #0a5e09;
    padding-bottom: 0;
    overflow: hidden;
}
.product-footer .woocommerce-tabs {
    border: none;
}
.tab-panels{
    line-height: 22px;
    margin-top: 0;
    padding: 15px;
    border: 1px solid #e5e5e5;
    margin-bottom: 20px;
    border-top: 0;
    color: #0a5e09;
}
.header-cart-link,.header-cart-title span.amount{
    font-weight: normal;
    font-size: 14px;
}
/* Tắt hiệu ứng đổi ảnh khi hover sản phẩm */
.product-small .box-image .image-none, 
.product-small .box-image .image-hover {
    opacity: 1 !important;
    visibility: visible !important;
    position: static !important;
}

/* Ẩn ảnh hiện ra khi hover sản phẩm */
.product-small .back-image,
.product-small .show-on-hover {
    display: none !important;
}
.product-small .box{
    text-align: center;
    padding-bottom: 25px;
    background: rgba(140, 176, 69, 0.8);
}
.product-small .box:hover{
    background: rgb(140, 176, 69) !important;
}
.box-text-products a {
    font-size: 23px;
    color: rgb(10, 94, 9);
    min-height: 25px;
    position: relative;
    font-weight: 500;
    font-family: "Alter Gothic";
    margin: 15px 0px 5px;
}
.box-text-products a:hover {
	color: rgb(10, 94, 9);
}
.slider-nav-circle-bhv .flickity-button {
  opacity: 1 !important;
  display: block !important;
  visibility: visible !important;
}

.slider-nav-circle-bhv .flickity-prev-next-button.previous {
  opacity: 1 !important;
  display: block !important;
  visibility: visible !important;
}
.flickity-prev-next-button .arrow, .slider-nav-circle .flickity-prev-next-button svg {
    fill: #fff !important;
    background-color: var(--fs-color-primary);
    border-color: var(--fs-color-primary);
}
.product-info,.footer-2 {
    padding: 0 15px 30px;
}
.large-columns-1{margin:0 !important}
.nav-right li.current-dropdown:last-child>.nav-dropdown, .nav-right li.has-dropdown:hover:last-child>.nav-dropdown {
    left: 0 !important;
	margin-left:0 !important;
}
.banner {
    background-color: transparent !important;
}
@media (max-width: 767.8px) {
    .product-item-2>div {
        flex: 0 0 100%;
        max-width: unset;
    }
	    .product-item-2 {
        flex-direction: column !important;
        background-image: none;
        overflow: hidden;
        margin-bottom: 30px;
    }
	.product-item-2 .product-img{
    height: auto;
    width: 100%;
}
	.product-item-2 .product-img .product-main-img {
    position: static;
    transform: unset;
}
}
/* Tổng thể */
.cart-container {
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0,0,0,0.06);
}

.cart-detail {
  border-radius: 8px;
}

/* Tiêu đề */
.cart-title {
  font-size: 20px;
  font-weight: bold;
  color: #222;
  display: block;
  margin-bottom: 15px;
}
/* Tạo layout 2 cột */
.info-customer .formbox {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

/* Cột trái */
.info-customer .form-group {
  flex: 1 1 100%;
  max-width: 100%;
}

/* Họ tên và Địa chỉ bên trái */
.info-customer .form-group:nth-child(1),
.info-customer .form-group:nth-child(4) {
  flex: 1 1 48%;
}

/* Điện thoại và Email bên phải */
.info-customer .form-group:nth-child(2),
.info-customer .form-group:nth-child(3) {
  flex: 1 1 48%;
}

/* Căn đều chiều cao và font đẹp */
.info-customer .form-group label {
  font-weight: 600;
  margin-bottom: 6px;
  display: block;
  color: #333;
}
.input-text,
.input-textarea {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 15px;
}

/* Responsive */
@media (max-width: 768px) {
  .info-customer .form-group {
    flex: 1 1 100%;
  }
}
/* Bảng sản phẩm */
.cart-product-list .table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
}

.cart-product-list th,
.cart-product-list td {
  border: 1px solid #e0e0e0;
  padding: 10px;
  vertical-align: middle;
  font-size: 15px;
}

.cart-product-list img {
  border-radius: 6px;
  max-width: 60px;
  height: auto;
}

.cart-product-list tfoot td {
  font-weight: bold;
  background: #f1f1f1;
}

/* Nút xác nhận */
.link-continue {
  text-align: right;
  margin-top: 25px;
}

.btn.btn-success {
  background-color: #28a745;
  color: white;
  padding: 12px 28px;
  font-size: 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.btn.btn-success:hover {
  background-color: #218838;
}

/* Clear fix */
.clear {
  clear: both;
}

/* Responsive */
@media (max-width: 768px) {
  .form-group.pull-right {
    flex: 1 1 100%;
  }
}
form.cart {
    display: none !important;
}