.animation-stopper * {
  animation: none !important;
  transition: none !important;
}

.wpfox-rm-button {
	display: none;
	position: fixed;
	top: 0.75em;
	right: 1em;
	/* z-index: 102; */
	width: 1em;
	height: 1em;
	font-size: 30px;
	cursor: pointer;
	transition: top 0.4s;
	z-index: 1;
}

body.scrolled-down .wpfox-rm-button.wpfox-rm-open {
	top: 0.5em;
}

.wpfox-rm-button.wpfox-rm-close {
    width: 0.7em;
}

.wpfox-rm-button > svg {
	width: 100%;
	fill: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.wpfox-rm-button.wpfox-rm-open > svg {
	fill: #10163e;
}

@media (max-width: 1023px) {
    body {
        padding-top: 72px;
        overflow-x: hidden;
    }
    
    header#masthead {
    	position: fixed;
    	z-index: 100;
    	top: 0;
    	left: 0;
    	width: 100%;
    	border-top: 0 !important;
    }
    
    #masthead #logo-section .container, #masthead #menu-section .container {
    	justify-content: flex-start !important;
    	gap: 20px;
    }

    #logo-section {
    	position: relative !important;
    	display: inline-block;
    	z-index: 500;
    	top: 0;
    	padding: 25px 0 17px !important;
    }

    #logo-section > .container .site-branding {
    	width: 100px !important;
    }
    

    #logo-section > .container .site-branding a {
        padding: 0 0 30%;
    }
    
    #headerBanner {
    	display: none;
    }
    
    #masthead #logo-section .container, #masthead #menu-section .container {
    	flex-direction: column;
    }
    
    #site-navigation ul.menu {
    	flex-direction: column;
    	margin: 0 auto;
    }
    
    #site-navigation ul.menu > li > a {
    	padding: 15px !important;
    	text-align: center;
    }
    
    #site-buttons ul.menu {
    	flex-direction: column;
    	justify-content: center !important;
    	align-items: center;
    	gap: 15px;
    }
    
    #site-buttons ul.menu > li {
    	margin: 0 !important;
    }
    
    #site-buttons ul.menu > li.menu-button > a {
    	width: 12em;
    	text-align: center;
    	max-width: 80vw;
    }
    
    .wpfox-rm {
    	position: fixed;
    	top: 0;
    	right: 0;
    	min-height: 100vh;
    	padding: 80px 20px !important;
    	background-color: #1b2f3a;
    	box-shadow: 0 0 30px rgba(0,0,0,0.5);
    	transform: translateX(calc(100% + 30px));
    	transition: transform 1s;
    	z-index: 1000;
    	width: min(100%,350px);
    }
    
    .wpfox-rm.open {
    	transform: translateX(0);
    }
    
    .wpfox-rm + .wpfox-rm-button,
    .wpfox-rm > .wpfox-rm-button {
    	display: block;
    }
}