:root {
  --body-color: #4C6979;
}

/*:root {
  --body-background-color: #DAE3E9;
}*/


:root a {
  color: #2B363C;
  font-weight: bold;
  text-decoration: none;
  }

:root a:hover {
  color: #6F9EA0;
}

.container-header {
  background-color: #4C6979;
  background-image: none; }

.container-header .site-description {
  color:#5F664B;
  font-weight: bold;
}

.container-header .mod-menu {
 color: #ffffff;
 font-size: 1.5rem;
}

.container-header .mod-menu a {
  font-weight: normal;
}

/* Example CSS for sub-menu display on hover */
.mod-menu .nav-item.dropdown:hover > .dropdown-menu {
    display: block;
}

/* Optional: Add transition effects for smoother appearance */
.mod-menu .nav-item.dropdown > .dropdown-menu {
    transition: opacity 0.3s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.metismenu.mod-menu .mm-collapse {
  background: #4C6979;
}

.metismenu.mod-menu .mm-collapse .metismenu-item a {
  color: #ffffff;
}

.container-header .navbar-toggler {
 color: #ffffff;
 border: 1px solid #ffffff;
}

.container-banner .banner-overlay .overlay {
  background-color: #72727280;
}

.article-width-900 {
  max-width: 900px;
}


a.jkbspecial:link { color:#FFF; text-decoration:underline; font-weight:normal; }
a.jkbspecial:visited { color: #FFF; text-decoration:underline; font-weight:normal; }
a.jkbspecial:hover { color: #FFF; text-decoration:none; font-weight:normal; }
a.jkbspecial:active { color: #FFF; text-decoration:none; font-weight:normal; }

.footer {
  color: #ffffff;
  background-color: #4C6979;
  background-image: none;
}

.footer .metismenu.mod-menu .mm-collapse {
  background-color: #4C6979;
}

.metismenu.mod-menu .mm-toggler:after {
  color: #ffffff;
}

.footer a {
  font-weight: normal;
}

.btn-primary {
  background-color: #4C6979;
}

.btn-primary:hover {
  background-color: #2B363C;
}

.com-dpcalendar-calendar {
    --fc-button-text-color: #5F664B;
    --fc-button-bg-color: #fefefe;
    --fc-button-active-bg-color: #fefefe;
    --fc-button-border-color: #5F664B;
  	--fc-event-main-bg-color: #5F664B;
}

/* Custom styling for the ignite gallery lightbox links (white) */
.ig-lightbox-descriptions-below a {
  color: #ffffff;
  font-weight: bold;
}


/*
.container-iframe {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 100%; /* 1:1 Aspect Ratio */
}*/

/* Then style the iframe to fit in the container div with full height and width 
/*.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
*/