/*
 Fresh standalone responsive mobile navigation CSS.
 Preserves the common .mean-* class structure without vendor branding,
 external URLs, images, fonts, or library dependencies.
*/

:root{
  --mean-bg:#0c1923;
  --mean-text:#fff;
  --mean-border:rgba(255,255,255,.25);
  --mean-hover:rgba(255,255,255,.10);
  --mean-expand:rgba(255,255,255,.10);
}

a.meanmenu-reveal{display:none}

.mean-container{width:100%}

.mean-container .mean-bar{
  float:left;width:100%;position:relative;
  padding:4px 0;min-height:42px;
  z-index:9999;
}

.mean-container a.meanmenu-reveal{
  width:22px;height:22px;padding:13px 13px 11px;
  position:absolute;top:0;right:0;cursor:pointer;
  color:var(--mean-text);text-decoration:none;
  font-size:1px;text-indent:-9999px;line-height:22px;
  display:block;font-family:Arial,Helvetica,sans-serif;
  font-weight:700;box-sizing:content-box;
}

.mean-container a.meanmenu-reveal span{
  display:block;background:var(--mean-text);height:3px;
  margin-top:3px;border-radius:2px;
  transition:transform .2s ease,opacity .2s ease;
}

.mean-container .mean-nav{
  float:left;width:100%;background:var(--mean-bg);margin-top:44px;
}

.mean-container .mean-nav ul{
  padding:0;margin:0;width:100%;list-style:none;
}

.mean-container .mean-nav ul li{
  position:relative;float:left;width:100%; background: #fff;
}

.mean-container .mean-nav ul li a{
  display:block;float:left;width:90%;padding:1em 5%;
  margin:0;text-align:left;color:var(--mean-text);
  border-top:1px solid var(--mean-border);
  text-decoration:none;text-transform:uppercase;
  transition:background-color .2s ease,color .2s ease;
  box-sizing:content-box;
}

.mean-container .mean-nav ul li li a{
  width:80%;padding:1em 10%;
  border-top:1px solid rgba(255,255,255,.25);
  opacity:.75;text-shadow:none;visibility:visible;
}

.mean-container .mean-nav ul li.mean-last a{
  border-bottom:0;margin-bottom:0;
}

.mean-container .mean-nav ul li li li a{
  width:70%;padding:1em 15%;
}

.mean-container .mean-nav ul li li li li a{
  width:60%;padding:1em 20%;
}

.mean-container .mean-nav ul li li li li li a{
  width:50%;padding:1em 25%;
}

.mean-container .mean-nav ul li a:hover,
.mean-container .mean-nav ul li a:focus{
  background:var(--mean-hover);
}

.mean-container .mean-nav ul li a:focus-visible,
.mean-container a.meanmenu-reveal:focus-visible{
  outline:2px solid #fff;outline-offset:-2px;
}

.mean-container .mean-nav ul li a.mean-expand{
  margin-top:1px;width:26px;height:32px;
  padding:12px!important;text-align:center;
  position:absolute;right:0;top:0;z-index:2;
  font-weight:700;background:var(--mean-expand);
  border:0!important;
  border-left:1px solid rgba(255,255,255,.4)!important;
  border-bottom:1px solid rgba(255,255,255,.2)!important;
  box-sizing:content-box;
}

.mean-container .mean-nav ul li a.mean-expand:hover,
.mean-container .mean-nav ul li a.mean-expand:focus{
  background:rgba(0,0,0,.65);
}

.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-bar,
.mean-container .mean-bar *{
  box-sizing:content-box;
}

.mean-remove{display:none!important}

body.mean-menu-open{overflow:hidden}

@media (prefers-reduced-motion:reduce){
  .mean-container a.meanmenu-reveal span,
  .mean-container .mean-nav ul li a{transition:none}
}