/*!
Theme Name: Zakra Child Theme
Theme URI: https://zakratheme.com/
Author: Better Web Agency
Author URI: https://betterwebagency.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!
Version: 3.0.9
Tested up to: 6.4
Requires PHP: 5.6
License: GPLv3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.en.html
Text Domain: zakra
Template: zakra
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

Zakra is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/* Typography
--------------------------------------------- */

/* Use default values for elementor variables */
:root {
    --e-a-color-white: #fff;
    --e-a-color-black: #000;
    --e-a-color-logo: #fff;
    --e-a-color-primary: #f3bafd;
    --e-a-color-primary-bold: #d004d4;
    --e-a-color-secondary: #515962;
    --e-a-color-success: #0a875a;
    --e-a-color-danger: #dc2626;
    --e-a-color-info: #2563eb;
    --e-a-color-warning: #f59e0b;
    --e-a-color-accent: #93003f;
    --e-a-color-global: #1dddbf;
    --e-a-color-accent-promotion: #93003f;
    --e-a-bg-default: #fff;
    --e-a-bg-invert: #0c0d0e;
    --e-a-bg-hover: #f1f2f3;
    --e-a-bg-active: #e6e8ea;
    --e-a-bg-active-bold: #d5d8dc;
    --e-a-bg-loading: #f9fafa;
    --e-a-bg-logo: #000;
    --e-a-bg-primary: #fae8ff;
    --e-a-bg-secondary: #515962;
    --e-a-bg-success: #f2fdf5;
    --e-a-bg-info: #f0f7ff;
    --e-a-bg-danger: #fef1f4;
    --e-a-bg-warning: #fffbeb;
    --e-a-bg-chip: #f1f2f3;
    --e-a-color-txt: #515962;
    --e-a-color-txt-muted: #818a96;
    --e-a-color-txt-disabled: #babfc5;
    --e-a-color-txt-invert: #fff;
    --e-a-color-txt-accent: #0c0d0e;
    --e-a-color-txt-hover: #3f444b;
    --e-a-color-txt-active: #0c0d0e;
    --e-a-border-color: #e6e8ea;
    --e-a-border-color-bold: #d5d8dc;
    --e-a-border-color-focus: #babfc5;
    --e-a-border-color-accent: #0c0d0e;
    --e-a-border: 1px solid var(--e-a-border-color);
    --e-a-border-bold: 1px solid var(--e-a-border-color-bold);
    --e-a-border-radius: 3px;
    --e-a-btn-color: #0c0d0e;
    --e-a-btn-color-invert: var(--e-a-color-txt-invert);
    --e-a-btn-color-disabled: var(--e-a-color-txt-disabled);
    --e-a-btn-bg: #515962;
    --e-a-btn-bg-hover: #3a4046;
    --e-a-btn-bg-active: #23262a;
    --e-a-btn-bg-disabled: #d5d8dc;
    --e-a-btn-bg-primary: #f3bafd;
    --e-a-btn-bg-primary-hover: #f5d0fe;
    --e-a-btn-bg-primary-active: #f0abfc;
    --e-a-btn-bg-accent: #93003f;
    --e-a-btn-bg-accent-hover: #8f1a4c;
    --e-a-btn-bg-accent-active: #a93365;
    --e-a-btn-bg-info: #2563eb;
    --e-a-btn-bg-info-hover: #134cca;
    --e-a-btn-bg-info-active: #0e3b9c;
    --e-a-btn-bg-success: #0a875a;
    --e-a-btn-bg-success-hover: #06583a;
    --e-a-btn-bg-success-active: #03281b;
    --e-a-btn-bg-warning: #f59e0b;
    --e-a-btn-bg-warning-hover: #c57f08;
    --e-a-btn-bg-warning-active: #945f06;
    --e-a-btn-bg-danger: #dc2626;
    --e-a-btn-bg-danger-hover: #b21d1d;
    --e-a-btn-bg-danger-active: #861616;
    --e-a-dark-bg: #0c0d0e;
    --e-a-dark-color-txt: #9da5ae;
    --e-a-dark-color-txt-hover: #d5d8dc;
    --e-a-font-family: Roboto,Arial,Helvetica,sans-serif;
    --e-a-transition-hover: all .3s;
    --e-a-popover-shadow: 0 2px 15px rgba(0,0,0,.3);
    --e-a-dropdown-shadow: 0 0 3px rgba(0,0,0,.2);
    --e-global-color-primary: #313537;
    --e-global-color-secondary: #B90926;
    --e-global-color-text: #313537;
    --e-global-color-accent: #036854;
    --e-global-color-78df4dbf: #6EC1E4;
    --e-global-color-3c05b7ea: #54595F;
    --e-global-color-5b60b59d: #7A7A7A;
    --e-global-color-3fb71b49: #61CE70;
    --e-global-color-141362f6: #4054B2;
    --e-global-color-4c7fd45c: #23A455;
    --e-global-color-4a849aa8: #000;
    --e-global-color-2878fd13: #FFF;
    --e-global-color-ac8c2f8: #1234580D;
    --e-global-typography-primary-font-family: "Open Sans";
    --e-global-typography-primary-font-size: 40px;
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Open Sans";
    --e-global-typography-secondary-font-size: 24px;
    --e-global-typography-secondary-font-weight: 500;
    --e-global-typography-text-font-family: "Open Sans";
    --e-global-typography-text-font-size: 18px;
    --e-global-typography-text-font-weight: 300;
    --e-global-typography-accent-font-family: "Open Sans";
    --e-global-typography-accent-font-weight: 500;
}

