@charset "UTF-8";
/*
Ratios:

AA text
4.5:1
https://www.w3.org/TR/WCAG21/#contrast-minimum

AA large text
3:1
https://www.w3.org/TR/WCAG21/#contrast-minimum

AA non-text
3:1
https://www.w3.org/TR/WCAG21/#non-text-contrast

AAA text
7:1
https://www.w3.org/TR/WCAG21/#contrast-enhanced

AAA large text
4.5:1
https://www.w3.org/TR/WCAG21/#contrast-enhanced

incidental
1:1 (no contrast; ergo, invisible)
https://www.w3.org/TR/WCAG21/#contrast-minimum

logotype
1:1 (no contrast; ergo, invisible)
https://www.w3.org/TR/WCAG21/#contrast-minimum

Large text is defined as 14 point (typically 18.66px) and bold or larger, or 18 point (typically 24px) or larger.
 */
/*
Use these techniques judiciously! Keep in mind that many screen reader users have some vision—what they see and what they hear should typically be in harmony. In general, screen reader-only content should be reserved for information is apparent visually but not apparent to blind screen reader users.
*/
:root {
  --dejade: rgb(57, 220, 39);
  --dejade-deselectie: rgba(9, 254, 116, 0.5);
  --dejade-degyro: rgb(57, 220, 39);
  --dejade-deklik: rgb(57, 220, 39);
  --dejade-demuis: rgb(57, 220, 39);
  --dejade-deplek: rgb(57, 220, 39);
  --dejade-derand: rgb(57, 220, 39);
  --dejade-detijd: rgb(57, 220, 39);
}

.bg-dejade {
  background-color: rgb(57, 220, 39);
  background-color: var(--dejade);
}
.bg-dejade.js-degyro, .bg-dejade[data-degyro] {
  background-color: var(--dejade-degyro);
}
.bg-dejade.js-deklik, .bg-dejade[data-deklik] {
  background-color: var(--dejade-deklik);
}
.bg-dejade.js-demuis, .bg-dejade[data-demuis] {
  background-color: var(--dejade-demuis);
}
.bg-dejade.js-deplek, .bg-dejade[data-deplek] {
  background-color: var(--dejade-deplek);
}
.bg-dejade.js-derand, .bg-dejade[data-derand] {
  background-color: var(--dejade-derand);
}
.bg-dejade.js-detijd, .bg-dejade[data-detijd] {
  background-color: var(--dejade-detijd);
}

.border-dejade {
  border-color: rgb(57, 220, 39);
  border-color: var(--dejade);
}
.border-dejade.js-degyro, .border-dejade[data-degyro] {
  border-color: var(--dejade-degyro);
}
.border-dejade.js-deklik, .border-dejade[data-deklik] {
  border-color: var(--dejade-deklik);
}
.border-dejade.js-demuis, .border-dejade[data-demuis] {
  border-color: var(--dejade-demuis);
}
.border-dejade.js-deplek, .border-dejade[data-deplek] {
  border-color: var(--dejade-deplek);
}
.border-dejade.js-derand, .border-dejade[data-derand] {
  border-color: var(--dejade-derand);
}
.border-dejade.js-detijd, .border-dejade[data-detijd] {
  border-color: var(--dejade-detijd);
}

.fill-dejade {
  fill: rgb(57, 220, 39);
  fill: var(--dejade);
}
.fill-dejade.js-degyro, .fill-dejade[data-degyro] {
  fill: var(--dejade-degyro);
}
.fill-dejade.js-deklik, .fill-dejade[data-deklik] {
  fill: var(--dejade-deklik);
}
.fill-dejade.js-demuis, .fill-dejade[data-demuis] {
  fill: var(--dejade-demuis);
}
.fill-dejade.js-deplek, .fill-dejade[data-deplek] {
  fill: var(--dejade-deplek);
}
.fill-dejade.js-derand, .fill-dejade[data-derand] {
  fill: var(--dejade-derand);
}
.fill-dejade.js-detijd, .fill-dejade[data-detijd] {
  fill: var(--dejade-detijd);
}

.stroke-dejade {
  stroke: rgb(57, 220, 39);
  stroke: var(--dejade);
}
.stroke-dejade.js-degyro, .stroke-dejade[data-degyro] {
  stroke: var(--dejade-degyro);
}
.stroke-dejade.js-deklik, .stroke-dejade[data-deklik] {
  stroke: var(--dejade-deklik);
}
.stroke-dejade.js-demuis, .stroke-dejade[data-demuis] {
  stroke: var(--dejade-demuis);
}
.stroke-dejade.js-deplek, .stroke-dejade[data-deplek] {
  stroke: var(--dejade-deplek);
}
.stroke-dejade.js-derand, .stroke-dejade[data-derand] {
  stroke: var(--dejade-derand);
}
.stroke-dejade.js-detijd, .stroke-dejade[data-detijd] {
  stroke: var(--dejade-detijd);
}

