#masthead{
  z-index: 9999;
  width: 100%;
  transition: 450ms;
}

.full-width-header #headerInner{
  z-index: 9999;
  width: 100%;
  max-width: none;
}

#headerInner{
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: content-box;
  padding: 0 30px;
}

@media screen and (min-width: 1820px){
  #headerInner{
    padding: 0 10%;
  }
}

.fixed-header{
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
}

.logged-in .fixed-header{
  top: 32px;
}

.logged-in{
  margin-top: -32px;
}

.elementor-editor-active .fixed-header, .page-id-customize-partial-edit-shortcuts-shown .fixed-header{
  top: 0 !important;
}

.elementor-editor-active{
  margin-top: 0 !important;
}

.site-branding{
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 999;
  position: relative;
  width: 50%;
  overflow: hidden;
}

.site-branding a{
  display: flex;
  text-decoration: none;
}

.site-branding img{
  width: auto;
  box-sizing: content-box;
}

.site-description{
  margin: 0;
}

#main-logo{
  height: 80px;
  fill: #eeeceb;
  transition: 200ms;
}

.toggled #main-logo{
  fill: #1a3d3e;
}

.site-title-logo{
  position: absolute;
  transform: translateX(-100%);
  transform-origin: left;
  transition: 400ms;
  transition: transform 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

.site-branding .custom-logo-link{
  transition: 400ms;
  transition-timing-function: ease-in-out;
}

@media screen and (max-width: 2000px){

  #headerInner{

  }

}

@media screen and (max-width: 570px){

.logged-in .fixed-header.logged-in-mobile{
    top: 0;
  }

  #main-logo{
    height: 70px;
  }

}