.euphoria-script-regular {
  font-family: "Euphoria Script", cursive;
  font-weight: 400;
  font-style: normal;
}

.euphoria-script-regular-nav {
  font-family: "Euphoria Script", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 2em;
}

.pageheader {
  font-family: "Euphoria Script", cursive;
  font-weight:800; 
  padding-top:1em; 
  padding-bottom: 0.5em;
}

.pagesubheader {
  font-family: "Euphoria Script", cursive;
  font-weight:800; 
  padding-top:1em; 
  padding-bottom: 0.5em;
}

.committeeheader {
  font-family: "Euphoria Script", cursive;
  font-weight:400; 
  font-size:2em;
}


.accordion {
  --bs-accordion-btn-color: ghostwhite;
  --bs-accordion-btn-bg: #444444;
  --bs-accordion-active-color: ghostwhite;
  --bs-accordion-active-bg: #444444;
  --bs-accordion-border-color:ghostwhite;
}


.accordion-button::after { /* colour of the arrow */
-webkit-filter: grayscale(1) invert(1);
filter: grayscale(1) invert(1);
}



body {
  background-color: #1a1a1a; /* Black background */
  color: #dddddd; /* Text color */
}
    
.header-custom {
  background-color: #2a2a2a; /* Your desired navbar background color */
}
    
.navbar-custom {
  background-color: #3a3a3a !important; /* Your desired navbar background color */
}

.navbar-custom .navbar-brand, 
.navbar-custom .navbar-nav .nav-link {
  color: #dddddd; /* Text color for links */
  text-decoration:none;
  background-color:#3a3a3a;
}

.navbar-custom .navbar-toggler {
  border-color: #888888; /* Color of the hamburger icon */
}

.navbar-custom .navbar-toggler-icon {
  background-color: #333333; /* Color of the hamburger icon bars */
}

.modal-title {color:#0000ff;}
.modal-content {background-color:#faf8d6;}
  
.logo { height: 50px; }

    
a:link              { color:#DDDDDD; text-decoration:underline; background-color:#444444; padding:3px;}
a:visited           { color:#DDDDDD; text-decoration:none; }
a:hover             { color:#DDDDDD; text-decoration:none; background-color:#555555; }
a:active            { color:#DDDDDD; text-decoration:none; }