.pkp_structure_head {
    
    /*background-image: linear-gradient( 179.1deg,  rgba(0,98,133,1) -1.9%, rgba(0,165,198,1) 91.8% );*/
    background-image: linear-gradient(-225deg, #77FFD2 0%, #6297DB 48%, #1EECFF 100%);
    background-size: 200% 100%;
    animation: moveGradientHeader 3s linear infinite;
    padding: 20px;
    border: 2px solid rgb(193, 255, 220);
         
}

.pkp_navigation_primary .dropdown-menu {
    background-image: linear-gradient(-225deg, #FFFEFF 0%, #D7FFFE 100%);
    
}

.pkp_navigation_search_wrapper {
    background-image: linear-gradient(-225deg, #77FFD2 0%, #6297DB 48%, #1EECFF 100%);
    background-size: 200% 100%;
    animation: moveGradientSearch 3s linear infinite;
}

.pkp_structure_main {
    background: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);
     padding: 20px;
        border: 5px solid rgb(26, 110, 62);
}

body {
background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
}

.pkp_structure_sidebar {
    background: linear-gradient( 98.4deg, rgba(187,240,211,1)  16.6%, rgba(254,251,191,1) 81.8% ); /* Replace with your desired color code */
    background-size: 200% 100%;
    animation: moveGradientstructure_sidebar 3s linear infinite;
}

.pkp_footer_content {
    background-color: #CDDCDC;
 background-image: radial-gradient(at 50% 100%, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), linear-gradient(to bottom, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.25) 100%);
 background-blend-mode: screen, overlay; 
 
}

.pkp_brand_footer {
display: none;
}

.pkp_site_name {

    font-size: 5vw; /* Or 3em, 5vw, 24pxetc. */
  font-weight: bold;

  /* 2. Apply a linear gradient as the background */
  /* https://grabient.com/AwGgdAHATA7CCMYBsEIlJAnFBYAsE84wmaY8wR5we64ArEjmPQMyZA?angle=225 */

  background: linear-gradient(225deg, #000040 0.000%, #001154 25.000%, #002671 50.000%, #003f96 75.000%, #005dc3 100.000%);
  /*background: linear-gradient(-225deg, #77FFD2 0%, #6297DB 48%, #1EECFF 100%);*/

  /* 3. Clip the background to the shape of the text */
  -webkit-background-clip: text;
  background-clip: text;

  /* 4. Make the text transparent so the background shows through */
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;

}

@keyframes moveGradientHeader {
  0% {
    background-position: 0% 0%; /* Start position */
  }
  100% {
    background-position: 100% 0%; /* End position (moves from left to right) */
  }
}

@keyframes moveGradientSearch {
  0% {
    background-position: 0% 0%; /* Start position */
  }
  100% {
    background-position: 100% 0%; /* End position (moves from left to right) */
  }
}

@keyframes moveGradientstructure_sidebar {
  0% {
    background-position: 0% 0%; /* Start position */
  }
  100% {
    background-position: 100% 0%; /* End position (moves from left to right) */
  }
}