/* 
    Created on : 2018-03-01, 09:14:30
    Author     : Alexandre Perron
*/

@media screen and (max-width: 767px) {
	nav {
		box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
	}
	
	nav .dplu5-container {
		width: 100%;
		max-height: 0;
		overflow-y: hidden;
		transition-property: max-height;
		transition-duration: .3s;
	}
	
	nav .dplu5-container.open {
		max-height: 240px;
	}
	
	nav ul,
	nav li,
	nav a {
		display: block;
	}
	
	nav a {
		border-top: 1px solid #fff;
		padding: .5rem;
		text-transform: uppercase;
	}
	
	nav li:first-child a {
		border-radius: 0;
	}

	nav li:last-child a {
		border-radius: 0;
	}
}