/*
 Cleaned Additional CSS for moonlighters.live
 - Removed duplicate rules.
 - Removed @font-face rules as fonts are handled by Astra's Typography settings.
 - Removed placeholder hamburger menu class.
*/

.my-faq-section .eap_section_title_4966 {
  color: #FFFFFF; /* Styles a specific FAQ title */
}

body {
  background-color: #000000 !important; /* Sets global black background */
  color: #FFFFFF; /* Sets global white text color */
}

/*
 If you want to style the mobile hamburger menu background,
 you need to find the correct CSS class name for it using your browser's inspector tool
 (right-click on the menu on mobile and select "Inspect").
 Then, add a rule like this (replace '.actual-hamburger-class' with the correct class):
 .actual-hamburger-class {
  background-color: #000000;
 }
 Avoid using !important if possible by using a more specific selector.
*/

/*
 --- The @font-face rules that were here have been removed ---
 Astra handles loading your chosen fonts (Source Sans Pro and Montserrat)
 via the Typography settings. Loading them again here caused performance issues./* Helps prevent CLS for WordPress image blocks by reserving space */
figure.wp-block-image {
    /* Assuming your primary image block uses a common aspect ratio like 16:9 */
    /* Adjust the 16 / 9 value if your main images have a different ratio */
    /* Example: for a 4:3 image, use aspect-ratio: 4 / 3; */
    aspect-ratio: max-height; 
    /* Or, if aspect-ratio causes issues or you need older browser support, */
    /* you might try a min-height based on typical image display size */
    /* min-height: 400px; /* Adjust pixel value as needed */
    
    /* Ensure the image inside doesn't cause overflow if dimensions are slightly off */
    & img {
        display: block;
        width: 100%;
        height: auto;
    }
}

/* Optional: Add a simple CSS rule to ensure font-display: swap is applied to body text */
/* Astra should do this, but adding explicitly here is a fallback attempt */
body {
    font-display: swap;
}

h1, h2, h3, h4, h5, h6 {
     font-display: swap;
}

/* Note: The font-display rule above is only effective if the @font-face rule */
/* that declares Source Sans Pro and Montserrat includes this property. */
/* Adding it here is a secondary attempt to ensure it's applied. */
/* The primary fix is still in how the font is loaded by Astra/WP.com. */
*/