body > nav#cl-main-nav {
display: flex !important;
flex-flow: row wrap !important;
align-items: center !important;
justify-content: center !important;
gap: 8px 22px !important;
width: 100% !important;
max-width: none !important;
min-height: 58px !important;
height: auto !important;
margin: 0 !important;
padding: 14px 20px !important;
box-sizing: border-box !important;
background: #f7f5ef !important;
border: 0 !important;
border-bottom: 1px solid #e5dfd4 !important;
position: relative !important;
inset: auto !important;
z-index: 2 !important;
font: 700 13px/20px Arial, sans-serif !important;
letter-spacing: 0 !important;
text-transform: none !important;
text-align: center !important;
}
body > nav#cl-main-nav > a {
display: inline-block !important;
flex: 0 0 auto !important;
float: none !important;
margin: 0 !important;
padding: 5px 0 !important;
border: 0 !important;
background: transparent !important;
color: #102c51 !important;
font: 700 13px/20px Arial, sans-serif !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
text-transform: none !important;
text-decoration: none !important;
}
body > nav#cl-main-nav > a:hover {
color: #B22234 !important;
text-decoration: underline !important;
text-underline-offset: 5px !important;
}
body > nav#cl-main-nav > a:focus-visible {
outline: 2px solid #B22234 !important;
outline-offset: 4px !important;
}
body > header#cl-site-header .cl-header-call {
display: flex !important;
flex-direction: column !important;
align-items: flex-end !important;
justify-content: center !important;
gap: 4px !important;
text-align: right !important;
line-height: 1 !important;
}
body > header#cl-site-header .cl-header-call__label {
display: block !important;
position: static !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
font: 700 10px/12px Arial, sans-serif !important;
letter-spacing: 1.5px !important;
color: #d8bb78 !important;
}
body > header#cl-site-header .cl-header-call__number {
display: block !important;
position: static !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
font: 700 20px/24px Arial, sans-serif !important;
letter-spacing: 0 !important;
white-space: nowrap !important;
color: #fff !important;
}
@media (max-width: 850px) {
body > header#cl-site-header .cl-header-call {
align-items: center !important;
text-align: center !important;
}
body > header#cl-site-header .cl-header-call__number {
font-size: 18px !important;
line-height: 22px !important;
}
}
@media (max-width: 650px) {
body > nav#cl-main-nav {
gap: 6px 14px !important;
padding: 10px 12px !important;
min-height: 0 !important;
}
body > nav#cl-main-nav > a {
padding: 5px 0 !important;
font-size: 12px !important;
line-height: 18px !important;
}
}

/* Primary event-planning action, shared by every public page. */
body > nav#cl-main-nav > a.cl-nav-event-button {
background: #B22234 !important;
color: #fff !important;
border: 1px solid #B22234 !important;
border-radius: 2px !important;
padding: 7px 12px !important;
text-decoration: none !important;
}
body > nav#cl-main-nav > a.cl-nav-event-button:hover {
background: #8e1928 !important;
border-color: #8e1928 !important;
color: #fff !important;
}
body > nav#cl-main-nav > a.cl-nav-event-button:focus-visible {
outline: 2px solid #102c51 !important;
outline-offset: 3px !important;
}
@media(max-width:650px) {
body > nav#cl-main-nav > a.cl-nav-event-button {
padding: 6px 10px !important;
}
}