:root {
 	--darkblue: #0f1167;
	--darkred:#aa0000;
	--active-menu:#0f1167;
}
.hwzsubmenu
{
		/*left:100px;
		//width:50px;
		*/
}

h1 , h2
{
		font-family: var(--wp--preset--font-family--body);
}

.wp-block-navigation-item__label
{
		 
}
/*
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container
{
		min-width:50px;
}
*/
@media only screen and (max-width: 768px) {
   
		.hidden-on-mobile
		{
	 			display:none  !important;
		}
}

@media only screen and (min-width: 768px) {
   
		.hidden-on-desktop
		{
				display:none  !important;
		}
}

header {
    position: sticky;
    top: 0;
    z-index: 1000; /* Optional: keeps it above other elements */
    background-color: white; /* Optional: set a background color to avoid transparency */
}


.headercontainer
{
		background-color:var(--darkblue);
		width: 100vw;
		margin: 0px;
		color:graytext;
		padding:0px;
}

.map
{
	width:100%;
		height: 50vh;
		
}
.wp-block-navigation-submenu
{
	/*	background-color:	var(--darkred)  !important;*/
			background-color:	white  !important;
}
.menu
{
		/*background-color:	var(--darkred)  !important;*/
		background-color:white;
		/*padding:20px;*/
}
.menu li
{
		font-size: clamp(12px, 2vw, 24px); /* Adjust min/max as needed */
		color:	lightblue;	
		color:	var(--darkblue);	
		padding:0px !important;
		margin:0px;
}
/*
.current-menu-item  , .current-menu-ancestor  
{
		  background-color: var(--active-menu) !important; # Set your desired hover color 
}

li:has(.current-menu-ancestor) {
    # Style the parent  
    background-color: var(--active-menu) !important; # Set your desired hover color 
}
*/

.menu div
{
		
		justify-content:center;
}

@media screen and (max-width: 600px)
		{	
.menu div
{
			justify-content:start;
	
}			
}
.menu li:hover {
    background-color:var(--active-menu) ; /* Set your desired hover color */
		background-color:white; /* Set your desired hover color */
		text-decoration:none;
}

.menu li a  {    
		text-decoration:none;
}
.headerlink a
{
		color:white;
}
.locationicon::before {
 
		
    content: "\f005"; /* Font Awesome Unicode for star icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900; /* Set to 900 for solid icons */
    margin-right: 8px; /* Space between icon and text */
}
.header-top
{
		padding:15px;
}
.slideshow
{
	 
}

.slideshow img {
 
    
}
/* 1) Set the visible height of the slideshow (pick ONE approach) */

/* Option A: fixed height */
.wp-block-jetpack-slideshow.alignfull {
  height: calc( 100vh / 5);           /* adjust to what you want */
}

/* Option B: responsive height */
/*
.wp-block-jetpack-slideshow.alignfull {
  height: clamp(260px, 40vw, 520px);
}
*/


/* 2) Ensure all internal slideshow wrappers stretch to that height */
.wp-block-jetpack-slideshow.alignfull .wp-block-jetpack-slideshow_container,
.wp-block-jetpack-slideshow.alignfull .wp-block-jetpack-slideshow_swiper-wrapper,
.wp-block-jetpack-slideshow.alignfull .wp-block-jetpack-slideshow_slide,
.wp-block-jetpack-slideshow.alignfull .wp-block-jetpack-slideshow_slide figure {
  height: 100% !important;
}

/* 3) Make the slide/figure the cropping box */
.wp-block-jetpack-slideshow.alignfull .wp-block-jetpack-slideshow_slide figure {
  overflow: hidden;
  margin: 0;
  width: 100%;
}

/* 4) Force every image to fill the box and crop from center */
.wp-block-jetpack-slideshow.alignfull img.wp-block-jetpack-slideshow_image {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block;
}
/***********************************/

.wp-block-navigation__responsive-container.is-menu-open {
  position: absolute !important;
  top: 100%;
  left: 0;
  right: 0;
  height: 800px;
  width:200px;
  max-height: calc(100vh - 80px);
  overflow: auto;
  padding: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
}