/*======================================
Theme Name: divi-child
Theme URI: https://www.internetdienstennederland.nl/
Description: Divi child
Version: 1.0
Author: IDN
Author URI: https://www.internetdienstennederland.nl/
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

/* Acymailing nieuwsbrief blok - start */
#page-container #acym_fulldiv_formAcym1 {
	height: auto;
	max-width: none;
	background-color: transparent;
	margin: 0;
	padding: 0;
}
#page-container #acym_fulldiv_formAcym1.acym__subscription__form__shortcode {
	text-align: left;
}
#page-container #acym_fulldiv_formAcym1.acym__subscription__form__shortcode #formAcym1 {
	width: 100%;
}

#page-container #acym_fulldiv_formAcym1.acym__subscription__form__shortcode #formAcym1 .acym__subscription__form__fields {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 10px;
  gap: 10px 20px; /* row-gap column gap */
  row-gap: 10px;
  column-gap: 20px;
}

#page-container #acym_fulldiv_formAcym1.acym__subscription__form__shortcode #formAcym1 .acym__subscription__form__fields .onefield {
	-ms-flex-preferred-size: 48.5%;
	flex-basis: 48.5%;
	display: inline-block;
}

#page-container #acym_fulldiv_formAcym1.acym__subscription__form__shortcode #formAcym1 .acym__subscription__form__lists {
	display: none;
}
#page-container #acym_fulldiv_formAcym1.acym__subscription__form__shortcode #formAcym1 .acym__subscription__form__fields .onefield input {
	overflow: hidden;
	border-radius: 0px 0px 0px 0px;
	-webkit-appearance: none;
	padding: 14px 4% !important;
	font-size: 16px;
	color: #666;
	background-color: #fff;
	width: 100%;
	font-weight: 400;
	border-width: 0;
}

#page-container #acym_fulldiv_formAcym1.acym__subscription__form__shortcode #formAcym1 .acym__subscription__form__button button {
	font-size: 20px;
	font-weight: 500;
	padding: .3em 1em;
	line-height: 1.7em !important;
	background-color: transparent;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	border: 2px solid;
	border-radius: 3px;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	position: relative;
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	transition: all 300ms ease 0ms;
	background-color: #f4e40f;
	border-color: #f4e40f;
	border-radius: 0px;
	color: #000000;
	cursor: pointer;
}

#page-container #acym_fulldiv_formAcym1.acym__subscription__form__shortcode #formAcym1 .acym__subscription__form__button button:hover,
#page-container #acym_fulldiv_formAcym1.acym__subscription__form__shortcode #formAcym1 .acym__subscription__form__button button:active {
	border: 2px solid transparent;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: transparent;
	padding: .3em 2em .3em .7em;
	color: #000000 !important;
	background-color: #ffffff;
	border-color: #f4e40f !important;
	border-radius: 0px;
}
#page-container #acym_fulldiv_formAcym1.acym__subscription__form__shortcode #formAcym1 .acym__subscription__form__button button:after {
	font-size: 32px;
	line-height: 1em;
	content: "\35";
	opacity: 0;
	position: absolute;
	margin-left: -1em;
	-webkit-transition: all .2s;
	transition: all .2s;
	text-transform: none;
	-webkit-font-feature-settings: "kern" off;
	font-feature-settings: "kern" off;
	font-variant: none;
	font-style: normal;
	font-weight: 400;
	text-shadow: none;
	font-family: ETmodules !important;
}
#page-container #acym_fulldiv_formAcym1.acym__subscription__form__shortcode #formAcym1 .acym__subscription__form__button button:hover:after {
	opacity: 1;
	margin-left: 0;
}
/* Acymailing nieuwsbrief blok - END */

