/*
Theme Name: thaongan
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


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


}
#top-bar .nav>li>a{
	font-size:15px;
/* 	font-weight:600; */
}
.row-blog{
	margin: 0 auto!important;
}
.col-blog{
	padding-bottom: 0!important;
}
.header-box-hotline {
    display: flex;
    flex-direction: row;
	align-items: center;
	
}
.header-box-hotline i.icon-phone {
    font-size: 30px;
	padding-right:10px;
}
.header-hotline-text {
    display: flex;
    flex-direction: column;
	margin-right:20px;
}

.header-hotline-text span{
	font-weight: 600;
    font-size: 18px;
    color: #f00;
}

.hotline-icon img{
	width:45px;
	padding: 8px;
}
.product .badge{
	height:30px;
	margin-left:10px;
}
.product .badge-circle .on-sale{
	background: #B7202E;
    color: #fff;
    padding: 0px 10px;
    border-radius: 5px;
    font-size: 16px;
}

.product-small .box-image, .product-thumbnails a{
	border: 1px solid #eaeaea;
	border-radius:10px;
}

.product-small .box-image img{
	padding:20px;
}

.product-thumbnails a{
	padding:10px;
}
.from_the_blog_excerpt {
	display: -webkit-box;
  	-webkit-line-clamp: 2; 
  	-webkit-box-orient: vertical;
  	overflow: hidden;
 	text-overflow: ellipsis;
/* 	height:40px; */
}
.product-title a, .archive .post-title a{
  display: -webkit-box;
  -webkit-line-clamp: 2; /* Giới hạn 2 dòng */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
	height:40px;
	font-weight: 600;
    color: #333;
}

.archive .wp-post-image {
    border-radius: 10px;
}
.archive .post-title a{
	height:46px;
}
.archive.woocommerce .price-wrapper .price{
	display:flex;
	flex-direction: column;
	flex-direction: column-reverse;
}
.archive.woocommerce ins{
	margin-bottom:8px;
}
ins span.amount{
	color:#b7202e;
	margin-bottom:5px;
	font-size:1rem;
}
.product-info .price {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.product-info .price, .product-info .amount{
	font-size: 1.2em;
	padding-right: 10px;
}
.product-info del .amount{
	font-size: 16px;
}

.product-section{
/* 	border:0 */
	padding: 40px 0;
}
.product-section h5{
	font-size:1.25rem;
}

.section-title b{
	background-color:#777;
}


.quick-buy-button {
  background-color:#B7202E;;
  color: #fff;
  padding: 4px 20px;
  text-align: center;
  border-radius: 5px;
  text-decoration: none;
  transition: 0.3s ease;
}

.quick-buy-button:hover {
  background-color: #e65c00;
}

.archive .page-title-inner{
	min-height:150px;
}


.vitri3{bottom:50px;right:0px;}
.tienichcuocgoi{position:fixed;z-index:999;}
.tienichcuocgoi ul{padding:10px 10px;width:60px;}
.tienichcuocgoi ul li{margin-bottom:10px;position:relative;display:flex;}
.tienichcuocgoi ul li .icimg,.tienichcuocgoi ul li .tienichname{float:left;position:absolute;display:none;}
.tienichcuocgoi ul li img{width:40px;height:width:40px;border-radius:50%;}
.tienichcuocgoi ul li a{line-height:40px;height:40px;min-width:40px;}
.tienich_lenh{width:width:40px;height:width:40px;background-color:var(--ws-bg-title);color:var(--ws-color-title);border-radius:50%;text-align:center;line-height:width:40px;margin:5px 10px;cursor:pointer;display:none;}
.tienich_lenh i{font-size:25px;}
.tienichcuocgoi ul li .icimg{z-index:9;}
.tienichcuocgoi ul li a:hover .icimg{-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;}
.tienichcuocgoi ul li .tienichname{display:none;width:0px;position:absolute;white-space:nowrap;box-shadow:0px 0px 2px #00000057;transition:min-width 1s;z-index:8;}
.tienichcuocgoi ul li a:hover .tienichname{width:auto;display:none;left:0px;right:unset;background-color:#FFF;box-shadow:0px 0px 2px #00000057;border-radius:40px;padding:0px 10px 0px 50px;}
.tienichcuocgoi ul li.sodienthoai a{padding-right:13px;color:#F00;font-size:20px;text-transform:uppercase;font-weight:bold;font-family:'ws-font-title', Arial, sans-serif;}
.vutruso-alo-phone{background-color:transparent;cursor:pointer;height:width:40px;position:fixed;transition:visibility 0.5s ease 0s;z-index:200000;}
.vutruso-alo-phone.vutruso-alo-green .vutruso-alo-ph-circle{border-color:#005c91;opacity:1;}
.vutruso-alo-ph-circle{animation:2s ease-in-out 0s normal none infinite running vutruso-alo-circle-anim;background-color:#ff8383;border:2px solid #fc2020;border-radius:100%;width:40px;height:40px;left:0px;opacity:0.1;position:absolute;top:2px;transform-origin:50% 50% 0;transition:all 0.5s ease 0s;}
.vutruso-alo-phone.vutruso-alo-green .vutruso-alo-ph-circle-fill{background-color:#f072724d;}
.vutruso-alo-ph-circle-fill{animation:2.3s ease-in-out 0s normal none infinite running vutruso-alo-circle-fill-anim;border:2px solid transparent;border-radius:100%;height:width:40px;width:40px;position:absolute;transform-origin:50% 50% 0;transition:all 0.5s ease 0s;}
.vutruso-alo-phone.vutruso-alo-green .vutruso-alo-ph-img-circle{background-color:#ff3434;}
.vutruso-alo-ph-img-circle{border:2px solid transparent;border-radius:100%;width:width:40px;;height:40px;opacity:1;transform-origin:50% 50% 0;}
img.lac{-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;}
.tienichcuocgoi.themes4 ul li a .icimg{-webkit-animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;animation:phonering-alo-circle-img-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;align-items:center;justify-content:center;}
.tienichcuocgoi.themes4.vitri3 ul li.sodienthoai a .tienichname{left:unset;width:auto;display:none;left:0px;right:unset;background-color:#FFF;box-shadow:0px 0px 2px #00000057;border-radius:40px;padding:0px 15px 0px 50px;font-size: 18px}
a:where(:not(.wp-element-button)){text-decoration:none;}
/*! vutruso keyframes */
@keyframes phonering-alo-circle-img-anim{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);}}