/* Force elementor font */
html * {
    font-family: var(--e-global-typography-text-font-family), Sans-serif !important;
}

blockquote,
.wp-block-quote {
    border-color: var(--e-global-color-accent);
}

blockquote.has-text-align-right,
blockquote.is-style-large,
blockquote.is-style-plain,
.wp-block-quote.has-text-align-right,
.wp-block-quote.is-style-large,
.wp-block-quote.is-style-plain {
    border-color: var(--e-global-color-accent);
}

.wp-block-pullquote.has-border-color {
    border-color: var(--e-global-color-accent) !important;
}

.entry-content a,
.edit-link a {
    color: var(--e-global-color-accent);
}

button,
input[type='button'],
input[type='reset'],
input[type='submit'],
.wp-block-button .wp-block-button__link,
.zak-button {
    background-color: var(--e-global-color-accent);
    border-color: var(--e-global-color-accent);
}

button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover,
.wp-block-button .wp-block-button__link:hover,
.zak-button:hover {
    color: var(--e-global-color-accent);
}

body {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
}

/* Infinite scroll.
--------------------------------------------- */
#infinite-handle span {
    background-color: var(--e-global-color-accent);
}

/* Navigation.
--------------------------------------------- */

/* Make navbar sticky */
#page {
    position: relative;
    --header-height: 85px;
}

#zak-masthead {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 9999;
}

.zak-header.zak-layout-1-transparent .zak-header-transparent-wrapper {
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2)!important;
    background-color: var(--wp--preset--color--white)!important;
}

body.elementor-editor-active #zak-masthead {
    display: none;
}

body.admin-bar #zak-masthead {
    top: 32px;
}

/* Other styles */
.zak-primary-nav ul .current_page_ancestor > a,
.zak-primary-nav ul .current-menu-ancestor > a,
.zak-primary-nav ul .current_page_item > a,
.zak-primary-nav ul .current-menu-item > a {
    color: var(--e-global-color-accent)!important;
    font-weight: 700!important;
}

.zak-primary-nav.zak-layout-1-style-2
> ul
> li.current-menu-ancestor
> a::before,
.zak-primary-nav.zak-layout-1-style-2 > ul > li.current_page_item > a::before,
.zak-primary-nav.zak-layout-1-style-2 > ul > li.current-menu-item > a::before,
.zak-primary-nav.zak-layout-1-style-3
> ul
> li.current_page_ancestor
> a::before,
.zak-primary-nav.zak-layout-1-style-3
> ul
> li.current-menu-ancestor
> a::before,
.zak-primary-nav.zak-layout-1-style-3 > ul > li.current_page_item > a::before,
.zak-primary-nav.zak-layout-1-style-3 > ul > li.current-menu-item > a::before,
.zak-primary-nav.zak-layout-1-style-4
> ul
> li.current_page_ancestor
> a::before,
.zak-primary-nav.zak-layout-1-style-4
> ul
> li.current-menu-ancestor
> a::before,
.zak-primary-nav.zak-layout-1-style-4 > ul > li.current_page_item > a::before,
.zak-primary-nav.zak-layout-1-style-4 > ul > li.current-menu-item > a::before {
    background-color: var(--e-global-color-accent);
}

