/* Variables - a mix of Old and New */

:root {

/* Octagon Design System Colors */

/* Start Yung's palette */ 

  /* COLORS */
  /* primary */

  /*--black: #000000;*/

  /* secondary */
/* End Yung's palette */

  /* Components Colors */

  /* Basic Colors used in components*/ /* was used for sidebar - Yung's theme uses slightly lighter charcoal #454545*/
  
  /* other */

  /* margins */
}

.nav__main {
  background: rgb(32, 34, 38);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  font-size: 14px;
  min-height: 50px;
  padding: 5px 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between
}

.nav__main .nav__item--link {
color: white;
opacity: 0.9;
display: inline-block;
padding: 0.5em;
text-decoration: none
}

.nav__main .nav__item--link:hover {
text-decoration: none;
}

.nav__main .nav__logo {
width: 80px;
display: block;
}

.nav__main .nav__item--left,
  .nav__main .nav__item--right {
position: relative;
float: left;
display: block;
}

.nav__main .nav__item--right {
float: right;
}

.nav__main .localTime {
color: white;
opacity: 0.7;
font-size: 14px;
}
