/*
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;
}


.wp-block-quote{
  position:relative;
  background:#F7FCFA;
  border-left:3px solid #148A6A;
  padding:24px 24px 24px 64px;
  margin:24px 0;
}
.wp-block-quote::before{
  content:"“";
  position:absolute;
  left:18px;
  top:14px;
  font-size:4rem;
  color:#148A6A;
  line-height:1;
}
.wp-block-quote p{
  margin:0;
}


.wp-block-table table{
  border-collapse:collapse;
  width:100%;
}
.wp-block-table thead{
  background:#148A6A;
  color:#FFFDFC;
}
.wp-block-table thead th{
  padding:12px 10px;
  font-weight:600;
  letter-spacing:.02em;
}
.wp-block-table tbody tr:nth-child(even){
  background:rgba(20,138,106,.04);
}
.wp-block-table tbody tr:hover{
  background:rgba(20,138,106,.08);
}
.wp-block-table td{
  padding:10px;
  border-bottom:1px solid #DCEBE3;
}



.ff-note{
  position:relative;
  background:#F7FCFA;
  border-left:3px solid #148A6A;
  padding:18px 18px 18px 56px;
  border-radius:0;
  margin:24px 0;
}
.ff-note::before{
  content:"";
  position:absolute;
  left:18px;
  top:18px;
  width:24px;
  height:24px;
  mask-size:contain;
  mask-repeat:no-repeat;
  background:#148A6A;
}
.ff-note--reminder::before{
  mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2L1 21h22L12 2zm0 4.5l7.5 13.5H4.5L12 6.5zM11 15h2v2h-2v-2zm0-4h2v4h-2v-4z"/></svg>');
}
.ff-note--tip::before{
  mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9 21c0 .5.4 1 1 1h4c.6 0 1-.5 1-1v-1H9v1zM12 2C8.1 2 5 5.1 5 9c0 2.4 1.2 4.5 3 5.7V17c0 .5.4 1 1 1h6c.6 0 1-.5 1-1v-2.3c1.8-1.3 3-3.4 3-5.7 0-3.9-3.1-7-7-7z"/></svg>');
}
.ff-note--context::before{
  mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm0 18c-4.4 0-8-3.6-8-8s3.6-8 8-8 8 3.6 8 8-3.6 8-8 8zm-.5-12h1v5h-1zm.5 7c.6 0 1-.4 1-1s-.4-1-1-1-1 .4-1 1 .4 1 1 1z"/></svg>');
}

.ff-col{
  padding: 0;
  margin: 0 0 24px;
}
.ff-card{
  position:relative;
  border:2px solid #DCEBE3;
  border-radius:12px;
  padding:28px 24px 20px;
  margin:32px 0;
  background:#FFFDFC;
}
.ff-card h3{
  position:absolute;
  top:-16px;
  left:24px;
  margin:0;
  padding:0 12px;
  background:#FFFDFC;
  font-size:2.2rem;
  color:#0E3B2E;
}
.ff-card p{
  margin:0 0 12px;
}
.ff-card .ff-card-venues{
  display:block;
  margin-top:12px;
}
.ff-card .ff-card-venues strong {
  font-weight:600;
  color:#148A6A;
}

.ff-facts{
  background:#F7FCFA;
  border:1px solid #DCEBE3;
  border-radius:12px;
  padding:20px 16px;
  margin:0;
  text-align:center;
}
.ff-facts p:first-child{
  font-size:2.4em;
  line-height:1.1;
  color:#0E3B2E;
  margin:0 0 8px;
}
.ff-facts p:last-child{
  font-size:1.05em;
  font-weight:600;
  color:#148A6A;
  margin:0;
}

.ff-howto{
  position:relative;
  background:#F7FCFA;
  border:1px solid #DCEBE3;
  border-radius:12px;
  padding:24px 16px 24px 64px;
  margin:0;
}
.ff-howto p:first-child{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:48px;
  background:#148A6A;
  color:#FFFDFC;
  font-size:2rem;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px 0 0 12px;
  margin:0;
}
.ff-howto h3{
  margin:0 0 8px;
  color:#0E3B2E;
}
.ff-howto p:last-child{
  margin:0;
}


.ff-callout2 {
	background: #FDFDFD;
	border: 1px solid #aaa;
	padding: 18px 22px;
	/* border-radius: 10px; */
	margin: 18px 0;
}
.ff-callout2 > * {
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100%;
	max-width: unset;
}

.has-text-align-center {
	text-align: center !important;
}