@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

:root {
	--navbarBack: #333;
	--navbarShadow: silver;
	
	--navbar1Back: #333;
	--navbar1Color: #fff;
	--navbar1HoverBack: #555;
	--navbar1HoverColor: #fff;
	
	--navbar2Back: #fff;
	--navbar2Color: #333;
	--navbar2HoverBack: #ddd;
	--navbar2HoverColor: #333;
	
	--navbar3Back: #fff;
	--navbar3Color: #333;
	--navbar3HoverBack: #ddd;
	--navbar3HoverColor: #333;
	
	--navbarHomeColor: #fff;
	--navbarHomeBack: transparent;
	--navbarHomeHoverColor: #fff;
	--navbarHomeHoverBack: #555;
	
	--navbarLangSpanSelectedColor: silver;
	--navbarLangTopBorderColorTablet: #fff;
}

.navbar-default {
	position: relative;
	background-color: var(--navbarBack);
	height: 58px;
	text-align: center;
	position: -webkit-sticky;
  	position: sticky;
  	top: 0;
  	max-width: 100vw;
}
.navbar-default .navbar-content {
	width: 100%;
	background-color: var(--navbar1Back);
	text-align: left;
	display: flex;
	align-items: stretch;
}
.navbar-default .navbar-content,
.navbar-default .navbar-widgets,
.navbar-default .navbar-widgets > ul,
.navbar-default .navbar-widgets > ul > *,
.navbar-default .navbar-widgets .irb-block-content,
.navbar-default .navbar-widgets .irb-homelink {
	height: 100%;
	box-sizing: border-box;
}
.navbar-default.navbar-aligntocontent .navbar-content {
	width: var(--defwidth);
	max-width: calc(100% - 20px);
}
.navbar-default ul {
	margin: 0;
	padding: 0;
}
.navbar-default .navbarlist-default.navbarlevel-1 {
	flex: 1 1 auto;
}
.navbar-default .navbar-widgets {
	flex: 0 0 max-content;
	white-space: nowrap;
	display: flex;
	align-items: center;
	overflow: hidden;
}
.navbar-default .navbar-widgets > ul {
	display: flex;
	align-items: center;
	height: 100%;
}
.navbar-default .navbar-widgets > li {
	display: inline-block;
}
.navbar-default .menuoption-home {
	float: left;
}
.navbar-default .menuoption-home {
	padding: 8px;
	margin:  0 0 0 0px;
	color: var(--navbarHomeColor);
	background-color: var(--navbarHomeBack);
}
.navbar-default .menuoption-home.home-text:hover {
	color: var(--navbarHomeHoverColor);
	background-color: var(--navbarHomeHoverBack);
}
.navbar-default .menuoption-home.home-logo,
.navbar-default .menuoption-home.home-logo:hover {
	background-color: transparent;
}
.navbar-default .menuoption-home a {
	padding: 0px;
	margin: 0px;
}
.navbar-default .menuoption-home a span {
	padding: 12px;
    display: inline-block;
    text-transform: uppercase;
}
.navbar-default .menuoption-home img {
	max-height: 37px;
}

.navbar-default li {
	position: relative;
	list-style: none;
	padding: 0px;
	background-color: transparent;
}
.navbar-default li:hover {
	background-color: var(--navbar1HoverBack);
}
.navbar-default a {
	display: block;
	padding: 8px 16px;
	width: 100%;
	cursor: pointer;
	color: var(--navbar1Color);
	text-decoration: none;
}
.navbar-default span.a {
	color: var(--navbar1Color);
}
.navbar-default a.irb-homelink {
	padding: 0;
}
.navbar-default .navbarlevel-1 {
	background-color: var(--navbar1Back);
}
.navbar-default .navbarlevel-1 > ul > li {
	display: inline-block;
}
.navbar-default li:hover a, .navbar-default li:hover a:hover {
	color: var(--navbar1HoverColor);
	text-decoration: none;
}
.navbar-default .navbarlevel-2, .navbar-default .navbarlevel-3, .navbar-default .navbarlevel-4, .navbar-default .navbarlevel-5, .navbar-default .navbarlevel-6 {
	display: none;
	position: absolute;
	top: 0px;
	left: 0;
}
.navbar-default              { z-index: 1000; }
.navbar-default .navbarlevel-1 { z-index: 1001; }
.navbar-default .navbarlevel-2 { z-index: 1002; }
.navbar-default .navbarlevel-3 { z-index: 1003; }
.navbar-default .navbarlevel-4 { z-index: 1004; }
.navbar-default .navbarlevel-5 { z-index: 1005; }
.navbar-default-hambi        { z-index: 1006; }
.navbar-default-check        { z-index: 1007; }
.navbar-default-checksub     { z-index: 1008; }

