html {
	scroll-behavior: smooth;
}

@media only screen and (max-width: 767px) {
  .submenu-button a {
   	display: inline-block;
		padding: 10px 17px !important;
  }
	.submenu-button li a {
		display: inline-block;
		position: relative !important;
		top: -15.5px;
		left: -13px;
		background-color: #e8e8e8;      /* White background */
	}
	.submenu-button li a:hover{
		letter-spacing: 0px !important;
	}
	.right-body-text a {
		justify-items: left !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1400px) {
    
	.submenu-button li a:hover{
		letter-spacing: 0px !important;
	}
}

.is-style-fill a {
	border: 1px solid #ffffff;
	 transition: all 0.4s ease;
}

.is-style-fill a:hover {
	background-color: #ffffff !important;      /* White background */
    color: #000000 !important;      /* Black text */
	 border: 1px solid #000000;
	font-weight: lighter !important;
}

.navigation-button a{
	transition: all 0.4s ease;
}

.navigation-button a:hover {
    background-color: #23005e;      /* Flip colors on hover */
    color: #ffffff !important;
    border-color: #000000;
	font-weight: bold;
}

.submenu-button a {
    display: inline-block;
    background-color: #ffffff;      /* White background */
    color: #000000 !important;      /* Black text */
    border: 1px solid #000000;      /* Black border */
    padding: 10px 18px;              /* Space inside the button */
    margin: 0px 0px;               /* Space around the button */
    text-decoration: none;
    transition: all 0.4s ease;      /* Smooth hover effect */
    border-radius: 0px;             /* Optional: rounded corners 
    text-align: center;
	position: relative;
	top: -0px;
	left: -284px;
	*/

}

/* Hover effect */
.submenu-button a:hover {
    background-color: #23005e;      /* Flip colors on hover */
    color: #ffffff !important;
    border-color: #000000;
 font-weight: bold;
}

.submenu-button li a:hover {
	letter-spacing: 1px;
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
	color: #23005e;
}