:root {
	--groen: #99c232;
	--blauw: #0046c2;
	--rood: #c2351f;
  	--wit: #ffffff;
  	--creme: #fefbea;
	--cassiopeia-color-primary: rgba(70, 115, 194, 1); /*--blauw--*/ 
  	--cassiopeia-color-secondary: rgba(153, 194, 50, 1); /*--groen--*/
  	/*--cassiopeia-color-link: rgba(27, 78, 89, 1); --?--*/
	/*--cassiopeia-color-hover: rgba(27, 78, 89, 1);  --?--*/
  	--cassiopeia-font-weight-headings,400;
  	--btn-primary: #99c232;  /*--groen--*/
  	--btn-secondary: #c2351f; /*--rood--*/
}
/*top-b*
.foto-lunch {
  height: 360px !important;
  width: auto;
}/

/*--Pietengym
.bottom-b.card {
  background-color: var(--creme);
}
.bottom-b.card h3.card-header {
  color: var(--groen);
}
.flex-container {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  gap: 15px; 
  align-items: stretch;
  border-radius: 5px;
  margin: 15px;
}--*/

/*--positie top-a en top-b-*/
.top-a.card, .top-b.card {
  background-color: var(--creme);
}
.top-a.card h3, .top-b.card h3 {
  color: var(--rood);
}

div.grid-child.container-component main div.blog-featured div.blog-items div.blog-item div.item-content h2.item-title {
  margin-top: 30px;
}
/*--sitemap--*/
.fa-sitemap { 
  padding-right: 10px; 
}

/*--banner--#mod-custom148--*/
div.container-banner.full-width {
  background: var(--creme);
}
div#mod-custom148.mod-custom.custom p {
  font-size: 0.5rem;
  color: rgba(153, 194, 50, 0.5); /*--groen--*/
  padding-left: 10px;
}
div#mod-custom148.mod-custom.custom a {
  color: rgba(153, 194, 50, 0.5); /*--groen--*/
}
/*---------------------*/
h1, h2, h3, h4, h5, h6 {
  color: var(--groen);
}
dd.modified {
	font-size: 0.7em;
	padding-top: 3em;
}
dd.modified span.icon-calendar {
	display: none;
}

/*--module bottom-a--*/
div.bottom-a.card {
  background-color: var(--cassiopeia-color-primary);
  border: none;
}
#mod-custom113 p{
  color: var(--wit);
}
#mod-custom113 {
  margin: 0;
}
#mod-custom113 h3{
  color: var(--wit);
}
#mod-custom113 img{
  height: 100px;
  width: auto;
}

/*--buttons--*/
.btn, .btn-primary {
  background-color: var(--btn-primary) !important; 
  color: var(--wit) !important; 
  border: none;
}
.btn:hover, .btn-primary:hover {
  background-color: var(--btn-secondary) !important; 
}

/*--headers--*/
.header {
  background-image: none !important;
  /*margin-bottom: 20px;*/
}

/*--uitklapmenu / submenu's--*/
.mm-active ul.mm-collapse.mm-show {
  background: var(--cassiopeia-color-primary);
  	border-top-left-radius: 0
  	border-top-right-radius: 0;
	border-bottom-left-radius: 0.25rem;
  	border-bottom-right-radius: 0.25rem;
}
.mm-active ul.mm-collapse.mm-show a {
  color: var(--white);
}

/*--tabellen--*/
table.basis {
  	width: 100%;
  	border-collapse: collapse;
  	border-bottom: 1px solid var(--blauw);
	margin-bottom: 30px;
	}
th {
  	background: rgba(70, 115, 194, 0.2); /*blauw*/
  	font-weight: bold;
  	color: rgba(70, 115, 194, 1); /*blauw*/
  	border-top: 1px solid var(--blauw);
	border-bottom: 1px solid var(--blauw);
}
tr:nth-of-type(odd) {
  background: rgba(70, 115, 194, 0.1); /*blauw*/
}
td, th {
  padding: 5px;
  text-align: left;
} 
tbody tr th.list-title a {
  text-decoration: none;
  color: var(--groen);
}
tbody tr th.list-title a:hover {
  font-weight: bold;
  color: var(--rood);
}

/*--offcanvas-metismenu--*/
.offcanvas.show {
  background-color: var(--cassiopeia-color-primary);
  opacity: 0.9;
  background-image: none;
}
@media (min-width: 992px) {
  .offcanvas-start {
    width: 100%;
  }
}
@media (max-width: 991.98px) {
  .offcanvas .metismenu.mod-menu .metismenu-item > ul {
    position: relative;
    width: 100%;
    margin-top: 1rem;
  }
  .offcanvas .metismenu.mod-menu .mm-collapse {
    background-color: transparent;
  }
  .offcanvas .metismenu.mod-menu .metismenu-item > a {
    color: #fff;
  }
}
.offcanvas-header > *:only-child {
  margin-left: auto;
}
/*--offcanvas-metismenu extra-css--*/
.offcanvas-header {
  background-color: var(--cassiopeia-color-secondary);
}
.metismenu.mod-menu .metismenu-item {
 line-height: 2em;
}

/*--footer--*/
.footer {
  background-color: var(--groen);
  background-image: none;
}
footer.container-footer.footer.full-width div.grid-child {
  align-items: flex-start;
  padding-top: 10px;
}
#mod-custom100, #mod-custom104, #mod-custom147 {
  width: 33%;
  padding: 20px;
}
#mod-custom100.mod-custom.custom table.footer tbody tr, #mod-custom104.mod-custom.custom table.footer tbody tr, #mod-custom147.mod-custom.custom table.footer tbody tr {
  background-color: transparent !important;
}
.mod-custom.custom h5 {
  color: var(--wit);
}
@media only screen and (max-width: 991px){
	footer.container-footer.footer.full-width div.grid-child #mod-custom100, #mod-custom104, #mod-custom147 {
  		width: 100%;
  		border-bottom: 1px solid var(--wit);
  		margin-bottom: 30px;
		}
}
/*--debug--*/
div#mod-custom107.mod-custom.custom table {
  width: 100%;
}
div#mod-custom107.mod-custom.custom table tbody tr td {
  width: 50%;
}
div#mod-custom107 {
	font-size: 0.8em;
	width: 100%;
	background-color: var(--rood);
	color: var(--wit);
}
div#mod-custom107 p {
  padding-top: 10px;
}
div#mod-custom107.mod-custom.custom table tbody tr td {
  text-align: center;
}
div#mod-custom107.mod-custom.custom table tbody tr td a {
  text-decoration: none;
  color: var(--wit);
}