/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.7
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Menu */
.tpl-header-container {
    padding-bottom: 0px;
}

@media only screen and (min-width: 1025px) {
    /* Menu */
    .tpl-header-container {
        padding-bottom: 0px;
    }

    .tpl-header {
        display: none;
    }
}

@media only screen and (max-width: 1024px) {
    /* new header */
    .tpl-header {
        width: 100%;
        height: 60px;
        position: fixed;
        background: #ffffff;
        display: flex;
        align-items: center;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
        z-index: 9999 !important;
        justify-content: space-between;
        top: 0px;
    }

    .logged-in.admin-bar .tpl-header {
        top: 40px;
    }

    .logo-holder {
        padding: 10px;
        object-fit: contain;
        display: inherit;
    }

    .logo-holder img {
        max-width: 95%;
        max-height: 50px;
    }

    .button-header-holder {
        display: flex;
        align-items: center;
        flex-direction: row;
    }

    .logo-holder a {
        object-fit: contain;
    }

    .tpl-header button {
        color: #fff;
        background-color: #fff;
    }

    .tpl-header button:focus {
        color: #fff;
        background-color: #fff;
    }

    .tpl-header button:hover {
        color: #fff;
        background-color: #fff;
    }

    .search .search__icon {
        padding: 18px;
        font-size: 20px;
    }

    .tpl-header button,
    .tpl-header .search_icon {
        display: inline-block;
        vertical-align: top;
        line-height: 0;
        padding: 16px;
    }

    .tpl-header button svg,
    .tpl-header .search_icon svg {
        pointer-events: none;
        height: 1em;
    }

    .tpl-header .membership button svg {
        height: 1.15em;
    }

    .tpl-header .search_icon svg {
        height: 0.95em;
    }

    .wtr-content {
        padding-top: 100px !important;
    }

    /* Menu */
    .tpl-header .menu ul {
        padding-left: 0px;
    }

    .tpl-header .menu li {
        padding: 0;
    }

    .tpl-header .menu li a {
        border-bottom: 1px solid #EAEAEA;
        padding: 5px 20px;
        display: block;
    }

    #wtr-progress.top.shown {
        top: 60px !important;
    }

    .menu-item a {
        color: #676D6B !important;
    }

    .menu-item-has-children a::after {
        content: "▼";
        padding-left: 5px;
        font-size: 10px;
    }

    .menu-item-has-children li a::after {
        display: none;
    }

    .menu-item-has-children .menu-item-has-children .sub-menu a::after {
        content: "▼";
        padding-left: 5px;
        font-size: 10px;
    }

    .menu-item-has-children .sub-menu li a::after {
        display: none;
    }

    .menu-item-has-children .sub-menu {
        display: none;
    }

    .menu-item-has-children .menu-item-has-children .sub-menu {
        display: none;
    }

    .tpl-membership__button {
        margin-top: 20px;
    }
}

.sub-menu-show {
    display: block !important;
    padding-left: 0px !important;
    background-color: #EAEAEA !important;
}

/* Dropdown Button */
.dropbtn1, .dropbtn2, .dropbtn3 {
    background-color: #ffffff;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #ffffff;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    display: inline-block;
}

.dropdown-content2 {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 100vw;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 30px;
    z-index: 1;
    left: 0%;
}

.dropdown-content3 {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 100vw;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    left: 0%;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
    display: block;
}

.tpl-header {
    z-index: 99999;
    list-style: none;
}

.tpl-header .menu ul {
    list-style: none;
}

.active-memberful-plan .hide-for-active-members {
    display: none;
}