/*
Theme Name: Elementra Child Theme
Theme URI: https://elementra.themerex.net/
Description: Elementra is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: ThemeREX
Author URI: https://themerex.net/
Version: 1.1.1
Tested up to: 6.9
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: elementra
Template: elementra
*/

/* =Child-Theme customization starts here
------------------------------------------------------------ */


/* ─── Sticky header slide transition ─── */
#hide-header {
    transition: top 0.4s ease !important;
}


/* ─── Sticky header — main menu items black, hover/active green ─── */
.sc_layouts_row_fixed_on .trx-addons-menu-link,
.sc_layouts_row_fixed_on .trx-addons-menu-link span {
    color: #000000 !important;
}

.sc_layouts_row_fixed_on .trx-addons-menu-link:hover,
.sc_layouts_row_fixed_on .trx-addons-menu-link:hover span,
.sc_layouts_row_fixed_on .trx-addons-menu-link:focus,
.sc_layouts_row_fixed_on .trx-addons-menu-link:focus span,
.sc_layouts_row_fixed_on .trx-addons-nav-menu-item.trx-addons-item-hovered .trx-addons-menu-link,
.sc_layouts_row_fixed_on .trx-addons-nav-menu-item.trx-addons-item-hovered .trx-addons-menu-link span {
    color: #0e4d26 !important;
}

/* ─── Sticky header — active current page item green ─── */
.sc_layouts_row_fixed_on .trx-addons-nav-menu-item.current-menu-item > .trx-addons-menu-link,
.sc_layouts_row_fixed_on .trx-addons-nav-menu-item.current-menu-item > .trx-addons-menu-link span,
.sc_layouts_row_fixed_on .trx-addons-nav-menu-item.current_page_item > .trx-addons-menu-link,
.sc_layouts_row_fixed_on .trx-addons-nav-menu-item.current_page_item > .trx-addons-menu-link span,
.sc_layouts_row_fixed_on .trx-addons-nav-menu-item.trx-addons-active-item > .trx-addons-menu-link,
.sc_layouts_row_fixed_on .trx-addons-nav-menu-item.trx-addons-active-item > .trx-addons-menu-link span {
    color: #0e4d26 !important;
}


/* ─── Inner pages — main menu items black by default, hover/active green ─── */
body:not(.home) #hide-header .trx-addons-menu-link,
body:not(.home) #hide-header .trx-addons-menu-link span {
    color: #000000 !important;
}

body:not(.home) #hide-header .trx-addons-menu-link:hover,
body:not(.home) #hide-header .trx-addons-menu-link:hover span,
body:not(.home) #hide-header .trx-addons-nav-menu-item.trx-addons-item-hovered .trx-addons-menu-link,
body:not(.home) #hide-header .trx-addons-nav-menu-item.trx-addons-item-hovered .trx-addons-menu-link span {
    color: #0e4d26 !important;
}

/* ─── Inner pages — active current page item green ─── */
body:not(.home) #hide-header .trx-addons-nav-menu-item.current-menu-item > .trx-addons-menu-link,
body:not(.home) #hide-header .trx-addons-nav-menu-item.current-menu-item > .trx-addons-menu-link span,
body:not(.home) #hide-header .trx-addons-nav-menu-item.current_page_item > .trx-addons-menu-link,
body:not(.home) #hide-header .trx-addons-nav-menu-item.current_page_item > .trx-addons-menu-link span,
body:not(.home) #hide-header .trx-addons-nav-menu-item.trx-addons-active-item > .trx-addons-menu-link,
body:not(.home) #hide-header .trx-addons-nav-menu-item.trx-addons-active-item > .trx-addons-menu-link span {
    color: #0e4d26 !important;
}


/* ─── Dropdown arrows — white by default (homepage non-sticky) ─── */
#hide-header .trx-addons-dropdown-icon svg path {
    fill: #ffffff !important;
}

/* ─── Dropdown arrows — black when sticky on homepage ─── */
#hide-header.sc_layouts_row_fixed_on .trx-addons-dropdown-icon svg path {
    fill: #000000 !important;
}

/* ─── Dropdown arrows — black on inner pages ─── */
body:not(.home) #hide-header .trx-addons-dropdown-icon svg path {
    fill: #000000 !important;
}

