/* header pointer
*/

div.header_pointer { z-index:99999 !important; 
cursor: pointer;
position:fixed; 
top:0;
right:1rem; 
border-radius:2px; 
/*
background-color:rgba(50,50,50,.2); 
*/
-webkit-transition: background 0.4s; 
-moz-transition: background 0.4s; 
transition: background 0.4s; 
text-align: center;
width:3rem;
padding:2rem 0;
margin:0;
}
div.header_pointer:hover { }
div.header_pointer i { position:relative; display: block; 
margin:0; 
font-size:1.6rem;
color:rgba(50,50,50,1); 
color:rgba(0,0,0,1); 
}
@media (max-width:1080px) {
div.header_pointer { }
}
@media (min-width:1081px) {
div.header_pointer { }
div.header_pointer i { }
}

/* header
*/

.header { z-index:9999; }
.header ul,
.mmenue ul { font-size:1.2rem; line-height:inherit; color:rgba(0,0,0,1); }

.header,
.mmenue { font-size:1.2rem; line-height:inherit; color:rgba(0,0,0,1); }

.fs09,
.fs09 { font-size:1.1rem; line-height:inherit; color:rgba(0,0,0,1); }

.header li,
.mmenue li,
.header a,
.mmenue a { display:block !important; 
-webkit-transition:all 0.2s ease-in; -moz-transition:all 0.2s ease-in;
-o-transition:all 0.2s ease-in; transition:all 0.2s ease-in;
}

.header li a,
.mmenue li a { }

.mmenue li ul { }
.mmenue li:hover > ul { }
.mmenue li > ul li { }

@media (min-width:0px) and (max-width:1590px) {

.header ul,
.mmenue ul { font-size:1rem; line-height:inherit; color:rgba(0,0,0,1); }

}

a.navitem { 
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; 
}
a.navitem:hover,
a.navitem.active { 
text-decoration: underline !important;
position:relative;
left:-0.6rem;
}
/*
a.navitem:before,
a.navitem:after,
a.navitem:hover:before,
a.navitem:hover:after,
*/
a.navitem:hover:before,
a.navitem:hover:after,
a.navitem.active:before,
a.navitem.active:after { 
content:'–';
color:transparent;
position:relative;
}

a.toggle-colophon,
.toggle-colophon img,
.toggle-colophon span { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color:transparent; text-shadow:none; text-decoration:none !important; 
}

.display-colophon { z-index:88888 !important; 
display:block;
background-color:rgba(252,250,250,1); /* whitesmoke */
border-bottom:1rem solid transparent; 
position:relative;
position:fixed;
top:0;
left:0;
width:100%;
width:20rem;
height:calc(100vh - 0rem);
overflow-y:auto;
-webkit-animation: moveFromTop .4s ease both;
animation: moveFromTop .4s ease both;
}

@media (min-width:0px) and (max-width:479px) {

.display-colophon { z-index:88888 !important; 
display:block;
border-bottom:1rem solid transparent;
position:relative;
position:fixed;
top:0;
left:0;
width:100%;
height:calc(100vh - 0rem);
overflow-y:auto;
-webkit-animation: moveFromTop .4s ease both;
animation: moveFromTop .4s ease both;
}

}

@keyframes moveFromTop {
from { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
}

@media (max-width:1580px) {
.header ul.mmenue { display:none; }
.display-colophon { height:calc(100vh - 0rem); }
}

.display-colophon { display: none; }
.display-colophon.open { /*display:block;*/ }
.display-colophon.closed { /*display: none;*/ }

/*
*/

#header { z-index:9999; }
.navspace { }
.header { position: relative; 
display:inline-block; 
top:0; 
/*
width:15rem;
background-color:orange;
*/
}
.slide--top .header { }
.slide--not-top .header { }

.mmenue { }

/*
@media (min-width:1591px) {
*/
@media (min-width:0px) and (max-width:1079px) {

.header_fixed { position:relative; z-index:9999; right:0; left: 0; top: 0; 
*width:17rem;
*background:red;
/*
background:red;
*/
}

}

@media (min-width:1080px) {

.header_fixed { position: fixed; z-index:9999; right:0; left: 0; top: 0;
width:20rem;

/*
background:red;
*/
}

}

.slide--top .logo-visible,
.slide--not-top .logo-visible { }

@media (min-width:0px) and (max-width:1080px) {

.navspace { }

.slide--top .header,
.slide--not-top .header { }

.slide--top .logo-visible,
.slide--not-top .logo-visible { }

}

.slide--top ul.mmenue,
.slide--not-top ul.mmenue ul { }

.slide--up ul.mmenue ul { display:none; }

@media (min-width:0px) and (max-width:1590px) {

.slide--top ul.mmenue,
.slide--not-top ul.mmenue { }
ul.mmenue.back { }

.header.ml2,
.mmenue.ml2 { margin-left:0.5rem; }

}

@media (min-width:1081px) {

ul.mmenue.back { }

}

/* animation 
*/

.slide .header { }
.slide--top .header,
.slide--not-top .header,
.slide--reset .header,
.slide--up .header { }

.slide--not-top .header { 
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
-o-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
opacity:1;
}

/* animated styles 
*/

.slide { 
-webkit-transition:all .25s ease-in-out;
-moz-transition:all .25s ease-in-out;
-o-transition:all .25s ease-in-out;
transition:all .25s ease-in-out;
}
.slide--reset { 
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
.slide--up { 
-webkit-transform:translateY(-100%);
-ms-transform:translateY(-100%);
transform:translateY(-100%);
}
.animated { 
-webkit-animation-duration:.4s;
-moz-animation-duration:.4s;
-o-animation-duration:.4s;
animation-duration:.s;
-webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
}
@-webkit-keyframes slideDown { 
0% { -webkit-transform:translateY(-100%) }
100% { -webkit-transform:translateY(0) }
}
@-moz-keyframes slideDown { 
0% { -moz-transform:translateY(-100%) }
100% { -moz-transform:translateY(0) }
}
@-o-keyframes slideDown { 
0% { -o-transform:translateY(-100%) }
100% { -o-transform:translateY(0) }
}
@keyframes slideDown { 
0% { transform:translateY(-100%) }
100% { transform:translateY(0) }
}
.animated.slideDown { 
-webkit-animation-name:slideDown;
-moz-animation-name:slideDown;
-o-animation-name:slideDown;
animation-name:slideDown;
}
@-webkit-keyframes slideUp { 
0% { -webkit-transform:translateY(0) }
100% { -webkit-transform:translateY(-100%) }
}
@-moz-keyframes slideUp { 
0% { -moz-transform:translateY(0) }
100% { -moz-transform:translateY(-100%) }
}
@-o-keyframes slideUp { 
0% { -o-transform:translateY(0) }
100% { -o-transform:translateY(-100%) }
}
@keyframes slideUp { 
0% { transform:translateY(0) }
100% { transform:translateY(-100%) }
}
.animated.slideUp { 
-webkit-animation-name:slideUp;
-moz-animation-name:slideUp;
-o-animation-name:slideUp;
animation-name:slideUp;
}

/* clearfix
*/

/*
.header.clearfix:after { content: ""; display: block; clear: both; visibility: hidden; line-height:0; height:0; }
html[xmlns] .header.clearfix { display: block;  }
* html .header.clearfix { height:0; }
*/

/*
*/