.text-dejade {
  color: rgb(57, 220, 39);
  color: var(--dejade);
}
.text-dejade.js-degyro, .text-dejade[data-degyro] {
  color: var(--dejade-degyro);
}
.text-dejade.js-deklik, .text-dejade[data-deklik] {
  color: var(--dejade-deklik);
}
.text-dejade.js-demuis, .text-dejade[data-demuis] {
  color: var(--dejade-demuis);
}
.text-dejade.js-deplek, .text-dejade[data-deplek] {
  color: var(--dejade-deplek);
}
.text-dejade.js-derand, .text-dejade[data-derand] {
  color: var(--dejade-derand);
}
.text-dejade.js-detijd, .text-dejade[data-detijd] {
  color: var(--dejade-detijd);
}

.border-dejade {
  border-style: solid;
  border-width: 0.0625rem;
}

.stroke-dejade {
  stroke-width: 0.0625rem;
}

a[href*="deidee.com/"]:hover, a[href*="deidee.nl/"]:hover {
  color: rgb(30, 141, 8) !important;
}

.cgrab {
  padding: 0 !important;
}
.cgrab .content {
  background: transparent !important;
}
.cgrab .content h1, .cgrab .content h3 {
  display: none !important;
}
.cgrab .content .form-wrapper {
  margin: 0 !important;
}
.cgrab .content .form-wrapper input[type=submit] {
  width: auto !important;
}
.cgrab .content .form-wrapper .input,
.cgrab .content .form-wrapper .textarea {
  margin-bottom: 10px !important;
  margin-right: 0 !important;
  width: 100% !important;
}

.custom-logo {
  margin-bottom: 10px;
}

.wp-block-gallery.has-nested-images.columns-default figure.wp-block-image:not(#individual-image) {
  margin-top: auto;
}

.wp-block-image {
  margin: 0 0 10px 0;
}

.wp-block-table td, .wp-block-table th {
  border-style: none;
  padding: 3px;
}

figure.wp-block-table.aligncenter {
  display: block;
}
figure.wp-block-table.aligncenter table {
  margin-left: auto;
  margin-right: auto;
  width: auto;
}

#sidebar > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

body {
  background: url("../img/bg.png") transparent no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: trebuchet ms, verdana;
  color: #FFF;
}

main a, footer a {
  color: rgb(215, 215, 215) !important;
  text-decoration: underline !important;
  /* text-decoration-line: underline !important; */
  text-decoration-style: dotted !important;
  text-decoration-color: white !important;
  text-decoration: overline !important;
}

h1, h2, h3 {
  text-shadow: 2px 2px rgb(0, 0, 0);
}

div.col-md-11.blok a {
  color: #6F8BC7 !important;
}

div.col-md-11.blok a:hover {
  color: rgb(165, 175, 221) !important;
}

main a:hover, footer a:hover {
  color: rgba(215, 215, 215, 0.5) !important;
}

header a {
  text-transform: uppercase;
}

.navbar-brand {
  display: none;
}

.navbar-default .navbar-nav > li > a {
  color: #9ed0d1;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #FFF;
  background-color: #6F8BC7;
}

.navbar-default .navbar-nav > li > a:hover {
  color: #D7C8AA !important;
}

div.col-md-11.blok {
  /* background-color: rgba(0,0,0,0.50); */
  background-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
}

div.col-md-8.blok {
  background-color: rgba(0, 0, 0, 0.5);
}

body#tinymce {
  background-color: #D7C8AA !important;
  height: auto !important;
}

input, textarea {
  color: #6F8BC7;
}

#map_canvas {
  display: none;
}

#label_verplicht {
  /*display:none;*/
  /*visibility:hidden;*/
}

/* het label * verplicht (achter het label van een verplicht veld) vervangen door een andere tekst door de tekst te wijzigen achter "content" */
form .email span {
  font-size: 0;
}

form .email span:before, form .name span:before, form .comments span:before {
  content: "*";
  font-size: 16px;
  color: red;
}

/*velden verbergen op het contactformulier: org, name, adr, postal-code, city, country, email, tel, mobile, url, comments
hieronder een voorbeeld om land en mobiel nummer uit te zetten
*/
form .org, form .adr, form .postal-code, form .country, form .tel, form .mobile, form .url {
  display: none;
}