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

.bgPink     {    background-color: #df8080; }
.bgBlue     {    background-color: #559eb5; }
.bgYellow   {    background-color: #ffbd56; }
.bgCoklat   {    background-color: #6c412e!important; }

.textPink   {    color           : #df8080; }

/* Badge */
.badge-circle .badge-inner {
    background-color: #ffc867;
    color: #3b0d27;
    border-radius: 50%;
}
.badge {
    height: 3.8em;
    width: 3.8em;
}

/* bounce animate */
@-webkit-keyframes bounce {
    0% {
        transform: scale(1,1) translate(0px, 0px);
    }

    50%{
        transform: scale(1.04,1.04) translate(0px, 0px); 
    }

    100% {
        transform: scale(1,1) translate(0px, 0px);
    }
}

.bounce {
    -webkit-animation: bounce 1.3s infinite;
}

/* Mobile version : languange*/
.chaty-in-mobile .header-language-dropdown a {
    width: 34px;
    font-size: 15px;
}
.chaty-in-mobile .header-language-dropdown .image-icon,
.chaty-in-mobile .header-language-dropdown ul li a i img{
    display: none;
}

/* Notification error woocommerce*/
#wrapper>.message-wrapper {
    transition: opacity 3s ease-in;
    transition-delay: 3s;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 2;
    background: white;
}

/*==============================================
PAGE PRODUCT
==============================================*/
.quick-view {
    visibility: hidden;
}
.quick-view:after {
    visibility: visible;
    content:'ADD TO CART';
    display: block;
    position: absolute;
    background-color:#ef8986;
    width: 100%;
    top:0;
    padding: 5px 0;
}
div.product .quick-view {
    display: block!important;
}

div.product .add_to_cart_button {
    display:none!important;
}

div.product .hover-slide-in{
    transform: unset!important;
    opacity: 1;
}

div.product .hide-for-small {
    display: unset!important;
}

a.quick-view.quick-view-added{
    color: #ffffff;
}

/* start infinite */
.tech-slideshow {
    height: 500px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    transform: translate3d(0, 0, 0);
  }
  
  .tech-slideshow > div {
    height: 200px;
    width: 11000px;
    background: url(/wp-content/uploads/page_product/Banner-Page-Product-01-twice.jpg);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    transform: translate3d(0, 0, 0);
    
  }
  .tech-slideshow .mover-1 {
    animation: moveSlideshow 150s linear infinite;
  }
  .tech-slideshow .mover-2 {
    opacity: 0;
    transition: opacity 0.5s ease-out;
    background-position: 0 -200px;
    animation: moveSlideshow 10s linear infinite;
  }
  
  @keyframes moveSlideshow {
    100% { 
      transform: translateX(-66.6666%);  
    }
  }
  /* end banner infinite */

.shop-page-title .woocommerce-ordering {
    display: none;
}
.shop-page-title .woocommerce-result-count{
    display: none;
}

/*page product */
.allProduct .col {
    padding-bottom:  unset;
}
/* breadcrumb product */
.post-type-archive-product .woocommerce-breadcrumb {
    visibility: hidden;
}
.post-type-archive-product .woocommerce-breadcrumb a {
    visibility: visible!important;
}

/* archive product */
.box-text-products .title-wrapper  {
    font-size: 18px!important;
}
/* header search product */
.headerResult{
    display: none;
}
body.search .headerResult {
    display: block!important;
}
.banner_search_result{
    display: none;
}
.search-no-results .banner_search_result,
.search-results .banner_search_result {
    display: block!important;
}
/* breadcrumb di hilangakan banner header result*/

.search-no-results.locale-id-id .shop-page-title.category-page-title.page-title {
    display:none!important;
}
/* breadcrumb ALL PRODUCT /PRODUCT / XX  menghilangkan /product */
.tax-product_cat nav.woocommerce-breadcrumb 
a[href^='https://mamabear.co.id/product/'],
.tax-product_cat nav.woocommerce-breadcrumb 
a[href^='https://mamabear.co.id/en/product/'],
.tax-product_cat nav.woocommerce-breadcrumb span:nth-child(2){
    display: none!important;
}

/* single product */
.single-product .woocommerce-breadcrumb  a:last-child{
    font-weight: bold!important;
    color: #6c412e;
}
.customRelatedProduct{
    background-color:#f7f7f7 ;
}
.customRelatedProduct .related h3 {
    margin: unset!important;
}
.single-product .product-footer .related {
    display: none;
}
.single-product .accordion{
    margin-bottom: 35px!important;
}
.single-product .customRelatedProduct .product-section {
    border-top: unset;
}

/*breadcrumb ALL PRODUCT /PRODUCT / XX  menghilangkan /product */
.single-product nav.woocommerce-breadcrumb 
a[href^='https://mamabear.co.id/product/'],
.single-product nav.woocommerce-breadcrumb 
a[href^='https://mamabear.co.id/en/product/'],
.single-product nav.woocommerce-breadcrumb span:nth-child(2){
    display: none!important;
} 

/* global faq languange */
.faqEn, .faqIn{
    display: none;
}
.locale-id-id .faqIn{
    display: block!important;
}
.locale-en-us .faqEn{
    display: block!important;
}

/*==============================================
PAGE CHECKOUT
==============================================*/
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info.message-wrapper .message-container{
    font-size:20px;
}

/*==============================================
PAGE AFFILIATE (DASHBOARD)
==============================================*/
.yith-wcaf .right-column,
.yith-wcaf .left-column{
    width: 100%!important;
}

.yith-wcaf .right-column ul.dashboard-links li:last-child{
    display: none!important;
}

/*==============================================
HEADER
==============================================*/
.header-main .image-icon {
    margin:0 5px!important;
}
	
/*==============================================
SIDEBAR MENU HAMBURGER
==============================================*/
.mobile-sidebar{
    background-color: #f2bfbe!important;
}
.mfp-content{
    background-color: #f2bfbe!important;
}
.nav-sidebar.nav-vertical>li+li {
    border-top: 1px solid #e09a9a!important;
}
/*==============================================
FOOTER
==============================================*/
#footer ul.menu>li+li, .widget>ul>li+li {
    border-top: 1px solid #e09a9a!important;
}

#footer .absolute-footer{
    text-align: left!important;
}

.back-to-top{
    background-color: #f47970!important;
    border: unset!important;
    color: #ffffff!important;
}

.floatingSocialMedia {
    position: fixed;
    height:50px;
    width: 50px;
    left: 5px;
    top: 50%; 
    z-index: 9999999!important;
}
.floatingSocialMedia a.icon1,
.floatingSocialMedia a.icon2,
.floatingSocialMedia a.icon3
 {
    display : block!important;
    background-color: #fc7a74!important;
    width: 30px;
    height: 30px;
    overflow: hidden;
    text-align: center;
    border-radius:5px;
    margin-bottom:5px;
}

.floatingSocialMedia .icon1 i,
.floatingSocialMedia .icon2 i,
.floatingSocialMedia .icon3 i{
    color :#ffffff;
    padding: 20% 0;
}
/*==============================================
PAGE ARTICLE
==============================================*/
/* article archive  */
.blog .post-item .box-text-inner .post-title {
    font-size: 20px;
}

.single-post .title-overlay{
    background-color: unset!important;
        
        background-image: url(/wp-content/uploads/page_article/Banner-Lain-Lain.jpg)!important;
    }

/* SINGLE BLOG */
.single-post .entry-title {
    font-size: 45px!important;
}

.single-post #content.blog-single p a {
  word-break: break-all!important;
}

#content .entry-content.single-page {
    font-size:18px!important;
} 
/*==============================================
PAGE CONTACT
==============================================*/
.connectWithMamabear .social-icons .button.icon:not(.is-outline){
    background-color: #e7837d!important;
    border-color:  #e7837d!important;
}