/* ─── Dropdown arrows — green on hover (inner pages + sticky) ─── */
body:not(.home) #hide-header .trx-addons-nav-menu-item.trx-addons-item-hovered .trx-addons-dropdown-icon svg path,
#hide-header.sc_layouts_row_fixed_on .trx-addons-nav-menu-item.trx-addons-item-hovered .trx-addons-dropdown-icon svg path {
    fill: #0e4d26 !important;
}


/* ─── Submenu Container ─── */
#hide-header .trx-addons-submenu {
    background-color: #ffffff !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10), 4px 0 8px rgba(0, 0, 0, 0.04), -4px 0 8px rgba(0, 0, 0, 0.04) !important;
}

/* ─── Submenu Item — Default ─── */
#hide-header .trx-addons-submenu .trx-addons-submenu-item {
    background-color: #ffffff !important;
    position: relative !important;
    transition: background-color 0.175s ease !important;
}

#hide-header .trx-addons-submenu .trx-addons-menu-link,
#hide-header .trx-addons-submenu .trx-addons-menu-link span {
    color: #2B2B2B !important;
    background-color: transparent !important;
    padding: 6px 12px !important;
    transition: color 0.175s ease !important;
}

/* ─── Submenu Item — Hover ─── */
#hide-header .trx-addons-submenu .trx-addons-submenu-item:hover,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.trx-addons-item-hovered {
    background-color: #EEF6F2 !important;
}

#hide-header .trx-addons-submenu .trx-addons-submenu-item:hover .trx-addons-menu-link,
#hide-header .trx-addons-submenu .trx-addons-submenu-item:hover .trx-addons-menu-link span,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.trx-addons-item-hovered .trx-addons-menu-link,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.trx-addons-item-hovered .trx-addons-menu-link span {
    color: #1F7A5A !important;
    background-color: transparent !important;
}

#hide-header .trx-addons-submenu .trx-addons-submenu-item:hover::before,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.trx-addons-item-hovered::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background-color: #0e4d26 !important;
}

/* ─── Reset all active/current states on submenu ─── */
#hide-header .trx-addons-submenu .trx-addons-submenu-item.current-menu-item,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.current_page_item,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.trx-addons-active-item {
    background-color: #ffffff !important;
}

#hide-header .trx-addons-submenu .trx-addons-submenu-item.current-menu-item .trx-addons-menu-link,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.current-menu-item .trx-addons-menu-link span,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.current_page_item .trx-addons-menu-link,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.current_page_item .trx-addons-menu-link span,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.trx-addons-active-item .trx-addons-menu-link,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.trx-addons-active-item .trx-addons-menu-link span {
    color: #2B2B2B !important;
    font-weight: normal !important;
    background-color: transparent !important;
}

#hide-header .trx-addons-submenu .trx-addons-submenu-item.current-menu-item::before,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.current_page_item::before,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.trx-addons-active-item::before {
    display: none !important;
}

/* ─── Restore hover on active/current submenu items ─── */
#hide-header .trx-addons-submenu .trx-addons-submenu-item.current-menu-item:hover,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.current_page_item:hover,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.trx-addons-active-item:hover,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.current-menu-item.trx-addons-item-hovered,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.current_page_item.trx-addons-item-hovered,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.trx-addons-active-item.trx-addons-item-hovered {
    background-color: #EEF6F2 !important;
}

#hide-header .trx-addons-submenu .trx-addons-submenu-item.current-menu-item:hover .trx-addons-menu-link,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.current-menu-item:hover .trx-addons-menu-link span,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.current_page_item:hover .trx-addons-menu-link,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.current_page_item:hover .trx-addons-menu-link span,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.trx-addons-active-item:hover .trx-addons-menu-link,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.trx-addons-active-item:hover .trx-addons-menu-link span {
    color: #1F7A5A !important;
}

#hide-header .trx-addons-submenu .trx-addons-submenu-item.current-menu-item:hover::before,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.current_page_item:hover::before,
#hide-header .trx-addons-submenu .trx-addons-submenu-item.trx-addons-active-item:hover::before {
    display: block !important;
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    width: 3px !important;
    background-color: #0e4d26 !important;
}