/*
Global Styles
======================================
*/

/*
Icon Font
======================================
*/

/*
Layout
======================================
*/

.wrap {
  position: relative;
  z-index: 9999;
}

/*
Typography
======================================
*/

/*
code
-----------------------------------
*/

/*
table
-------------------------------------
*/

/*
Masthead
======================================
*/

.menu-link {
  font-size: 20px;
}
.menu-open {
  margin-top: 6px;
  float: right;
}
.menu-close {
  background: none !important;
  text-align: right;
  padding: 5px !important;
}

.menu-link:link,
.menu-link:visited {
  color: #005f9f !important;
  text-decoration: none;
}

@media (max-width: 480px) {
  .menu-open {
    margin-top: 7px;
  }
}

/*
Nav Panel
======================================
*/

.panel {
  background: #f1f1f1;
  z-index: 9999;
  position: fixed;
  right: -170px;

  /*width: 100%;*/ /*should match the above value*/
}

.panel ul {
  list-style-type: none;
  padding: 0;
}

.panel a,
.panel button {
  display: block;
  border-bottom: 1px solid #b9bbc7;
  padding: 1em;
  text-decoration: none;
  font-family: "centrale_sans_regularregular";
}

.panel a:link,
.panel a:visited,
.panel button:link,
.panel button:visited {
  color: #7f7f7f;
}

.panel a:hover,
.panel a.active,
.panel button:hover,
.panel button.active {
  background: #005e9c;
  color: white;
}

.nav-icon {
  margin-right: 6px;
}

/*
code
-----------------------------------
*/

/*
footer
-------------------------------------
*/

/*
Helper Classes
-----------------------------------
*/

.hide {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
Small Screens
-----------------------------------
*/