body {
  margin: 0;
  padding: 0; }

.navbar {
  background-color: #f8f9fa; }
  .navbar .navbar-brand {
    font-weight: bold; }
  .navbar .nav-link:hover {
    color: #0056b3; }

footer {
  padding: 20px 0; }
  footer h5 {
    margin-bottom: 15px; }
  footer a {
    color: #333; }
    footer a:hover {
      color: #0056b3; }

.container-fluid {
  height: 500px;
  background-size: cover;
  background-position: center; }

.header-section {
  border-top: solid 8px #850098;
  border-bottom: solid 1px #850098;
  border-bottom-style: dashed; }
  .header-section .main-menu .nav-link {
    color: #850098 !important;
    text-transform: uppercase; }

.large-section-title {
  text-transform: uppercase;
  font-size: 40pt;
  letter-spacing: 0.2pt;
  line-height: 50pt;
  color: #850098;
  border-bottom: solid 2px #DBDA1B;
  padding-top: 10px;
  padding-bottom: 20px;
  margin-bottom: 30px; }

.main-section-image-border {
  border-bottom: solid 10px #4E5255; }

.main-section-image {
  border-bottom: solid 10px #850098;
  border-top: solid 10px #ffffff; }

.footer-inner > .row {
  border-top: solid 0px #DBDA1B;
  padding-top: 20px; }

.footer-outer {
  border-top: solid 1px #850098;
  border-top-style: dashed; }

/**************************/

/* Style for the label that users click to toggle the expander */
.expander-label {
    display: block;
    cursor: pointer;
    background-color: #f0f0f0;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

/* Initially hide the content */
.expander-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-top: none;
    padding: 0 10px;
}

/* Use the :checked pseudo-class to show the content when the checkbox is checked */
.expander-checkbox:checked + .expander-label + .expander-content {
    max-height: 10000px; /* Large enough to fit any content */
    padding: 10px;
    transition: max-height 0.5s ease-in;
}

/**************************/