/*
Theme Name: Haviweb Child Theme
Description: Cong ty thiet ke website Havi
Author: Havi
Template: flatsome
Version: 3.15.7
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*icon socical*/
.icon-mxh {
    display: inline-flex;
	margin-right: 10px;
	margin-top: 3px;
}
.ic-fb {
    background-image: url(https://thuyanh.net.vn/wp-content/uploads/2022/11/facebook.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
	margin-right: 10px;
}
.ic-zalo {
    background-image: url(https://thuyanh.net.vn/wp-content/uploads/2022/11/zalo-ic.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}
#top-bar .flex-row.container {
    border-bottom: 1px solid #ffffff30;
}
.home .header-top {
    background-color: #ffffff00 !important;
}
@media only screen and (min-width: 901px){
	.home .nav>li>a {
    color: white;
	}}
.home .header-wrapper.stuck .nav>li>a {
    color: black;
}
@media only screen and (min-width: 901px){
	.txt-banner h2 {
    word-spacing: 20px;
    letter-spacing: 14px;
	}}
@media only screen and (min-width: 901px){
	.txt-banner p{
	word-spacing: 3px;
	}}
li.html.header-social-icons.ml-0 {
    margin-right: 42px;
}
li.html.header-social-icons.ml-0 .social-icons.follow-icons a {
    margin-left: 20px;
}
@media only screen and (min-width: 901px){
	.txt-du-an{
		padding: 0px 180px 0px 180px;
	}
	.txt-linh-vuc-kd {
    padding: 0px 70px 0px 70px;
}
}
.icon-da img {
    transition: transform .7s ease-in-out;
}
.icon-da img:hover {
    transform: rotatey(360deg);
}
/*footer*/
.row-ft .container.section-title-container {
    margin-bottom: 5px;
}
.row-ft p {
    margin-bottom: 8px;
}
.copyright-footer {
    color: white;
}
.row-ft .social-icons.follow-icons a {
    margin-left: 33px;
}
.col-mxh-ft .ic-fb {
    width: 30px;
    height: 30px;
}
.col-mxh-ft .ic-zalo {
    width: 30px;
    height: 30px;
}
/*title sidebar category product*/
#shop-sidebar span.widget-title.shop-sidebar {
    font-size: 15px;
    color: #ffffff;
    font-weight: 600;
    margin-bottom: -3px;
    background-color: #662015;
    padding: 10px 15px;
    border: 0px;
    position: relative;
}
#shop-sidebar span.widget-title.shop-sidebar:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 39px solid #662015;
    position: absolute;
    right: -25px;
    top: 0px;
}
#shop-sidebar .is-divider.small {
    display: none;
}
#shop-sidebar ul.product-categories {
    border: 1px solid #662015;
    margin-top: 6px;
    border-radius: 0 10px;
}
/*menu sidebar*/
.shop-page-title.category-page-title.page-title {
    background-color: #169300;
	color: white;
}
.shop-page-title .page-title-inner.flex-row.medium-flex-wrap.container {
    padding-top: 0px;
    min-height: 40px;
    font-size: 14px;
}
.shop-page-title nav.woocommerce-breadcrumb.breadcrumbs.uppercase {
    color: white;
}
.shop-page-title nav.woocommerce-breadcrumb.breadcrumbs.uppercase a {
    color: white;
}
#shop-sidebar .product-categories { border: 1px solid #ed3237;}
#shop-sidebar .product-categories li { border: 0px; position: relative;}
#shop-sidebar .product-categories li a { display: block; border-bottom: 1px dashed #ccc !important; padding: 7px 15px 7px 20px; position: relative; font-weight: 400; color: #000; font-size: 14px; z-index: 1;line-height: inherit !important;}
#shop-sidebar .product-categories >li >a { padding-left: 25px;}
#shop-sidebar .product-categories >li >a:before { content: "\f138"; font-family: Fontawesome; position: absolute; left: 5px; z-index: 9;}
#shop-sidebar .product-categories li a:after { position: absolute; content: ''; top: 0; left: 0; width: 0; height: 100%; background-color: #ed3237; transform-origin: left; transition: width 0.25s ease; z-index: -1;}
#shop-sidebar .product-categories li button.toggle { background: #FFF; position: absolute; margin: 0px; border: 1px solid #ccc; right: 2px; top: 2px; height: 30px; width: 30px; z-index: 9;}
#shop-sidebar .product-categories .children { margin: 0px; padding: 0px; border: 0px;}
#shop-sidebar .product-categories .children li a { padding-left: 40px;}
#shop-sidebar .product-categories .children li a:before { content: "\f0da"; font-family: fontawesome; position: absolute; left: 25px;}
#shop-sidebar .product-categories li a:after { position: absolute; content: ''; top: 0; left: 0; width: 0; height: 100%; background-color: #ed3237; transform-origin: left; transition: width 0.25s ease; z-index: -1;}
#shop-sidebar .product-categories >li.current-menu-item ul.children { display: block;}
#shop-sidebar .product-categories >li.current-menu-parent ul.children { display: block;}
#shop-sidebar .product-categories li.current-menu-parent .current-menu-item a { font-weight: 600; color: #ed3237;}
#shop-sidebar .product-categories .children a { padding-left: 60px;}
#shop-sidebar .product-categories .children a:before { left: 40px;}
#shop-sidebar .product-categories li a:hover { color: #FFF !important;}
#shop-sidebar .product-categories li a:after {position: absolute;content: '';top: 0;left: 0;width: 0;height: 100%;background-color: #662015;transform-origin: left;transition: width 0.25s ease;}
#shop-sidebar .product-categories li a:hover:after { width: 100%;}
/*sp mới*/
#woocommerce_products-2 ul.product_list_widget {
    border: 1px solid #662015;
    border-radius: 0 20px;
    margin-top: 6px;
	padding-left: 8px;
	padding-right: 8px;
}
#woocommerce_products-2 span.product-title {
    font-size: 14px;
}
/*sidebar post*/
.post-sidebar {
    padding: 0 !important;
	border: 0 !important;
}
#flatsome_recent_posts-2 .widget-title {
    background-color: #662015e3;
    color: white;
    padding: 8px 12px 8px 16px;
	position: relative;
}
#flatsome_recent_posts-2 .is-divider.small{display: none;}
#flatsome_recent_posts-2 .widget-title:after {
    content: "";
    width: 29px;
    top: 0;
    right: -29px;
    position: absolute;
    border-bottom: 35px solid #662015e3;
    border-right: 28px solid transparent;
}
#flatsome_recent_posts-2 ul {
    border: 1px solid #662015e6;
    margin-top: 4px;
    padding: 8px 15px 8px 15px;
}
#woocommerce_products-3 .widget-title {
    background-color: #662015e3;
    color: white;
    padding: 8px 12px 8px 16px;
	position: relative;
}
#woocommerce_products-3 .is-divider.small{display: none;}
#woocommerce_products-3 .widget-title:after {
    content: "";
    width: 29px;
    top: 0;
    right: -29px;
    position: absolute;
    border-bottom: 35px solid #662015e3;
    border-right: 28px solid transparent;
}
#woocommerce_products-3 ul {
    border: 1px solid #662015e6;
    margin-top: 4px;
    padding: 8px 15px 8px 15px;
}
/*trang liên hệ*/
span.wpcf7-spinner {
    display: none;
}
/*trang giới thiệu*/
@media only screen and (min-width: 901px){.row-gtcl .large-4 {
    max-width: 20%;
    flex-basis: 20%;
}
.col-gtcl-2 {
    margin-top: 10%;
}
.col-gtcl-4 {
    margin-top: 10%;
}
.row-gtcl .col .img {
    width: 110% !important;
}
.txt-gtcl {
    padding: 10px 250px 30px 250px;
	}}