/* tab tabs */
.sectionTabs .nav-tabs li:nth-child(1).active a {
    background-color:#fee6b3 ;
}
.sectionTabs .nav-tabs li:nth-child(2).active a {
    background-color:#b4dbe2 ;
}
.sectionTabs .nav-tabs li:nth-child(3).active a {
    background-color:#efafaf ;
}

/* tab pills */
.sectionTabs .nav-pills li:nth-child(1).active a {
    background-color:#fee6b3 ;
}
.sectionTabs .nav-pills li:nth-child(2).active a {
    background-color:#b4dbe2 ;
}
.sectionTabs .nav-pills li:nth-child(3).active a {
    background-color:#efafaf ;
}

/*==============================================
PAGE MYACCOUNT
==============================================*/
.HeaderPageMyaccount{
    display: none!important;
}

/*==============================================
PAGE CART
==============================================*/

form.woocommerce-shipping-calculator {
    background-color: #fababc;
    padding: 10px;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center !important;
    /* width: 100%; */
}
  
form.woocommerce-shipping-calculator a.shipping-calculator-button {
    color : white;
    font-weight: bold;
    font-size: 14px;
  text-transform: uppercase;
}
  
form.woocommerce-shipping-calculator a.shipping-calculator-button:hover {
    color : #e5e5e5;
    transition: color .3s;
}
  