.zak-primary-nav.zak-layout-1-style-2 > ul a:hover::before {
    background-color: var(--e-global-color-accent);
}

.zak-menu-item-cart .cart-page-link .count {
    background-color: var(--e-global-color-accent);
}

/* Header buttons.
--------------------------------------------- */
/* Desktop & mobile header buttons */
.zak-header {
    box-shadow: 0 2px 2px -2px rgba(0, 0, 0, 0.2)!important;
}

.zak-main-header {
    background-color: var(--wp--preset--color--white)!important;
}

.zak-header-buttons {
    font-size: 16px!important;
}

.zak-header-buttons .zak-header-button.zak-header-button--1 .zak-button,
.zak-header-buttons .zak-header-button.zak-header-button--2 .zak-button {
    background-color: var(--wp--preset--color--white)!important;
    border-color: var(--e-global-color-accent)!important;
    color: var(--e-global-color-accent)!important;
    border-radius: 16px;
}

.zak-header-buttons .zak-header-button.zak-header-button--1 .zak-button:hover,
.zak-header-buttons .zak-header-button.zak-header-button--2 .zak-button:hover {
    color: var(--wp--preset--color--white)!important;
    border-color: var(--e-global-color-accent)!important;
    background-color: var(--e-global-color-accent)!important;
}

/* Mobile header buttons. */
@media screen and (min-width: 768px) {
    .zak-header-buttons .zak-button:hover {
        color: var(--e-global-color-accent)!important;
        border-color: var(--e-global-color-accent)!important;
    }
}

.zak-breadcrumbs .trail-items a,
.breadcrumbs .trail-items a {
    color: var(--e-global-color-accent);
}

.entry-title:hover a {
    color: var(--e-global-color-accent);
}

.zak-entry-meta a {
    color: var(--e-global-color-accent);
}

.zak-style-2 .zak-entry-meta span,
.zak-style-2 .zak-entry-meta a {
    color: var(--e-global-color-accent);
}

/*
Footer
-------------------- */
.zak-entry-footer .edit-link a {
    color: var(--e-global-color-accent);
}

.entry-button:hover {
    color: var(--e-global-color-accent);
}

.entry-button:hover .zak-icon {
    fill: var(--e-global-color-accent);
}

/*
Buttons
--------------- */
.comment-form input[type="submit"],
.contactFormButton {
    border-radius: 16px;
    color: var(--wp--preset--color--white)!important;
    border-color: var(--e-global-color-accent)!important;
    background-color: var(--e-global-color-accent)!important;
}

/*
Blog
--------------- */
.widget a,
.widget_recent_entries a,
.widget_categories a {
    color:  var(--e-global-color-accent)!important;
}

.zakra-article-post a,
.zak-post a {
    color:  var(--e-global-color-accent)!important;
}

/*
Comments
--------------- */
#comments .comment-list .comment-meta .edit-link {
    color: var(--e-global-color-accent);
}

#comments .comments-title::before,
#comments .comment-reply-title::before {
    background-color: var(--e-global-color-accent);
}

#comments .comment-content a {
    color: var(--e-global-color-accent);
}


#comments .reply {
    color: var(--e-global-color-accent);
}

.comment-respond small {
    color: var(--e-global-color-accent);
}

.widget .wp-block-heading::before,
.widget .widget-title::before {
    background-color: var(--e-global-color-accent);
}

.widget li a {
    color: var(--e-global-color-accent);
}

.zak-footer .menu .menu-item a {
    text-decoration: none !important;
    color: var(--wp--preset--color--white)!important;
}


/* Accordion.
--------------------------------------------- */
.elementor-accordion-title:hover {
    color: var(--e-global-color-text) !important;
}

.elementor-active .elementor-accordion-title:hover {
    color: var(--e-global-color-accent) !important;
}

.zak-entry-footer a:hover,
.entry-button:hover,
.zak-entry-footer a:hover,
.entry-content a:hover,
.pagebuilder-content a:hover,
.pagebuilder-content a:focus {
    color: var(--e-global-color-accent) !important;
}

