/* lists */
.list-full, .list-full li,
.list-auto, .list-auto li { /*width: 100%;*/ float: left; display: block; position: relative; }
.list-auto, .list-auto li { width: auto; }

/* floats */
.float-l { float: left; }
.float-r { float: right; }

header {
/*   min-height: 60px; */
/*   position: fixed; */
  top: 0;
  right: 0;
  left: 0;
/*   background: #0077F1; 
/*   z-index: 2; */
}

body > div.header-container-wrapper > div > div > div > div {
	background: #52AE32 !important;
}

header h1 {
  padding: 10px 0 0 10px;
}

header a {
  color: white !important;
}

header ul {
  padding: 15px 10px 0 0;
}

/* header li {
  border-left: 1px solid #FFF;
} */

header li {
  position: relative;
}

header li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 65%;
  transform: translateY(-65%);
  width: 3px;
  height: 18px; /* altura da bordinha */
  background-color: #FFF;
}

header li:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 65%;
  transform: translateY(-65%);
  width: 0;
  height: 0; /* altura da bordinha */
  background-color: #FFF;
}

/* header li:first-child {
  border: none;
} */

header li a {
	font-family: "Noto Sans", sans-serif;
	font-weight: 900;
  display: block;
	
  padding: 0 10px;
  color: white;
  font-size: 16px;
	
  line-height: 30px;
  text-decoration: none;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

header li a:hover {
  color: #5058A0;
}

input#control-nav {
  visibility: hidden;
  position: absolute;
  left: -9999px;
  opacity: 0;
}

@media screen and (max-width: 767px) {
  header nav {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 250px;
    border-left: 1px solid #ccc;
    background: #52AE32;
    overflow-x: auto;
/*     z-index: 2; */
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
	
	header li {
		position: initial;
	}
	
	header li::before {
		content: none;
	}

  header ul.list-auto {
    padding: 0;
  }

  header ul.list-auto li {
    width: 100%;
    border: solid #ccc;
    border-width: 0 0 1px;
  }

  header li a {
    padding: 15px 10px;
  }

/*   header li a:hover {
    background-color: #ccc;
  } */

  .control-nav { /* label icon */
    position: absolute;
    right: 20px;
    top: 48px;
    display: block;
    width: 30px;
    padding: 5px 0;
    border: solid white;
    border-width: 3px 0;
/*     z-index: 2; */
    cursor: pointer;
  }

  .control-nav:before {
    content: "";
    display: block;
    height: 3px;
    background: white;
  }

  .control-nav-close {
    position: fixed; /* label layer */
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: 1;
    background: rgba(0,0,0,0.4);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }

  /* checked nav */
  input#control-nav {
    display: block;
  }

  input#control-nav:focus ~ .control-nav {
    border-color: #000;
    box-shadow: 0px 0px 9px rgba(0,0,0,0.3);
  }

  input#control-nav:focus ~ .control-nav:before {
    background: #000;
  }

  input#control-nav:checked ~ nav,
  input#control-nav:checked ~ .control-nav-close {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
		z-index: 1;
  }

  header {
/*     padding-top: 80px; */
  }
}

@media screen and (max-width: 480px) {
  header{
    font-size: 20px;
    line-height: 40px;
  }
}