header.wp-block-template-part {
  .site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    top: 0;
    /* Vars are used for JS animations */
    --scroll-progress: 0;
    --bg-opacity: 0;
    --logo-width: 100px;
    --text-size: 40px;
    --text-opacity: 1;
    --text-translate-x: 0px;
    background-color: rgba( 34, 34, 34, var(--bg-opacity) );

    .header-logo {
      img {
        width: var(--logo-width);
        transition: none;
      }
      
      p {
        font-size: var(--text-size) !important;
        opacity: var(--text-opacity);
        transform: translateX( var(--text-translate-x) );
        transition: none;
      }

      &:hover {
        opacity: 0.8;
      }
      a {
        &:hover {
          text-decoration: none;
        }
      }
    }
  }

  @media screen and ( max-width: 600px ) {
    .navigation-wrapper {
      flex-direction: row-reverse;
    }
  }
}

body.admin-bar header.wp-block-template-part .site-header {
  top: 32px;
}

@media ( max-width: 782px ) {
  body.admin-bar header.wp-block-template-part .site-header {
    top: 46px;
  }
}