header.wp-block-template-part {
    background-color: #333; /* Black background color */
    position: fixed; /* Make it stick/fixed */
    top: 0; /* Stay on top */
    width: 100%; /* Full width */
    transition: top 0.3s; /* Transition effect when sliding down (and up) */
  /*  box-shadow: 0px 3px 5px rgb(0, 0, 0, 0.25);*/
    border-bottom: 1px solid rgb(240, 240, 240);
    background-color: white;
    z-index: 99999;
  }

  /* kovakoodattu koska liven editor ei tarjoa logolle fiksattua leveyttä dimensions alta, miksi? */
  #stickyheader > div > div.wp-block-site-logo > a > img {
    width: 75px;
  }

/* STICKY HEADER */
/* The sticky class is added to the header with JS when it reaches its scroll position 
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0px 10px 10px rgb(0, 0, 0, 0.5);
    background-color: white;
    z-index: 99999;
  }
  
  /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) 
  .sticky + .wp-block-group  {
    padding-top: 80px;
  }
*/