/* Hidden SVG used for down arrows */
svg[hidden] {
	display: none;
	position: absolute;
	color: #fff;
}

.site-navigation-blue {
	width: 100%;
	
	box-shadow: 2px 2px 4px rgba(0,0,0,.2);
	background-color: #2C4154;

}
.site-navigation-orange {
	width: 100%;
	
	box-shadow: 2px 2px 4px rgba(0,0,0,.2);
	background-color: #FF754F;

}
.site-navigation-yellow {
	width: 100%;
	
	box-shadow: 2px 2px 4px rgba(0,0,0,.2);
	background-color: #FFBC00;

}
.site-navigation-magenta {
	width: 100%;
	
	box-shadow: 2px 2px 4px rgba(0,0,0,.2);
	background-color: #E8669B;

}
.site-navigation-cyan {
	width: 100%;
	
	box-shadow: 2px 2px 4px rgba(0,0,0,.2);
	background-color: #4BC0CE;

}
.site-navigation-grey {
	width: 100%;
	
	box-shadow: 2px 2px 4px rgba(0,0,0,.2);
	background-color: #70829B;

}
.site-navigation-red {
	width: 100%;
	
	box-shadow: 2px 2px 4px rgba(0,0,0,.2);
	background-color: #FF5046;

}
.site-navigation-green {
	width: 100%;
	
	box-shadow: 2px 2px 4px rgba(0,0,0,.2);
	background-color: #3CCAA1;

}

						
						






.clicky-menu {
	justify-content: stretch;
	margin: 0;
	padding: 0;
	list-style: none;
}
@media (min-width: 540px) {
	.clicky-menu {
		display: flex;
	}
}

/* General Link & Button Styles */
.clicky-menu a,
.clicky-menu button {
	height:60px;
	padding-bottom:2px;
	 font-family: 'Montserrat', sans-serif;
    font-size: 18px;
	background: transparent;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	
	
}

.clicky-menu a:hover,
.clicky-menu button:hover {
	border-top-color: white;
	border-top-width: 1px;
	border-top-style: solid;
	
	border-bottom-color: white;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.clicky-menu a:focus,
.clicky-menu button:focus {
	outline: .125em dotted white;
	outline-offset: -.125em;
}

/* Top Level Items */
.clicky-menu > li {
	position: relative;
	flex: 1 1 auto;
	display: flex;
	justify-content: stretch;
	flex-wrap: wrap;
}

.clicky-menu > li > a,
.clicky-menu > li > button {
	flex: 1 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	border: 0;
	font-size: inherit;
	line-height: 1.3;
	cursor: pointer;
}
@media (min-width: 540px) {
	.clicky-menu > li > a,
	.clicky-menu > li > button {
		justify-content: center;
	}	
}

/* Icon */
.clicky-menu svg {
	width: 1em;
	height: 1em;
	margin-left: .5em;
}

.clicky-menu [aria-expanded="true"] svg {
	transform: scaleY(-1);
}

/* Submenu Styles */
.clicky-menu ul {
	min-width: 100%;
	width: 12em;
	margin-top: .25em;
	padding: 0;
	list-style: none;
	background-color: #eee;
	z-index: 1000;
	
	
}
@media (min-width: 540px) {
	.clicky-menu {
		box-shadow: 2px 4px 4px rgba(0,0,0,.2);
	}
}

/* Responsive Submenu Behavior */
.clicky-menu ul[aria-hidden="false"] {
	position: static;
	width: 100%;
	flex: 0 0 auto;
}

@media (min-width: 540px) {
	.clicky-menu ul[aria-hidden="false"] {
		position: absolute;
		width: auto;
	}
}

/* Submenu Links */
.clicky-menu ul a {
	height:40px;
	display: block;
	padding-top: .375em;
	padding-bottom: .375em;
	color:#000;
	text-transform: none;


}


.clicky-menu ul a:hover {
	height:40px;
	display: block;
	padding-top: .375em;
	padding-bottom: .375em;
	color:#fff;
	text-transform: none;
	background-color: #666666;

}

.clicky-menu ul a:focus {
	color:#fff;
	background-color: #666666;

}

@media (min-width: 540px) {
	.clicky-menu ul a {
		padding: .375em 1em;
		white-space: nowrap;
	}
}