:root {
  --body-color: #5F664B;
}

:root a {
  color: #5F664B;
  font-weight: bold;
  text-decoration: none;
  }

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

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

.container-header .site-description {
  color:#5F664B;
  font-style:italic;
}

.site-description {
    padding-left: 126px; /* Adjust the value as needed */
  font-weight: 400;
}

.container-header .mod-menu {
 color: #5F664B;
 font-size: 1.5rem;
 flex: unset;
}

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

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

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

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

.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: #5F664B;
  background-color: #C9D4BB;
  background-image: none;
}

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

.footer a {
  font-weight: normal;
}

.btn-primary {
  background-color: #00697f;
}

.btn-primary:hover {
  background-color: #6F9EA0;
}

.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;
}



/*
.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%;
}
*/
