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

/*************** ADD CUSTOM 2CSS HERE.   ***************/
.section-title-normal,.section-title-normal span {
    border-bottom: 0;
}
.box-blog-post .is-divider {
    height: 4px;max-width:50px;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
    transition: all ease 0.3s;
}
.post-item:hover .is-divider{
	 max-width:80px;    transition: all ease 0.3s;
}
.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number a {
    display: inline-block;
    pointer-events: none;
}
.box-text h5 {
    color: #245236;
}
a.ic-fb, .ic-yt,a.ic-ins, .ic-tw {
    font-size: 40px;
    padding-right: 20px;
}
.header-button-1 span:before,.header-button-2 span:before {
    content: "\f879";
    font-family: "Font Awesome 5 Free";
    padding-right: 6px;
    font-weight: 700;
    font-size: 0.8em;
    position: relative;
    bottom: 1px;
}
.header-button-1 span{
	font-weight: 400;}
.slider-nav-reveal .flickity-prev-next-button, .slider-nav-reveal .flickity-prev-next-button:hover {
    background-color: #fff0;
    box-shadow: none;
    opacity: 1;
}
.slider-nav-push.slider-nav-reveal .flickity-prev-next-button svg {
    background: #83ba28;
    color: #fff;
}
.slider-nav-reveal .flickity-prev-next-button.previous,.slider-nav-reveal .flickity-prev-next-button.next {
    transform: none;
}
.slider .flickity-prev-next-button:hover svg, .slider .flickity-prev-next-button:hover .arrow {
    fill: #063434 !important;
}
.slider-nav-reveal .flickity-prev-next-button.previous {
    left: -25px!important;
}
.slider-nav-reveal .flickity-prev-next-button.next {
    right: -25px!important;
}
.slider-nav-reveal {
    overflow: inherit;
}
.doitac .flickity-slider {
    display: flex;
   justify-content: center;
   align-items: center;
}
.footer {
    background: #000000;
    background: -moz-linear-gradient(left, #000000 0%, #686868 35%, #686868 65%, #000000 100%);
    background: -webkit-linear-gradient(left, #000000 0%,#686868 35%,#686868 65%,#000000 100%);
    background: linear-gradient(to right, #000000 0%,#686868 35%,#686868 65%,#000000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
}
.zalo-chat-widget {
    bottom: 22px !important;
    right: 81px !important;
}
.switcher {
    font-family: "IBM Plex Sans" !important;
    line-height: 23px !important;
    text-transform: capitalize;
    border-radius: 5px;
    font-weight: 400;
    max-width: 128px;
}

.switcher a {
    text-decoration: none;
    display: block;
    font-size: 12px !important;
	-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.switcher a img {
    bottom: 0;
    position: relative;
}
.switcher .selected a:after {
    height: 24px !important;
}
.button.secondary.is-shade.is-large.mb-0 {
    font-weight: normal;
    border-radius: 7px;
}
img.header-logo-dark {
    position: relative;
    width: auto;

}
#header .stuck #logo img {
    position: relative;
    width: auto;
    max-height: 98px !important;
}
.button, button, input[type=button], input[type=reset], input[type=submit] {font-weight:normal;}
.header-bg-image {
    opacity: 0.5;
}
th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-actions,td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions ,th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-total,td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-total,.post_comments
{
    display: none;
}
th.woocommerce-orders-table__header.woocommerce-orders-table__header-custom-column span,td.woocommerce-orders-table__cell.woocommerce-orders-table__cell-custom-column a {
    text-align: center;
    margin: 0 auto;
    display: block;
}
#secondary .widget-title {
    background: #0045d4;
    width: 100%;
    display: block;
    padding: 10px 20px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    margin-bottom: 19px;
}
#secondary .is-divider {
    display: none;
}
.dichvubar .row-full-width {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.dichvubar .box-text h5, .dichvubar .box-text p {
    color: #245236;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 300;
    position: relative;
    top: 5px;
}
.dichvubar .box-text h5:after, .dichvubar .box-text p:after {
    content: '';
    width: 50%;
    border-bottom: 3px solid #fff;
    margin-top: 1.5rem;
    display: block;
}
.dichvubar .is-divider {
    display: none;
}
#content strong {
    color: #2e7049;
}
#content li {
    margin-left: 2em;
}

