/*
Theme Name: Zakra Child
Theme URI: https://zakratheme.com/
Template: zakra
Author: ThemeGrill
Author URI: https://themegrill.com
Description: Zakra is a powerful and versatile multipurpose theme that makes it easy to create beautiful and professional websites. With over free 40 pre-designed starter demo sites to choose from, you can quickly build a unique and functional site that fits your specific needs. Whether you're launching a blog, news site, e-commerce store, showcasing your portfolio, building a business site, LMS, or niche-specific site (such as a cafe, spa, charity, yoga studio, wedding venue, dental practice, photography, restaurant, or educational institution), Zakra has everything you need to succeed. The theme integrates seamlessly with popular page builders like Elementor, Brizy, BlockArt, and the Gutenberg editor, giving you complete freedom to create any layout you can imagine. Importantly, Zakra is optimized for speed, features a mobile-first responsive design, is built with block-based technology, and is optimized for search engines. It is also compatible with a wide range of popular WordPress plugins, allowing you to extend its functionality as needed. Build your next project with Zakra today and see the difference for yourself. Check out all the starter sites at https://zakratheme.com/demos!
Tags: one-column,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-logo,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,translation-ready,blog,news,e-commerce,rtl-language-support
Version: 4.1.8.1759825690
Updated: 2025-10-07 08:28:10

*/
.zak-footer-builder p {
  margin-bottom: 0px !important;
}

@media (max-width: 992px){
  #zak-mobile-nav.zak-mobile-nav{
    background: #0E3B2E !important;
    color: #E9FFF6 !important;
    box-shadow: 0 8px 20px rgba(0,0,0,.25);
  }

  #zak-mobile-nav .zak-mobile-nav__header{
    background: transparent !important;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }

  #zak-mobile-nav a{
    color: #E9FFF6 !important;
  }
  #zak-mobile-nav a:hover,
  #zak-mobile-nav .current_page_item > a{
    color: #BFF3E0 !important; 
  }

}
@media (max-width: 768px) {
  .zak-footer.zak-footer-builder .zak-footer-bottom-row {
    padding-bottom: 8px !important;
  }
  #zak-content .ff-menu {
  margin: 0px 0 1px !important;
}
}
.zak-content .zak-row {
  padding-top: 0.75em !important;
  padding-bottom: 0.75em !important;
}


#zak-secondary,
.zak-secondary {
  display: none !important;
}

#zak-primary,
.zak-primary {
  flex: 1 1 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}

 .zak-primary {
    padding-top: 10px !important;
  }
.zak-page-header {
  background-color: #FFFDFC  !important;
}
.zak-page-header .zak-page-title {
  font-size: 3.4rem !important;
}
.zak-page-header {
  padding: 15px 0 !important;
}
#zak-content.zak-content { background: #FFFDFC  !important; }
.zak-header-builder,
.zak-header-builder .zak-header-main-row {
  background: #E9F7F1 !important;
}
.zak-header-builder a { color: #0E3B2E !important; }
.zak-header-builder a:hover { color: #116B51 !important; }

#zak-content ul.ff-list--check {
  list-style: none; padding-left: 0; margin-left: 0;
}
#zak-content ul.ff-list--check li {
  position: relative; padding-left: 2.5rem; margin: 1rem 0; line-height: 1.6;
}
#zak-content ul.ff-list--check li::before {
  content: "✓";
  position: absolute; left: 0; top: .1rem;
  font-weight: 700; font-size: 1.65rem; color: #148A6A;
}
#zak-content ul.ff-list--emo {
  list-style: none; padding-left: 0; margin-left: 0;
}
#zak-content ul.ff-list--emo li {
 margin: 1rem 0; line-height: 1.6;
}

#zak-content .ff-callout{
  background: #F7FCFA;
  border-left:4px solid #148A6A;
  padding:18px 22px;
  border-radius:10px;
  margin:18px 0;
}

#zak-content .ff-menu{
   background: #F7FCFA;      
  border: 1px solid #DCEBE3;  
  border-radius: 12px;
  box-shadow: 0 8px 18px rgba(0,0,0,.03);
  padding: 16px 20px;
  margin: 12px 0 24px;
}
#zak-content .ff-menu h2,
#zak-content .ff-menu h3{
  margin-top: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #E5EEE9;
}
#zak-content .ff-menu ul{ margin-top: 12px; }

@media (max-width: 768px){
  h2 {
    font-size: 2.8rem !important;
  }
  h3 {
  font-size: 2.2rem !important;
}
  .zak-primary {
  padding-top: 0px !important;
}
  #zak-content .ff-menu{ padding: 14px 16px; }
}

#zak-content ul.ff-list-card{
  background: #F7FCFA;      
  border: 1px solid #DCEBE3;  
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0,0,0,.04);
  padding: 16px 20px;
  margin: 12px 0 24px;
  list-style-position: outside;
}