/**
 * Theme Name: the nest
 * Template: Divi
 * Version: 5.5.0
    Requires at least: 6.0
    Requires PHP: 7.4
    Description: The nest
    Author: Viib Digital
    Author URI: https://viibdigital.com
 */

/*show hamburger menu on desktop for specific menu module*/
header{
    .et_pb_module{
        position: static !important;
    }
    .in-menu-list{
        margin-top: 5.5rem;

        p{
            color: #FFF8F0;
            font-family: Roboto, serif;
            font-size: 1.25rem;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: uppercase;
            padding-left: 3%;
        }
        ul{
            padding: 0;
        }
        li{
            display: flex;
            gap: 1rem;
            align-items: center;
            padding: 0;
            justify-content: flex-start;
        }
        a{
            color:#fff;
        }
        svg{
            width:1.25rem;
            height:1.25rem;
            path{
                opacity: 1;
                fill:#fff;
            }
        }
    }
}

footer {

    .et_pb_menu__menu, nav, nav ul {
        width: 100%;
    }

    nav ul {
        justify-content: flex-start;
        gap: 1rem 0;
    }

    .et-menu.nav li {
        display: flex;
        align-items: center;
        padding: 0 min(20%, 64px);

        &:not(:last-child) {
            border-right: .15rem solid white;
        }

        a {
            color: #FFF;
            text-align: center;
            font-family: Roboto, serif;
            font-size: 20px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            text-transform: uppercase;
        }
    }
}

@media (min-width: 980px) {
    header {
        .et_mobile_nav_menu {
            display: block;
        }

        .et-menu.nav.downwards {
            display: none;
        }

        .et_pb_menu_inner_container {
            position: static;
        }
    }

    footer {
        .et_pb_menu__menu {
            display: block;
        }

        .et_mobile_nav_menu {
            display: none;
        }
    }
}

@media (max-width: 980px) {
    footer {
        .et_pb_menu__menu, .et-menu-nav {
            display: flex !important;
            ul {
                flex-direction: column;
            }
        }

        .et-menu.nav {
            margin: 0;
        }

        .et-menu.nav li {
            padding: 0;
            margin: 0;

            &:not(:last-child) {
                border-right: none;
                border-bottom: .15rem solid white;
            }
        }

        .et_mobile_nav_menu {
            display: block;
        }
    }
}