/* Smooth scrolling for anchor points */
html {
  scroll-behavior: smooth;
}

/* Menu drop shadow when normal or white on frontpage */
header{
    box-shadow:
  -10px 0 20px rgba(0, 0, 200, 0.25),  /* left blue */
   10px 0 20px rgba(0, 0, 200, 0.25),  /* right blue */
   0 0 25px rgba(255, 105, 180, 0.35);  /* middle pink glow */
}

footer{
    position: relative;
    margin-top: 0px;
    box-shadow:
  -10px -2px 20px rgba(0, 0, 200, 0.25),  /* left blue */
   10px -2px 20px rgba(0, 0, 200, 0.25),  /* right blue */
   0 -2px 25px rgba(255, 105, 180, 0.35);  /* middle pink glow */    z-index: 1000 !important;
}


.parent-pageid-397 header {
    box-shadow: 0 2px 4px 0 rgba(217, 0, 139, 0.2);
}

.parent-pageid-397 footer {
    position: relative;
    margin-top: 0px;
    box-shadow: 0 -2px 4px 0 rgba(217, 0, 139, 0.2);
    z-index: 1000 !important;
}

.parent-pageid-24  header, .parent-pageid-52 header  {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 200, 0.2);
}

.parent-pageid-24  footer, .parent-pageid-52 footer {
    position: relative;
    margin-top: 0px;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 200, 0.2);
    z-index: 1000 !important;
}

/* Shrink header on scroll */
header {
  max-height: 175px;
  transition: max-height 0.4s ease;
}

body.scrolled header {
  max-height: 140px;
}

.header-logo {
  height: 80px;
  transition: transform 0.4s ease;
}

body.scrolled .header-logo {
  transform: scale(0.65);
}

body header .wp-block-group{
  transition: margin-block-start 0.4s ease;
}

body.scrolled header .wp-block-group{
  margin-block-start: 0px;
}

/* Add z-index to submenus */
.wp-block-navigation-submenu
{
    z-index: 2000 !important;
}

/* Make to top level nav item bold */
.wp-block-navigation > .wp-block-navigation-item > .wp-block-navigation-item__content > .wp-block-navigation-item__label {
  font-weight: 700;
}

/* Basic link styling */
a{
    transition: all 0.3s ease-in-out;
    text-decoration: underline;
    color: var(--wp--preset--color--blue);
}

p a:hover{
    text-decoration: none;
}

.wp-block-button .wp-element-button{
    transition: all 0.3s ease-in-out;
}


/* buttons */
.is-style-outline .wp-block-button__link:hover {
    background-color: var(--wp--preset--color--blue);
    color: var(--wp--preset--color--white);
}

.wp-block-button__link:hover {
    background-color: var(--wp--preset--color--white);
    color: var(--wp--preset--color--blue);
}

/* responsive menu items */

.wp-block-navigation__responsive-container-open:not(.always-shown) {
    display: none !important;
}
.wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: block !important;
}


/* Mobile menu with auto clossing child menus */
@media (max-width: 781px){

    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: block !important;
    }
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
    display: none !important;
    }

    .mobile-main-menu .wp-block-navigation__responsive-container.is-menu-open
    {
      background-color: var(--wp--preset--color--white) !important;
      color: var(--wp--preset--color--black) !important;
    }
    .mobile-main-menu .wp-block-navigation .wp-block-navigation-item {
      justify-content: center;
    }
  
    .mobile-main-menu.wp-block-navigation ul,
    .mobile-main-menu.wp-block-navigation ul li {
      width: 100%;
    }
  
    .wp-block-navigation__responsive-container-content{
      padding-top: 100px !important;
    }
  
    .wp-block-navigation__submenu-container.wp-block-navigation-submenu {
      padding-left: 0 !important;
      padding-bottom: 10px;
    }
  
    .mobile-main-menu .wp-block-navigation .wp-block-navigation__submenu-icon {
      height: auto;
      width: auto;
      position: absolute;
      padding: 3px;
      right: 30px;
      top: 4px;
    }
  
    .mobile-main-menu .wp-block-navigation__responsive-container.is-menu-open 
    .wp-block-navigation__responsive-container-content 
    .has-child .wp-block-navigation__submenu-container {
      display: none;
      width: 100%;
    }
  
    .mobile-main-menu .wp-block-navigation__responsive-container.is-menu-open 
    .wp-block-navigation__responsive-container-content 
    .wp-block-navigation__submenu-icon {
      display: block;
    }
  
    /* Adding some formatting and an image to the mobile overlay menu */
    .mobile-main-menu .wp-block-navigation__responsive-container-close::before {
      content: 'Close';
      position: absolute;
      left: -50px;
      top: 0px;
    }
  
    .mobile-main-menu .wp-block-navigation__responsive-container-close{
      top: 25px;
      right: 25px;
    }
  
    .mobile-main-menu .wp-block-navigation__responsive-dialog::before {
      position: absolute;
      content: '';
      background-size: contain !important;
      width: 150px;
      height: 62px;
      left: 0;
      top: 0;
      background: url(../images/chert-300x124.png) no-repeat center center;
    }
  
    /* Rotate the submenu arrow on click */
    /* Default state */
    .mobile-main-menu .wp-block-navigation-submenu__toggle svg {
      transition: transform 0.3s ease; 
    }
  
    /* Rotated state when aria-expanded is true */
    .mobile-main-menu .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg {
      transform: rotate(180deg); 
    }
  }