/**
 * Schoolyard Studlands Rise Notice Board.
 * Based on the Icknield / St Marys standard.
 */

body.page-id-12385,
body.page-id-12385 #page {
  background-image: url("/wp-content/uploads/2024/07/syo-background.webp") !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-color: #2b2a29 !important;
  min-height: 100vh !important;
}

body.page-id-12385 .site-header,
body.page-id-12385 .storefront-primary-navigation,
body.page-id-12385 #colophon,
body.page-id-12385 .site-footer,
body.page-id-12385 .storefront-breadcrumb,
body.page-id-12385 .woocommerce-breadcrumb,
body.page-id-12385 nav.woocommerce-breadcrumb {
  display: none !important;
}

body.page-id-12385 .site-content,
body.page-id-12385 #content {
  margin-top: 20px !important;
  padding-top: 0 !important;
}

body.page-id-12385 .col-full,
body.page-id-12385 .content-area,
body.page-id-12385 .site-main,
body.page-id-12385 .entry-content,
body.page-id-12385 #primary,
body.page-id-12385 #main {
  float: none !important;
  max-width: 1000px !important;
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-id-12385 #primary,
body.page-id-12385 #main {
  margin-top: 0 !important;
}

body.page-id-12385 .entry-title,
body.page-id-12385 .page-title,
body.page-id-12385 .entry-header {
  display: none !important;
}

body.page-id-12385 #main img.alignnone,
body.page-id-12385 .entry-content img.alignnone {
  display: block !important;
  width: 220px !important;
  max-width: 220px !important;
  height: auto !important;
  margin: 0 auto !important;
}

body.page-id-12385 .entry-content img,
body.page-id-12385 #primary > #main img {
  display: block !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.page-id-12385 #primary > #main p,
body.page-id-12385 .site-main p,
body.page-id-12385 .entry-content p,
body.page-id-12385 .entry-content li,
body.page-id-12385 .entry-content ol,
body.page-id-12385 .entry-content ul,
body.page-id-12385 .text-block-nb {
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.35 !important;
  font-weight: 400 !important;
  text-align: center !important;
}

body.page-id-12385 #primary > #main .text-block-nb,
body.page-id-12385 .text-block-nb,
body.page-id-12385 .entry-content p {
  max-width: 900px !important;
  width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-top: 20px !important;
}

body.page-id-12385 .ct-link-button,
body.page-id-12385 .order-btn,
body.page-id-12385 a[class*="button"],
body.page-id-12385 a[id*="link_button"] {
  display: table !important;
  background-color: #b8c25b !important;
  border: 4px solid #ffffff !important;
  border-radius: 10px !important;
  color: #2b2a29 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  padding: 9px 14.4px !important;
  margin-top: 0 !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  text-decoration: none !important;
}

body.page-id-12385 .ct-link-button:hover,
body.page-id-12385 .order-btn:hover,
body.page-id-12385 a[class*="button"]:hover,
body.page-id-12385 a[id*="link_button"]:hover {
  background-color: #aab44f !important;
  color: #2b2a29 !important;
  text-decoration: none !important;
}

@media screen and (max-width: 768px) {
  body.page-id-12385,
  body.page-id-12385 #page {
    background-attachment: scroll !important;
  }

  body.page-id-12385 .site-content,
  body.page-id-12385 #content {
    margin-top: 16px !important;
  }

  body.page-id-12385 .col-full,
  body.page-id-12385 .content-area,
  body.page-id-12385 .site-main,
  body.page-id-12385 .entry-content,
  body.page-id-12385 #primary,
  body.page-id-12385 #main {
    max-width: 100% !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    box-sizing: border-box !important;
  }

  body.page-id-12385 #main img.alignnone,
  body.page-id-12385 .entry-content img.alignnone {
    width: 190px !important;
    max-width: 190px !important;
  }

  body.page-id-12385 #primary > #main p,
  body.page-id-12385 .site-main p,
  body.page-id-12385 .entry-content p,
  body.page-id-12385 .entry-content li,
  body.page-id-12385 .entry-content ol,
  body.page-id-12385 .entry-content ul,
  body.page-id-12385 .text-block-nb {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }

  body.page-id-12385 .ct-link-button,
  body.page-id-12385 .order-btn,
  body.page-id-12385 a[class*="button"],
  body.page-id-12385 a[id*="link_button"] {
    font-size: 20px !important;
    padding: 9px 13px !important;
  }
}

/**
 * Notice Board link colour correction.
 * Keep normal text links white on the dark background,
 * but do not override the green button links.
 */
body.page-id-12385 .entry-content a:not(.ct-link-button):not(.order-btn):not([class*="button"]):not([id*="link_button"]),
body.page-id-12385 #primary > #main a:not(.ct-link-button):not(.order-btn):not([class*="button"]):not([id*="link_button"]) {
  color: #ffffff !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

body.page-id-12385 .entry-content a:not(.ct-link-button):not(.order-btn):not([class*="button"]):not([id*="link_button"]):hover,
body.page-id-12385 #primary > #main a:not(.ct-link-button):not(.order-btn):not([class*="button"]):not([id*="link_button"]):hover {
  color: #f2f2f2 !important;
  text-decoration: underline !important;
}