header {
  background: #fff;
  width: 100%;
  color: #fff;
  padding: 0;
  display: flex;
  align-items: center;
  position: fixed;
  transition: all 0.2s ease;
  z-index: 9999;



}

.header-top {
  transition: all 0.1s ease;
}


.header-top .top_nav {
  transition: all 0.2s ease;
  display: none;
  height: 0;
}


.header-top .nav-menu {
  padding: 1.75rem 0;
}


.logo {
  max-width: 28rem;
  display: flex;
  height: 100%;
  align-items: center;
  flex-direction: column;
  padding: 0.2rem 0;
}

.header-top .logo {
  transform: scale(0.8);

  }

.logo img {
  width: 100%;
}

/*.strapline {
  color: #333;
}
*/
.site-branding {
  display: none;
}


#slide-panel {
  position: fixed;
  display:none;
  height: 100vh;
  overflow-y: scroll;
  background: #fff;
  padding: 5rem 3rem 3rem 5rem;
  right: 0;
  top: 0;
  z-index: 99999;
  color: #333;
  max-width: 50rem;
  text-align: center;
  width: 100%;
}

#slide-panel div {
  display: flex;
  flex-direction: column;
}

#slide-panel img.attachment-thumbnail {
  margin:0.5rem auto 1rem;
}

#flip-close a {
margin-right: auto;
display: flex;
position: relative;
color: #fff;
  padding: 1.25rem 1.75rem 1.25rem 3.75rem !important;
  background-color: var(--primary);
  text-decoration: none;
  margin-left: 0.25rem;
    border-radius: .4rem;
   transition: all 100ms cubic-bezier(0.115, 0.345, 0.525, 0.840);
  transition-timing-function: cubic-bezier(0.115, 0.345, 0.525, 0.840);
}

#flip-close a img {
  position: absolute;
  left:1rem;
  top: 0.89rem;
  width: 2.5rem;
  height: 2.5rem
}