/* == Menu == */
.wojo.menu {
  margin: 1rem 0;
  background-color: #FFF;
  font-size: 0;
  font-weight: 400;
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
 border-radius:.1875rem
}
.wojo.menu:first-child {
  margin-top: 0
}
.wojo.menu:last-child {
  margin-bottom: 0
}
.wojo.menu:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden
}
.wojo.menu > .item:first-child {
  border-radius: .1875em 0 0 .1875em
}
.wojo.menu > .item:last-child {
  border-radius: 0 .1875em .1875em 0
}
.wojo.menu .item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  vertical-align: middle;
  line-height: 1;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: opacity .2s ease, background .2s ease, 0 .2s ease;
  transition: opacity .2s ease, background .2s ease, box-shadow .2s ease
}
/* == Text Colors == */
.wojo.menu .item,
.wojo.menu .item > a:not(.button) {
  color: rgba(0,0,0,0.75)
}
.wojo.secondary.menu .item,
.wojo.secondary.menu .item > a:not(.button) {
  color: #999
}
.wojo.menu .item .item,
.wojo.menu .item .item > a:not(.button) {
  color: rgba(30,30,30,0.7)
}
.wojo.menu .item .item .item,
.wojo.menu .item .item .item > a:not(.button) {
  color: rgba(30,30,30,0.6)
}
.wojo.menu .dropdown .menu .item,
.wojo.menu .dropdown .menu .item a:not(.button) {
  color: rgba(0,0,0,0.75)
}
.wojo.menu .item .menu a.item:hover,
.wojo.menu .item .menu .link.item:hover {
  color: rgba(0,0,0,0.85)
}
.wojo.menu .dropdown .menu .item a:not(.button):hover {
  color: rgba(0,0,0,0.85)
}
.wojo.secondary.menu .active.item:not(.dropdown){
  color: #fff
}
.wojo.menu .active.item,
.wojo.menu .active.item a:not(.button) {
  color: rgba(0,0,0,0.85);
  border-radius: 0
}
/* == Items == */
.wojo.menu .item {
  position: relative;
  display: inline-block;
  padding: .83em .95em;
  border-top: 0 solid rgba(0,0,0,0);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -moz-user-select: 0;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none
}
.wojo.menu .menu {
  margin: 0
}
.wojo.menu .item.left,
.wojo.menu .menu.left {
  float: left
}
.wojo.menu .item.right,
.wojo.menu .menu.right {
  float: right
}
/* == Borders == */
.wojo.menu .item:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  box-shadow: inset 1px 0 0 0 rgba(0,0,0,0.08)
}
.wojo.menu > .menu:not(.right):first-child > .item:first-child:before,
.wojo.menu .item:first-child:before {
  display: none
}
.wojo.menu .menu.right .item:before,
.wojo.menu .item.right:before {
  right: auto;
  left: 0
}
/* == Text Content == */
.wojo.menu .text.item > *,
.wojo.menu .item > p:only-child {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  line-height: 1.3;
  color: rgba(0,0,0,0.6)
}
.wojo.menu .item > p:first-child {
  margin-top: 0
}
.wojo.menu .item > p:last-child {
  margin-bottom: 0
}
/* == Button == */
.wojo.menu:not(.vertical) .item > .button {
  position: relative;
  top: -.05em;
  margin: -.55em 0;
  padding-bottom: .55em;
  padding-top: .55em;
  font-size: .875em
}
/* == Input == */
.wojo.menu:not(.vertical) .item > .input {
  margin-top: -.85em;
  margin-bottom: -.85em;
  /*
  padding-top: .3em;
  padding-bottom: .3em;
  */
  width: 100%;
  vertical-align: top
}
.wojo.menu .item > .input input {
  padding-top: .5em;
  padding-bottom: .5em
}
.wojo.vertical.menu .item > .input input {
  margin: 0;
  padding-top: .63em;
  padding-bottom: .63em
}
.wojo.vertical.menu .wojo.input > .icon {
  padding-top: .63em
}
.wojo.menu:not(.vertical) .item > .button.labeled > .icon {
  padding-top: .6em
}
.wojo.menu:not(.vertical) .item .action.input > .button {
  font-size: .8em;
  padding: .55em .8em
}
/* == Size == */
.wojo.small.menu:not(.vertical) .item > .input input {
  padding-top: .4em;
  padding-bottom: .4em
}
.wojo.large.menu:not(.vertical) .item > .input input {
  top: -.125em;
  padding-bottom: .6em;
  padding-top: .6em
}
.wojo.large.menu:not(.vertical) .item .action.input > .button {
  font-size: .8em;
  padding: .9em
}
.wojo.large.menu:not(.vertical) .item .action.input > .button > .icon {
  padding-top: .8em
}
/* == Header == */
.wojo.menu .header.item {
  background-color: rgba(0,0,0,0.04);
  margin: 0
}
.wojo.vertical.menu .header.item {
  font-weight: 700
}
/* == Dropdowns == */
.wojo.menu .dropdown .menu .item .icon {
  float: none;
  margin: 0 .75em 0 0
}
.wojo.menu .dropdown.item .menu {
  left: 1px;
  margin: 0;
  min-width: 0;
  min-width: calc(99%);
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
  padding: 1em;
}
.wojo.secondary.menu .dropdown.item .menu {
  left: 0;
  min-width: 100%
}
.wojo.menu .pointing.dropdown.item .menu {
  margin-top: .75em
}
.wojo.menu .simple.dropdown.item .menu {
  margin: 0
}
.wojo.menu .dropdown.item .menu .item {
  width: 100%;
  color: rgba(0,0,0,0.75)
}
.wojo.menu .dropdown.item .menu .active.item {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.wojo.menu .wojo.dropdown .menu .item:before {
  display: none
}
/* == Labels == */
.wojo.menu .item > .label {
  background-color: rgba(0,0,0,0.35);
  color: #FFF;
  margin: -.15em 0 -.15em .5em;
  padding: .3em .8em;
  vertical-align: baseline
}
.wojo.menu .item > .floating.label {
  padding: .3em .8em
}
.wojo.menu .item > img:only-child {
  display: block;
  max-width: 100%;
  margin: 0 auto
}
/* == States == */
.wojo.link.menu .item:hover,
.wojo.menu .link.item:hover,
.wojo.menu a.item:hover,
.wojo.menu .wojo.dropdown .menu .item:hover {
  cursor: pointer;
  background-color: #ECF5FC
}
.wojo.menu .wojo.dropdown.item.active {
  background-color: rgba(0,0,0,0.02);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}
.wojo.link.menu .item:active,
.wojo.menu .link.item:active,
.wojo.menu a.item:active,
.wojo.menu .wojo.dropdown .menu .item:active {
  background-color: rgba(0,0,0,0.05)
}
.wojo.menu .active.item {
  background-color: rgba(0,0,0,0.01);
  color: rgba(0,0,0,0.95);
  -webkit-box-shadow: 0 .2em 0 inset;
  box-shadow: 0 .2em 0 inset
}
.wojo.vertical.menu .active.item {
  border-radius: 0;
  -webkit-box-shadow: .2em 0 0 inset;
  box-shadow: .2em 0 0 inset
}
.wojo.vertical.menu > .active.item:first-child {
  border-radius: 0 .1875em 0 0
}
.wojo.vertical.menu > .active.item:last-child {
  border-radius: 0 0 .1875em 0
}
.wojo.vertical.menu > .active.item:only-child {
  border-radius: 0 .1875em .1875em 0
}
.wojo.vertical.menu .active.item .menu .active.item {
  border-left: none
}
.wojo.vertical.menu .active.item .menu .active.item {
  padding-left: 1.5rem
}
.wojo.vertical.menu .item .menu .active.item {
  background-color: rgba(0,0,0,0.03);
  -webkit-box-shadow: none;
  box-shadow: none
}
.wojo.menu .item.disabled,
.wojo.menu .item.disabled:hover {
  cursor: default;
  color: rgba(0,0,0,0.2);
  background-color: transparent
}
.wojo.menu.loading {
  position: relative
}
.wojo.menu.loading:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.8) url(../images/loader-large.gif) no-repeat 50% 50%;
  visibility: visible
}
/* == Types == */
.wojo.vertical.menu .item {
  display: block;
  height: auto;
  border-top: none;
  border-left: 0 solid rgba(0,0,0,0);
  border-right: none
}
.wojo.vertical.menu > .item:first-child {
  border-radius: .1875em .1875em 0 0
}
.wojo.vertical.menu > .item:last-child {
  border-radius: 0 0 .1875em .1875em
}
.wojo.vertical.menu .item > .label {
  float: right;
  text-align: center
}
.wojo.vertical.menu .item > i.icon {
  float: right;
  width: 1.22em;
  margin: 0 0 0 .5em
}
.wojo.vertical.menu .item > .label + i.icon {
  float: none;
  margin: 0 .25em 0 0
}
.wojo.vertical.menu .item:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
}
.wojo.vertical.menu .item:first-child:before {
  background-image: none
}
.wojo.vertical.menu .dropdown.item > i {
  float: right;
  content: "\f0da"
}
.wojo.vertical.menu .dropdown.item .menu {
  top: 0;
  left: 100%;
  margin: 0 0 0 1px;
  -webkit-box-shadow: 0 0 1px 1px #DDD;
  box-shadow: 0 0 1px 1px #DDD
}
.wojo.vertical.menu .dropdown.item.active {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}
.wojo.vertical.menu .dropdown.item .menu .item {
  font-size: 1rem
}
.wojo.vertical.menu .dropdown.item .menu .item i.icon {
  margin-right: 0
}
.wojo.vertical.menu .dropdown.item.active {
  -webkit-box-shadow: none;
  box-shadow: none
}
.wojo.vertical.menu .item > .menu {
  margin: .5em -.95em 0
}
.wojo.vertical.menu .item > .menu > .item {
padding:.5rem 1.5rem;
  font-size: .875em
}
.wojo.vertical.menu .item > .menu > .item:before {
  display: none
}
/* == Tiered == */
.wojo.tiered.menu > .sub.menu > .item {
  color: rgba(0,0,0,0.4)
}
.wojo.tiered.menu > .menu > .item:hover {
  color: rgba(0,0,0,0.8)
}
.wojo.tiered.menu .item.active {
  color: rgba(0,0,0,0.8)
}
.wojo.tiered.menu > .menu .item.active:after {
  position: absolute;
  content: '';
  margin-top: -1px;
  top: 100%;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #FBFBFB
}
.wojo.tiered.menu .sub.menu {
  background-color: rgba(0,0,0,0.01);
  border-radius: 0;
  border-top: 1px solid rgba(0,0,0,0.1);
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #FFF
}
.wojo.tiered.menu .sub.menu .item {
font-size:.875rem
}
.wojo.tiered.menu .sub.menu .item:before {
  background-image: none
}
.wojo.tiered.menu .sub.menu .active.item {
  padding-top: .83em;
  background-color: transparent;
  border-radius: 0 0 0 0;
  border-top: medium none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: rgba(0,0,0,0.7)
}
.wojo.tiered.menu .sub.menu .active.item:after {
  display: none
}
.wojo.pointing.tiered.menu > .menu > .item:after {
  display: none
}
.wojo.pointing.tiered.menu > .sub.menu > .item:after {
  display: block
}
/* == Pagination == */
.wojo.pagination.menu {
  display: inline-block;
  vertical-align: middle;
  margin: 1rem 0;
}
.wojo.small.pagination.menu { 
margin: 0;
}
.wojo.pagination.menu .item {
  min-width: 3em;
  text-align: center;
 font-size:.875rem;
}
.wojo.pagination.menu .icon.item i.icon {
  vertical-align: middle
}
.wojo.pagination.menu.floated {
  display: block
}
.wojo.pagination.menu .active.item {
  border-top: none;
  padding-top: .83em;
  background-color: #4D76A4;
  color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none
}
.wojo.pagination.menu .active.item:first-child {
  border-radius: .1875em 0 0 .1875em;
}
.wojo.pagination.menu .active.item:last-child {
  border-radius: 0 .1875em .1875em 0;
}
/* == Secondary == */
.wojo.secondary.menu {
  background-color: transparent;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none
}
.wojo.secondary.menu > .menu > .item,
.wojo.secondary.menu > .item {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  height: auto;
  margin: 0 .25em;
  padding: .5em 1em;
  border-radius: .3125em
}
.wojo.secondary.menu > .menu > .item:before,
.wojo.secondary.menu > .item:before {
  display: none
}
.wojo.secondary.menu .item > .input input {
  background-color: transparent;
  border: none
}
.wojo.secondary.menu .link.item,
.wojo.secondary.menu a.item {
  opacity: 0.8;
  -webkit-transition: none;
  transition: none
}
.wojo.secondary.menu .header.item {
  border-right: .1em solid rgba(0,0,0,0.1);
  background-color: transparent;
  border-radius: 0
}
.wojo.secondary.menu .link.item:hover,
.wojo.secondary.menu a.item:hover {
  opacity: 1
}
.wojo.secondary.menu > .menu > .active.item,
.wojo.secondary.menu > .active.item {
  background-color: rgba(0,0,0,0.08);
  opacity: 1;
  -webkit-box-shadow: none;
  box-shadow: none
}
.wojo.secondary.vertical.menu > .active.item {
  border-radius: .3125em
}
.wojo.secondary.item.menu > .item {
  margin: 0
}
.wojo.secondary.attached.menu {
  -webkit-box-shadow: none;
  box-shadow: none
}
.wojo.secondary.pointing.menu {
  border-bottom: 3px solid rgba(0,0,0,0.1)
}
.wojo.secondary.pointing.menu > .menu > .item,
.wojo.secondary.pointing.menu > .item {
  margin: 0 0 -3px;
  padding: .6em .95em;
  border-bottom: 3px solid rgba(0,0,0,0);
  border-radius: 0;
  -webkit-transition: color .2s;
  transition: color .2s
}
.wojo.secondary.pointing.menu .header.item {
  margin-bottom: -3px;
  background-color: transparent;
  border-right-width: 0;
  font-weight: 700;
  color: rgba(0,0,0,0.8)
}
.wojo.secondary.pointing.menu .text.item {
  -webkit-box-shadow: none;
  box-shadow: none
}
.wojo.secondary.pointing.menu > .menu > .item:after,
.wojo.secondary.pointing.menu > .item:after {
  display: none
}
.wojo.secondary.pointing.menu > .menu > .link.item:hover,
.wojo.secondary.pointing.menu > .link.item:hover,
.wojo.secondary.pointing.menu > .menu > a.item:hover,
.wojo.secondary.pointing.menu > a.item:hover {
  background-color: transparent;
  color: rgba(0,0,0,0.7)
}
.wojo.secondary.pointing.menu > .menu > .link.item:active,
.wojo.secondary.pointing.menu > .link.item:active,
.wojo.secondary.pointing.menu > .menu > a.item:active,
.wojo.secondary.pointing.menu > a.item:active {
  background-color: transparent;
  border-color: rgba(0,0,0,0.2)
}
.wojo.secondary.pointing.menu > .menu > .item.active,
.wojo.secondary.pointing.menu > .item.active {
  background-color: transparent;
  border-color: rgba(0,0,0,0.4);
  -webkit-box-shadow: none;
  box-shadow: none
}
.wojo.secondary.vertical.pointing.menu {
  border: none;
  border-right: 3px solid rgba(0,0,0,0.1)
}
.wojo.secondary.vertical.menu > .item {
  border: none;
  margin: 0 0 .3em;
  padding: .6em .8em;
  border-radius: .1875em
}
.wojo.secondary.vertical.menu > .header.item {
  border-radius: 0
}
.wojo.secondary.vertical.pointing.menu > .item {
  margin: 0 -3px 0 0;
  border-bottom: none;
  border-right: 3px solid transparent;
  border-radius: 0
}
.wojo.secondary.vertical.pointing.menu > .item:hover {
  background-color: transparent;
  color: rgba(0,0,0,0.7)
}
.wojo.secondary.vertical.pointing.menu > .item:active {
  background-color: transparent;
  border-color: rgba(0,0,0,0.2)
}
.wojo.secondary.vertical.pointing.menu > .item.active {
  background-color: transparent;
  border-color: rgba(0,0,0,0.4);
  color: rgba(0,0,0,0.85)
}
/* == Labeled Icon == */
.wojo.labeled.icon.menu {
  text-align: center
}
.wojo.labeled.icon.menu > .item > .icon {
  display: block;
  font-size: 1.5em;
  margin: 0 auto .3em
}
/* == Selection == */
.wojo.selection.menu > .item {
  color: rgba(0,0,0,0.4)
}
.wojo.selection.menu > .item:hover {
  color: rgba(0,0,0,0.6)
}
.wojo.selection.menu > .item.active {
  color: rgba(0,0,0,0.85)
}
.wojo.inverted.selection.menu > .item {
  color: rgba(255,255,255,0.4)
}
.wojo.inverted.selection.menu > .item:hover {
  color: rgba(255,255,255,0.9)
}
.wojo.inverted.selection.menu > .item.active {
  color: #FFF
}
/* == Floated == */
.wojo.floated.menu {
  float: left;
margin:0 .5rem 0 0
}
.wojo.right.floated.menu {
  float: right;
margin:0 0 0 .5rem
}
/* == Fitted == */
.wojo.fitted.menu .item,
.wojo.fitted.menu .item .menu .item,
.wojo.menu .fitted.item {
  padding: 0
}
.wojo.horizontally.fitted.menu .item,
.wojo.horizontally.fitted.menu .item .menu .item,
.wojo.menu .horizontally.fitted.item {
  padding-top: .83em;
  padding-bottom: .83em
}
.wojo.vertically.fitted.menu .item,
.wojo.vertically.fitted.menu .item .menu .item,
.wojo.menu .vertically.fitted.item {
  padding-left: .95em;
  padding-right: .95em
}
/* == Compact == */
.wojo.compact.menu {
  display: inline-block;
  margin: 0;
  vertical-align: middle
}
.wojo.compact.vertical.menu {
  width: auto
}
.wojo.compact.vertical.menu .item:last-child::before {
  display: block
}
/* == Fluid == */
.wojo.menu.fluid,
.wojo.vertical.menu.fluid {
  display: block;
  width: 100%
}
/* == Evenly Sized == */
.wojo.item.menu,
.wojo.item.menu .item {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center
}
.wojo.menu.two.item .item {
  width: 50%
}
.wojo.menu.three.item .item {
  width: 33.333%
}
.wojo.menu.four.item .item {
  width: 25%
}
.wojo.menu.five.item .item {
  width: 20%
}
.wojo.menu.six.item .item {
  width: 16.666%
}
.wojo.menu.seven.item .item {
  width: 14.285%
}
.wojo.menu.eight.item .item {
  width: 12.5%
}
.wojo.menu.nine.item .item {
  width: 11.11%
}
.wojo.menu.ten.item .item {
  width: 10%
}
.wojo.menu.eleven.item .item {
  width: 9.09%
}
.wojo.menu.twelve.item .item {
  width: 8.333%
}
/* == Fixed == */
.wojo.menu.fixed {
  position: fixed;
  z-index: 999;
  margin: 0;
  border: none;
  width: 100%
}
.wojo.menu.fixed,
.wojo.menu.fixed .item:first-child,
.wojo.menu.fixed .item:last-child {
  border-radius: 0
}
.wojo.menu.fixed.top {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto
}
.wojo.menu.fixed.right {
  top: 0;
  right: 0;
  left: auto;
  bottom: auto;
  width: auto;
  height: 100%
}
.wojo.menu.fixed.bottom {
  bottom: 0;
  left: 0;
  top: auto;
  right: auto
}
.wojo.menu.fixed.left {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  width: auto;
  height: 100%
}
.wojo.fixed.menu + .wojo.grid {
  padding-top: 2.75rem
}
/* == Pointing == */
.wojo.pointing.menu .active.item:after {
  position: absolute;
  bottom: -.3em;
  left: 50%;
  content: "";
  margin-left: -.3em;
  width: .6em;
  height: .6em;
  border: none;
  border-bottom: 1px solid rgba(0,0,0,0.1);
  border-right: 1px solid rgba(0,0,0,0.1);
  background-image: none;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
  -webkit-transition: background .2s ease;
  transition: background .2s ease
}
.wojo.pointing.menu .active.item .menu .active.item:after {
  display: none
}
.wojo.vertical.pointing.menu .active.item:after {
  position: absolute;
  top: 50%;
  margin-top: -.3em;
  right: -.4em;
  bottom: auto;
  left: auto;
  border: none;
  border-top: 1px solid rgba(0,0,0,0.1);
  border-right: 1px solid rgba(0,0,0,0.1)
}
.wojo.pointing.menu .active.item:after {
  background-color: #FCFCFC
}
.wojo.pointing.menu .active.item:hover:after {
  background-color: #FAFAFA
}
.wojo.vertical.pointing.menu .menu .active.item:after {
  background-color: #F4F4F4
}
.wojo.pointing.menu a.active.item:active:after {
  background-color: #F0F0F0
}
/* == Size == */
.wojo.menu .item {
  font-size: 1rem;
}
.wojo.menu.small .item {
 font-size:.75rem;
 font-family: 'maven_problack';
}
.wojo.vertical.menu {
  width: 15rem
}