/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */

/* hide the link until viewport size is reached */
a.meanmenu-reveal { display:none; }

/* when under viewport size, .mean-container is added to body */
.mean-container .meanclose + .mean-nav::after { }
.mean-container .mean-bar { width:90%; max-width:375px;  box-sizing:border-box; }
.mean-container .mean-nav { width:90%; max-width:375px; position:fixed; top:5rem; right:5%; z-index:9990; /*border-radius:1rem;*/ }
.mean-container .mean-nav h1 { width:240px; position:absolute; left:8px; top:7px; padding:0; margin:0; font-size:10px; line-height:36px; }
.mean-container .mean-nav h1 img { width:100%; }
.mean-container .mean-nav > ul { padding:0.25rem 0; margin:0; width:100%; list-style-type:none; display:none;  position: relative; box-sizing:border-box; background:rgba(99,85,161,0.07);}
.mean-container .mean-nav > ul::after { content: ""; background: rgba(255,255,255,0.9);   backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px);position: absolute; top:0; right:0; left:0; bottom:0; z-index: -1; box-shadow:0 1rem 1rem -1rem rgba(0,0,0,0.1);}
.mean-container .mean-nav > ul > li { position:relative; width:100%; padding:0; margin:0; letter-spacing:-.4em; box-sizing:border-box; /*border-bottom:1px solid rgba(0, 0, 0, 0.1);*/ }
.mean-container .mean-nav > ul > li::after { content:""; display:block; border-bottom:1px solid rgba(0,0,0,0.1); position:absolute; left:2.5rem; bottom:0; right:0; }
.mean-container .mean-nav ul h2 { letter-spacing:1px; color:#6355a1; width:100%; padding:5px 15px; margin:0 !important; text-align:left; font-size:1.0em; }
.mean-container .mean-nav ul li a { display:block; line-height:1.5rem; margin:0; padding:0.8rem 0.8rem 0.8rem 2.5rem; text-decoration:none; box-sizing:border-box; letter-spacing:0.05rem; position: relative; background: url("../img/synapse_r.svg") left -0.75rem center /2.5rem no-repeat; }
.mean-container .mean-nav > ul > li.active > a {color:#6355a1;}

.mean-container .mean-nav ul li ul { margin:0; padding:0 0 1rem 0; /*background:rgba(255,255,255,0.3);*/ }
.mean-container .mean-nav ul li ul li { display:inline-block; vertical-align:top; text-shadow:none !important; visibility:visible; box-sizing:border-box; margin:0; }
.mean-container .mean-nav ul li ul li a { display:block; border:none; padding:0.75rem 0.5rem 0.75rem 3.5rem ; background-position:left 0.25rem center; }
.mean-container .mean-nav ul li ul li a::after { /*content:""; position:absolute; bottom:0; left:0.75rem; right:1rem;*/ }
.mean-container .mean-nav ul li ul li a img { height:20px; margin:0 5px 0 0; vertical-align:middle; }
.mean-container .mean-nav ul li.mean-last a { margin-bottom:0; }
.mean-container .mean-nav ul li a:hover, .mean-container .mean-nav ul li > a.active { /*background-color:rgba(119, 187, 238,0.1);*/ background-color:rgba(255, 255, 255,0.5); }
.mean-container .mean-nav ul li a.mean-expand { margin-top:0; width:3rem; height:3rem; line-height:2.9rem; padding:0; text-align:center; position:absolute; display:block; right:0; top:1px; z-index:2; font-weight:300; box-sizing:border-box; border:none !important; cursor:pointer; background:none; }
.mean-container .mean-nav ul li a.mean-expand:hover { background-color:rgba(255,255,255,0.05);  }
.mean-container .mean-nav ul li a.mean-expand::after { content:"＋"; display: block; transition:0.15s; }
.mean-container .mean-nav ul li a.mean-expand.mean-clicked::after { transform: rotate(45deg) scale(1.2); }
.mean-container .mean-push { float:left; width:100%; padding:0; margin:0; clear:both; }
.mean-nav .wrapper { width:100%; padding:0; margin:0; }

.mean-container .mean-nav .sub { }
.mean-container .mean-nav .sub li { width:100%; }
.mean-container .mean-nav .sub li h2 { }
.mean-container .mean-nav .sub li a { display:block; vertical-align:top; text-shadow:none !important; visibility:visible; box-sizing:border-box; }
.mean-container .mean-nav .sub li:last-of-type a { border-bottom:none; } 

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * { -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box; }


.mean-container .mean-bar .logo { display:block; width:100px; }
.mean-container a.meanmenu-reveal {  width:5rem; height:5rem; position:fixed; top:0; right:0; /*left:calc( 10vw - 2rem ) !important;*/ cursor:pointer; color:#333; text-decoration:none; display:block; box-sizing:border-box; z-index:9999; transition:.2s; border-radius:0 ; }
.mean-container a.meanmenu-reveal span { height:1px; background: linear-gradient(to right, rgba(99,85,161,1) 0%,rgba(172,221,247,1) 90%,rgba(172,221,247,0) 100%);; position:absolute; transition:.2s; } 
.mean-container a.meanmenu-reveal span:nth-child(1) { top:30%; left:25%; width:100%; }
.mean-container a.meanmenu-reveal span:nth-child(1)::before,
.mean-container a.meanmenu-reveal span:nth-child(3)::before { content: ""; display:block; width: 0.25rem; height: 0.25rem; border-radius: 1rem; background: #6355a1; position:absolute; top:calc(0.5px - 0.125rem);}
.mean-container a.meanmenu-reveal span:nth-child(2) { top:38%; left:25%; width:0%; }
.mean-container a.meanmenu-reveal span:nth-child(3) { top:45%; left:25%; width:100%; }
.mean-container a.meanmenu-reveal.meanclose span { }
.mean-container a.meanmenu-reveal.meanclose span:nth-child(1) { top:31%; left:23%; /*width:40%;*/ transform: rotate(-16deg); }
.mean-container a.meanmenu-reveal.meanclose span:nth-child(2) { width:0; left:50%; }
.mean-container a.meanmenu-reveal.meanclose span:nth-child(3) { top:44%; left:23%; /*width:40%;*/ transform: rotate(16deg); }
.mean-container a.meanmenu-reveal::after { content:"MENU"; color:#333; display:block; width:100%; font-size:10px; text-align:center; position:absolute; line-height: 1.25; letter-spacing:1px; bottom:1.2rem; left:0; font-weight:500;  }
.mean-container a.meanmenu-reveal.meanclose::after { content:"CLOSE"; }

.mean-container .meanclose + .mean-nav { height:calc(100vh - 8rem ); overflow-x:hidden; overflow-y:auto; }

body.logged-in.mean-container a.meanmenu-reveal { top:32px; }
body.logged-in.mean-container .meanclose + .mean-nav { top:calc(5rem + 32px);  height:calc(100vh - 5rem - 32px ); }


@media screen and (max-width:768px) {
body.logged-in.mean-container a.meanmenu-reveal { top:46px; }
body.logged-in.mean-container .mean-nav { top:calc(5rem + 46px); }
body.logged-in.mean-container .meanclose + .mean-nav { top:calc(5rem + 46px);  height:calc(100vh - 5rem - 46px ); }

}


.mean-remove { display:none !important; }