/*
Theme Name: Long Thành Phát Child
Description: This is a child theme for Long Thành Phát Theme
Author: Long Thành Phát
Template: longthanhphat
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/* Product */
.woocommerce ins {
    background: #fff9c0;
    text-decoration: none;
    padding: .202em .53em;
}
span.amount{color:#f00;}
.product-small .col-inner{
	box-shadow: 0 4px 24px 0 rgba(103, 151, 255, .1), 0 12px 64px 0 rgba(103, 151, 255, .1);
	padding: 1rem;
    border: 1px solid #ffffff;
    border-radius: 15px;
}
.product-small .col-inner .badge{
	height:2em !important;
	margin-left:0px !important;
}
.product-small .col-inner .badge-circle .badge-inner{
	margin-left:0px !important;
	border-radius: 5px !important;
}
.product-small .col-inner .badge-circle{
	border-radius: 0px !important;
}
.name.product-title.woocommerce-loop-product__title{
	font-size:18px;
	margin-bottom:0.5em;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    padding: 10px;
    border-radius: 5px;
    margin: 10px 0px;
}
/* sidebar */
.post-sidebar{padding-left:0px !important;}
#product-sidebar{padding-left:10px;}
#secondary aside.widget, #product-sidebar aside.widget {
    border: 1px #ebebeb solid;
    border-radius: 15px;
    margin-bottom: 30px;
}
#secondary span.widget-title, #product-sidebar span.widget-title span {
    border-radius: 15px;
    background: linear-gradient(to right, #38a0fd 0%, #2a76a2 51%, #0c4b92 100%) !important;
    padding: 8px 20px;
    margin: 0;
    position: relative;
    display: block;
	color:#fff;
}
#secondary .widget .is-divider, #product-sidebar .widget .is-divider {
    display: none;
}
#secondary .flatsome_recent_posts ul, #product-sidebar .flatsome_recent_posts ul {
    padding-left: 10px;
    padding-right: 10px;
}
/* Post */
.single-post .section-title.section-title-center b{background:#2c64aa;}
.single-post .section-title.section-title-center span{
	background: #1e73be;
    color: #fff;
    padding: 5px 10px;
    border-radius: 20px;
    font-weight: bold;
}
/*bai viet lien quan*/
.bai-viet-lien-quan {
    margin-top: 15px;
}
.bai-viet-lien-quan h3 {
    font-size: 19px;
    color: black;
}
.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
.bai-viet-lien-quan ul li {
    list-style: none;
    width: 25%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}
.bai-viet-lien-quan ul li .box-image img {
    height: 120px;
    border-radius: 0 32px 0 32px;
    object-fit: cover;
    object-position: center;
}
.bai-viet-lien-quan h4 {
    font-size: 15px;
    color: black;
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden;
}
/* hieu ung anh sang anh*/
.post-item .box-image:hover::before, .product-small .box-image:hover::before, .bai-viet-lien-quan .box-image:hover::before{
	-webkit-animation:shine .75s;
	animation:shine .75s}
@-webkit-keyframes shine{
	100%{left:125%}
}
@keyframes shine{
	100%{left:125%}
}
.post-item .box-image::before, .product-small .box-image::before, .bai-viet-lien-quan .box-image::before{
	position:absolute;
	top:0;
	left:-75%;
	z-index:2;
	display:block;
	content:'';
	width:50%;
	height:100%;
	background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
	background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
	-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}
/* Footer */
#footer .is-divider{background:transparent;}
.footer-hotline {
    display: block;    
    border: 1px solid #F40C07;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 5px;
    text-align: center;
    margin-top: 15px;
}
.footer-hotline span {
    display: block;
    color: #F40C07;
    text-transform: none;
    font-weight: bold;
}
.footer-hotline .fh-number {
    font-size: 24px;
}
.footer-2 .large-columns-3>.col:first-child{
	max-width:50%;
	-ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.footer-2 .large-columns-3>.col:nth-child(2), .footer-2 .large-columns-3>.col:last-child{
	max-width:25%;
	-ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}
/* phone */
.fdola-pgone-red {
    color: #fff;
    background: #eb021d;
    height: 30px;
    line-height: 30px;
    font-size: 19px;
    font-weight: 700;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    position: fixed;
    bottom: 10px;
    left: 10px;
    padding-right: 10px;
    text-decoration: none;
    z-index: 1
}

.fdola-pgone-red:hover {
    color: #ff0!important
}

.fdola-pgone-red span {
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    background-image: url(https://gaonuoc.com/wp-content/uploads/2024/10/phone-hotline.png);
    background-size: 30px 30px;
    background-position: top left;
    background-repeat: no-repeat;
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    margin-right: 5px
}

@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(0) rotate(20deg);
        transform: translateX(0) rotate(20deg)
    }

    100% {
        -webkit-transform: translateX(0) rotate(-20deg);
        transform: translateX(0) rotate(-20deg)
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(0) rotate(20deg);
        transform: translateX(0) rotate(20deg)
    }

    100% {
        -webkit-transform: translateX(0) rotate(-20deg);
        transform: translateX(0) rotate(-20deg)
    }
}
/* button contact*/
.widget-desktop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; right: 10px; bottom: 80px; z-index: 9999; }
.widget-desktop-items { margin-bottom: 20px; border-radius: 50%; position: relative; }
.widget-desktop-items:last-child { margin-bottom: 0; }
.widget-desktop-items:before { position: absolute; content: ""; width: 100%; height: 100%; background: rgba(218, 4, 4, 0.5); border-radius: 50%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: scaleIn1 1s; animation: scaleIn1 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.widget-desktop-items:after { position: absolute; content: ""; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, right top, color-stop(0, #da0404), to(#f26666)); background: linear-gradient(90deg, #da0404 0, #f26666 100%); border-radius: 50%; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: scaleIn 1.2s; animation: scaleIn 1.2s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.widget-desktop-items__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; background: #fff; border-radius: 50%; position: relative; z-index: 999; }
.widget-desktop-items__zalo { font-size: 14px; color: #da0404; }
.widget-desktop-items__facebook i { font-size: 23px; color: #da0404; }
.widget-desktop-items__call i { font-size: 20px; color: #da0404; }
.widget-desktop-items__call .widget-desktop-items__content { position: absolute; right: 0; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 10px 60px 10px 20px; background: -webkit-gradient(linear, left top, right top, color-stop(0, #da0404), to(#f26666)); background: linear-gradient(90deg, #da0404 0, #f26666 100%); border-radius: 20px; color: #fff; white-space: nowrap; }
.widget-desktop-items__call .widget-desktop-items__content span { margin-left: 5px; }

@-webkit-keyframes scaleIn { from { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
  60% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); } }

@keyframes scaleIn { from { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
  60% { -webkit-transform: translate(-50%, -50%) scale(1.2); transform: translate(-50%, -50%) scale(1.2); } }
@-webkit-keyframes scaleIn1 { from { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
  60% { -webkit-transform: translate(-50%, -50%) scale(1.4); transform: translate(-50%, -50%) scale(1.4); } }
@keyframes scaleIn1 { from { -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }
  60% { -webkit-transform: translate(-50%, -50%) scale(1.4); transform: translate(-50%, -50%) scale(1.4); } }
@-webkit-keyframes shake { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg); transform: rotate(0) scale(1) skew(1deg); }
  10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); }
  20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); }
  30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); }
  40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); }
  50% { -webkit-transform: rotate(0) scale(1) skew(1deg); transform: rotate(0) scale(1) skew(1deg); }
  100% { -webkit-transform: rotate(0) scale(1) skew(1deg); transform: rotate(0) scale(1) skew(1deg); } }