/*giá trị cốt lõi*/
.row-gtcl .col .img:hover{
	transform: scale(1.1);
    transition: all .3s ease-in-out;
}
/*câu truyện thương hiệu*/
.col-ctth:before{
	content:"";
	background-image: url(https://demoweb.company/thuyanh/wp-content/uploads/2022/08/backgroundch.jpg);
    background-size: cover;
    width: 50%;
    height: 75%;
    position: absolute;
    left: 0;
} 
/*lịch sử hình thành*/
.tab-lsht .tab-panels {
    padding: 0 !important;
	border: 0 !important;
}
.tab-lsht ul.nav.nav-line.nav-vertical {
    width: 50%;
}
.tab-lsht h4.uppercase.text-left {
    position: absolute;
    top: 10%;
    left: 27%;
    z-index: 9;
    font-size: 22px;
}
li.tab.has-icon a {
    display: flex;
    justify-content: flex-end;
    padding-right: 10%;
    font-size: 20px;
    font-weight: 100;
}
li.tab.has-icon.active a{
	font-size: 33px;
	color: #169300;
}
.tab-lsht .nav-vertical.nav-line>li>a:before {
    content: "\f061";
    font-family: fontawesome;
    background-color: unset;
    z-index: 1;
    left: auto;
    width: 29px;
    height: 3px;
    top: 15%;
}
li.tab.has-icon:first-child {
    margin-top: 15%;
}
ul.nav.nav-line.nav-vertical:before {
    content: "";
    background-image: url(https://demoweb.company/thuyanh/wp-content/uploads/2022/08/backgroundlichs.jpg);
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
}
/*chi tiết sp*/
div#tab-description {
    overflow-x: auto;
}
/*chi tiết post*/
span.post_comments.op-7.block.is-xsmall {
    display: none;
}
.entry-header-text.entry-header-text-top.text-center {
    padding-bottom: 0;
}
.entry-content.single-page {
    padding-top: 0;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.icon-tn .icon-box-img{width: 120px !important;}
}