.navbar-default .navbarlevel-1 > ul > li:hover .navbarlevel-2,
.navbar-default .navbarlevel-2 > ul > li:hover .navbarlevel-3,
.navbar-default .navbarlevel-3 > ul > li:hover .navbarlevel-4,
.navbar-default .navbarlevel-4 > ul > li:hover .navbarlevel-5,
.navbar-default .navbarlevel-5 > ul > li:hover .navbarlevel-6 {
	display: block;
	box-shadow: 0 0 8px var(--navbarShadow);
}

.navbar-default .navbarlevel-1 > ul > li > a {
	padding-top: 20px;
	padding-bottom: 20px;
}

.navbar-default .navbarlevel-2 {
	margin-top: 58px;
	width: max-content;
	min-width: 200px;
	background-color: var(--navbar2Back);
}
.navbar-default .navbar-langselector .navbarlevel-2 {
	margin-top: 34px;
}
.navbar-default .navbarlevel-2 > ul > li > a {
	color: var(--navbar2Color);
}
.navbar-default .navbarlevel-2 > ul > li:hover {
	background-color: var(--navbar2HoverBack);
}
.navbar-default .navbarlevel-2 > ul > li:hover a,
.navbar-default .navbarlevel-2 > ul > li:hover a:hover {
	color: var(--navbar2HoverColor);
}

