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

/*************** ADD CUSTOM CSS HERE.   ***************/
:root{
	--bg-hk: linear-gradient(
    90deg,
    #e8c44d 0%,
    #f3ef8b 50%,
    #deb53b 100%
  );
	--color-red: #f00;
	--color-black: #644111;
}

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


}

body{
	background: var(--bg-hk);
}
div#wide-nav .nav > li > a {
    line-height: 55px;
}
.button.primary:not(.is-outline),
button[type="submit"],
.button.submit-button,.header:not(.transparent) .header-bottom-nav.nav > li.current-menu-item > a,div#wide-nav ul.nav.header-nav.header-bottom-nav > li.current-menu-item > a,
.header:not(.transparent) .header-bottom-nav.nav > li:hover > a,ul#menu-danh-muc-san-pham> li:hover> a,
div#wide-nav .nav-tabs>li.active>a,.header-vertical-menu__opener{
	background: var(--bg-hk);
	color: var(--color-black);
	/*line-height: 55px!important;*/
}

 .featured-title{
 	background: transparent!important;
 }
 .shop-page-title.featured-title .title-overlay {
    background-color: unset;
}
div#wide-nav {
    align-items: flex-end;
}
ul.nav.header-nav.header-bottom-nav {
    align-items: flex-end;
}	
.nav-tabs > li.active > a{
	border-top-color: #faf7a5!important;
}
.nav-tabs>li>a {
    border-top: 2px solid #faf7a5;
    border-left: 1px solid #faf7a5;
    border-right: 1px solid #faf7a5;
    background-color: rgba(0,0,0,.04);
    padding-left: 15px;
    padding-right: 15px;
}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .nav-dropdown-col>a, .nav-dropdown li a{font-weight:normal !important; text-transform:none !important;font-size:15px; font-weight:500}
.nav-dropdown .nav-dropdown-col>ul li:hover{background:var(--bg-hk);}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a{color:white}
.nav-dropdown-default>li:hover{background:var(--bg-hk);}
.nav-dropdown-default>li>a{border-bottom:0 !important}.nav-dropdown-has-arrow li.has-dropdown:before{border-width: 10px;
margin-left: -10px;}
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;display:none;position: absolute;
left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px; text-transform: none;color:black}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}