/* Donatie formulier - start */
#cf7sg-form-donation .cf7-smart-grid.has-grid .container {
	max-width:unset;
	text-align:center
}
#cf7sg-form-donation .cf7-smart-grid.has-grid .cf7-tags-2 .field {
	width:auto;
	display:inline-block
}
#cf7sg-form-donation .cf7-smart-grid.has-grid .cf7-tags-2 .field .wpcf7-form-control-wrap {
	max-width:unset;
	width:unset
}
#cf7sg-form-donation .wpcf7-form .wpcf7-form-control-wrap {
	vertical-align:middle;
	width: 100%;
	max-width: none;
}
#cf7sg-form-donation .row.donate-details {
	padding-left: 10px;
	margin-bottom: 10px;
}
#cf7sg-form-donation .row.donate-details input {
	border-radius: 0;
}
#cf7sg-form-donation .wpcf7-form .button {
	font-size: 20px;
	font-weight: 500;
	padding: .3em 1em;
	line-height: 1.7em !important;
	background-color: transparent;
	background-size: cover;
	background-position: 50%;
	background-repeat: no-repeat;
	border: 2px solid;
	  border-top-color: currentcolor;
	  border-right-color: currentcolor;
	  border-bottom-color: currentcolor;
	  border-left-color: currentcolor;
	border-radius: 3px;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	background-color: #f4e40f;
	border-color: #f4e40f;
	border-radius: 0px;
/*	color: #000000;*/
	cursor: pointer;
	width: calc( 100% - 10px );
	margin-left: 10px;
	margin-right: 10px;
	color: #FFFFFF;
	background-color: #0e4694;
	border-color: #0e4694;
}

#cf7sg-form-donation .wpcf7-form .button:hover,
#cf7sg-form-donation .wpcf7-form .button:focus {
	color: #000000 !important;
	background-color: #ffffff;
	border-color: #f4e40f !important;
	border-radius: 0px;
	color: #0e4694 !important;
border-color: #004599 !important;
/*border-width: 4px !important;*/
background-image: initial;
background-color: #FFFFFF;
}
#cf7sg-form-donation .wpcf7-form .wpcf7-number {
	height: 75px;
width: 10rem;
border-radius: 0;
color: #000;
padding-left: 2.05rem;
margin-left: 0.625rem;
font-size: 1.5rem;
font-weight: bold;
padding-top: 0;
box-shadow: none;
border: 0;
font-size: 12px;
}

#cf7sg-form-donation .wpcf7-form .wpcf7-number:not(:placeholder-shown) {
	font-size: 18px;
}
#cf7sg-form-donation .wpcf7-form .wpcf7-number::-webkit-outer-spin-button,
#cf7sg-form-donation .wpcf7-form .wpcf7-number::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
#cf7sg-form-donation .wpcf7-form .wpcf7-number[type=number] {
  -moz-appearance: textfield;
}
#cf7sg-form-donation .wpcf7-form .wpcf7-form-control-wrap.number-551::after {
	content:"€";
	position:absolute;
	color:#000;
	top:1.7rem;
	left:1.45rem;
	font-size:1.5rem;
	font-weight:bold
}
#cf7sg-form-donation .wpcf7-form .wpcf7-form-control-wrap.number-551 input::placeholder {
	color:#000
}
#cf7sg-form-donation .wpcf7-form .wpcf7-paymentchoice .wpcf7-list-item {
	display:unset;
	margin:0
}
#cf7sg-form-donation .wpcf7-form .wpcf7-paymentchoice .wpcf7-list-item.first,
#cf7sg-form-donation .wpcf7-form .wpcf7-paymentchoice .wpcf7-list-item:nth-child(2) {
	display:none;
}
#cf7sg-form-donation .wpcf7-form .wpcf7-paymentchoice .wpcf7-list-item label {
	cursor:pointer;
	display:inline-block;
	font-size:1.5rem;
	font-weight:bold;
	text-align:center;
	width:6rem;
	height:5rem;
	margin:0.4166666667rem 0.625rem;
	padding:0.6253333333rem;
	padding-top:1.25rem;
	
	font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
	
	border-radius: 0px;
	font-size: 20px;
	font-weight: 500;
/*	padding: .3em 1em;*/
	line-height: 1.7em !important;
	background-size: cover;
	border: 2px solid;
	  border-top-color: currentcolor;
	  border-right-color: currentcolor;
	  border-bottom-color: currentcolor;
	  border-left-color: currentcolor;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	/*color: #000000;
	background-color: #f4e40f;
	border-color: #f4e40f;*/

	color: #FFFFFF;
	background-color: #0e4694;
	border-color: #0e4694;
}
#cf7sg-form-donation .wpcf7-form .wpcf7-paymentchoice .wpcf7-list-item label:hover,
#cf7sg-form-donation .wpcf7-form .wpcf7-paymentchoice .wpcf7-list-item label:focus {
	color: #ffffff !important;
	background-color: #000000;
	border-color: #0e4694 !important;
	border-radius: 0px;
	color: #0e4694 !important;
	border-color: #004599 !important;