@keyframes shake { 0% { -webkit-transform: rotate(0) scale(1) skew(1deg); transform: rotate(0) scale(1) skew(1deg); }
  10% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); }
  20% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); }
  30% { -webkit-transform: rotate(-25deg) scale(1) skew(1deg); transform: rotate(-25deg) scale(1) skew(1deg); }
  40% { -webkit-transform: rotate(25deg) scale(1) skew(1deg); transform: rotate(25deg) scale(1) skew(1deg); }
  50% { -webkit-transform: rotate(0) scale(1) skew(1deg); transform: rotate(0) scale(1) skew(1deg); }
  100% { -webkit-transform: rotate(0) scale(1) skew(1deg); transform: rotate(0) scale(1) skew(1deg); } }
.shake { -webkit-animation: shake 1s infinite ease-in-out; animation: shake 1s infinite ease-in-out; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.widget-desktop .widget-desktop-items__call .widget-desktop-items__content{display:none !important;}
	.bai-viet-lien-quan ul li {width:50% !important}
	.woocommerce-tabs .tab-panels{
		padding-left:5px !important;
		padding-right:5px !important;
	}
	.footer-2 .large-columns-3>.col:first-child{
		width:100% !important;
		flex-basis: 100% !important;
		max-width:100% !important;
	}
	.footer-2 .large-columns-3>.col:nth-child(2), .footer-2 .large-columns-3>.col:last-child{
		max-width:100% !important;
		-ms-flex-preferred-size: 100%;
    	flex-basis: 100% !important;
	}
}