@media (max-width: 768px) {
	.timeline-container {
    position: relative;
    max-width: 80%;
    margin: 0 0;
    padding: 40px 0;
	}
}

.wp-block-jetpack-field-name .wp-block-jetpack-input {
	background: #121825;
	color: white;
  border-radius: 20px;
}
.wp-block-jetpack-field-email .wp-block-jetpack-input {
	background: #121825;
	color: white;
  border-radius: 20px;
}
.wp-block-jetpack-field-textarea .wp-block-jetpack-input {
	background: #121825;
	color: white;
  border-radius: 20px;
}


.wp-block-newspack-blocks-homepage-articles article.type-post {
  border: solid 1px #21c8e0 !important;
  border-radius: 20px !important;
  padding: 32px !important;
  margin: 60px 0px !important;
}



@media (max-width: 768px) {
  html, body {
    overflow-x: hidden !important;
  }

  /* Account for WordPress admin bar (32px tall) */
  .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    min-width: unset !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    z-index: 99999 !important;
    display: flex !important;
    flex-direction: column !important;
    background-color: #0f172a !important;
    box-sizing: border-box !important;
    transform: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Admin bar offset for logged-in users */
  body.admin-bar .wp-block-navigation__responsive-container.is-menu-open {
    top: 46px !important;
    height: calc(100vh - 46px) !important;
  }

  .wp-block-navigation__responsive-close {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
  }

  .wp-block-navigation__responsive-dialog {
    width: 100% !important;
    height: 60% !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 16px 24px 24px 24px !important;
    box-sizing: border-box !important;
  }

  /* Close button - clearly visible top right */
  .wp-block-navigation__responsive-container-close {
    display: flex !important;
    align-self: flex-end !important;
    position: relative !important;
    z-index: 100000 !important;
    margin-bottom: 0 !important;
    padding: 8px !important;
    cursor: pointer !important;
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
    flex-shrink: 0 !important;
  }

  .wp-block-navigation__responsive-container-close svg {
    fill: #ffffff !important;
    width: 28px !important;
    height: 28px !important;
  }

  /* Menu items centered in remaining space */
  .wp-block-navigation__responsive-container-content {
    flex: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .wp-block-navigation__responsive-container-content ul {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 28px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
  }

  .wp-block-navigation__responsive-container-content ul li {
    width: 100% !important;
    text-align: center !important;
  }

  .wp-block-navigation__responsive-container-content ul li a {
    font-size: 20px !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    color: #e2e8f0 !important;
  }
}


.contact-form-submission h4 {
	color: #ffffff;
}
.contact-form-submission p {
	color: #21C8E0;
}