.simple-header {
   background-color: black;
   padding:20px;
   height: 90px;
   z-index: 9999;
   width: 100%;
   position: fixed;
   top: 0;
   left: 0;
   box-shadow: 1px 1px 5px -3px;
}

.simple-header .header-social > a {
   display: inline-block;
}

.simple-header .uk-offcanvas{
  background-color: rgba(0,0,0,0.8);
}

.simple-header .canvas-wrapper{
  position: relative;
  min-height: 100%;
}

.simple-header .menu-link:hover{
   text-decoration: none;
}

.simple-header .left-logo{
   max-width: 120px;
   position: absolute;
   z-index: 1;
   left: 25px;
   top: 20px;
}

.simple-header .logo-text{
   color: white;
}

.simple-header .header-social{
   display: inline-block;
}

.simple-header .header-logo{
   max-width: 100%;
}

.simple-header .right-container{
   float: right;
}

.simple-header .menu-items{
   color: white;
   display: none;
   height: auto;
}

.simple-header .share-main-icon {
    width: 4rem;
    height: 4rem;
    position: relative;
    top: -0.5rem;
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: 45% center;
    border-color: #3886c8;
    margin: 0;
    padding: 0;
    display: block;
}

.simple-header .logo-text{
   margin-left: 40px;
   white-space: nowrap;
   margin-top: 5px;
}

.simple-header .menu-item{
   max-width: 400px;
   display: inline-block;
   list-style: none;
   cursor: pointer;
}

.simple-header .menu{
   transition: color 0.5s ease;
}
.simple-header .fa2{
   border: 2px solid white;
   border-radius: 100%;
   padding: 10px;
   display: inline-block;
   background-color: transparent;
   transition: background-color 0.5s ease,
               color 0.5s ease;
}


.simple-header .menu-link {
    color: white;
    text-decoration: none;
    padding: 10px 5px;
    position: relative;
}

.simple-header .menu-items-mobile .uk-nav{
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    color: white;
}

.simple-header .menu-items-mobile{
  vertical-align: top;
  text-align: right;
  margin-right: -10px;
  float: right;
  display: inline-block;
}

.simple-header .menu-items-mobile .dropdown-item
{
padding: 5px;
border-bottom: 1px solid #e1e8ed;
color: black;
}

.simple-header .fa3{
border: 2px solid black;
border-radius: 100%;
padding: 10px;
display: inline-block;
background-color: transparent;
transition: background-color 0.5s ease,
            color 0.5s ease;
}

@media screen and (min-width: 800px) {
.simple-header .menu-items{ display: inline-block; margin-bottom: 0}
.simple-header .menu-items-mobile{ display: none;}
}

body.edit-mode .simple-header{
  position: relative;
}

@media screen and (max-width: 720px){
  .simple-header .uk-dropdown {
      top: 50px !important;
      left: -120px !important;
  }
}

.simple-header .uk-nav{
    max-height: 200px;
    overflow-y: scroll;
}

.simple-header .off-canvas-container{
  text-align: left;
  padding: 30px 15px 60px;
}
.simple-header .off-canvas-container li{
  border-bottom: 1px solid #e7e6e7;
  padding-top: 20px;
  padding-bottom: 5px;
}

.simple-header .social-off-canvas-container
{
  width: 100%;
  padding: 20px;
  position: absolute;
  bottom: 0;
  text-align: center;
}

.simple-header #hamburger .header-container2{
  text-align: center;
}

.simple-header #hamburger{
  z-index:20000;
}

.simple-header .uk-dropdown .menu-item{
  padding: 10px 0 10px 0;
  border-bottom: 1px solid;
  display: block;
}

.simple-header .soc{
  padding: 10px;
}

.simple-header .left-logo{
  z-index: 1;
}
