/*added by christelle 15 july 2026*/
.wp-element-button{border-radius: 40px;}
.wp-element-button:hover{background-color:black;}
.wp-element-button{border-radius: 40px;}
#wp--skip-link--target > div > div:nth-child(19) > div.wp-block-columns.alignwide.are-vertically-aligned-center.has-primary-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-1a8d4262.wp-block-columns-is-layout-flex > div:nth-child(2) > div > div > a:hover{background-color:white!important;color:black!important;}

#wp--skip-link--target > div > div.wp-block-columns.alignwide.has-secondary-background-color.has-background.is-layout-flex.wp-container-core-columns-is-layout-963f2403.wp-block-columns-is-layout-flex > div > div:nth-child(11){display:none!important;}


header > div > div > div.wp-block-buttons.has-custom-font-size.has-small-font-size.is-layout-flex.wp-container-core-buttons-is-layout-2bbd108d.wp-block-buttons-is-layout-flex > div > a{background-color:white!important;}
.wp-block-buttons-is-layout-flex > div > a:hover{background-color: black!important;}

/*end*/

@media (max-width: 782px) {
	/* 1. Prepare the Header Container */
	header .wp-block-group, 
				        header .wp-block-row {
		position: relative !important;
	/* This allows us to pin items inside it */
		display: block !important;
	/* Switch from flex to block to stop the 'wrapping' behavior */
		min-height: 100px !important;
	/* Space for row 1 and row 2 */
	}}
	@media (max-width: 782px) {
    
	/* 2. Pin the Logo to the Top Left */
	header .wp-block-site-logo {
		position: absolute !important;
		top: 10px !important;
		left: 10px !important;
		width: 100px !important;
	}
	
	header .wp-block-site-logo img {
		width: 100% !important;
	}
	
	/* 3. Pin the Button to the Top Middle */
	header .wp-block-buttons {
		
		position: absolute !important;
		top: 25px !important;
		left: 490px !important;
	/* Placed exactly 120px from the left to clear the logo */
		margin: 0 !important;
	}
	
	header .wp-block-button__link {
		font-size: 10px !important;
		padding: 5px 10px !important;
	}
	
	/* 4. Pin the Socials to the Top Right */
	header .wp-block-social-links {
		position: absolute !important;
		top: 25px !important;
		right: 10px !important;
	/* Pinned to the right edge */
		margin: 0 !important;
		width: auto !important;
	}
	
	header .wp-block-social-link svg {
		width: 16px !important;
		height: 16px !important;
	}
	
	/* 5. The Menu: Move it down so it doesn't overlap the pinned items */
	header .wp-block-navigation {
		padding-top: 10px !important;
		padding-bottom: 0 !important;
		margin-bottom: -5px !important;
	/* Pushes the menu down below the pinned row 1 */
		display: flex !important;
		justify-content: center !important;
		width: 100% !important;
	}
	
	.wp-block-navigation__container {
		display: flex !important;
		flex-direction: row !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 8px !important;
	}
	
	/* 6. Adjust Menu Item Font Size */
	header .wp-block-navigation-item__content {
		font-size: 10px !important;
	/* adjust as needed */
		padding: 4px !important;
	/* optional tweak for spacing */
	}
}
	@media (max-width: 600px) {
	 	header .wp-block-buttons {
			position: absolute !important;
        top: 55px !important;
        left: 250px !important;}}