/*
	Todd Motto Labs
	URL: www.toddmotto.com
*/


/*------------------------------------*\
    Flaunt JS Navigation
\*------------------------------------*/


ul#navigation {}
ul#navigation li {}
ul#navigation li:last-child{ margin-right:2px; }
ul#navigation li:hover{ background-color:grey; }   
ul#navigation a{ text-decoration:none; }
ul#navigation a:visited{ color:black; }
ul#navigation li a:hover{ color:#7A7A7A; }

.nav { /*position:relative; */ display:inline-block; font-size:14px; margin-left:0px; margin-top: 15px; margin-bottom: -7px;}
.nav-list { text-align:left; }
.nav-item { *display:inline; zoom:1; position:relative; float:left;}
.nav a, .nav a:hover { text-decoration:none;font-family: 'Lato'; }
.nav ul, .nav ol { list-style:none; margin-left:-20px;}

.nav-item a { display:block; background: rgba(250, 240, 217, 0.9); padding: 0 10px; line-height: 36px; color: #520204; font-size: 17px;  font-family: 'Lato';    font-weight: 500; border: 2px solid transparent; }
.nav ul > li:nth-child(n+2) {     margin-left: 10px; }
.nav ul > li > ul> li:nth-child(n+2) {     margin-left: 0px; }
.nav-item > a:hover { background-color: #fceac1;  color: #ba2100; }
.nav-item.active> a {    background-color: #fceac1; color: #ba2100; border-color: rgba(82, 2, 4, 0.1); }
.nav-item:hover .nav-submenu { display:block; }
.nav ul .nav-submenu { 	display:none; position:absolute; top:40px; z-index:10; margin-left: -20px;; white-space:nowrap;  padding: 17px 0;}
.nav ul .nav-submenu.psycho, .nav ul .nav-submenu.kontakt { margin-left: -65px; }
.nav-submenu-item.first a { padding-top: 25px; }
.nav-submenu-item.last a  { padding-bottom: 25px; }
.nav-submenu-item a { display:block; padding: 0 40px; background: rgba(250, 240, 217, 0.95); font-weight:300 }
.nav-submenu-item a:hover { color: #ba2100; }
.nav-mobile { display:none; /* Hide from browsers that don't support media queries */ cursor:pointer; position:absolute; top:0; right:0; background-size:18px; height:50px; width:50px;font-size:20px;}
.nav-click { position:absolute; top:0; right:0; display:none; border-left:1px solid white; height:67px; width:50px; cursor:pointer; }
.nav-click i { display:block; height:70px; width:48px; background:url(../img/drop.png) no-repeat center center;	background-size:20px; }
.nav-click:hover { background-color:gray; }
.nav-rotate { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }

@media only screen and (min-width: 310px) and (max-width: 766px) {
	.nav-mobile { display:block; padding-top:20px; padding-top: 14px; padding-right: 5px; background: rgb(125,125,125) url(../img/nav.png) no-repeat center center;	}
	.nav { width:98%; padding:0; z-index: 2; margin-left:0; top:0;	}
	.nav ul > li:nth-child(n+2) {     margin-left: 0px; }
	.nav-list { display:none;	position: absolute; width: 300px; right: 0px; top: 50px;	}
	.nav-item { width:100%; float:none; border-bottom:1px solid white; }
	.nav-item > a { padding:13px; background-color: rgb(120,120,120); color: white;	}
	.nav-item > a:hover { text-decoration:underline; background-color: none; }
	.nav-item.active> a { border-radius: 0px; background-color: #343a78; color:white;}
	.nav-click { display:block; }
	.nav-mobile-open { border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; }
	.nav-item:hover .nav-submenu { display:none; }
	.nav-submenu { 	position:static; width:300px;background-color:white; }
	.nav-submenu li { border-bottom: 1px solid rgb(180,180,180);}
	.nav-submenu-item a { background-color:white;}
	.nav ul .nav-submenu {top:52px;margin-left:0;padding:0;}
	.nav ul .nav-submenu.psycho, .nav ul .nav-submenu.kontakt {margin-left:0; }
}