/* 
 * Theme Overrides
 * 
 * Add custom CSS overrides here
 * This file is loaded after all other stylesheets
 */

/* Example: Adjust header margin when logged in */
/* 
body.logged-in #header {
    margin-top: 48px;
}
*/

/* h1 that is the next sibling of p, should have top margin added */
p + h1,
p + h2,
p + h3,
p + h4,
p + h5,
p + h6 {
    margin-top: 2.8rem;
}

.mobile-nav-active .navmenu a {
    font-weight:bold;
}

button.mobile-nav-toggle {
    border: none;  
    background: none;
}

.mobile-nav-active .navmenu a.btn, 
.mobile-nav-active .navmenu a.btn:focus {
    color: var(--bs-btn-color);
    margin-top: .9rem;
    width: 96%;
    justify-content: center;
    height: 54px;
}

.mobile-nav-active span.visually-hidden {
  width: inherit !important;
  height: inherit !important;
  padding: inherit !important;
  margin:  inherit !important;
  margin-left: 30px !important;
  overflow: inherit !important;
  clip: inherit !important;
  white-space: inherit !important;
  border: inherit !important;
}

 .mobile-nav-active .navmenu a i,
 .mobile-nav-active .navmenu a:focus i {
    font-size: 20px;
    width: 40px;
    height: 40px;
 }

.mobile-nav-active .mobile-nav-toggle {
    display:none;
}


.sidebar-widget.cta-widget a {
    color: var(--contrast-color);
    font-weight: bold;
    margin-top: -1rem;
}

.internal-content .ccm-image-block {
    border-radius: 10px;
    margin-bottom: 15px; 
}

.events-list .ccm-block-calendar-event-date-time {
    font-weight: bold;
    
}

.events-list .ccm-block-calendar-event-attributes {
    font-family: var(--heading-font);
}

.footer .footer-newsletter .newsletter-form {
  margin-top: 0;
}


/* accessibility */
@media (min-width: 1200px) {
    .navmenu .dropdown:hover > ul {
        opacity: 1;
        top: 100%;
        visibility: visible;
    }
}
.navmenu .dropdown:hover>ul,
.navmenu .dropdown:focus-within>ul {
    opacity: 1;
    top: 100%;
    visibility: visible;
}
.navmenu a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: -2px;
}
.navmenu li:hover>a,
.navmenu li:focus-within>a,
.navmenu .active,
.navmenu .active:focus {
  color: var(--nav-hover-color);
}

.navmenu .dropdown ul a:hover,
.navmenu .dropdown ul a:focus,
.navmenu .dropdown ul .active:hover,
.navmenu .dropdown ul li:hover>a {
  color: var(--nav-dropdown-hover-color);
}



/*

@media (prefers-reduced-motion: reduce) {
  :root { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

*/