nav a:hover {
  color: #23a1d1 !important;
	
}
nav a {
  position: relative;
}
#button {
  position: relative;
  padding-right: 20px; /* Make room for the chevron */
}

#button::after {
  content: "\25B6"; /* Unicode chevron character */
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: transform 0.2s ease-in-out;
  font-size: 15px;
}

#button:hover::after {
  transform: translate(5px, -50%); /* Move the arrow 5px to the right */
}
nav a::after {
  content: '';
  display: block;
  height: 2px;
  width: 0;
  background-color: #23a1d1; /* Replace with the color of your choice */
  position: absolute;
  bottom: -5px;
  left: 0;
  transition: width 0.2s ease-in-out;
}

nav a:hover::after {
  width: 100%;
}

.hide-on-desktop{
display:none!important;
text-align:center!important;
}

.Opacity-overide{
	opacity;85%!important:
}

.wp-block-columns{
	margin-top:0px!important;
 	margin-bottom:0px!important;

}

.site-footer-container{
	margin-top:0px!important;
}

.wp-block-navigation.is-responsive:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #004A87;
    color: #ffffff;
    padding-left: var(--wp--custom--gap--horizontal);
    padding-right: var(--wp--custom--gap--horizontal);
    background-image: url(https://nationscapitalinc.com/wp-content/uploads/2023/03/nations-capital-inc-final-logo-stacked-3.webp);
    background-repeat: no-repeat;
    background-size: 500px;
    background-position: -110px bottom;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
    padding: 0;
    font-size: 25px;
}

@media screen and (max-width: 782px){
	.hide-on-mobile{
		display:none!important;
	}

	.hide-on-desktop{
	display:block!important;
	}

}



@media screen and (max-width: 599px){
.wp-site-blocks .site-header .wp-block-site-logo {
	  flex-basis: 100%;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}
}