body{background-color:#d9e7ff;}
table{max-width: 60vw;
    font-size: 0.8rem; 
    margin-left: auto;
    margin-right: auto;
}
.wp-block-column{font-size:0.7rem !important;}
#nowrap{white-space: nowrap;}
#page{background-color: white;padding: 20px;
}
.main-navigation{margin-top:10px;}
.pagetitle{color: #011aa9;
    font-size: 2rem;}
.nav-menu a{font-size: 1.1rem;font-weight: bold;}
a{color:#011aa9 !important;text-decoration:none !important;}
p{margin:0px !important;}
p .wp-block-group-is-layout-flex {margin:0px !important;}

.toggled-open li {
    padding: 15px;
}
h2{margin-bottom:0px;}
.toggled-open ul {
    margin: 0px; padding-bottom:10px
}
.imgbottom {
    display: flex
;
    justify-content: center;
    align-items: center;
}
.wp-block-image
 {
    margin-top: 10px;
}
.wp-image-557{width:80% !important;max-width:240px !important;}
ul{margin:0px !important;}

@media screen and (max-width: 400px)
	{img.wp-image-208 {
		width: 35% !important;max-width:200px;}
}

@media screen and (max-width: 700px)
{#page{padding:10px;}
}

@media screen and (max-width: 800px){
	.nav-menu{position:absolute;background-color:#d9e7ff;}
	.main-navigation{position:relative;}
	.nav-menu li{border-bottom: 1px solid #011aa9;}
	h2{font-size:1.5rem !important;}
	.pagetitle{font-size:1.5rem !important;}
	img.wp-image-208 {
		width: 35% !important;max-width:200px;
}
}


/* ========================================================================= */
/* 1. MOBILE-FIRST STYLES (Applies to screen width < 800px)                  */
/* - Menu items are stacked and hidden by default.                        */
/* - Menu toggle button is visible and centered.                          */
/* ========================================================================= */

.main-navigation {
	width: 100%;}
body{font-family: var(--wp--preset--font-family--system);--wp--preset--font-family--system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --wp--preset--font-family--serif: "Times New Roman", "New York", Times, "Noto Serif", serif;
    --wp--preset--font-family--monospace: Consolas, Menlo, Monaco, "SF Mono", "DejaVu Sans Mono", "Roboto Mono", "Courier New", Courier, monospace;}


/* The Mobile Toggle Button (The 'Menu' or 'Hamburger') */
.menu-toggle {
    display: block; /* Show the button */
    margin-top: 10px;
	margin-left:auto; 
	margin-right:auto;
    padding: 10px 25px;
    cursor: pointer;
    background-color: #011aa9; 
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
}

/* The Menu List (UL) - Hidden by default on mobile */
.nav-menu {
    padding: 0;
    margin: 0;
    display: none; /* Crucial: Hides the menu list by default on mobile */
    width: 100%;
    text-align: center; /* Centers text for stacked items */
}
.nav-menu li {list-style: none;}
/* Class added by JavaScript when the menu is OPEN */
.nav-menu.toggled-open {
    display: block; 
}

/* Individual Menu Items (LI) on mobile */
.nav-menu .menu-item {
    display: block; /* Forces items to stack vertically */
    padding: 10px 0;
    
}

/* Remove the border from the last item */
.nav-menu .menu-item:last-child {
    border-bottom: none;
}

/* ========================================================================= */
/* 2. DESKTOP STYLES (Applies to screen width >= 800px)                      */
/* Items are HORIZONTAL and the group is CENTERED.                           */
/* ========================================================================= */
@media screen and (min-width: 800px) {
#page{width: 80vw;
    margin-left: auto;
	margin-right: auto;}
	
	
    /* HIDE THE MOBILE BUTTON */
    .menu-toggle {
        display: none;
    }
	.wp-block-list ul{display:block !important;}

	#primary-menu ul{display:flex;  list-style-type: none;column-gap:20px;padding:0px;margin-bottom:0px;}
	
	
    /* THE FLEX CONTAINER (The UL - .nav-menu) */
    .nav-menu {
        display: flex !important;   /* CRITICAL: Activates horizontal layout */
        flex-direction: row;        /* CRITICAL: Ensures items flow horizontally */
        flex-wrap: nowrap;          /* Optional: Prevents wrapping to new line */
        
        justify-content: center;    /* CRITICAL: Centers the entire group of menu items */
        
        width: 100%;
        margin: 0;
        padding: 0;
        border-bottom: none;
        text-align: left;           /* Reset text-align from mobile styles */
    }
    
    /* Ensure the wrapper is visible */
    .menu-items-wrapper {
        display: block !important;
    }

    /* INDIVIDUAL MENU ITEMS (The LIs - .menu-item) */
    .nav-menu .menu-item {
        /* Items are now flex items and will arrange horizontally */
        display: list-item; 
        padding: 0 15px; /* Spacing between menu items */
        border-bottom: none; /* Remove mobile border */
    }

    /* Anchor Links (A) */
    .nav-menu .menu-item a {
        display: block;
        padding: 15px 0;
        text-decoration: none;
        color: #333;
    }
}