h1, h2, h3, h4, h5, h6 {
    color: #6D6D64;
}

/* Global Paragraph Styling */
p {
    /* 1. Adjust space between lines (Regular text spacing) */
    line-height: 1.5; 

    /* 2. Adjust space before the paragraph */
    margin-top: 15px; 

    /* 3. Adjust space after the paragraph */
    margin-bottom: 15px; 
}

/* Adjusts density of text within each list item */
li {
    line-height: 1.0;
}

.site-content {
    padding: 20px; /* Adjust this value as needed */
}

/* FORCE Global Button Styles for Apostrophe 2 */
button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"], 
.wp-block-button__link,
.button,
a.button {
    background-color: #7e698c !important; /* Your primary color */
    color: #ffffff !important;            /* Text color */
    font-weight: bold !important;         /* Makes text bold */
    border-radius: 12px !important;       /* Corner roundness */
    padding: 10px 20px !important;        /* Size */
    border: none !important;
    text-transform: uppercase !important;
    display: inline-block;
    text-decoration: none !important;     /* Removes underlines if a link looks like a button */
    
    /* SHADOW ADDED HERE */
    box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important; /* Makes the color and shadow change smoothly */
}

/* Global Hover State */
button:hover, 
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover, 
.wp-block-button__link:hover,
.button:hover,
a.button:hover {
    background-color: #7e698c  !important;
    
    /* HOVER SHADOW & CLICK EFFECT ADDED HERE */
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.4) !important;
    transform: translateY(1px); /* Slight 'press' effect */
}

/* 1. Change headings and general text to black */
.site h1, .site h2, .site h3, .site h4, .site h5, .site h6, 
.site p, .site li, .site span:not(.wp-block-button__link) {
    color: #000000 !important;
}

/* 2. Change links ONLY within the main content area */
/* This excludes your header menu, footer, and sidebar by default */
.site .entry-content a:not(.button):not(.wp-block-button__link),
.site #main a:not(.button):not(.wp-block-button__link),
.site article a:not(.button):not(.wp-block-button__link) {
    color: #0073aa !important; /* Your custom link color */
    text-decoration: underline;
}

/* 1. MOBILE MENU FIX (Screens 910px and smaller) */
@media (max-width: 910px) {
    /* Hide the list by default */
    .main-navigation ul.nav-menu {
        display: none !important;
    }

    /* Force show the list ONLY when 'toggled' or 'main-small-navigation' is active */
    .main-navigation.toggled ul.nav-menu,
    .main-navigation.main-small-navigation ul.nav-menu {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
    }
}

/* 2. DESKTOP CENTERING (Screens 911px and wider) */
@media (min-width: 911px) {
    .main-navigation {
        text-align: center !important;
        width: 100%;
    }

    .main-navigation ul {
        display: inline-block !important;
        margin: 0 auto !important;
        padding: 0 !important;
    }

    .main-navigation li {
        display: inline-block !important;
        float: none !important;
    }
}

/* 3. FONTS (Global) */
.main-navigation a, 
.menu-toggle {
    font-size: 22px !important;
    font-weight: bold !important;
    color: #000000 !important;
}

/* COMBINED: Center, Color, and Font Sizes for Title/Tagline */
.site-branding, 
#masthead .site-branding {
    text-align: center !important;
    float: none !important;
    margin: 0 auto !important;
    padding: 40px 20px !important;
    width: 100% !important;
    display: block !important;
}

/* Site Title: White, Shadow, and Larger */
h1.site-title a, 
.site-title a, 
#masthead .site-title a {
    color: #ffffff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.6) !important;
    text-decoration: none !important;
    font-size: 48px !important; /* Adjust size here */
}

/* Tagline: White, Shadow, and Larger */
.site-description, 
#masthead .site-description {
    color: #ffffff !important;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6) !important;
    opacity: 1 !important;
    font-size: 20px !important; /* Adjust size here */
    margin-top: 10px !important;
}