/*
Theme Name: Flatsome Team
Description: Flatsome Team
Author: Flatsome Team
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Covered+By+Your+Grace&family=Quicksand:wght@300;400;500;600;700&display=swap');
body{
    font-family: 'Covered By Your Grace', cursive;
    font-family: 'Quicksand', sans-serif;
}
:root{
    --color-camnhat: #efc24b;
    --color-xanhdam: #115b2e;
    --color-xanhnhat: #45b449;
    --color-text: #a8a8a3;
}
.mfp-content input#woocommerce-product-search-field-0 {
  height: 50px;
}
/* p {
    text-align: justify;
} */
/* Header menu top*/
.social-header-top {
  display: flex;
}

.social-header-top .social-icon {
    font-size: 14px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    margin-left: calc(10px/2);
    margin-right: calc(10px/2);
    background-color: #ededed;
    transition: .4s;
}
.social-header-top .social-icon i.fa-brands {
    display: flex;
    justify-content: center;
    margin-top: 32%;
    color: #000;
    transition: .4s;
}
.social-header-top .social-icon:hover{
  background-color: var(--color-xanhnhat);
}
.social-header-top .social-icon:hover i.fa-brands{
  color: #fff;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.info-contact-header-top {
  display: flex;
}
.info-contact-header-top .info-contact {
  display: flex;
  padding: 0px 15px;
}
.info-contact-header-top .info-content {
  padding-left: 10px;
}
.info-contact-header-top .info-contact.phone,.info-contact-header-top .info-contact.email{
  border-right: 1px solid #e2e0d5;
}
.info-contact-header-top img.img-contact-head{
  width: 30px;
  height: 30px;
  margin-top: 4px;
}
.info-contact-header-top p.text-contact{
  font-size: 12px;
}
.info-contact-header-top h3.desc-contact {
  font-size: 14px;
}
.info-contact-header-top h3.desc-contact a{
  color: #000;
  transition: .2s;
}
.info-contact-header-top h3.desc-contact a:hover{
  color: var(--color-xanhnhat);
}
/* Header menu bottom */
.header-wrapper a.nav-top-link {
  padding: 0px 20px !important;
  transition: .3s;
}
div#wide-nav{
  background-image: url(/wp-content/uploads/2023/11/paper-bg.webp);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0;
  margin-bottom: -20px;
  padding: 15px 20px;
  background-color: transparent;
}
/* scroll header */
.header-bg-color, .header-wrapper{
  background-color: transparent !important;
}
.header.show-on-scroll, .stuck .header-main {
  background: #fff;
}

/* Body Home */
.pre-heading {
  color: var(--color-camnhat);
  font-size: 24px;
  line-height: 1.5;
  margin-bottom: 0;
  font-family: covered by your grace;
  font-weight: 400;
}
h3.desc-feature{
  font-size: 24px;
  line-height: 30px;
}
h2.title-info-our.first {
  font-size: 48px;
  line-height: 1.2;
}
h3.title-info-our.second{
  color: var(--color-xanhnhat);
  font-size: 26px;
}
/* button */
.btn-helo {
  background-color: var(--color-xanhnhat) !important;
  font-family: inherit;
  display: inline-block;
  line-height: 2.5em;
  position: relative;
  overflow: hidden;
  transition: color .5s;
  z-index: 1;
  font-size: 14px;
  border-radius: 10px;
  font-weight: 500;
  color: #fff;
  padding: 10px 40px;
  text-transform: none;
}
 
 .btn-helo:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: var(--color-xanhdam);
  height: 150px;
  width: 300px;
  border-radius: 50%;
 }
 
 .btn-helo:hover {
  color: #fff;
 }
 
 .btn-helo:before {
  top: 100%;
  left: 100%;
  transition: all .7s;
 }
 
 .btn-helo:hover:before {
  top: -30px;
  left: -30px;
 }
 
 .btn-helo:active:before {
  background: var(--color-xanhdam);
  transition: background 0s;
 }
 /*  */
