@charset "utf-8";

.toggle, [id^=drop] {display: none;}

nav {display:block; max-width:100%; margin:0 auto; height:2em;}


nav a {display:block; color:#444444; text-decoration:none; font-size:1.3em; font-weight:300; border-bottom:1px solid #A35671; margin-right:3em; padding:10px 0}
nav a.active {}

nav ul {display:block;max-width:68em;margin:0 auto;list-style:none;}

nav ul li:hover > ul {display: block;}


nav ul ul {display:none;position:absolute; padding:2em 1em 1em 1em; background:#fff; opacity:0.8; 
-webkit-box-shadow: 0 30px 30px -30px #333;-moz-box-shadow: 0 30px 30px -30px #333;box-shadow: 0 10px 10px -10px #444; }
nav ul ul li {position:relative;}
nav ul ul li a {color:#000; font-size:1em; font-weight:300; border-bottom:0; margin-bottom:5px}





@media screen and (min-width: 800px) {
.navl {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);position: relative;overflow: hidden;}
.navl:before {content: "";position: absolute;z-index: -1;left: 0;right: 100%;bottom: 0;background: #A35671;height: 3px;-webkit-transition-property: right;transition-property: right;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.navl:hover:before, .navl:focus:before, .navl:active:before {right: 0;}
}

@media screen and (max-width: 799px) {
nav i.material-icons {font-size:1em; float:right;-moz-transition: all 0.4s ease-in;-ms-transition: all 0.4s ease-in;-o-transition: all 0.4s ease-in;-webkit-transition: all 0.4s ease-in;transition: all 0.4s ease-in;}

	
.toggle {display:block;width:auto;color:#FFF;text-decoration:none;border:none; font-size:1.2em}
.toggle + a,.menu {display: none;}


[id^=drop] ~ label.unav1 i.material-icons::before {content:"\2630"; font-style:normal; color:#FFFFFF}
[id^=drop]:checked ~ label.unav1 i.material-icons::before {content:"\2715"; font-style:normal; color:#FFFFFF;}


[id^=drop]:checked ~ ul {display:block;}
[id^=drop]:checked ~ label.unav1 {background:#A35671; border-bottom:1px solid #fff}
[id^=drop]:checked ~ label.unav1 i {transform:matrix(-1, 0, 0, 1, 0, 0);}

nav {display:block;   z-index:1000; height:auto; width:100%; background:#D9B9C4; padding:0}
nav a {border-bottom:0; padding:15px 20px; color:#FFFFFF; font-size:1.2em}
footer nav a {padding:10px 20px}
nav label {display:block; padding:15px 20px;; border-bottom:1px solid #fff}

nav ul li {display:block;width:100%;background:#E8D5DB;border-bottom:1px solid #fff}


nav ul ul {position: static;padding:0;margin:0; border:none}
nav ul ul li {display: block;width:100%;padding:0;background:#F4F4F4;}
nav ul ul li:hover > ul,
nav ul li:hover > ul {display: none;}

nav ul li {display:block;width:100%;background:#D9B9C4;border-bottom:1px solid #fff}

nav.footer ul li {border:none}
}