/*
Theme Name: Nivritti
Theme URI: https://wpkoi.com/nivritti-wpkoi-wordpress-theme/
Template: martanda
Author: wpkoithemes
Author URI: https://wpkoi.com
Description: Nivritti, a dynamic child theme derived from the Martanda WPKoi theme, offers a contemporary, colorful design for unique portfolio, business or agency websites. It's a versatile multipurpose theme ideal for showcasing your art, business, event, portfolio, blog, webshop, or products. Nivritti seamlessly integrates the power of Elementor's drag-and-drop page builder, WooCommerce shop module, and Contact Form 7 for effective content management. The premium demo leverages the Nivritti premium plugin for added features. With an intuitive admin panel, extensive customizer options, and block-based template parts, Nivritti empowers you to build your dream website without any coding expertise. This responsive theme ensures a flawless display on various devices, enhancing user experience. Craft your online presence with Nivritti and share it with the world. Comprehensive installation and styling guidance is available in our documentation at wpkoi.com/docs.
Requires at least: 6.1
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: nivritti
Tags: one-column, blog, e-commerce, flexible-header, full-width-template, custom-background, custom-colors, sticky-post, translation-ready, featured-images, editor-style

*/

html body {
  --martanda--tablet-navigation-font-size: 22px;
}

.nivritti-title-holder h1 {
    margin-top: 0;
    margin-bottom: 0;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
    padding: 5px 10px;
}
.site-info {
    padding: 1vw 4vw;
}
.site-header .wp-block-site-title {
    line-height: var(--martanda--site-title-font-size);
}
.site-info {
    text-align: left;
}
.martanda-side-left-text-content {
    white-space: nowrap;
}
.wpkoi-elements-adv-accordion .wpkoi-elements-accordion-list .wpkoi-elements-accordion-header {
    text-align: center;
    display: block;
}
.wpkoi-elements-adv-accordion .wpkoi-elements-accordion-list .wpkoi-elements-accordion-content {
    text-align: center;
}
.wp-block-separator.has-background.footer-separator {
    height: 3px;
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content,
.wp-block-navigation .has-child:not(.open-on-click) > .wp-block-navigation__submenu-container {
    min-width: 220px;
}
table, td, th {
    border-color: rgba(255,255,255,.2) !important;
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
    padding-left: 0.25em;
    padding-right: 0.25em;
}
.overflow-hidden {
    overflow: hidden !important;
}
#content .elementor-toggle a {
    text-decoration: inherit;
}

.wp-block-navigation__container {
    flex-wrap: nowrap;
}

/* fix theme not using right variable for submenu */
.site-header .wp-block-navigation .wp-block-navigation__container li.current-menu-item .wp-block-navigation__submenu-container a,
.site-header .wp-block-navigation .wp-block-page-list li.current-menu-item .wp-block-navigation__submenu-container a,
.site-header .wp-block-navigation .wp-block-navigation__container .block-editor-block-list__block.current-menu-item .wp-block-navigation__submenu-container a {
    color: var(--martanda--subnavigation-text-current-color);
}

span.wpcf7-list-item {
    display: block;
}

.wp-block-navigation__responsive-container-close {
    padding: 20px;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    padding-top: 0;
}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    gap: 0;
}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    height: 100vh;
    padding-bottom: calc(2rem + 24px);
}

.admin-bar .site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    height: calc(100vh - 46px);
}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
    justify-content: center;
}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
    padding: 5px 10px;
}

/* martanda theme current-item implementation is faulty, disabling the background fully */
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container ul li.current-menu-item a,
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .block-editor-block-list__block .block-editor-block-list__block.current-menu-item a {
    background-color: rgba(0,0,0,0);
}

.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open li a:hover,
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open li a:hover,
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container ul li.current-menu-item a:hover,
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .block-editor-block-list__block .block-editor-block-list__block.current-menu-item a:hover {
    background-color: var(--martanda--subnavigation-background-hover-color);
}


/* adjust mobile menu breakpoint */
@media only screen and (min-width: 600px) {
    .wp-block-navigation .wp-block-navigation__responsive-container-open {
        display: block;
    }

    .site-header .wp-block-navigation .wp-block-navigation__responsive-container {
        background-color: inherit;
        display: none;
        position: fixed;
        width: auto;
        z-index: auto;
    }

    .wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
        display: block;
        display: flex;
    }

}

/* MOBILE ONLY STYLES */
@media only screen and (max-width: 1024px) {
    .wp-block-navigation-item__content {
        text-align: center;
    }
}

/* DESKTOP ONLY STYLES */
@media only screen and (min-width: 1025px) { /* prev: 1400px */
    /* adjust mobile menu breakpoint */
    .wp-block-navigation .wp-block-navigation__responsive-container-open {
        display: none;
    }

    .site-header .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content > ul > li > a {
        background-color: var(--martanda--nivritti-color-1);
        border: 2px solid;
        border-radius: 5px;
        padding: 0 5px;
    }

    .nivritti-nav-bg .site-header .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content > ul > li:nth-child(3n-1) > a {
        background-color: var(--martanda--nivritti-color-2);
    }

    .nivritti-nav-bg .site-header .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-content > ul > li:nth-child(3n) > a {
        background-color: var(--martanda--nivritti-color-3);
    }

    .nivritti-nav-bg .site-header .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container ul li a {
        background-color: var(--martanda--subnavigation-background-color);
        border: inherit;
        border-radius: 0;
    }
    .nivritti-nav-bg .site-header .wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container ul li a:hover {
        background-color: var(--martanda--subnavigation-background-hover-color);
    }

    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open){
        display: block;
        position: relative;
    }
}