/*	border-width: 4px !important;*/
	background-image: initial;
	background-color: #FFFFFF;
}
#cf7sg-form-donation .wpcf7-form .wpcf7-paymentchoice .wpcf7-list-item label[for="paymentmethod-4831"] {
	padding-left:0;
	margin-left:0
}
#cf7sg-form-donation .wpcf7-form .wpcf7-paymentchoice .wpcf7-list-item label span::before {
	content:"€"
}
@media only all and (min-width:60rem) and (max-width:74.99rem) {
	#cf7sg-form-donation .wpcf7-form .wpcf7-paymentchoice .wpcf7-list-item label {
		width:5rem
	}
}
@media only all and (min-width:48rem) and (max-width:59.99rem) {
	#cf7sg-form-donation .wpcf7-form .wpcf7-paymentchoice .wpcf7-list-item label {
		width:5rem
	}
}
#cf7sg-form-donation .wpcf7-form .wpcf7-paymentchoice .wpcf7-list-item input {
	display:none
}
#cf7sg-form-donation .wpcf7-form .wpcf7-paymentchoice .wpcf7-list-item label.active {
color: #0e4694 !important;
border-color: #004599 !important;
/*border-width: 4px !important;*/
background-image: initial;
background-color: #FFFFFF;
	font-weight: bold;
}
@media only all and (min-width:48rem) and (max-width:59.99rem) {
	#cf7sg-form-donation .wpcf7-form .wpcf7-paymentchoice .wpcf7-list-item input {
		width:8rem
	}
}
/*#cf7sg-form-donation .wpcf7-form .wpcf7-form-control-wrap.amount-choice,
#cf7sg-form-donation .wpcf7-form .wpcf7-form-control-wrap[data-name="amount-input"] {
	display:inline-block;
	width:auto
}*/

#cf7sg-form-donation .wpcf7-form .wpcf7-form-control-wrap[data-name="amount-input"] {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
#cf7sg-form-donation .wpcf7-form .wpcf7-number[type="number"] {
		width: 100%;
	}
#cf7sg-form-donation .wpcf7-form .wpcf7-form-control-wrap[data-name="amount-input"] {

}
@media only all and (max-width:47.99rem) {
	#cf7sg-form-donation .wpcf7-form .wpcf7-form-control-wrap.amount-choice,
	#cf7sg-form-donation .wpcf7-form .wpcf7-form-control-wrap[data-name="amount-input"] {
/*		width:100%*/
	  width: auto;
	  display: inline-block;
	}
}
@media only all and (max-width:621px) {
	#cf7sg-form-donation .wpcf7-form .wpcf7-form-control.wpcf7-paymentchoice {
		text-align: center;
		width: 100%;
		display: block;
	}
	/*#cf7sg-form-donation .wpcf7-form .wpcf7-form-control.wpcf7-paymentchoice .wpcf7-list-item {
		text-align: center;
	}*/
	#cf7sg-form-donation .wpcf7-form .wpcf7-form-control-wrap.amount-choice,
	#cf7sg-form-donation .wpcf7-form .wpcf7-form-control-wrap[data-name="amount-input"] {
		width: calc(100% - 10px);
/*	  width: auto;*/
	  display: block;
	  margin-top: 10px;
		margin-bottom: 10px;
	}
	/*#cf7sg-form-donation .wpcf7-form .wpcf7-number[type="number"] {
		width: 100%;
	}*/
}
@media only all and (max-width:382px) {
	#cf7sg-form-donation .wpcf7-form .wpcf7-paymentchoice .wpcf7-list-item label {
		width: 5rem;
	}
}
@media only all and (max-width:30rem) {
	#cf7sg-form-donation .wpcf7-form .wpcf7-form-control-wrap.amount-choice {
		margin:0 -7px;
		width:calc(100% + 14px)
	}
	#cf7sg-form-donation .wpcf7-form .wpcf7-form-control-wrap.amount-choice .wpcf7-paymentchoice {
		display:block;
		width:calc(100% + 10px)
	}
}
/* Donatie formulier - END */



/* Alert block - START  */
.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.alert,
.alert h4 {
  color: #c09853;
}

