/* Header */
.sitelogo {gap:1rem !important; width:250px}

.sitelogo .wp-block-site-title {font-weight:bold; font-size:25px; letter-spacing:-0.02em;transition:all .25s ease}
	



	
	
	@media only screen and (min-width:1025px) {
		
		.sitelogo .wp-block-site-logo {width:8px; height:8px; transition:all .25s ease; filter: grayscale(100%) contrast(0%) brightness(100%) sepia(0%)}
		.sitelogo:hover .wp-block-site-logo {width:40px; height:40px; filter: grayscale(0%) contrast(100%) brightness(100%) sepia(0%)}

		.desktopMenu {text-align:right; height:50px}
		.desktopMenu ul {list-style-type:none;margin:0 auto;padding:0; position:static; text-align:center; display:inline-block}
		.desktopMenu li {display:inline-block;position:relative; margin:0 1vw;text-align:center}
		.desktopMenu li a {display:block; height:50px; line-height:50px; padding:0 0.5vw; text-decoration:none}
		.desktopMenu .current_page_item a {font-weight:bold}
		.desktopMenu li.menu-item-has-children > a:after  {content:"\2304"; display:inline-block; vertical-align:middle; color:grey; line-height:100%; margin:-6px 0 0 5px; font-size:0.8em; transform:scaleY(0.8)}	
		
		/* 2nd Level */
		.desktopMenu li ul {position:absolute; top:80px; left:0px; padding:0.25em 1em; width:200px; z-index:1010; background:white; border-radius:4px; box-shadow:0 0 25px rgba(27,33,45,0.15); opacity:0; visibility:hidden; transition:0.5s all; transition-timing-function:cubic-bezier(.4,0,.2,1)}
        .desktopMenu ul li.menu-item-has-children:hover>ul {top:50px; opacity:1; visibility:visible}
		.desktopMenu li:hover ul a {color:#1B212D}
		.desktopMenu li:hover ul a:hover, .desktopMenu li li:hover > a {}
		.desktopMenu li ul li {display:block; width:100%; font-size:100%;float:none;text-align:left;width:auto;position:relative;margin:0;  z-index:1010; color:white}
		.desktopMenu li ul li a {width:auto;height:auto!important;display:block;padding:0.85em 0; line-height:125%!important; text-transform:none; font-weight:normal !important; border-bottom:1px solid #e9e8e7}	
		.desktopMenu .current_page_item ul li a {font-weight:normal !important}		
		.desktopMenu ul li a:hover + .sub-menu,
		.desktopMenu .sub-menu:hover {display:block;opacity:1}
		.desktopMenu li ul li:last-of-type a{border:0}
		.desktopMenu li ul li a:hover {color:#2973B9}		
		
		.desktopMenu li ul li{position:relative;transition:all 0.25s ease}
		.desktopMenu li ul li::after{content:"\203A";position:absolute;top:0.65em;right:0;opacity:0;transform:translateX(-5px);transition:all 0.25s ease;color:black !important}
		.desktopMenu li ul li:hover::after{opacity:1;transform:translateX(0px);margin-left:8px}
		
		.desktopMenu li.menu-item-25 ul {width:325px}
		
		.menu-panel, .sidebar-toggle, .mobileNav {display:none}	
		
		a.active{font-weight:bold}
	}
	@media only screen and (max-width:1024px) {
		.desktopMenu {display:none}
		
		.site-header .wp-block-group.alignwide,
		header.wp-block-template-part .wp-block-group.alignwide {padding-right:60px !important;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;align-content:flex-start;flex-direction:row;gap:0;}	
		
		.sitelogo {gap:0.75rem !important; width:220px}
		.sitelogo .wp-block-site-title {font-size:22px;}
		.sitelogo .wp-block-site-logo {width:40px; height:40px;}	
		
		/* Animated Burger Menu */ 
		.sidebar-toggle {position:absolute; z-index:1001; top:0px; right:0px; font-size:30px; width:80px; height:80px; background:transparent; color:var(--wp--preset--color--black); cursor:pointer;padding:0; margin:0; border:none; outline:0}
	
		.sidebar-toggle:hover {background:transparent}
			.sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after {cursor:pointer;border-radius:10px;height:3px;width:30px;left:25px;top:38px;background:white;position:absolute;display:block;content:''}
			.sidebar-toggle span:before {top:-8px; left:0px}
			.sidebar-toggle span:after {top:8px;  left:0px}
			.sidebar-toggle span, .sidebar-toggle span:before, .sidebar-toggle span:after {transition:all 20ms ease-in-out}
			.nav-active .sidebar-toggle {position:fixed}
			.nav-active .sidebar-toggle span {background-color:transparent}
			.nav-active .sidebar-toggle span:before, .nav-active .sidebar-toggle span:after {background:var(--wp--preset--color--black);}
			.nav-active .sidebar-toggle span:before, .sidebar-toggle.active span:after {top:0}
			.nav-active .sidebar-toggle span:before {transform:rotate(45deg); top:0px; left:0px}
			.nav-active .sidebar-toggle span:after {transform:rotate(-45deg); top:0px;  left:0px}		

		.menu-panel {background:white; position:fixed; z-index:1000;overflow-y:auto; top:0px; right:-100%; width:100%; height:100%; box-sizing:border-box; left:auto; transition:right 0.2s ease-in-out}
		.menu-panel.open-menu {left:auto;right:0px}
		
		/* Menu System */
		#menu * {box-sizing:border-box}
		#menu {list-style:none;margin:0;padding:80px 0 0; display:block;clear:both; border-bottom:1px solid #00000010}
		#menu li {border-top:1px solid #00000010; position:relative;overflow:hidden; transition:all .4s ease; font-size:125%}
		#menu li::after {content:"";display:block;clear:both}
		#menu li>a>svg {display:block;position:relative;width:20px;float:right;transition:all .3s ease}
		#menu li.open > a > svg {transform:rotate(45deg)}
		#menu a {padding:1em; font-weight:600; display:flex;flex-direction:row;justify-content:space-between;align-items:center;text-decoration:none; color:var(--wp--preset--color--black)}
		
		/* 2nd level */
		#menu li.open > ul {display:block}
		#menu li>ul {display:none; border-top:0;  height:0;margin:0; padding-bottom:1em; overflow:hidden;transition:height 350ms ease-in-out}
		#menu ul.is-visible {display:block}		
		#menu ul li {border:0; font-size:90%}	
		#menu ul a, #menu li.open ul a {padding:0.5em 1em; font-weight:400}
	
	}
	@media only screen and (max-width:550px) {
		.site-header .wp-block-buttons,
		header .wp-block-buttons {display:none !important;}	
	}