/* Insert css into gaps with this javascript line
document.getElementsByTagName('head')[0].insertAdjacentHTML('beforeend', '<link rel="stylesheet" href="https://public.saraivam.ch/misc/gapsv2.css" />');
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');

body, input, select {
	font-family: 'Roboto Condensed' !important;
}

#menu_root {
	filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
	width: 100%;
	display: flex;
   justify-content: center;
}

.ulroot .liroot {
	transition: all .15s;
}

.ulroot .liroot:hover, .link:hover {
	cursor: pointer;
	transition: all .3s !important;
}

#menu_root ul li {
	background-color: transparent; 
	color: #66a;
}

#menu_root ul li ul {
	filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
}

#menu_root ul li ul li {
	background-color: white; 
	color: #66a;
}