/* KJA Notice Board / Homepage
   Migrated from CSS Hero, corrected to use the KJA local background image. */

.page-id-19860 {
  background-image: url(https://king-james-academy.schoolyard-online.co.uk/wp-content/uploads/2024/07/syo-background.webp);
  background-size: auto;
  background-position: center;
}

.page-id-19860 .site-content {
  margin-top: 10px;
}

.page-id-19860 #colophon {
  display: none;
}

.page-id-19860 .site-header {
  display: none;
}

.page-id-19860 #page > #colophon .site-info {
  color: #ffffff;
}

.page-id-19860 #main .alignnone {
  margin: auto auto;
  width: 220px;
}

.page-id-19860 #primary > #main p {
  color: #ffffff;
  text-align: center;
}

.page-id-19860 #primary > #main .entry-title {
  display: none;
}

.page-id-19860 .storefront-breadcrumb {
  display: none;
}

.page-id-19860 #primary > #main .text-block-nb {
  color: #ffffff;
  font-size: 24px;
  max-width: 500px;
  text-align: center;
  margin: auto auto;
  padding-top: 20px;
}

.page-id-19860 #primary > #main #image-8-13503 {
  max-width: 170px;
  margin: auto auto;
  padding-top: 30px;
  padding-bottom: 0;
}

.page-id-19860 #primary > #main .order-btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
}

.page-id-19860 #link_button-10-13503,
.page-id-19860 #link_button-10-13503:link,
.page-id-19860 #link_button-10-13503:visited,
.page-id-19860 #link_button-10-13503:hover,
.page-id-19860 #link_button-10-13503:focus,
.page-id-19860 #link_button-10-13503:active {
  background-color: #b8c25b;
  border: 4px solid #ffffff;
  color: #2b2a29;
  padding: 9px 14.4px;
  margin-top: 20px;
  font-size: 24px;
  font-weight: 700;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  text-decoration-line: none;
  box-shadow: none;
}

.page-id-19860 .ct-link-button {
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

/* Keep homepage links white without leaking to WooCommerce/product pages */
.page-id-19860 #main a:not(.ct-link-button),
.page-id-19860 #main a:not(.ct-link-button):visited,
.page-id-19860 #main a:not(.ct-link-button):hover,
.page-id-19860 #main a:not(.ct-link-button):focus {
  color: #ffffff;
}

/* Notice-board paragraph sizing */
#post-19860 > div:nth-child(1) > p:nth-child(2),
#post-19860 > div:nth-child(1) > p:nth-child(4),
#post-19860 > div:nth-child(1) > p:nth-child(5) {
  font-size: 31px;
}

#post-19860 > div:nth-child(1) > p:nth-child(3) {
  font-size: 18px;
}

#post-19860 > div:nth-child(1) > p:nth-child(6) {
  font-size: 20px;
}

/* KJA Notice Board - align homepage text styling with MVC */

.page-id-19860 #primary > #main p {
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  line-height: 1.15;
}

.page-id-19860 #primary > #main .text-block-nb {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  max-width: 620px;
}

#post-19860 > div:nth-child(1) > p:nth-child(2),
#post-19860 > div:nth-child(1) > p:nth-child(4),
#post-19860 > div:nth-child(1) > p:nth-child(5) {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.15;
}

#post-19860 > div:nth-child(1) > p:nth-child(3) {
  font-size: 22px;
  font-weight: 600;
  line-height: 1.25;
}

#post-19860 > div:nth-child(1) > p:nth-child(6) {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
}