form.woocommerce-shipping-calculator section.shipping-calculator-form {
    background-color: white;
    margin-top: 13px;
}
  
form.woocommerce-shipping-calculator section.shipping-calculator-form button.button{
      color: white;
      background-color: #fababc;
      margin-top: 20px;
}

/*==============================================
PAGE LOGIN
==============================================*/
#customer_login h3{
    font-size: 20px;
}
.woocommerce-form-login__submit,
.woocommerce-form-register__submit{
    padding: 0 45px;
    height: 40px;
    font-size: 16px;
}
.nsl-button-google{
    height: 40px;
    background-color: #e7837d!important;
    border-radius: 0!important;
    border: 1px solid #db7c77;
    transition: .3s;
}
.nsl-button-google .nsl-button-svg-container{
    display: block!important;
}
.nsl-button-google:hover{
    background-color: #b96964!important;
}

/*==============================================
PAGE CHECKOUT
==============================================*/
/* checkout - hide login toggle */
.woocommerce-checkout .woocommerce-form-login-toggle{
    display: none;
    }
/* checkout - show login tab */
.woocommerce-checkout .woocommerce-form.woocommerce-form-login.login{
    display: block !important;
}
/* checkout - hide coupon toggle */
.woocommerce-checkout .woocommerce-form-coupon-toggle{
    display: none;
}
/* checkout - show and set coupon style */
.woocommerce-checkout .checkout_coupon.woocommerce-form-coupon.has-border.is-dashed {
    /*display: block !important;*/
    border: .2em solid transparent;
    background: linear-gradient(#fff, #fff) padding-box, repeating-linear-gradient(-45deg, #e7837d 8%, #e7837d 17%, transparent 0, transparent 25%) 0 / 5em 5em;
}
/**/
.woocommerce-checkout .coupon button.button{
    background-color: #fababc !important;
}
/* checkout - centering notice text */
.woocommerce-form.woocommerce-form-login.login p:first-child{
    font-weight: 600;
    padding-bottom: 15px;
}

/*==============================================
PAGE LINKS
==============================================*/
/* Icons */
.btnLinkGroup .iconWA span:before {
    display: inline-flex;
    content: url('/wp-content/uploads/iconmonstr-whatsapp-1-24.png');
    background-size: 24px 24px;
    height: 24px!important;
    width: 24px!important;
    vertical-align: bottom;
    padding-right: 30px!important;
}
.btnLinkGroup .iconCart span:before {
    display: inline-flex;
    content: url('/wp-content/uploads/icon-cart.png');
    background-size: 24px 24px;
    height: 24px!important;
    width: 24px!important;
    vertical-align: bottom;
    padding-right: 30px!important;
}
.btnLinkGroup .iconShopee span:before {
    display: inline-flex;
    content: url('/wp-content/uploads/icon-shopee.png');
    background-size: 24px 24px;
    height: 24px!important;
    width: 24px!important;
    vertical-align: bottom;
    padding-right: 30px!important;
}
.btnLinkGroup .iconToped span:before {
    display: inline-flex;
    content: url('/wp-content/uploads/icon-toped.png');
    background-size: 24px 24px;
    height: 24px!important;
    width: 24px!important;
    vertical-align: bottom;
    padding-right: 30px!important;
}
.btnLinkGroup .iconBukalapak span:before {
    display: inline-flex;
    content: url('/wp-content/uploads/icon-bukalapak.png');
    background-size: 24px 24px;
    height: 24px!important;
    width: 24px!important;
    vertical-align: bottom;
    padding-right: 30px!important;
}
.btnLinkGroup .iconBlibli span:before {
    display: inline-flex;
    content: url('/wp-content/uploads/icon-blibli2.png');
    background-size: 24px 24px;
    height: 24px!important;
    width: 24px!important;
    vertical-align: bottom;
    padding-right: 30px!important;
}
.btnLinkGroup .iconStore span:before {
    display: inline-flex;
    content: url('/wp-content/uploads/icon-store.png');
    background-size: 24px 24px;
    height: 24px!important;
    width: 24px!important;
    vertical-align: bottom;
    padding-right: 30px!important;
}
.btnLinkGroup .iconJDID span:before {
    display: inline-flex;
    content: url('/wp-content/uploads/icon-jdid.png');
    background-size: 24px 24px;
    height: 24px!important;
    width: 24px!important;
    vertical-align: bottom;
    padding-right: 30px!important;
}
.btnLinkGroup .iconMaps span:before {
    display: inline-flex;
    content: url('/wp-content/uploads/icon-maps.png');
    background-size: 24px 24px;
    height: 24px!important;
    width: 24px!important;
    vertical-align: bottom;
    padding-right: 30px!important;
}
.btnLinkGroup .iconIG span:before {
    display: inline-flex;
    content: url('/wp-content/uploads/icon-ig.png');
    background-size: 24px 24px;
    height: 24px!important;
    width: 24px!important;
    vertical-align: bottom;
    padding-right: 30px!important;
}
.btnLinkGroup .iconLazada span:before {
    display: inline-flex;
    content: url('/wp-content/uploads/icon-lazada.png');
    background-size: 24px 24px;
    height: 24px!important;
    width: 24px!important;
    vertical-align: bottom;
    padding-right: 30px!important;
}
.btnLinkGroup .iconTiktok span:before {
    display: inline-flex;
    content: url('/wp-content/uploads/tiktok.png');
    background-size: 24px 24px;
    height: 24px!important;
    width: 24px!important;
    vertical-align: bottom;
    padding-right: 30px!important;
}
/* button style */
.btnLinkGroup .btnLink{
    color: #fff!important;
    background-color: #EE9FA0 !important;
    box-shadow: 0px 10px #e47d80;
    margin-bottom: 26px;
}
.btnLinkGroup .btnLink:hover{
    box-shadow: 0px 10px #e0686c;
}

.btnLinkGroup .icon-youtube:before {
    content: "\e018";
    font-size: 23px!important;
}
.contentReseller,
.contentOfficeStore {
    display: none;
}

.contentReseller .button:hover {
    color: #e7837d!important;
} 


/*==============================================
FOOTER
==============================================*/
/* Floating WA */
a.button_whatsapp {
    display: block;
    background: #25D366 url('asset/img/wa_white.svg') center center no-repeat;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 99;
}
a.button_whatsapp span {
    display: none;
}
.back-to-top {
    right: 15px;
    bottom: 63px;
}
section.popupRegister {
    padding-top:2px!important ;
    width: 300px;
    position: fixed;
    right: 12px;
    bottom: 12px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 10px 25px 4px rgb(2 2 2 / 30%);
    z-index: 100;
}
section.popupRegister span {
    cursor:pointer;
}

@media screen and (min-width:1025){
/*************** ADD DEKSTOP ONLY CSS HERE  ***************/
    
}

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


}
@media only screen and (max-width: 849px){
	#footer .floatingSocialMedia {
		display: none!important;
	}
}
@media only screen and (max-width: 360px){
    .back-to-top {
        width: 40px!important;
        height: 40px!important;
    }
}