.nav-small .nav>li>a, .nav.nav-small>li>a {
    display: flex;
    flex-direction: row-reverse;
    align-content: flex-start;
}
.nav>li>a>span+i {
    margin-right: 5px;
}
a.nav-top-link.nav-top-not-logged-in.is-small:after {
    content: "";
    speak: none!important;
    display: inline-block;
    font-family: fl-icons!important;
    font-style: normal!important;
    font-variant: normal!important;
    font-weight: 400!important;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: none!important;
    padding-right: 5px;
}
.back-button:before,h6.entry-category.is-xsmall:before{
	background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 1rem;
    margin-right: 1rem;
    vertical-align: middle;
    width: 1rem;
    background-image: url(https://vinesh.vn/wp-content/uploads/2022/10/arrow-right-green2.png);
    height: 1em;
    transform: rotate(180deg);
    vertical-align: top;
    width: 1em;position:relative;
		top:2px;
	}
.post .back-button:before,.post h6.entry-category.is-xsmall:before{
		top:-2px;
	}
.row.divback a {
    text-transform: uppercase;
    color: #83ba28;
    position: relative;
}

.home .divback{
display:none !important;
	}


.nav-dropdown {
    transition: opacity 1s,visibility 1s;
}
.bottom-box-fix ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 50px;
}
.bottom-box-fix ul li {
    margin-bottom: 10px;
    display: block;
    width: 100%;
    position: relative;
}
.bottom-box-fix ul li a {
    display: inline-block;
    width: 100%;
    position: relative;
}
.bottom-box-fix ul li a .fa {
    height: 50px;
    width: 50px;
    border-radius: 50px;
    line-height: 50px;
    border: 0;
    background: #0086ff;
    display: inline-block;
    color: #fff;
    font-size: 22px;
    text-align: center;
    position: relative;
    z-index: 9;
    box-shadow: none;
    text-shadow: none;
}
.phonering-alo-ph-img-circle {
    -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%;
}
.bottom-box-fix ul li.hotline_icon a .chat_text {
    background-color: #0084ff;
}

.bottom-box-fix ul li a .chat_text {
    display: inline-block;
    padding: 0;
    background-color: #06c;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 20px;
    height: 50px;
    line-height: 45px;
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 0;
    width: 0;
    overflow: hidden;
    -webkit-transition: all 1s;
    transition: all 1s;
    -moz-box-shadow: 0 0 5px #555;
    -webkit-box-shadow: 0 0 5px #555;
    box-shadow: 0 0 5px #555;
    font-weight: 400;
    white-space: nowrap;
    opacity: 0;
}
.bottom-box-fix ul li:hover .chat_text {
    width: 223px;
    padding-left: 40px;
    padding-right: 10px;
    opacity: 1;
}
img.phonering-alo-ph-img-circle {
    position: relative;
    z-index: 9999;
	height: 50px;
    width: 50px;
}
.bottom-box-fix {
    position: fixed;
    z-index: 9999;
    right: 30px;
    bottom: 65px;
}
@keyframes phonering-alo-circle-fill-anim {
            0% {
                -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
                opacity:.2
            }
            50% {
                -webkit-transform:rotate(0) scale(1) skew(1deg);
                transform:rotate(0) scale(1) skew(1deg);
                opacity:.2 
            }
            100% {
                -webkit-transform:rotate(0) scale(.7) skew(1deg);
                transform:rotate(0) scale(.7) skew(1deg);
                opacity:.2
            }
        }
        @-webkit-keyframes phonering-alo-circle-img-anim {
            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 phonering-alo-circle-img-anim { 
            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)
            }
        }

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


#header .stuck #logo img {
    position: relative;
    width: auto;
    max-height: 48px !important;
    bottom: 0;
}
	.logo a {
    bottom: 0 !important;
}
}
.longnh-author-box {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 30px;
  margin-top: 40px;
  background: #f8f8f8;
  border-radius: 10px;
  border: 1px solid #e0e0e0;
}
.longnh-author-box .author-logo img {
  width: 80px;
  height: auto;
}
.longnh-author-box .author-content {
  flex: 1;
}
.longnh-author-box .author-name {
  margin: 0 0 10px;
  font-size: 20px;
  color: #2c3e50;
  font-weight: bold;
}
.longnh-author-box .author-desc {
  color: #555;
  font-size: 15px;
  line-height: 1.6;
}
.longnh-author-box .author-social {
  margin-top: 10px;
}
.longnh-author-box .author-social a {
  margin-right: 10px;
  color: #555;
  font-size: 18px;
}
.longnh-author-box .author-social a:hover {
  color: #0073aa;
}