/* Banner */
.st_banner{
  position: relative;
  z-index: 1;
}
.st_banner-home h2 {
  color: #fff;
  font-family: 'Covered By Your Grace';
  font-size: 80px;
  text-shadow: 2px 2px #5c5a5a;
}
.st_banner-home h3{
  color: #fff;
/*   text-transform: uppercase; */
  font-size: 18px;
}
/* Feature */
.st_feature{
  position: relative;
  z-index: 2;
  margin-top: -4%;
  padding-bottom: 100px !important;
}
.info-feature-tecnology {
  text-align: center;
  
}
.info-fea-text{
  background-color: #fff;
  box-shadow: 0 0 60px 10px rgba(0,0,0,.1);
  margin: 0 0 45px;
  --e-column-margin-right: 0px;
  --e-column-margin-left: 0px;
  padding: 70px 20px;
  border-radius: 15px;
}

.icon-feature img {
  width: 90px;
  margin-top: -30%;
  padding: 14px;
  border-radius: 12px;
  background-color: var(--color-xanhnhat);
  transition: .3s;
}
.icon-feature img:hover{
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.st_feature .col.medium-7{
  padding: 0px 15px;
}
.st_feature .img-our-intro img{
  border-radius: 50%;
  width: 600px;
}
.st_feature p.text-des-info-our{
  color: var(--color-text);
}
.st_feature ul.info-check li{
  margin-left: 0;
  list-style: none;
}
.st_feature ul.info-check li i.fa-solid.fa-circle-check {
  padding-right: 10px;
  color: var(--color-xanhnhat);
}
.st_feature .col-info-our-intro .icon-box-img img{
  transition: .3s;
}
.st_feature .col-info-our-intro .icon-box-img img:hover{
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.st_feature .tree-1 img {
  width: 200px;
  position: absolute;
  z-index: 2;
  right: 25%;
  top: 3%;
}
.st_feature .tree-2 img {
  position: absolute;
  z-index: 2;
  bottom: 0%;
  left: -18%;
  width: 300px;
}
.st_feature .tree-3 img {
  position: absolute;
  z-index: 3;
  border-radius: 50%;
  border: 5px solid #fff;
  bottom: -7%;
  left: 7%;
  animation: 5s linear 1s infinite alternate slidein;
}
@keyframes slidein{
  from{
    transform: translateY(5vh);
  }
  to{
    transform: translateY(0);
  }
}
.st_feature .row.background-image-our-intro{
  position: absolute;
  bottom: -9%;
  right: 0;
  z-index: -1;
}
.st_feature .row.background-image-our-intro .col{
  padding: 0;
}
/*We offer  */
.st_we-offer .bg-loaded{
  background-image: url(/wp-content/uploads/2023/11/wheats.webp);
  height: 300px;
}
.st_we-offer .pre-heading{
  text-align: center;
}
.st_we-offer h2.title-info-our.first{
  text-align: center;
}
.st_we-offer .img-our-services img {
  border-radius: 10px;
}
.st_we-offer .info-our-services img{
  width: 65px;
  height: 65px;
  background-color: var(--color-xanhnhat);
  padding: 10px;
  margin-top: -40px;
  margin-bottom: 10px;
  transition: .3s;
}
.st_we-offer .box-icon-our{
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 30px 0 rgba(0,0,0,.07);
  padding: 15px;
  z-index: 2;
  position: absolute;
  bottom: -20px;
  left: 25px;
  width: calc(100% - 50px);
}
.st_we-offer .info-our-services a {
  transition: .3s;
  position: absolute;
  right: 26px;
  background-color: #45b449;
  padding: 10px;
  color: #fff;
  /* top: 20px; */
  border-radius: 2px 0px 10px 5px;
}
.st_we-offer .box.has-hover.img-our-services.has-hover.box-text-bottom:hover .btn-helo{
  transform: translateY(40px);
}
.st_we-offer .box.has-hover.img-our-services.has-hover.box-text-bottom:hover .info-our-services img{
  background-color: var(--color-camnhat);
}

/*Coutup  */
.st_cout-up .row{
  background-image: url(/wp-content/uploads/2023/11/wheats-2.webp);
  padding: 40px;
  border-radius: 10px;
}
.st_cout-up .row .col{
  padding-bottom: 0;
}
.st_cout-up p.p-dem {
  color: #fff;
  font-family: 'Covered By Your Grace';
  font-size: 70px;
  margin-bottom: 0;
}
.st_cout-up p.title-coutup {
  text-align: center;
  color: #fff;
  font-size: 18px;
}
/* Text video*/
.st_text-video{
  margin-top: -7%;
  padding-top: 150px !important;
}
.st_text-video h2{
  font-size: 70px;
  color: #fff;
  margin-bottom: 0;
}
.st_text-video a.button.open-video.icon.circle.is-outline.is-xlarge {
  background: #fff;
  border: 1px solid #fff;
}
.st_text-video .icon-play {
  color: #000;
}


/* Recently */
.st_recently .pre-heading{
  text-align: center;
}
.st_recently h2.title-info-our.first{
  text-align: center;
}
.st_recently .img-box-recent .button-recent {
  position: absolute;
  right: 25px;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  top: -170%;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
  opacity: 0;
  transition: .3s;
}
.st_recently .img-box-recent .button-recent a{
  color: #000;
  text-align: center;
}
.st_recently .img-box-recent:hover .button-recent{
  color: #000;
  opacity: 1;
}
.st_recently .img-box-recent img.attachment-original.size-original.lazy-load-active{
  border-radius: 10px;
}
.st_recently .img-box-recent .box-image div{
  border-radius: 10px;
}
.st_recently h4.title-recent{
  font-size: 30px;
  text-align: left  ;
}
.st_recently p.text-des-recent{
  font-size: 14px;
  color: #fff;
  text-align: left;
  opacity: 0;
  transition: .3s;
}
.st_recently .img-box-recent .recent-text {
  transform: translateY(25px);
  transition: .3s;
}
.st_recently .img-box-recent:hover .recent-text{
  transform: translateY(-25px);
}
.st_recently .img-box-recent:hover .recent-text p{
  opacity: 1;
}

/*Customer  */
.st_customer {
  background-color: #f8f7f3;
}
.st_customer .row .col{
  padding-bottom: 0;
}
.testimonial-item{
  transition: .3s;
}
.info-slider-fl{
  display: flex;
  background-color: #fff;
  padding: 40px;
  border-radius: 10px;
  margin-bottom: 10px;
}
 .testimonial-item .testimonial-avatar img {
  width: 350px;
  border-radius: 50%;
  border: 2px dashed var(--color-camnhat);
  padding: 5px;
}
.testimonial-item .testimonial-avatar img::before{
  position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translate(-50%,50%);
    background-color: var(--color-xanhnhat);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    content: "\f10e";
    font-family: core-icons;
    font-size: 16px;
    line-height: 50px;
    z-index: 1;
    color: #fff;
    text-align: center;
}
.text-line-3 p {
  font-size: 18px;
  line-height: 35px;
  color: var(--color-text);
  padding: 5px 20px 5px 5px;
}
.testimonial-name{
  display: flex;
}
.testimonial-name img{
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.testimonial-name h6{
  font-size: 24px;
  text-transform: none;
  padding: 5px;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.testimonial-avatar {
  text-align: center;
}
.testimonial-avatar i.fa-solid.fa-quote-right {
  color: #fff;
  background-color: var(--color-xanhnhat);
  border-radius: 50%;
  padding: 5px;
  font-size: 20px;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 11.5%;
  bottom: 35%;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}
.slider-testimonial button{
  text-transform: none;
  transition: .3s;
}
.slider-testimonial button:hover{
  color: var(--color-xanhnhat);
}
/* Slider */

/* Our Farm */

.st_our-farm .box-text-inner .our-farm{
  display: flex;
  background-color: var(--color-camnhat);
  width: 300px;
  padding: 20px;
  border-radius: 10px 10px 0px 10px;
  position: absolute;
  right: -5%;
  bottom: 100%;
  animation: 5s linear 1s infinite alternate slidein;
}
.st_our-farm .box-text-inner .our-farm::after{
    position: absolute;
    bottom: -29px;
    right: 0;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 30px 30px 0;
    border-color: transparent var(--color-camnhat) transparent transparent;
}
.st_our-farm .box-text-inner .our-farm img {
  width: 100px;
}
.st_our-farm .box-text-inner .our-farm span{
  font-family: covered by your grace,Sans-serif;
  font-size: 30px;
  line-height: 36px;
  border-radius: 10px 10px 0 10px;
  color: #fff;
  width: 200px;
}
.st_our-farm .col.medium-7{
  padding: 0px 70px;
}
.st_our-farm .col.medium-7 img{
  width: 50px;
  transition: .3s;
}
.st_our-farm .col.medium-7 img:hover{
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.st_our-farm .icon-box {
  margin-bottom: 20px;
}
.st_our-farm p{
  font-size: 16px;
  line-height: 1.875;
  color: var(--color-text);
}
/* News */
.st_news .pre-heading{
  text-align: center;
}
.st_news .title-info-our.first{
  text-align: center;
}
.st_news .box-text-inner.blog-post-inner {
  display: flex;
  flex-direction: column;
}
.st_news .col.post-item img{
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.st_news .box-text.text-center{
  padding-left: 0;
  padding-right: 0;
  border: 1px solid rgba(0,0,0,.05);
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.st_news h5.post-title.is-large {
  order: 2;
  font-size: 24px;
  padding: 20px 40px 20px 40px;
  transition: .3s;
}
.st_news h5.post-title.is-large a:hover{
  color: var(--color-xanhnhat);
}
.st_news .post-meta.is-small.op-8 {
  order: 1;
  background-color: var(--color-xanhnhat);
  color: #fff;
  padding: 5px 20px;
  font-size: 16px;
  border-radius: 10px;
  margin-top: -25px;
  opacity: 1;
}
.st_news .is-divider{
  display: none;
}
.blog-wrapper p{
	text-align: justify;
}

/* Logo */
.st_logo .row .col{
  padding-bottom: 0;
}
.st_logo .row .col img{
  opacity: 0.5;
  transition: .3s;
}
.st_logo .row .col img:hover{
  opacity: 1;
}

/* Footer */
.st_footer{
  background-color: #24231d;
}
.st_footer p{
  color: var(--color-text);
  font-size: 15px;
}
.elementor-widget-divider .elementor-divider {
  display: flex;
}
.elementor-divider {
  padding: 5px 0px;
}
.elementor-divider-separator {
  display: flex;
  position: relative;
  border-radius: 2px;
  margin: 0;
  direction: ltr;
  width: 45px;
  height: 4px;
  border-top: var(--color-xanhnhat);
  background-color: var(--color-xanhnhat);
}
.elementor-divider-separator:after {
  position: absolute;
  bottom: 0;
  right: -10px;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background-color: var(--color-xanhnhat);
}
.st_footer h3{
  margin-bottom: 0;
}
.st_footer ul{
  padding-top: 10px;
}
.st_footer ul li{
  list-style: none;
  margin-left: 0;
  font-size: 15px;
  color: var(--color-text);
  transition: .3s;
}
.st_footer ul li a{
  transition: .3s;
}
.st_footer ul li a:hover{
  color: #fff
}
.st_footer ul li .fa-solid{
  padding-right: 5px;
  transition: .3s;
}
.st_footer ul li:hover .fa-solid{
  color: var(--color-xanhnhat);
}
.st_footer .col-footer-3 .row{
  padding-top: 10px;
}
.st_footer .col-footer-3 img{
  border-radius: 10px;
}
.st_footer .col-footer-3 .post-meta.is-small.op-8{
  opacity: 1;
  font-size: 15px;
  color: var(--color-camnhat);
}
.st_footer .col-footer-3 .is-divider{
  display: none;
}
.st_footer .col-footer-4 ul li .fa-solid{
  color: var(--color-camnhat);
}
.st_footer .wpcf7 p{
  display: flex;
}
.st_footer input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email{
  font-size: 13px;
  height: 40px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.st_footer input.wpcf7-form-control.wpcf7-submit.has-spinner{
  height: 40px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  text-transform: none;
  font-size: 14px;
  padding: 0px 10px;
}
#footer .bt-footer-new {
  display: flex;
  justify-content: center;
}
.bottom-footer {
  padding: 0px 10px;
}
.bottom-footer.second{
  color: var(--color-text);
}
.bottom-footer.second a{
  color: var(--color-text);
  transition: .3s;
}
.bottom-footer.second a:hover{
  color: #fff;
}
.text-first-bottom{
  color: var(--color-text);
}
a#top-link{
  background-color: var(--color-xanhnhat);
  border-color: var(--color-xanhnhat);
}

/* --------------------About-------------------- */
.st_info-about span.text-info-about{
  font-size: 20px;
  color: var(--color-xanhnhat);
  font-weight: 600;
  line-height: 30px;
}
.st_info-about p{
  font-size: 16px;
  color: var(--color-text);
  line-height: 30px;
}
.st_info-about ul li{
  list-style: none;
  margin-left: 0;
  font-size: 18px;
  color: #000;
}
.st_info-about ul li .fa-solid{
  font-size: 16px;
  color: var(--color-xanhnhat);
  padding-right: 7px;
}
.st_info-about .img-sm-img.lazy-load-active {
  border-radius: 10px;
  position: absolute;
  left: -50px;
  bottom: 0;
}
/* Video About */
.st_video-about h2{
  font-size: 60px;
  line-height: 72px;
  color: #fff;
}
.st_video-about a.button.open-video.icon.circle.is-outline.is-xlarge {
  background-color: #fff;
  border-color: #fff;
}
.st_video-about i.icon-play{
  color: #000;
}
/* Coutup About */
.st_coutup-about{
  background-color: #1f1e17;
}
.st_coutup-about .row .col{
  padding-bottom: 0;
}
.st_coutup-about p.p-dem {
  color: var(--color-camnhat);
  font-family: 'Covered By Your Grace';
  font-size: 70px;
  margin-bottom: 0;
}
.st_coutup-about p.title-coutup {
  text-align: center;
  color: var(--color-text);
  font-size: 18px;
}
.background-imag-coutup-about{
  margin-top: -15%;
  position: relative;
  z-index: -1;
}
.background-imag-coutup-about .col{
  padding: 0;
}
.background-imag-coutup-about img.attachment-original.size-original.lazy-load-active {
  width: 300px;
  opacity: 0.6;
}
/* Personel About */
.st_personel img.attachment-original.size-original.lazy-load-active {
  border-radius: 10px;
}
.info-personel {
  display: flex;
}

.box-name-personel {
  border: 1px solid #ededed;
  padding: 10px 40px;
  border-radius: 10px 0px 0px 10px;
  background: #fff;
  position: absolute;
  right: -25px;
  bottom: -35px;
  text-shadow: none;
  box-shadow: -5px 0 10px 0 rgba(0,0,0,.1);
}
.box-name-personel h3{
  color: var(--color-camnhat);
  font-size: 16px;
  font-weight: 600;
}
.box-name-personel p{
  color: #000;
  text-align: right;
}

/* ------------------Contact-------------------- */
.col-contact-1 .col-inner{
  background-color: var(--color-xanhnhat);
  padding: 40px 75px;
  border-radius: 10px;
}
.col-contact-2 .col-inner{
  background-color: var(--color-xanhdam);
  padding: 40px 75px;
  border-radius: 10px;
}
.col-contact-3 .col-inner{
  background-color: var(--color-camnhat);
  padding: 40px 75px;
  border-radius: 10px;
}
.info-contact-head h3{
  font-family: 'Covered By Your Grace';
  color: #FFFFFF99;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 0;
}
.info-contact-head p{
  color: #fff;
  margin-bottom: 0;
  font-weight: 600;
}
.st_info-contact .row .col.medium-7{
  padding: 20px 70px;
  background-color: #ededed;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 500px;
}
.st_info-contact .row .col.medium-5 iframe{
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.st_info-contact .row .col.medium-5{
  padding: 0;
}
.st_info-contact .row .col.medium-5 p{
  margin-bottom: 0;
}
.st_info-contact .fl-contact-form p {
  display: flex;
}
.st_info-contact span.wpcf7-form-control-wrap{
  margin-right: 10px;
}
input[type=email], input[type=number], input[type=search], input[type=tel], input[type=text], input[type=url], textarea{
  border-radius: 10px;
  font-size: 15px;
}
.st_info-contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  height: 50px;
}
.st_info-contact input.wpcf7-form-control.wpcf7-submit.has-spinner{
  height: 50px;
  border-radius: 10px;
  text-transform: none;
  font-weight: 100;
  font-size: 15px;
  padding: 0px 30px;
  transition: .3s;
}
.st_info-contact input.wpcf7-form-control.wpcf7-submit.has-spinner:hover{
  background-color: #000;
}
/* ---------------------Shop------------------------ */
.shop-page-title.category-page-title.dark.featured-title.page-title {
  padding: 25px;
}
#shop-sidebar .flex-row.relative {
  background-color: var(--color-camnhat);
  padding: 20px;
  border-radius: 10px;
}
#shop-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
  background-color: var(--color-camnhat);
  border-color: var( --color-camnhat);
  transition: 100s;
}
#shop-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0:hover {
  background: var(--color-camnhat) !important;

}
#shop-sidebar input#woocommerce-product-search-field-1 {
  background-color: transparent;
  border-color: var(--color-camnhat);
  box-shadow: none;
}
#shop-sidebar ::placeholder{
  color: #fff;
}
#shop-sidebar .woof_container_inner {
  border: 1px solid #ededed;
  padding: 20px;
  border-radius: 10px;
}
#shop-sidebar .woof_container_inner h4{
  font-size: 16px;
}
#shop-sidebar .woof .widget_price_filter .ui-slider .ui-slider-range{
  background-color: var(--color-camnhat);
  opacity: 1;
}
#shop-sidebar .woof .widget_price_filter .ui-slider .ui-slider-handle{
  background-color: #fff;
}
#shop-sidebar aside#woocommerce_product_categories-2 {
  border: 1px solid #ededed;
  padding: 20px;
  border-radius: 10px;
  background-color: #ededed;
}
#shop-sidebar span.widget-title.shop-sidebar {
  text-transform: none;
}
#shop-sidebar .is-divider.small {
  display: none;
}
#shop-sidebar  .widget>ul>li+li,#shop-sidebar ul.menu>li+li {
  border-top: none;
}
#shop-sidebar ul.product-categories {
  padding-top: 10px;
}
.shop-container .product-small img{
  border-radius: 10px;
}
.shop-container a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  font-size: 22px;
  line-height: 30px;
  color: #000;
  transition: .3s;
}
.shop-container a.woocommerce-LoopProduct-link.woocommerce-loop-product__link:hover{
  color: var(--color-xanhnhat);
}
.shop-container span.woocommerce-Price-amount.amount {
  font-size: 18px;
  color: var(--color-xanhnhat);
}
/* Info Products */
.st_products .col-title-price {
  /* display: flex; */
  padding-bottom: 0;
}
.st_products .wp-post-image.skip-lazy {
  border-radius: 10px;
}
.st_products .image-tools.absolute.bottom.left.z-3 {
  display: none;
}
.st_products h1.product-title.product_title.entry-title {
  margin-bottom: 0;
  padding: 0px 40px 0px 0px;
  font-size: 40px;
}
.st_products span.woocommerce-Price-amount.amount{
  font-size: 30px;
}
.st_products .star-products {
  display: flex;
}
.st_products .star-products img{
  width: 20px;
  height: 20px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.st_products .line-product-s {
  border-top: 1px solid #ededed;
  margin: 10px 0px;
}
.st_products input.minus.button.is-form {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  padding: 7px 12px;
}
.st_products input.plus.button.is-form{
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 7px 12px;
}
.st_products button.single_add_to_cart_button.button.alt {
  text-transform: none;
  border-radius: 10px;
  background-color: var(--color-xanhnhat);
  transition: .3s;
  padding: 7px 20px;
}
.st_products .quantity input[type=number] {
  font-size: 1.4em;
}
.st_products span.share-icons-title {
  font-size: 20px;
  font-weight: 600;
  color: #000;
}
.st_products span.amount{
	color: var(--color-xanhnhat);
}
.st_products li#tab-title-description a {
  display: none;
}
.st_products li#tab-title-reviews a{
  display: none;
}
/* ----------------BLOG------------------ */
.post-sidebar .flex-row.relative {
  background-color: var(--color-camnhat);
  padding: 20px;
  border-radius: 10px;
}
.post-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
  background-color: var(--color-camnhat);
  border-color: var( --color-camnhat);
  transition: 100s;
}
.post-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0:hover{
  background-color: var(--color-camnhat);
}
.post-sidebar input#s {
  background-color: transparent;
  border-color: var(--color-camnhat);
  box-shadow: none;
}
.post-sidebar ::placeholder{
  color: #fff;
}
.post-sidebar aside#flatsome_recent_posts-2 {
  border: 1px solid #ededed;
  border-radius: 10px;
  padding: 20px;
  background-color: #ededed;
}
.post-sidebar span.widget-title {
  font-size: 16px;
  text-transform: none;
}
.post-sidebar .is-divider.small{
  display: none;
}
.post-sidebar .badge-inner.bg-fill {
  border-radius: 10px;
}
.blog-wrapper img.attachment-large.size-large.wp-post-image {
  border-radius: 10px;
}
.blog-wrapper .entry-divider.is-divider.small{
  display: none;
}
.blog-wrapper a.more-link.button.primary.is-outline.is-smaller {
  display: none;
}
.blog-wrapper footer.entry-meta.clearfix {
  display: none;
}
.blog-wrapper footer.entry-meta.text-left {
  display: none;
}
.blog-wrapper div#respond {
  border-radius: 10px;
}
.blog-wrapper input#submit{
  border-radius: 10px;
}
/*-----------------------Porfolio--------------------  */
.portfolio-page-wrapper h1.entry-title.uppercase.mb-0 {
  text-transform: none;
  color: var(--color-xanhnhat);
  padding-top: 20px;
}
.portfolio-page-wrapper img.attachment-original.size-original {
  border-radius: 10px;
}
.portfolio-page-wrapper .box-text.text-center {
  text-align: left;
  padding-left: 0;
}
.portfolio-page-wrapper h6.uppercase.portfolio-box-title {
  font-size: 16px;
  text-transform: none;
  transition: .3s;
}
.portfolio-page-wrapper h6.uppercase.portfolio-box-title:hover{
  color: var(--color-xanhnhat);
}
.featured_item_cats.breadcrumbs.mb-half a {
  color: var(--color-xanhnhat);
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
li.html.custom.html_topbar_left {
  justify-content: center;
}
.st_banner-home h2 {
  font-size: 25px;
}
.st_banner-home h3{
  font-size: 10px;
}
.info-fea-text{
  padding: 40px 20px;
}
.st_feature .tree-2 img{
  width: 200px;
}
.st_feature .tree-1 img {
  width: 120px;
  right: 16%;
}
.st_feature .tree-3 img{
  width: 170px;
}
h2.title-info-our.first{
  font-size: 33px;
}
.st_feature .row.background-image-our-intro {
  bottom: -5%;
}
.st_we-offer .row .col.medium-3.small-12{
  padding-bottom: 90px;
}
.st_cout-up .row{
  background-color: var(--color-xanhnhat);
  background-position: bottom center;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.st_text-video h2 {
  font-size: 28px;
  text-align: center;
}
.st_recently .img-box-recent .button-recent{
  top: -225%;
}
.info-slider-fl{
  display: block;
}
.testimonial-item .testimonial-avatar img{
  width: 150px;
  margin-top: 10px;
}
.testimonial-avatar i.fa-solid.fa-quote-right{
  right: 23.5%;
    bottom: 28%;
}
.testimonial-name h6{
  font-size: 18px;
}
.text-line-3 p{
  font-size: 16px;
}
.st_our-farm .col.medium-7 {
  padding: 10px;
}
#footer .bt-footer-new{
  display: block;
}
.st_info-about .img-sm-img.lazy-load-active{
  width: 200px;
}
.st_video-about h2{
  font-size: 28px;
}
.st_personel .row .col{
  padding-bottom: 65px;
}
.box-name-personel{
  padding: 10px 20px;
}
.mfp-wrap.mfp-auto-cursor.off-canvas.dark.off-canvas-center.mfp-ready {
  background-color: var(--color-xanhnhat);
  opacity: 0.9;
}
.st_info-contact .row .col.medium-7{
  padding: 10px;
  border-radius: 4px;
}
.st_info-contact input.wpcf7-form-control.wpcf7-submit.has-spinner{
  width: 100%;
}
}