/*
Theme Name: Fana Child
Theme URI: https://el4.thembaydev.com/fana
Author: Thembay
Description: This is a child theme for Fana
Version: 1.0
Author URI: https://thembay.com/
Template: fana
Text Domain: fana-child
*/

/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */
.logo.logo-theme img {
    display: none !important;
}
html, body, div, p, h1, h2, h3, h4, h5, h6, a, input, button, slelect, span, ul, ol, li, table, thead, tbody, ht, tr, td{
/*     font-family: monospace !important; */
	font-family: 'Lato' !important;
} 
.woocommerce div.product p.price, .woocommerce div.product span.price, .product-block .caption .rating, .tbay-swatches-wrapper ul {
    justify-content: center !important;
}
.product-block.grid .caption {
    text-align: center !important;
}
.tbay-element-custom-image-list-categories .style-v2 .content:hover, .product-block.grid .group-add-to-cart a:hover, .btn-theme-2, .show-all, .product-recently-viewed-main a.btn-readmore {
    background-color: #16381f !important;
}
.btn-theme-after::after, .show-all::after, .product-recently-viewed-main a.btn-readmore::after, .rev-btn-theme::after, .tbay-btn-theme::after{
 	border: 1px solid #367a48 !important;
}
ul.navbar-nav li.current-page-ancestor>a, ul.navbar-nav li.current_page_item>a, ul.navbar-nav li.current-menu-item>a, ul.navbar-nav li.current_page_parent>a, .main-mobile-menu-mmenu li.current-page-ancestor>a, .main-mobile-menu-mmenu li.current_page_item>a, .main-mobile-menu-mmenu li.current-menu-item>a, .main-mobile-menu-mmenu li.current_page_parent>a{
	color: #f3eec6 !important;
}
.custom-form{
	margin-top:30px;
}
.custom-form input.wpcf7-form-control {
    border: 1px solid #16381f;
    height: 40px;
    font-size: 14px;
    padding: 10px 15px;
    width: 100%;
}
.custom-form textarea.wpcf7-form-control{
    border: 1px solid #16381f;
    font-size: 14px;
    padding: 10px 15px;
    width: 100%;
}
.custom-form textarea.wpcf7-form-control:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}
.custom-form input.wpcf7-form-control.cf7-submit {
    width: auto;
    height: auto;
    padding: 10px 30px;
    background: #f4efc7;
    border: 1px solid #f4efc7;
    transition: 0.3s;
    color: #000;
}
.custom-form input.wpcf7-form-control.cf7-submit:hover{
	background: #16381f;
	color: #fff;
}


    .story-left {
      background-color: #fbf6e9;
      display: flex;
      align-items: center;
      padding: 60px;
    }

    .story-left h2 {
      font-size: 48px;
      font-weight: 500;
      color: #0b3d1b;
      line-height: 1.2;
    }

    .story-left .underline {
      width: 60px;
      height: 2px;
      background-color: #0b3d1b;
      margin-top: 20px;
    }

    .story-right {
      background-color: #0b3d1b;
      color: #ffffff;
      padding: 60px;
      display: flex;
      align-items: center;
    }
.about-part .lead {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
}
.about-part h2.display-5.fw-bold {
    font-size: 24px;
}
.about-part .brand-box {
    background: #fff;
    border-radius: 18px;
    padding: 15px 7px;
    text-align: center;
    height: 100%;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}
    .story-right h5 {
      font-weight: 600;
      margin-bottom: 20px;
    }

    .story-right p {
      line-height: 1.8;
      font-size: 16px;
    }
.brand-box {
      background: #fff;
      border-radius: 18px;
      padding: 35px 25px;
      text-align: center;
      height: 100%;
      box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
      transition: all 0.3s ease;
    }

    .brand-box:hover {
      transform: translateY(-8px);
      box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
    }

    .brand-icon {
      font-size: 32px;
      margin-bottom: 15px;
    }

    .brand-text {
      font-size: 16px;
      font-weight: 500;
      color: #555;
    }
    @media (max-width: 768px) {
      .story-left,
      .story-right {
        padding: 40px 20px;
        text-align: center;
      }

      .story-left .underline {
        margin-left: auto;
        margin-right: auto;
      }
    }