/* ******************************************************************************************** */
/* LARGE NAVIGATION 2 SETUP ******************************************************************* */
/* ******************************************************************************************** */

@keyframes menuload {
	from {
		height:0;
		
	}
	to {
		height:100%;
	}
}
.current {
		border-bottom:$color-prime solid 4px;
	}
#large-navigation-container-3 .navigation-links [class^=col] {
    padding-left: unset;
    padding-right: unset;
	
	
}
#large-navigation-container-3 {
   
 
    position:fixed;
    z-index: 200 !important;
	width:100%;
	.mco {
		height:0;
		background-color:$color-prime;
		position:absolute;
		bottom:0;
		width:100%;
		a {
			font-family: Montserrat-Light, sans-serif;
    		font-weight: normal;
    		font-size: 1rem;
    		text-transform: uppercase;
			text-align:center;
			vertical-align:middle;
			position:absolute;
			top:40%;
			left:50%;
			transform:translate(-50%);
			display:none;
			color:white !important;
			width:100%;
		}
	}
}
#large-navigation-container-3 > div:first-child {

}
#large-navigation-container-3 > div:last-child {
    // background-color: $color-third;
}
#large-navigation-container-3 .navigation-links > div > div {
    display: inline-block;
    position: relative;
    transition: all 450ms;
    text-align: center;
	background:$color-second;
	
	border-right:grey solid .1px;
	&.last {
		border-right:none !important;
	}
}
#large-navigation-container-3 .navigation-links > div > div > a {
    display: block;
    font-family: $font-second;
    font-weight: normal;
    font-size: 1rem;
    text-transform: uppercase;
    text-align: center;
    color: white;
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
#large-navigation-container-3 .navigation-links > div > div:hover {
	.mco {
		animation: menuload .5s ease;
		height:100%;
		bottom:0;
		a {
			display:block;
		}
	}
}
#large-navigation-container-3 .navigation-links > div > div:hover > a {
    transition: color 150ms;
    text-decoration: none;
    color: #FFFFFF;
}
#large-navigation-container-3 .navigation-links > div > div > .dropdown,
#large-navigation-container-3 .navigation-links > div > div > .dropdown > div > .dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 150%;
    max-width: 200%;
    /* display: none; */
    visibility: hidden;
    z-index: 2;
	
}
#large-navigation-container-3 .navigation-links > div > div > .dropdown > div > .dropdown {
    left: 100%;
    top: 0;
    z-index: 3;
}
/* Affects all divs in any dropdown */
#large-navigation-container-3 .dropdown > div {
	position: relative;
}
#large-navigation-container-3 .navigation-links > div > div .dropdown > div {
	background-color: $color-prime;
	text-align: left;
	border-bottom:solid grey .1px;
}
#large-navigation-container-3 .navigation-links > div > div .dropdown > div a {
	display: block;
    font-family: $font-second;
    font-weight: normal;
    font-size: 0.9rem;
    text-transform: uppercase;
    text-align: left;
    padding: 0.5rem;
    color: #FFFFFF;
}
#large-navigation-container-3 .navigation-links > div > div .dropdown > div > a {
	color: #FFFFFF;
}
#large-navigation-container-3 .navigation-links > div > div .dropdown > div:hover {
    background-color: darken($color-second, 15%);
    transition: background-color 150ms;
}
#large-navigation-container-3 .navigation-links > div > div .dropdown > div > a:hover {
	text-decoration: none;
}
#large-navigation-container-3 .navigation-links > div > div .dropdown > div:not(:last-child) {
}

/* ******************************************************************************************** */