/* Sticky header */
header {
  position: sticky;
  top: 0;
  z-index: 99999; /* Ensure the header is above everything else, even the video */
  background-color: #fff; /* Optional: Ensures visibility */
  width: 100%; /* Ensure header spans the full width */
}

/* Optional: Add breathing space when scrolling */
header.scrolled {
  margin-top: 30px;
}

/* Prevent overlap between the header and the content below */
body {
  margin-top: 0;
  padding-top: 0;
}

/* Ensure that video is not disrupting header's sticky position */
video {
  position: relative;
  z-index: 1; /* Lower than the header's z-index */
}

/* Override the editor's text display for column blocks */
.editor-styles-wrapper .wp-block-column {
  white-space: normal !important;  /* Allow text to wrap normally */
  word-wrap: break-word !important; /* Prevent word break issues */
  width: auto !important;           /* Ensure columns have normal width */
  max-width: 100% !important;       /* Prevent columns from being too narrow */
}


/* Remove underline from all hyperlinks */
a:hover, a:focus {
    text-decoration: none !important;
    outline: none !important;  /* Remove focus outline */
    border: none !important;   /* Remove any border */
}

/* For header hover effect (no underline) */
header h1:hover, header h2:hover, header h3:hover, header h4:hover, header h5:hover, header h6:hover {
    color: #FFCE1B !important;
    text-decoration: none !important;  /* Remove underline */
}

/* For navigation links with span elements (no underline) */
.wp-block-navigation-item__label:hover {
    color: #FFCE1B !important;
    text-decoration: none !important;  /* Remove underline */
    border-bottom: none !important;  /* Remove underline if applied as a border */
}

/* Ensure no underline for links in the main navigation */
.wp-block-navigation-item a:hover {
    text-decoration: none !important;
    border-bottom: none !important; /* Ensure no border under the navigation link */
}

/* Remove focus and active state styles from links */
a:focus, a:active {
    outline: none !important;
    border: none !important;
}