/* CTAs.
--------------------------------------------- */
.primary-cta a,
.secondary-cta a {
    transition-property: transform, color, background, background-color,
    border-color, text-decoration-color, fill, stroke, opacity !important;
    transition-timing-function: ease !important;
    transition-duration: 0.25s !important;
}

.primary-cta a {
    background-color: var(--e-global-color-accent) !important;
    border: solid 1px var(--e-global-color-accent) !important;
    color: var(--e-a-color-txt-invert) !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
}

.primary-cta a:hover {
    opacity: 0.8 !important;
    background-color: var(--e-global-color-accent) !important;
    border: solid 1px var(--e-global-color-accent) !important;
    color: var(--e-a-color-txt-invert) !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
}

.primary-cta.without-opacity a:hover {
    opacity: 1 !important;
}

.secondary-cta a {
    background-color: transparent !important;
    border: solid 1px var(--e-global-color-accent) !important;
    color: var(--e-global-color-accent) !important;
    font-weight: var(--e-global-typography-accent-font-weight) !important;
}

.secondary-cta a:hover {
    background-color: var(--e-global-color-accent) !important;
    border: solid 1px var(--e-global-color-accent) !important;
    color: var(--e-a-color-txt-invert) !important;
}

/**
Common Layouts
------------------ */
.zak-top-bar,
.zak-footer {
    background-color: var(--e-global-color-primary);
}

.zak-scroll-to-top:hover {
    background-color: var(--e-global-color-accent);
}

.zak-error-404 .zak-button:hover svg {
    fill: var(--e-global-color-accent);
}

.pagebuilder-content a {
    color: var(--e-global-color-accent);
}

.pagebuilder-content a:hover,
.pagebuilder-content a:focus {
    color: var(--e-global-color-accent);
}

/* Button loop.
--------------------------------------------- */
.entry-content .wp-block-button.is-style-outline .wp-block-button__link {
    color: var(--e-global-color-accent);
}

/*--------------------------------------------------------------
# Custom Images Shapes.
--------------------------------------------------------------*/
.custom-image-shape-1,
.custom-image-shape-1 img {
    border-radius: 66% 34% 46% 54% / 56% 30% 70% 44% !important;
}

.custom-image-shape-2,
.custom-image-shape-2 img {
    border-radius: 72% 28% 73% 27% / 39% 50% 50% 61% !important;
}

.custom-image-shape-3,
.custom-image-shape-3 img {
    border-radius: 29% 71% 72% 28% / 39% 43% 57% 61% !important;
}

/*--------------------------------------------------------------
# Hero Section.
--------------------------------------------------------------*/
.hero-section {
    min-height: 520px !important;
    height: 100vh !important;
}

/*--------------------------------------------------------------
# Pricing Section.
--------------------------------------------------------------*/
.pricing-offers-title {
    position: sticky !important;
    top: calc(var(--header-height) + var(--admin-bar, 0px));
    background-color: var(--e-a-bg-default);
    z-index: 10 !important;
}

/*--------------------------------------------------------------
# Tables.
--------------------------------------------------------------*/

/* Table Container */
.ct-basic-table-container {
    width: 100%;
    overflow-x: auto;
    border: 1px solid #036854;
    border-radius: 5px;
}

/* Table Styling */
.ct-basic-table {
    width: 100%;
    border-collapse: collapse;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-align: left;
}

/* Style for the first row in tbody as header */
.ct-basic-table tbody tr:first-child th {
    background-color: var(--e-global-color-accent) !important;
    color: var(--wp--preset--color--white) !important;
    padding: 10px !important;
    border: 1px solid var(--e-global-color-accent) !important;
    text-transform: uppercase !important;
}

/* Ensure the first-row cells have top alignment */
.ct-basic-table tbody tr:first-child th {
    vertical-align: top;
}

/* Table Cells */
.ct-basic-table td,
.ct-basic-table tbody tr:first-child th {
    padding: 10px;
    border: 1px solid var(--e-global-color-accent);
    color: #333333;
    vertical-align: top;
}

/* Alternating Row Background */
.ct-basic-table tr:nth-child(even) {
    background-color: #e8f6f1;
}

.ct-basic-table tr:nth-child(odd) {
    background-color: var(--wp--preset--color--white);
}

/*
Content
------------------ */
#zak-primary {
    padding: 0!important;
}