/* CSS-aanpassingen
 geschreven door: Jurgen van der Ent
 Copyright: In Goede Handen Management
 Versie: 1.0 Release: 9-4-2021
*/

/* 2 extra lettertypes *
@font-face {
    font-family: myWebdings;
    src: url(https://taizedeventer.nl/wp-content/fonts/webdings.ttf);
} 
@font-face {
    font-family: myWingdings;
    src: url(https://taizedeventer.nl/wp-content/fonts/wingdings_regular.ttf);
}
.wd1 {
	font-family: myWebdings;
	font-weight: bold;
}
.wd2 {
	font-family: myWingdings;
	font-weight: bold;
	font-size: 13px;
}

/* aanpassen titel/menuregel *
.header-wrapper {
	background-color: #000;
}
/* menu aanpassingen *
#site-navigation a {
	color: #DDD;
}
#site-navigation a:hover {
	color: white;
}
#site-navigation a:visited {
	color: #EEE;
}
.main-navigation ul ul {
	background-color: black;
	font-weight: bold;
}
.sleutel {
	width: 20px;
	float: right;
}
/* aanpassen logo groote *
.site-description-wrapper img {
	width: 400px;
}
/* breedte inhoud aanpassen *
.affinity-front-page .site-content .entry-header, .affinity-front-page .site-content .entry-content, .affinity-front-page .entry-footer {
	max-width: 1300px;
	width: 100%;
}
.site-content {
	max-width: 1300px;
	width: 100%;
}

/* agenda-widget *
#OMA-agenda.actuele-agenda {
  display: block;
  text-align: center;
}
#OMA-agenda .data-edit {
  display: block;
	padding: 15px;
  border: 1px black solid;
	text-align: left;
  font-size: 10px;
  color: black;
}
select {
	width: 90%;
	padding: 10px;
	border: 3px #eee solid;
}
td {
	vertical-align: top;
}
#OMA-agenda a {
	color: #000;
}
#OMA-agenda a:hover {
	color: #999;
}

#OMA-agenda .data-rij {
  display: block;
  border: 1px grey solid;
  min-height: 65px;
  color: black;
}
#OMA-agenda .datum {
  float: left;
  border: 2px black solid;
  width: 50px;
  text-align: center;
  color: black;
  line-height: 20px;
}
#OMA-agenda .recent {
  opacity: 100%
}
#OMA-agenda .vrij_recent {
  opacity: 75%
}
#OMA-agenda .minder_recent {
  opacity: 50%
}
#OMA-agenda .niet_recent {
  opacity: 25%
}
#OMA-agenda .andere_activiteit {
  background-color: orange;
}
#OMA-agenda .mededeling {
  background-color: red;
}
#OMA-agenda .zangrepetitie {
  background-color: yellow;
}
#OMA-agenda .maand {
  font-size: 14px;
}
#OMA-agenda .dag {
  font-size: 28px;
  font-weight: bold;
}
#OMA-agenda .jaar {
  font-size: 10px;
  font-weight: bold;
}
#OMA-agenda .video {
  float: right;
  display: block;
  width: 50px;
  height: 63px
  max-height: 63px;
  border: 1px black solid;
}
#OMA-agenda .titel {
  font-size: 16px;
  font-weight: bold;
	line-height: 20px;
  padding-left: 60px;
	text-align: left;
}
#OMA-agenda .inleider {
  font-size: 12px;
  font-weight: bold;
  padding-left: 60px;
	text-align: left;
}
#OMA-agenda .activiteit {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  padding-left: 60px;
	text-align: left;
}
#OMA-agenda .meer-link {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
}
#OMA-agenda .oefenen {
  font-size: 14px;
}
#OMA-archief.archief {
  display: block;
  text-align: center;
}
#OMA-archief th {
  font-size: 12px;
	text-align: left;
	padding: 10px 10px;
}
#OMA-archief td {
  font-size: 14px;
	text-align: left;
	padding: 10px 10px;
}
#OMA-archief .knop_aan {
	border: 1px grey solid;
	padding: 5px 5px;
  background-color: #f90;
}
#OMA-archief .knop_uit {
	border: 1px grey solid;
	padding: 5px 5px;
}
#OMA-liedmap.liedmap {
  display: block;
  text-align: center;
}
#OMA-liedmap th,td {
  font-size: 12px;
	text-align: left;
	padding: 10px 10px;
}
#OMA-liedmap .knop_aan {
	border: 1px grey solid;
	padding: 5px 5px;
  background-color: #f90;
}
#OMA-liedmap .knop_uit {
	border: 1px grey solid;
	padding: 5px 5px;
}
#OMA-liedmap .schuin {
  font-style: oblique;
}
#OMA-liedmap .links {
  float: left;
}
#OMA-liedmap .rechts {
  float: right;
}
#OMA-liedmap .nummer {
  font-size: 28px;
  font-weight: bold;
	text-align: center;
	width: 60px;
}
#OMA-liedmap .nummer_edit {
  font-size: 28px;
  font-weight: bold;
	text-align: left;
	width: 100%;
}
#OMA-liedmap .titel {
  font-size: 18px;
  font-weight: bold;
}
#OMA-liedmap .ondertitel {
  font-size: 14px;
  font-weight: bold;
}
#OMA-liedmap .thema {
  font-size: 14px;
  font-weight: bold;
}
#OMA-liedmap .extra {
  font-size: 12px;
  font-weight: bold;
}
#OMA-liedmap a {
	color: #000;
}
#OMA-liedmap a:hover {
	color: #999;
}
#OMA-liedmap .titel-op-rij {
  font-size: 18px;
  font-weight: bold;
	padding: 8px 10px;
}
#OMA-liedmap .ondertitel-op-rij {
  font-size: 14px;
  font-weight: bold;
	padding: 11px 10px;
}
#OMA-liedmap .thema-op-rij {
  font-size: 14px;
  font-weight: bold;
	padding: 11px 20px;
}
#OMA-liedmap .audiobox {
	font-size: 12px;
	text-align: center;
	border: 1px grey solid;
}
#OMA-liedmap .audiofragment {
	width: 50%;
	height: 100px;
	padding: 20px;
	font-size: 12px;
	text-align: center;
	background-color: grey;
	border: 1px grey solid;
	border-radius: 10px;
}
#OMA-liedmap .videobox {
	width: 100%;
	font-size: 14px;
	text-align: center;
	border: 1px grey solid;
}
#OMA-liedmap .nummer-navigatie {
	font-size: 14px;
  font-weight: bold;
	padding: 5px 15px;
	border: 1px grey solid
}
#OMA-liedmap .is-het {
	background-color: #f90;
}
#OMA-liedmap .nummer-knop {
  vertical-align: top;
	height: 30px;
	border: 1px grey solid
}
.wpcf7 {
	background-color: #f90;
	padding: 15px;
}
/* gelijk verdelen footerwidgets *
@media screen and (min-width: 58em) {
	.footer-widgets .widget-areas .widget-area:nth-child(1):nth-last-child(3) {
	width: 30%;
 }
.footer-widgets .widget-areas .widget-area:nth-child(1):nth-last-child(3), .footer-widgets .widget-areas .widget-area:nth-child(2):nth-last-child(2), .footer-widgets .widget-areas .widget-area:nth-child(3):nth-last-child(1) {
	width: 30%;
	margin-right: 5%;
 }
}
/* aanpassen footerlinks *
#colophon a {
	color: #DDD;
}
#colophon a:hover {
	color: #FFF;
}
#colophon .site-info {
	color: #444;
}
#colophon .site-info a {
	color: #444;
}
#colophon .site-info a:hover {
	color: #999;
}
/* Aanpassen copyright-tekst *
.site-info {
	display: none;
}
.site-copyright {
	  padding: 1.6em;
  font-family: Raleway, "Helvetica Neue", sans-serif;
  font-weight: bold;
	font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}*/