/*.sticky-add-to-cart--active, #wrapper, #main, #main.dark {
    background-color: transparent!important; 
}*/
.slider-home .ux-shape-divider{
	z-index: 9;
}
.slider-home .ux-shape-divider--top .ux-shape-fill{
	fill: var(--bg-hk)!important;
}
/*home-two product*/
.left-image .col-inner img{
    border-radius: 0 90% 0 90%;
    background: #ffffff;
    border: 20px solid #857d17;
}
.right-image .col-inner img{
    border-radius: 90% 0 90% 0;
    background: #ffffff;
    border: 20px solid #857d17;
}
.featured-services {
    /*width: max-content;
    float: left;*/
}
 .featured-services .img-block {
    border: 1px solid #008fd5;
    border-radius: 50%;
    position: relative;
    width: 180px;
    height: 180px;
    margin: 0 auto 40px;
    text-align: center;
    padding: 10px;
}
 .featured-services  img-block .circles {
    width: 100%;
    height: 100%;
    background: #2F377F;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
 .featured-services  .img-block .circles img {
    border-radius: 100%;
}

@media screen and (min-width: 768px){
    .featured-services {
    display: block;
    /*float: left;*/
    /*width: 280px;*/
    text-align: center;
    overflow: visible;
    /*margin-top: -20px;*/
}
}
.featured-services:nth-child(2) {
    margin-top: 0;
}
.sp-nb-section {
   /* background: #f4f6f9 url(https://bigba.tutam.info/wp-content/uploads/2022/10/Curva.png) top no-repeat;
    padding-top: 70px!important;
    margin-top: 0;
    z-index: 99;*/
}
a.products-nb h3 {
    min-width: max-content;
    margin: auto;
    position: absolute;
    top: 100%;
    opacity: 0;
}
a.products-nb:hover h3 {
    min-width: max-content;
    margin: auto;
    position: absolute;
    top: 100%;
    opacity: 1;
}
.home .product-small.col,.product-small.col{
    padding: 20px 30px 30px!important;
}
.sp-nb-section .img-inner.dark:before {
    border: 2px solid #e8c54f;
    content: "";
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    left: 10px;
    top: 10px;
    opacity: 0;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
}
.sp-nb-section .img-inner.dark:hover:before {

    opacity: 1;
    -webkit-transition: opacity 0.35s,-webkit-transform 0.35s;
    transition: opacity 0.35s,transform 0.35s;
}
.section-icon .icon-box-img img{
    padding-top: 0;
}
.section-icon .icon-box-img .icon {
    padding: 20px;
    border-radius: 50%;
    background: #f4f4f4;
}
.section-icon .icon-box-img:hover .icon {
    background: #643f09;
}
.section-icon .icon-box-img:hover .icon img{
        filter: brightness(0) invert(1);
}
.row.grid-category-home .box-image>a>div::before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: #e8c44fb8;
    border-radius: 100%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 0;
    opacity: 0;
    animation: circle-pre .75s;
}
.row.grid-category-home .col .col-inner .box.has-hover:hover .box-image>a>div::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
    animation-fill-mode: forwards;
    /*opacity: 1;*/
   /* width: 200%;
        height: 200%;*/
}

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 1;
    }
}
@keyframes circle {
    0% {
        opacity: 1;
    }
    40% {
        opacity: 1;
    }
    100% {
        width: 200%;
        height: 200%;
        opacity: 1;
    }
}
@keyframes circle-pre {
    0% {
        opacity: 1;
        width: 200%;
        height: 200%;
    }
    40% {
        opacity: 1;
    }
    100% {
        
        opacity: 1;
    }
}
.grid-category-home .col .col-inner .box.has-hover:hover .box-text {
    display: flex!important;
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    align-items: center;
}
.grid-category-home .col .col-inner .box.has-hover .box-text *{
    color: #fff;
        width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*animation box product*/
.product-small.box:before , .product-small.box:after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    border: 2px solid #e8c54f;
    transition: all .25s ease-out;
}
.product-small.box:before  {
    background-color: #e8c54f;
    top: -10px;
    left: -10px;
    z-index: 0;
}
.product-small.box:hover:before{
    top: 15px;
    left: 15px;
  }
  .product-small.box:hover:after {
      bottom: 15px;
      right: 15px;
    }
.product-small.box:after{
    bottom: -10px;
    right: -10px;
}
.product-small.box.recent_viewed:after{
    bottom: -10px;
    right: -10px;
    z-index: 0;
}
 .product-small.box.recent_viewed:hover:after {
      bottom: 15px;
      right: 15px;
    }
    .product-small.box .box-text.box-text-products{
        background: #fff;
    }
.product-small.box:hover .box-text.box-text-products {
    background: #f4f4f4;
}
span.amount {
    white-space: nowrap;
    color: #644111;
    font-weight: bold;
}
span.subtile-custom {
        font-family: "Roboto Condensed", sans-serif;
    font-size: 24px;
}
footer img:not(.bct-logo) {
    filter: brightness(0) invert(1);
}
.shop-container.abc {
    padding: 0px 15px 0px 15px;
}
ul.product-categories {
    display: flex;
    align-items: center;
    justify-content: left;
    list-style: none;
    flex-wrap: wrap;
}
ul.product-categories.catnochild {
    display: block;
}
ul.product-categories.catnochild li {
    float: left;
}
ul.product-categories li {
    background: #e8c54f;
    color: var(--color-black);
    padding: 10px 20px;
    margin: 0 10px;
    border-radius: 10px;
	margin-bottom:15px;
}
ul.product-categories li a{
    color: #5b4438;
    font-weight: bold;
    cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}
ul.product-categories li a:after {
  content:"\e00c";
  font-family: fl-icons;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}
ul.product-categories li:hover a {
  padding-right: 25px;
}
ul.product-categories li:hover a:after {
  opacity: 1;
  right: 0;
}
p.name.product-title.woocommerce-loop-product__title {
    height: unset!important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    /* white-space: pre-line; */
    word-wrap: break-word;
    min-height: 52px;
}
footer#footer {
    border-top: 10px solid #f68c1f;
}