/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/
/**
 * MOBILE
 */
.submenu-light .menu-smart .aqua-link a {
    color: #1dc8be;
}

.submenu-light .menu-smart .aqua-link a:hover {
    color: #303133;
}

.menu-smart i.menu-icon {
    display: none;
}

.mobile-hidden {
    display: none;
}

.desktop-hidden {
    display: inline-block;
}

@media screen and ( min-width: 960px ) {
    .mobile-hidden {
        display: inline-block;
    }

    .desktop-hidden {
        display: none;
    }
}

/**
 * ONLY ON DESKTOP
 */

@media screen and ( min-width: 960px ) {
    .menu-smart i.menu-icon {
        display: inline-block;
    }
    /*
     * Fill CTA button in header's background
     */
    /* Light */
    body:not(.menu-force-opacity) .menu-transparent.menu-light .menu-smart > li.menu-item-button > a .btn,
    .menu-smart > li.menu-item-button > a .btn {
        background: #1dc8be !important;
        border-color: #1dc8be !important;
        color: #fff !important;
    }

    body:not(.menu-force-opacity) .menu-transparent.menu-light .menu-smart > li.menu-item-button > a:hover .btn,
    .menu-smart > li.menu-item-button > a:hover .btn {
        background: transparent !important;
        border-color: #414a57 !important;
        color: #414a57 !important;
    }

    /* Dark */
    body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.menu-item-button > a .btn {
        background: #1dc8be !important;
        border-color: #1dc8be !important;
    }

    body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent .menu-horizontal-inner > .nav > .menu-smart > li.menu-item-button > a:hover .btn {
        background: transparent !important;
        border-color: #fff !important;
        color: #fff !important;
    }

    /**
     * Custom drop downs
     */
    .submenu-light .menu-horizontal .menu-smart ul {
        background-color: #eee;
    }

    ul.drop-menu {
        border-radius: 5px;
        margin-top: 0 !important;
        position: absolute;
        padding: 10px !important;
        background-color: #eeeeee;
        color: #000 !important;
    }

    ul.drop-menu::before {
        content: "";
        width: 0;
        height: 10px;
        left: 30px;
        border-bottom: solid 10px #eeeeee;
        border-left: solid 15px transparent;
        border-right: solid 15px transparent;
        position: absolute;
        top: -20px;
        z-index: 5;
    }

    .submenu-light .menu-smart ul.drop-menu li {
        margin-bottom: 5px;
    }


    .submenu-light .menu-smart ul.drop-menu li:last-of-type {
        margin-bottom: 0;
    }

    .submenu-light .menu-smart ul.drop-menu a {
        font-size: 12px;
        padding: 10px;
        border: 1px solid currentColor;
        border-radius: 3px;
        display: flex;
        align-items: center;
        color: #000 !important;
        border-color: rgba( 0, 0, 0, 0.125 ) !important;
    }

    .submenu-light .menu-smart ul.drop-menu li a:hover {
        background: #1DC8BE !important;
    }

    .submenu-light .menu-smart ul.drop-menu a i {
        font-size: 20px;
        top: 0;
        margin-right: 8px;
        color: rgba( 0, 0, 0, 0.2 ) !important;
    }

    /* Light */
    body:not(.menu-force-opacity) .menu-transparent.menu-light ul.drop-menu {
        background: #eeeeee;
        color: #000 !important;
    }

    body:not(.menu-force-opacity) .menu-transparent.menu-light ul.drop-menu::before {
        content: "";
        width: 0;
        height: 10px;
        left: 30px;
        border-bottom: solid 10px #eeeeee;
        border-left: solid 15px transparent;
        border-right: solid 15px transparent;
        position: absolute;
        top: -20px;
        z-index: 5;
    }

    body:not(.menu-force-opacity) .menu-transparent.menu-light ul.drop-menu li a {
        color: #000 !important;
        border-color: rgba( 0, 0, 0, 0.125 ) !important;
    }

    body:not(.menu-force-opacity) .menu-transparent.menu-light ul.drop-menu li a i {
        color: rgba( 0, 0, 0, 0.2 ) !important;
    }

    /* Dark */
    body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent ul.drop-menu {
        background: #414A57;
        color: #fff !important;
    }

    body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent ul.drop-menu::before {
        content: "";
        width: 0;
        height: 10px;
        left: 30px;
        border-bottom: solid 10px #414A57;
        border-left: solid 15px transparent;
        border-right: solid 15px transparent;
        position: absolute;
        top: -20px;
        z-index: 5;
    }

    body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent ul.drop-menu li a {
        color: #fff !important;
        border-color: rgba( 256, 256, 256, 0.15 ) !important;
    }

    body:not(.menu-force-opacity) .style-dark-override:not(.is_stuck):not(.is_mobile_open).menu-transparent ul.drop-menu li a i {
        color: #fff !important;
    }
}