.navbar-default .navbarlevel-3 {
	left: 100%; left: calc(100% - 6px); top: 0;
	width: 200px;
	background-color: var(--navbar3Back);
}
.navbar-default .navbarlevel-3 > ul > li > a {
	color: var(--navbar3Color);
}
.navbar-default .navbarlevel-3 > ul > li:hover {
	background-color: var(--navbar3HoverBack);
}
.navbar-default .navbarlevel-3 > ul > li:hover a,
.navbar-default .navbarlevel-3 > ul > li:hover a:hover {
	color: var(--navbar3HoverColor);
}
.navbar-default li > a.has-subnavbar {
	padding-right: 24px;
}
.has-subnavbar:before {
	position: absolute;
	content: "\f0d7";
	top: 9px;
    right: 8px;
	font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.navbar-default .navbarlevel-1 > ul > li > a.has-subnavbar {
	padding-right: 40px;
}
.navbar-default .navbarlevel-1 > ul > li > a.has-subnavbar:before {
	top: 22px;
}
.navbar-default .navbarlevel-2 > ul > li > a.has-subnavbar:before {
	content: "\f0da";
}
.navbar-default-hambi {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	height: 58px;
	width: 58px; 
	cursor: pointer;
}
.navbar-default-hambi:hover {
	background-color: var(--navbar1HoverBack);
}
.navbar-default-hambi:before {
	position: relative;
	top: 20px;
    right: -18px;
	content: "☰";
	font-family: Arial;
	font-size: 30px;
	color: var(--navbar1Color);
	cursor: pointer;
}
.navbar-default-check {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 54px;
    height: 54px;
    -webkit-appearance: initial;
    cursor: pointer;
}
.navbar-default-checksub {
	display: none;
}
.navbar-default li.navbar-widgets {
	position: absolute;
	right: 8px;
	top: 50%;
	transform: translateY(-50%);
	width: max-content;
	height: max-content;
}
.navbar-default li.navbar-widgets > ul {
	display: flex;
	gap: 8px;
	margin: 0;
	padding: 0;
}
.navbar-default li.navbar-widgets > ul > li {
	display: flex;
	align-items: center;
	flex: 1;
}
.navbar-default li.navbar-langselector .navbarlevel-2 {
	left: unset;
    right: 0;
    min-width: unset;
}
.navbar-default li.navbar-langselector .navbarlevel-2 li {
	position: relative;
	padding-left: 11px;
}
.navbar-default li.navbar-langselector .navbarlevel-2 li::before {
	content: " ";
	position: absolute;
	top: 9px;
    left: 4px;
	background: transparent none no-repeat left center;
	width: 14px;
	height: 14px;
}
.navbar-default li.navbar-langselector .navbarlevel-2 li[data-lang="hu"]:before { background-image: url(/admin/inc/imgs/flags/hu.gif); }
.navbar-default li.navbar-langselector .navbarlevel-2 li[data-lang="en"]:before { background-image: url(/admin/inc/imgs/flags/en.gif); }
.navbar-default li.navbar-langselector .navbarlevel-2 li[data-lang="de"]:before { background-image: url(/admin/inc/imgs/flags/de.gif); }
.navbar-default li.navbar-langselector .navbarlevel-2 li[data-lang="fr"]:before { background-image: url(/admin/inc/imgs/flags/fr.gif); }
.navbar-default li.navbar-langselector .navbarlevel-2 li[data-lang="it"]:before { background-image: url(/admin/inc/imgs/flags/it.gif); }
.navbar-default li.navbar-langselector .navbarlevel-2 li[data-lang="es"]:before { background-image: url(/admin/inc/imgs/flags/es.gif); }
.navbar-default li.navbar-langselector .navbarlevel-2 li[data-lang="dk"]:before { background-image: url(/admin/inc/imgs/flags/dk.gif); }
.navbar-default li.navbar-langselector .navbarlevel-2 li[data-lang="gr"]:before { background-image: url(/admin/inc/imgs/flags/gr.gif); }
.navbar-default li.navbar-langselector .navbarlevel-2 li[data-lang="hr"]:before { background-image: url(/admin/inc/imgs/flags/hr.gif); }
.navbar-default li.navbar-langselector .navbarlevel-2 li.navbar-selected span {
	cursor: default;
}
.navbar-default li.navbar-langselector .navbarlevel-2 li.navbar-selected span {
	padding: 8px 16px;
    display: block;
    color: var(--navbarLangSpanSelectedColor);
}
.navbar-default li.navbar-langselector .navbarlevel-2 li.navbar-selected::before {
	-webkit-filter: grayscale(1); 
	-webkit-filter: grayscale(100%); 
	-moz-filter: grayscale(100%);
	filter: gray; 
	filter: grayscale(100%);
	filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
	opacity: 0.3;
}
.navbar-userbox svg {
	fill: #fff;
	max-width: 24px;
	max-height: 24px;
}
.navbar-userbox svg path {
	fill: #fff;
}
.navbar-default .navbar-widgets a.irb-homelink img {
	max-height: 100%;
	height: auto;
	width: auto;
	object-fit: contain;
	display: block;
}

@media screen and (max-width: 680px) {
	.navbar-default .menuoption-home {
		margin:  0;
	}
	.navbarlist-default.navbarlevel-1 {
		float: unset;
	}
	.navbarlist-default.navbarlevel-1 > ul {
		display: block;
	}
	.navbarlist-default.navbarlevel-1 {
		display: none;
	}
	.navbar-default-hambi {
		display: block;
	}
	.navbar-default-check:checked ~ .navbar-default-hambi:before {
		content: "X";
		font-size: 22px;
    	right: -24px;
	}
	.navbar-default-check:checked ~ .navbarlist-default.navbarlevel-1 {
		display: block;
		padding-top: 58px;
	}
	.navbar-default .navbarlevel-1 > ul > li {
		display: block;
	}
	.navbar-default .navbarlevel-1 > ul > li > a.has-subnavbar:before,
	.navbar-default .navbarlevel-2 > ul > li > a.has-subnavbar:before,
	.navbar-default .navbarlevel-3 > ul > li > a.has-subnavbar:before,
	.navbar-default .navbarlevel-4 > ul > li > a.has-subnavbar:before,
	.navbar-default .navbarlevel-5 > ul > li > a.has-subnavbar:before {
		content: "\f0d7";
	}
	.navbar-default .navbarlevel-1 > ul > li > a.has-subnavbar:before {
	    font-size: 30px;
    	top: 14px;
	}
	.navbar-default .navbarlevel-2 > ul > li > a.has-subnavbar:before,
	.navbar-default .navbarlevel-3 > ul > li > a.has-subnavbar:before,
	.navbar-default .navbarlevel-4 > ul > li > a.has-subnavbar:before,
	.navbar-default .navbarlevel-5 > ul > li > a.has-subnavbar:before {
		font-size: 20px;
    	right: 10px;
  	}
	.navbar-default .navbarlevel-2,
	.navbar-default .navbarlevel-3,
	.navbar-default .navbarlevel-4,
	.navbar-default .navbarlevel-5,
	.navbar-default .navbarlevel-6 {
		width: 100%;
	}
	.navbar-default .navbarlevel-1 > ul > li:hover .navbarlevel-2,
	.navbar-default .navbarlevel-2 > ul > li:hover .navbarlevel-3,
	.navbar-default .navbarlevel-3 > ul > li:hover .navbarlevel-4,
	.navbar-default .navbarlevel-4 > ul > li:hover .navbarlevel-5,
	.navbar-default .navbarlevel-5 > ul > li:hover .navbarlevel-6 {
		display: none;
		box-shadow: unset;
	}
	.navbar-default-checksub {
		display: block;
		position: absolute;
		top: -1px;
		right: -1px;
		width: 54px;
		height: 54px;
		-webkit-appearance: initial;
	}
	.navbar-default .navbarlevel-1 > ul > li > .navbar-default-checksub:checked ~ .navbarlevel-2,
	.navbar-default .navbarlevel-2 > ul > li > .navbar-default-checksub:checked ~ .navbarlevel-3,
	.navbar-default .navbarlevel-3 > ul > li > .navbar-default-checksub:checked ~ .navbarlevel-4,
	.navbar-default .navbarlevel-4 > ul > li > .navbar-default-checksub:checked ~ .navbarlevel-5,
	.navbar-default .navbarlevel-5 > ul > li > .navbar-default-checksub:checked ~ .navbarlevel-6 {
		position: relative;
		display: block;
		top: 0;
		left: 0;
    	margin-top: 0;
    	min-width: unset;
    	background-color: transparent;
	}
	.navbar-default .navbarlevel-1 > ul > li > .navbar-default-checksub:checked ~ a.has-subnavbar:before,
	.navbar-default .navbarlevel-2 > ul > li > .navbar-default-checksub:checked ~ a.has-subnavbar:before,
	.navbar-default .navbarlevel-3 > ul > li > .navbar-default-checksub:checked ~ a.has-subnavbar:before,
	.navbar-default .navbarlevel-4 > ul > li > .navbar-default-checksub:checked ~ a.has-subnavbar:before,
	.navbar-default .navbarlevel-5 > ul > li > .navbar-default-checksub:checked ~ a.has-subnavbar:before {
		content: "\f0d8";
	}
	.navbar-default .navbarlevel-1 > ul > li >.navbar-default-checksub:checked ~ .navbarlevel-2 > ul > li,
	.navbar-default .navbarlevel-2 > ul > li >.navbar-default-checksub:checked ~ .navbarlevel-3 > ul > li,
	.navbar-default .navbarlevel-3 > ul > li >.navbar-default-checksub:checked ~ .navbarlevel-4 > ul > li,
	.navbar-default .navbarlevel-4 > ul > li >.navbar-default-checksub:checked ~ .navbarlevel-5 > ul > li,
	.navbar-default .navbarlevel-5 > ul > li >.navbar-default-checksub:checked ~ .navbarlevel-6 > ul > li {
		background-color: var(--navbar1HoverBack);
	}
	.navbar-default .navbarlevel-1 > ul > li >.navbar-default-checksub:checked ~ .navbarlevel-2 > ul > li > a,
	.navbar-default .navbarlevel-2 > ul > li >.navbar-default-checksub:checked ~ .navbarlevel-3 > ul > li > a,
	.navbar-default .navbarlevel-3 > ul > li >.navbar-default-checksub:checked ~ .navbarlevel-4 > ul > li > a,
	.navbar-default .navbarlevel-4 > ul > li >.navbar-default-checksub:checked ~ .navbarlevel-5 > ul > li > a,
	.navbar-default .navbarlevel-5 > ul > li >.navbar-default-checksub:checked ~ .navbarlevel-6 > ul > li > a {
		color: var(--navbar1HoverColor);
	}
	.navbar-default .navbarlevel-1 > ul > li >.navbar-default-checksub:checked ~ .navbarlevel-2 > ul > li > a {
		margin-left: 20px;
    	width: calc(100% - 60px);
  	}
  	.navbar-default .navbarlevel-2 > ul > li >.navbar-default-checksub:checked ~ .navbarlevel-3 > ul > li > a {
		margin-left: 40px;
    	width: calc(100% - 80px);
  	}
  	.navbar-default .navbarlevel-3 > ul > li >.navbar-default-checksub:checked ~ .navbarlevel-4 > ul > li > a {
		margin-left: 60px;
    	width: calc(100% - 100px);
  	}
  	.navbar-default .navbarlevel-4 > ul > li >.navbar-default-checksub:checked ~ .navbarlevel-5 > ul > li > a {
		margin-left: 80px;
    	width: calc(100% - 120px);
  	}
  	.navbar-default .navbarlevel-5 > ul > li >.navbar-default-checksub:checked ~ .navbarlevel-6 > ul > li > a {
		margin-left: 100px;
    	width: calc(100% - 140px);
  	}
  	.navbar-default li.navbar-langselector {
	    position: relative;
	    right: unset;
	    border-top: 1px solid var(--navbarLangTopBorderColorTablet);
	}
	.navbar-default li.navbar-langselector .navbarlevel-2 li::before {
    	left: 17px;
 	}
 	.navbar-default li.navbar-langselector .navbarlevel-2 li.navbar-selected span {
    	padding-left: 36px;
  	}
}