.alert h4 {
	margin: 0;
}

.alert .close {
	top: -2px;
	right: -21px;
	line-height: 20px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success h4 {
  color: #468847;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info h4 {
  color: #3a87ad;
}

.alert { border-radius: 0.1875rem; padding: 0.938rem; margin-bottom: 1.5rem; text-shadow: none; }

.alert {
	background-color:#f8f4ec;
	border-color:#eee4d2;
	padding:0.938rem
}
.alert a,
.alert a:hover,
.alert .alert-link,
.alert .alert-link:hover {
	right:0 !important;
	color:#6c5328;
	font-weight:bold;
	text-decoration:none
}
.alert,
.alert h4,
.text-warning {
	color:#c09853
}
a.text-warning:hover,
a.text-warning:focus {
	color:#b78c43
}
.alert-success {
	color:#468847;
	background-color:#dfeedf;
	border-color:#c4e0c4
}
.alert-success a,
.alert-success a:hover,
.alert-success .alert-link,
.alert-success .alert-link:hover {
	color:#356635;
	font-weight:bold
}
.alert-success a:hover,
.alert-success a:hover:hover,
.alert-success .alert-link:hover,
.alert-success .alert-link:hover:hover {
	text-decoration:underline
}
.alert-success h4,
.text-success {
	color:#468847
}
a.text-success:hover,
a.text-success:focus {
	color:#3d773e
}
.alert-danger,
.alert-error {
	color:#b94a48;
	background-color:#f6e7e7;
	border-color:#edd1d0
}
.alert-danger a,
.alert-error a,
.alert-danger a:hover,
.alert-error a:hover,
.alert-danger .alert-link,
.alert-error .alert-link,
.alert-danger .alert-link:hover,
.alert-error .alert-link:hover {
	color:#953b39;
	font-weight:bold
}
.alert-danger a:hover,
.alert-error a:hover,
.alert-danger a:hover:hover,
.alert-error a:hover:hover,
.alert-danger .alert-link:hover,
.alert-error .alert-link:hover,
.alert-danger .alert-link:hover:hover,
.alert-error .alert-link:hover:hover {
	text-decoration:underline
}
.alert-danger h4,
.alert-error h4,
.text-error {
	color:#b94a48
}
a.text-error:hover,
a.text-error:focus {
	color:#a74240
}
.alert-info {
	color:#3a87ad;
	background-color:#e2eff5;
	border-color:#c7e0ec
}
.alert-info a,
.alert-info a:hover,
.alert-info .alert-link,
.alert-info .alert-link:hover {
	color:#2d6987;
	font-weight:bold
}
.alert-info a:hover,
.alert-info a:hover:hover,
.alert-info .alert-link:hover,
.alert-info .alert-link:hover:hover {
	text-decoration:underline
}
.alert-info h4,
.text-info {
	color:#3a87ad
}
/* Alert block - END */



/* Acymailing callout - START */
.acym__callout__front__success {
	background-color: #004599;
	color: #FFF;
}
/* Acymailing callout - END */


/* LOADER - START */
body.loading {
	overflow: hidden
}

/* HTML: <div class="loader"></div> */
.loader {
  width: 60px;
  aspect-ratio: 4;
  background: radial-gradient(circle closest-side,#000 90%,#0000) 0/calc(100%/3) 100% space;
  clip-path: inset(0 100% 0 0);
  animation: l1 1s steps(4) infinite;
}
@keyframes l1 {to{clip-path: inset(0 -34% 0 0)}}

body.loading:before {
	/*font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;
	content: "";
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-font-smoothing: subpixel-antialiased;
	margin-left: -1rem*/

	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	position: fixed;
	display: block;
	z-index: 1000000;
	font-size: 3rem;
	color: #ffffff;

	width: 60px;
	aspect-ratio: 4;
	background: radial-gradient(circle closest-side,#000 90%,#0000) 0/calc(100%/3) 100% space;
	clip-path: inset(0 100% 0 0);
	margin-left: -30px;
	animation: l1 1s steps(4) infinite;
}

body.loading:after {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100vh;
	width: 100vw;
	background-color: rgba(21, 19, 19, 0.35);
	z-index: 99999
}

body.loading #g-page-surround {
	z-index: 10000
}
/* LOADER - END */