/*==========HEADER SECTION============*/
#header #branding #logo{display: inline-block;}
#header #branding #mobile-logo{max-height:45px;display: none;}
    #header #logo-title {
        text-indent: -99999999px;
        position: absolute;
    }
    .row-header {padding: 15px 0;text-align:center;}
    .header-contact-details {
        display: flex;
        color: var(--text-light);
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items:center;
    }
    .header-contact-details i{
        font-size:48px;
        display: inline-block;
    }
    .header-contact-details span{display: inline-block;font-size:14px;text-align:left;}
    .header-contact-details a{text-decoration:none;color:var(--link);font-size:16px;font-weight: bold;}
    .header-contact-details .separator{display: inline-block;background:var(--separator);width: 2px; height: 40px;}
    #header .social-links{display: inline-block;}
    .social-links a {
        font-size: 18px;
        text-decoration: none;
        color: var(--text-light);
        display: inline-block;
        width: 42px;
        height: 42px;
        background: var(--bg-light);
        line-height: 42px;
        text-align: center;
        border-radius: 50px;
    }    
    #header .language-switcher{display: inline-block;position:relative;padding-bottom: 10px;}
	#header .language-switcher img {
		padding-right: 6px;
		width: 30px;
		height: 24px;
		vertical-align: middle;
		border-radius:50px;
	}
	#header .language-list {
        display: none;
    }
    #header .selected-language {
        padding-right: 22px;
        text-decoration: none;
        color: var(--text-light);
    }
    #header .selected-language.open + .language-list {
        display: block;
        position: absolute;
        z-index: 15;
        background: var(--footer-border);
        padding: 10px 15px;
        color: var(--bg-color);
        top: 100%;
        box-shadow: 0px 2px 7px var(--header-text);
    }
        #header .language-list li a {
            display: flex;
            padding: 10px 0;
            text-decoration: none;
            color: inherit;
			align-items:center;
        }
.subheader {
	position: relative;
	left: 0;
	width: 80vw;
	text-align: center;
	bottom: -17px;
	color: var(--subheading);
	padding-left: 30px;
	padding-bottom: 5px;
	margin-top: -20px;
}

/*=======MENU SECTION============*/
#header-navigation{background:rgba(255,255,255,0.85);position:relative;z-index:10;height:60px;}
        #header-navigation.frontpage{margin-bottom:-60px;}
body:not(.home) #header-navigation {
    background: var(--bg-light);
}
/*====MAIN MENU======*/
#header-navigation .menu-main-container {width: 100%;}
#header-navigation #menu [id^="menu-main"] {
	display: none;
	flex-wrap: nowrap;
    justify-content: space-between;
    align-items:center;
}
    #header-navigation #menu [id^="menu-main"] > li {
        text-align: center;
        position: relative;
        height: 60px;
        display: flex;
        align-items: center;
        flex:auto;
        justify-content: center;
    }
		#header-navigation #menu [id^="menu-main"] > li.current_page_item {
			background: var(--bg-color);
		}
        #header-navigation #menu [id^="menu-main"] > li:hover{border-top: solid var(--footer-border) 5px;}
        #header-navigation #menu [id^="menu-main"] > li:not(:first-child){
            border-left:solid 1px #ccc;
        }
    #header-navigation #menu [id^="menu-main"]  li a{text-decoration:none; color:var(--header-text);font-size:18px;}
    #header-navigation #menu [id^="menu-main"]  li.menu-item-has-children > a::after{
        content:"+";
        display: inline-block;
        width:10px;
        font-size:14px;
        color:var(--link);
        text-align: right;
    }
    /*---lvl 1 sub menu---*/
    #header-navigation #menu [id^="menu-main"] .sub-menu {
        display: none;
        position: absolute;
        top: 100%;
        background: var(--bg-color);
        flex-direction: column;
        text-align: left;
		box-shadow: 0 6px 10px -5px;
    }
    #header-navigation #menu [id^="menu-main"]  .sub-menu li a{padding:10px 20px;}
    #header-navigation #menu [id^="menu-main"] > li.menu-item-has-children:hover > .sub-menu, #header-navigation #menu [id^="menu-main"] > li.menu-item-has-children.open .sub-menu {
		display: flex;
		min-width: 105%;
		left: 0;
	}
    .sub-menu li a{padding:10px;display: block;}
    /*---lvl > 2 sub menu---*/
	#header-navigation #menu [id^="menu-main"] .sub-menu *{transition:background 0.3s;}
    #header-navigation #menu [id^="menu-main"] .sub-menu li:hover{background:var(--link);}
        #header-navigation #menu [id^="menu-main"] .sub-menu li:hover > a{color:var(--bg-color);}
    #header-navigation #menu [id^="menu-main"] .sub-menu li.menu-item-has-children:hover > .sub-menu{
        display: flex;
        position: absolute;
        top: 0;
        left: 100%;
        background:var(--bg-color);
    }
    
/*======MOBILE MENU=====*/
#mobile-navigation {
    display: flex;
    position: relative;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
}

    #nav-toggle {
        display: flex;
        flex-direction: column;
        height: 40px;
        justify-content: space-evenly;
        width: 30px;
        float: right;
    }
        #nav-toggle * {border: 2px solid var(--link);border-radius:4px;background:var(--link);}

    #mobile-nav {display: none;} /*mobile navigation is hidden by default until toggle button is pressed*/
    #mobile-nav.open {
        display: flex;
        position: fixed;
        top: 0;
        left:0;
        background: var(--bg-color);
        height: 100vh;
        width: 100vw;
        justify-content: center;
        align-items: center;
        color:var(--header-text);
    }
        #mobile-nav > a {    /*close bnt*/
            position:absolute;
            top:5%;
            right:5%;
            color:var(--link);
            text-decoration:none;
            font-size:40px;
        }
        #mobile-nav ul li a{
            text-decoration:none;
            color:inherit;
            padding:10px;
            display: inline-block;
        }
		#mobile-nav ul li a:hover {
			color: var(--link);
		}
        #mobile-nav ul li{
            font-size:18px;
            text-align:center;
        }
		#mobile-nav ul li span:hover{
			cursor:pointer;
		}
        #mobile-nav .sub-menu{
            background:var(--header-text);
            color:var(--bg-light);
            max-height: 0;
            overflow:hidden;
            transition:max-height 0.5s linear;
        }
        #mobile-nav li.menu-item-has-children.open > .sub-menu{
            max-height: 500px;
            transition:max-height 1s;
        }
        #mobile-nav li.menu-item-has-children > span::after{content:"+";}
        #mobile-nav li.menu-item-has-children.open > span::after{content:"-";}








/* SM */
@media only screen and (min-width:450px){
    #header #navigation {padding: 10px 50px;}
}
/* MD */
@media only screen and (min-width:800px){
    #header #navigation {padding: 22px 50px;}
    #header.has_slider .slider-section {
        padding:0 17px;
    }
	.subheader {bottom:-30px;padding-bottom:10px;}
}
/* LG */
@media only screen and (min-width:1200px){
    .row-header {padding: 30px 0;}
    #header #branding #logo{display: inline;}
    #header #mobile-navigation{display: none;}
    /* navigation menu*/
    #header-navigation #menu [id^="menu-main"] {
        display: flex;
    }
	.subheader {text-align:left;bottom:-17px;padding-bottom:5px;}
}