#main-slider .black-overlay {
    opacity: 0;
}

.modern-design .site-logo img {
    max-height: 105px;
}

.site-header .site-title {
    font-size: 25px;
}

.main-slider-contents .title a {
    color: #FCF55F;
}

@media screen and (min-width: 993px) and (max-width: 1111px) {
    .slick-slider {
        margin-top: 222px;
        margin-bottom: 9em;
    }
}

@media screen and (min-width: 1112px) {
    .slick-slider {
        margin-top: 184px;
        margin-bottom: 7.82em;
    }
}

@media only screen and (max-width: 768px) {
    .modern-design #info-text {
        margin-top: 0px !important;
    }
}

/* Yellow background */
body {
    background-color: #FFF69A;
}


/* Dark teal background on all pages */
.blog-post-wrap,
.blog-post-wrap .entry-content {
    background-color: #167D87 !important;
}


/* Match yellow background sections */
body.home .site-content,
body.home #content,
body.home #page,
body.home .site {
    background-color: #FFF69A !important;
}
 

/* Match the bottom yellow to the top yellow */
body.home .cloud-background.page-section {
    background: #FEF79F !important;
}


/* Northwest Montessori - Desktop Header */
@media screen and (min-width: 1024px) {

  /* Center logo and school name */
  .site-branding {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
    margin: 0 auto !important;
  }

  /* Move navigation below logo */
  #site-navigation {
    position: relative !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 15px auto 0 !important;
  }

  /* Display all five links horizontally */
  #site-navigation #primary-menu {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 30px !important;
    width: 100% !important;
  }

  /* Prevent individual links from wrapping */
  #site-navigation #primary-menu > li {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  /* Keep dropdown menus positioned correctly */
  #site-navigation #primary-menu > li {
    position: relative;
  }

}



/* Make room for navigation below logo */
@media screen and (min-width: 1024px) {
  #site-navigation {
    transform: translateY(225px) !important;
  }

  #masthead {
    padding-bottom: 55px !important;
  }
}


/* Remove green lines under logo */
@media screen and (min-width: 1024px) {
  #masthead .site-title,
  #masthead .site-description {
    display: none !important;
  }

  #masthead .site-branding::before,
  #masthead .site-branding::after,
  #masthead .site-logo::before,
  #masthead .site-logo::after {
    content: none !important;
    display: none !important;
  }
}


/* Make desktop logo bigger */
@media screen and (min-width: 1024px) {
  #masthead .site-logo img,
  #masthead .custom-logo-link img,
  #masthead .site-branding img {
    width: 320px !important;
    max-width: 320px !important;
    max-height: none !important;
    height: auto !important;
  }
}


/* Desktop: move menu above the logo */
@media screen and (min-width: 1024px) {

  #masthead {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  #site-navigation {
    order: -1 !important;
    position: relative !important;
    transform: none !important;
    margin: 0 auto 30px !important;
    width: 100% !important;
  }

  #masthead .site-branding {
    order: 1 !important;
    position: relative !important;
    top: 0 !important;
margin: -40px auto 0 !important;
    text-align: center !important;
  }

}


/* Reduce empty space below desktop logo */
@media screen and (min-width: 1024px) {
  #masthead {
    padding-bottom: 0 !important;
  }

  #masthead .site-branding {
    margin-bottom: 0 !important;
  }
}