/*
 Theme Name:   Hello Elementor Child
 Theme URI:    https://elementor.com/
 Description:  Child Theme của Hello Elementor
 Author:       Tên của bạn
 Author URI:   https://example.com
 Template:     hello-elementor
 Version:      1.0.0
*/

/* Viết CSS tùy chỉnh của bạn ở dưới */

#site-header{
	padding:0px;
}
#site-header img{
	max-width:205px;
}
.fixed{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	background:white;
	z-index:10;
}
.woocommerce ul.products li.product a img{
	border-style: inset!important;
    border-color: rgb(2, 170, 233)!important;
    border-width: 3px;
	margin-bottom:0
}
.woocommerce-loop-product__title{
	text-align:center;
	color:black;
}
.woocommerce-loop-product__title:hover{
	color:#00aeef;
}
.woocommerce ul.products li.product .price{
	color: red;
    font-weight: 700;
    text-align: center;
}
.woocommerce ul.products li.product .button{
	opacity:0%;
	visibility:hidden;
	transform: translateX(-50%);
    left: 50%;
    position: absolute;
    top: 0;
	font-weight:400;
	width:70%;
	transition:all ease 0.4s;
	background:#02AAE9;
	color:white
}
li.product:hover .add_to_cart_button {
	opacity:100%;
	top:30%!important;
	visibility:visible!important;
}

a.cart-contents{
	font-size:20px;
	position:relative;
}
a.cart-contents:after{
	padding-left: 6px;
    padding-right: 6px;
    content: attr(data-value);
    position: absolute;
    top: -10px;
    font-weight: 600;
    font-size: 13px;
    border: solid 1px red;
    border-radius: 100%;
}
@media all and (max-width:480px){
	a.cart-contents:after{
		left:0px;
		border:none
	}
	.woocommerce ul.products li.product .button{
		font-size:13px;
		width:90%;
		opacity:70%;
		
	}
}
.shopcart-inner{
	display:flex;
	align-items:center;
	align-content:center;
}
.woocommerce div.product form.cart .button{
	background:#02AAE9;
}
.eicon-menu-bar{
    font-family: eicons!important;
}
.eicon-menu-bar:before {
    content: '\e816'!important;
}
.phone-bar{
	display:unset!important;
}
/***Zalo****/
#zalo-vr .phone-vr:after{
	padding-right: 46px;
    padding-top: 7px;
    padding-left: 20px;
    padding-bottom: 7px;
    content: 'Liên hệ tư vấn';
    z-index: -1;
    position: absolute;
    width: max-content;
    left: 0;
    color: white;
    top: 50%;
    border-radius: 50px;
    transform: translateY(-50%);
    left: -111%;
    background: #6bb5f0;
}
	/*Cart**/
@media all and (max-width:768px){
	.header-inner>.shopcart-inner{
	display:none;
	}
	.site-navigation-toggle-holder>.shopcart-inner{
		margin-right:10px;
	}
}
@media all and (min-width:768px){
.site-navigation-toggle-holder>.shopcart-inner{
		display:none;
	}
}
a.checkout-button{
	background:#02AAE9!important;
}
@media all and (max-width:480px){
	.home-new-post .tpg-el-image-wrap{
			flex-basis:40%!important;
	}
	.sp-slides-container{
		max-height:300px!important;
	}
	.tpg-el-main-wrapper .rt-content-loader [class*=rt-col]{
		padding-left:0!important;
		padding-right:0!important;
	}
	.home-new-post .rt-container-fluid{
		padding:0!important;
	}
	.intro-box-wp .elementor-image-box-img img{
		max-height:260px;
	}
	.home-new-post .tpg-excerpt-inner{
		display:none;
	} 
}
.ft-map{
	padding-left:40px;
}
@media all and (min-width:768px){
	.footer-wp{
		display:flex;
		padding-bottom:30px;
		padding-left:7%;
		padding-right:7%;
	}
}
.after-header{
}
.contact-bar span{
	margin-left:10px
}
@media all and (max-width:480px){
	.min-nav-bar{
		display:none;
	}
	.after-header{
		padding:0px;
		font-size:13px!important;
	}
	.footer-wp ul{
		padding-left:10px!important;
		padding-right:10px;
	}
	.ft-map{
	padding-left:10px;
		padding-right:10px
}
	.rt-tpg-container .list-layout1 .rt-holder .tpg-el-image-wrap{
		max-width:105px;
	}
}
.rt-tpg-container .rt-el-post-meta{
	margin:0
}
@media all and (min-width:1440px){
	.footer-wp{
		justify-content:space-around
	}
}
.site-navigation ul.menu li a:hover{
	color:#c36!important;
}
.site-navigation ul.menu li a[aria-current="page"]{
	color:#c36!important;
}
.page-header h1{
	border-bottom: solid 1px;
	padding-bottom:20px;
}
.page-header .entry-title{
	font-size:1.75rem!important;
}
.tpg-post-link{
	text-decoration:none!important;
}
/* Khi hover vào menu */
.site-navigation ul.menu li a:hover {
    background-color: #02AAE9;
    color: #fff !important;
}

/* Menu hiện tại (active) */
.site-navigation ul.menu li.current-menu-item > a,
.site-navigation ul.menu li.current_page_item > a {
    background-color: #02AAE9;
    color: #fff !important;
}
