/*!
Styling for the main menu should go in here. This is loaded first.
*/


    /* Nav - Main Menu */
    #nav-main-menu{
        display  : flex;
        position : relative;
        padding  : 0 20px;
        width    : 100%;
        max-width: 1280px;
        margin   : 0 auto;
        min-height:67px;
        clear    : both;
        gap:20px;
        justify-content:space-between;
        align-content:center;
    }
    /* Nav - Home Logo */
    #nav-home-logo-wrap{
        display  : flex;
        flex-shrink:0;
    }
    #nav-home-logo-wrap img{
        height:var(57px);
    }
    #nav-home-logo-desktop{
        height: var(57px);
    }

    /* Nav - Main Menu Items */
    #nav-menu-wrap{
        display  : flex;
        /* align-items:center; */
        flex-wrap: wrap;
        gap:5px;

    }
    .nav-link{
        display  : flex;
        /* height: var(57px); */
        align-items:center;
        position: relative;
        color: #000000;
        cursor:pointer;
        font-size: 18px;
        border-bottom:2px solid transparent;
        user-select:none;
    }
    .nav-link:visited,.nav-link:hover{

        color: #000000;
    }
    .nav-dropdown-wrap{
        /* padding-top: 2px; */
        display:flex;
    }
    .nav-static-link{
        position: relative;
        padding-left:40px;
    }
    .nav-link.active  , .nav-link:hover, .nav-link-current-page  { border-bottom:2px solid #000000; }
    .nav-link>.las{
        margin-left:10px;
    }

    /* Nav - Dropdown links */
    .nav-dropdown-open-link{
        position: relative;
        padding-left:40px;
    }
    .nav-dropdown-open-link>.las{
        padding-left:5px;
        margin-top:0px;
    }
    .nav-dropdown-container{
        padding: 0px;
        display:none;
        position         : absolute;
        background-color : #FFF;
        z-index          : 20;
        user-select      : none;
        background-color :#F7F7F5;
        /* transition      :  all .2s ease-in-out; */
        top:70px;
    }
    .nav-sub-dropdown-container{
        left:256px;
        top:0px;
    }
    .nav-dropdown-active{
        visibility:visible;
        display: block;
        /* transition: 1s; */
    }
    .nav-dropdown-container>.nav-dropdown-link{
        padding      : 15px 24px;
        width        : 256px;
        border       : none;
        font-family: Ringier Light;
        font-weight: 300;
        font-size    : 18px;
        border-bottom: solid thin rgba(151,151,151,0.21);
    }
    
    .nav-dropdown-container>.nav-dropdown-link:hover{
        background-color:#e3e3e5;
        transition:background-color 0.2s;
    }
    /* .nav-sub-dropdown-open-link.active{
        background-color:#e3e3e5;
    } */
    .nav-dropdown-container>.nav-dropdown-link:last-child{
        /*border-bottom:none; */
    }

    #nav-mobile-menu-wrap, .wpml-language-mobile-select-wrap{
        display:none;
    }

    .nav-dropdown-link-1.active, .nav-dropdown-link-1:hover{ color:#000000; }
    .nav-dropdown-link-2.active, .nav-dropdown-link-2:hover{ color:#000000; }

    /* Language dropdown */
    .rc-mobile-button, #site-language-menu-mobile, .wpml-language-select-wrap{
        visibility:visible;
    }


    /* Sub Menu */
    .nav-sub-dropdown-link{

    }
    .nav-sub-dropdown-link>.las{
        position: absolute;
        right: 21px;
        top: 16px;
    }


    /* General styling rules */
    #rc-home-logo-desktop img{
        margin-top: 4px;
        height: 32px;
    }

    #rc-home-logo-mobile img{
        margin-top: 4px;
        height: 32px;
    }
    .nav-dropdown-open-link, .nav-static-link{
        padding-right:22px;
    }
    #nav-mobile-open, #nav-mobile-close{
        color:#000;
        font-size:30px;
		float:right;
    }

    
    /* @media screen and (max-width:1330px){
        #nav-menu-wrap{
            gap:30px;
        }
        #nav-main-menu{
            padding-bottom:20px;
        }
    } */
    @media screen and (max-width:1120px){
        /*.nav-link, .nav-dropdown-container > .nav-dropdown-link{
            font-size:14px;
        }*/
        .nav-dropdown-open-link, .nav-static-link{
            padding-right:7px;
        }
    }
    @media screen and (max-width:950px){
        .nav-dropdown-open-link, .nav-static-link {
            padding-left:20px;
        }
     /*   .nav-dropdown-container > .nav-dropdown-link{
            width: 230px;
            padding      : 10px 12px;
        } */
        .nav-sub-dropdown-container{
            left:230px;
        }
        .nav-sub-dropdown-link > .las{
            top: 16px;
            right:16px;
        }

    }

    /* Fully switch to mobile view */
    @media screen and (max-width:988px) {
		.site-header {
			position: absolute;
		}
        /* Disable Flex */
        #nav-main-menu, #rc-home-button, #nav-mobile-menu-wrap, .nav-dropdown-wrap, #nav-menu-wrap, .nav-link, .nav-dropdown-active{
            display:inline-block;
        }
		#nav-main-menu {
		/*	height:67px; */
		}
        /* Full width */
        .nav-dropdown-wrap,.nav-dropdown-container, #nav-menu-wrap, .nav-link, .nav-sub-dropdown-container, .nav-dropdown-container > .nav-dropdown-link {
            width:100%;
            line-height: 54px;
            text-align:left;
        }
		.nav-link {
			height: 54px;
		}
        .nav-dropdown-container > .nav-dropdown-link{
            padding : 0px 12px;
        }
        /* Change Positioning */
        .nav-dropdown-container{
            position:relative;
            top: 0px;
			/*border-top: solid thin rgba(151,151,151,0.21);*/
        }
        .nav-dropdown-open-link {
            padding-left:0px;
            border-bottom: 1px solid rgba(151,151,151,0.21);
        }
		.nav-static-link{
		            padding-left:0px;
		            border-bottom: 1px solid rgba(151,151,151,0.21);
		}
        .nav-sub-dropdown-container{
            left: 0px;
        }
        .nav-dropdown-open-link>.las{
            position: absolute;
            top: 19px;
            right: 6px;
        }

        .nav-sub-dropdown-link > .las{
            right: 16px;
        }
        /* Disable hover events and adjust borders */
        .nav-link.active, .nav-link:hover, .nav-link-current-page{
            border-bottom:1px solid rgba(151,151,151,0.21);
        }
        .nav-dropdown-container>.nav-dropdown-link:hover{
            background-color:#f7f7f5;
            transition:none;
            border-bottom:1px solid rgba(151,151,151,0.21);
        }
		#nav-menu-wrap {
			min-height: calc(57px * 5);
			/*height: -webkit-fill-available;
			height: fill-available;
			height: -moz-available;*/
		}
        #nav-menu-wrap a:last-child, #nav-menu-wrap:last-child:hover{
            /*border-bottom:none;*/
        }

        /* Align and resize content to avoid flex on mobile */
        #nav-main-menu{
            text-align:right;
        }

        #rc-home-logo-mobile img{
            margin-top: 7px;
            height: 32px;
        }
        #rc-home-button{
            float:left;
        }
        #nav-mobile-menu-wrap{
            text-align: right;
            /*width: calc(100% - 176px);*/
            /* width:100%; */
			width:104px;
            max-width:1240px;
            height:67px;
            padding-top:7px;
        }
        .wpml-language-mobile-select > .dropdown-list{
            margin-top: 12px;
        }


        #rc-home-logo-mobile, #site-language-menu-mobile{
            text-align:left;
            
        }
        #site-language-menu-mobile{
			float:left;
			margin-right:0px;
			margin-top: 16px;
            display:block;
        }

        .nav-dropdown-container{
            position: relative;
        }
        #nav-mobile-menu-wrap{
            visibility:visible;
            display:inline-block;
            /* margin-top: -6px; */
        }
        .wpml-language-select{
            display:none;
        }

        #nav-mobile-close{
            display:none;
        }

        .closed-on-mobile{
            display:none !important;
        }
        .nav-mobile-button{
            padding-top:8px;
        }

        /*.site-header{
            position:absolute;
            margin-top: -10px;
        }*/
        main{
            padding-top:67px;
        }
        .closed-on-mobile{
            display:none !important;
        }
        .nav-mobile-button{
            margin-top:8px;
        }
        .wpml-language-mobile-select-wrap{
            display:inline-block;
			padding:0px;
			float:left;
			margin-right:0px;
        }
		.wpml-language-mobile-select {
			font-size: 20px;
		}
    } /* End fo 800 PX media query*/