@charset "UTF-8";

/*	BAREBONES RESPONSIVE GRID FRAMEWORK (Navigation)
	Version 3.1
	April 2018
	www.dawgeatdawg.com
*/


/*--- NAVIGATION ---*/

/* @group --- MENU | Mobile Menu Toggle ---*/

svg#menuToggle {
	z-index: 100;
	position: absolute;
	bottom: 1.0rem;
	right: 1.1rem;
/* 			background: hsla(250, 50%, 50%, 0.2); */
}
	
	svg#menuToggle,
	svg#menuToggle:visited {
		width: 1.1rem;
		height: 1.1rem;
		cursor: pointer;
		color: hsl(220, 1%, 43%);
		fill: currentColor;
/* 				background: hsla(150, 50%, 50%, 0.2); */
	}
	
		svg#menuToggle:hover,
		svg#menuToggle.current { color: hsl(30, 80%, 50%); }
		
/* @end */



/* @group --- MENU | Top ---*/

nav#menuTop {
	z-index: 20;
	display: none;
	position: relative;
	padding-bottom: 1.5rem;
/* 	margin-top: 1.2em; */
/* 	background: hsl(220, 1%, 43%); */
/* 			background: hsla(150, 50%, 50%, 0.2); */
}

/* 	nav#menuTop.on { opacity: 1.0; } */
	
nav#menuTop ul {
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-around;
	align-items: stretch;
	align-content: stretch;
	text-align: left;
/* 			background: hsla(250, 50%, 50%, 0.2); */
}

	nav#menuTop ul li {
		display: block;
		flex: 0 1 auto;
/* 		width: 100%; */
/* 				background: hsla(250, 50%, 50%, 0.2); */
	}
	
		nav#menuTop ul li a,
		nav#menuTop ul li a:visited {
			display: block;
			margin: 0 0.5rem 0.8rem;
			padding: 0.3rem 2.0rem 0.35rem 0.8rem;
			background-color: hsl(30, 80%, 50%);
			border-radius: 2.0rem;
			color: white;
			font-size: 1.0rem;
			font-weight: normal;
			letter-spacing: 0.005em;
			line-height: 1.7rem;
			text-align: center;
/* 						background: hsla(50, 50%, 50%, 0.2); */
		}
		
			nav#menuTop ul li a svg {
				display: inline-block;
				float: left;
				max-width: 1.6rem;
				max-height: 1.6rem;
				margin-right: 0.4rem;
				padding: 0;
				vertical-align: middle;
/* 							background: hsla(350, 50%, 50%, 0.4); */
			}
		
				nav#menuTop ul li a:hover {
					background-color: hsl(45, 100%, 56%);
					color: white;
					transform: scale(1.09);
				}
		
					nav#menuTop ul li a:active {
						background-color: hsl(30, 80%, 50%);
						color: hsl(45, 100%, 56%);
						box-shadow: inset 0px 0px 25px hsl(45, 100%, 56%);
						transform: scale(1.04);
					}
	
	
#nav-smm a svg			{ margin-top: 0.0rem;	margin-left: 0.0rem; }
#nav-meeting a svg		{ margin-top: 0.0rem;	margin-left: -0.1rem; }
#nav-team a svg			{ margin-top: 0.0rem;	margin-left: 0.0rem; }
#nav-connected a svg	{ margin-top: 0.1rem;	margin-left: 0.0rem; }
#nav-contact a svg		{ margin-top: 0.0rem;	margin-left: 0.0rem; }

/* @end */



/* @group --- MENU | Social ---*/

/*
div.menuSocial {
	position: absolute;
	top: 1.0rem;
	right: 1.0rem;
}

	div.menuSocial ul {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-items: center;
		align-content: top;
	}

		div.menuSocial ul li {
			display: inline-block;
			flex: 0 1 auto;
			margin: 0 0 0 0.6em;
		}
		
			div.menuSocial ul li a > svg {
				width: 1.3rem;
				height: 1.3rem;
				margin: 0;
			}
*/

/* @end */