.transition {
transition: opacity 0.25s ease-in-out;
}
.flipIn,
ul.accordion > li {
animation: flipdown 0.5s ease both;
}
ul.accordion > li > div {
position: relative;
overflow: hidden;
opacity: 1;
transform: translate(0, 0);
margin-top: 14px;
z-index: 2;
}
ul.accordion {
list-style: none;
perspective: 900;
padding: 0;
margin: 0;
}
ul.accordion > li {
position: relative;
padding: 0;
margin: 0;
padding-bottom: 4px;
padding-top: 18px;
border-top: 1px dotted #dce7eb;
}
ul.accordion > li:nth-of-type(1) {
animation-delay: 0.5s;
}
ul.accordion > li:nth-of-type(2) {
animation-delay: 0.75s;
}
ul.accordion > li:nth-of-type(3) {
animation-delay: 1s;
}
ul.accordion > li:last-of-type {
padding-bottom: 0;
}
ul.accordion > li > i {
position: absolute;
transform: translate(-6px, 0);
margin-top: 10px;
right: 0;
}
ul.accordion > li > i:before,
ul.accordion > li > i:after {
content: "";
position: absolute;
background-color: var(--the7-links-color);
width: 3px;
height: 9px;
}
ul.accordion > li > i:before {
transform: translate(-2px, 0) rotate(45deg);
}
ul.accordion > li > i:after {
transform: translate(2px, 0) rotate(-45deg);
}
ul.accordion > li > input[type=checkbox] {
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}
ul.accordion > li > input[type=checkbox]:checked ~ div {
margin-top: 0;
max-height: 0;
opacity: 0;
transform: translate(0, 50%);
}
ul.accordion > li > input[type=checkbox]:checked ~ i:before {
transform: translate(2px, 0) rotate(45deg);
}
ul.accordion > li > input[type=checkbox]:checked ~ i:after {
transform: translate(-2px, 0) rotate(-45deg);
}
@keyframes flipdown {
0% {
opacity: 0;
transform-origin: top center;
transform: rotateX(-90deg);
}
5% {
opacity: 1;
}
80% {
transform: rotateX(8deg);
}
83% {
transform: rotateX(6deg);
}
92% {
transform: rotateX(-3deg);
}
100% {
transform-origin: top center;
transform: rotateX(0deg);
}
}
@media screen and (min-width: 960px) {
html {
overflow-y: scroll;
}
}
#content.kind,
#content.oudere,
#content.projecten,
#content.studiesteun {
overflow: hidden;
}
#content .wp-block-uagb-container .uagb-post__image a img {
object-fit: cover;
}
#content > .wp-block-uagb-container .wp-block-uagb-image a img {
object-fit: cover;
}
#content > .wp-block-uagb-post-grid .uagb-post__image a img {
object-fit : cover;
}
.displayflex {
display: flex;
}
.positionfixed {
margin-top: auto;
}
.height100pct {
height: 100%;
}
.heroheader {
line-height: 1em;
font-size: 3em;
font-size: 3vw;
}
.nogap {
gap: 0;
}
.nofade:hover a {
opacity: 1;
}
.wpcf7 fieldset {
border: 0;
padding: 25px 0;
}
.fillheight {
height: 100%;
}
.fillheight img {
height: 100%;
object-fit: cover;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="number"],
.wpcf7 input[type="email"],
.wpcf7 select {
height: 5em;
padding: 1em;
width: 100%;
}
.wpcf7-form-control.wpcf7-radio > span {
display: block;
}
.wpcf7-radio input:disabled {
display: none;
}
.wpcf7 .radiobuttonbuttons {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
gap: 0px;
}
.wpcf7 .radiobuttonbuttons .wpcf7-list-item input[type="radio"] {
display: none;
}
.wpcf7 .radiobuttonbuttons .wpcf7-list-item {
flex: 1;
margin: 0;
white-space: nowrap
}
.wpcf7 .radiobuttonbuttons .wpcf7-list-item label {
padding: 0 10px;
display: flex;
}
.wpcf7 .radiobuttonbuttons .wpcf7-list-item span {
flex: 1 1 auto;
border: 1px solid #ec7f20;
background-color: #fff;
color: #ec7f20;
padding: 10px;
display: inline-block;
width: 100%;
text-align: center;
cursor: pointer;
-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.wpcf7 .radiobuttonbuttons .wpcf7-list-item input[type="radio"]:checked + span {
background-color: #ec7f20;
color: #fff;
}
.wpcf7 .radiobuttonbuttons .has-free-text {
position: relative;
}
.wpcf7 .radiobuttonbuttons input[name="_wpcf7_free_text_donatiebedrag"] {
position: absolute;
top: -5px;
height: 46px;
width: auto;
width: -moz-available; width: -webkit-fill-available; width: fill-available;
width: stretch;
padding: 0;
margin: 5px 10px;
padding-left: 2em;
}
.wpcf7 .radiobuttonbuttons span.has-free-text:has(input[name="_wpcf7_free_text_donatiebedrag"]:not(:disabled)):before {
content: '€';
position: absolute;
left: 15px;
z-index: 1;
top: 0.75em;
}
.uagb-button__link {
white-space: nowrap;
}
.metadata_display {
width: 100%;
}
@media (max-width: 600px) {
.uagb-buttons__outer-wrap .uagb-buttons__wrap {
display: block !important;
}
}
.metadata_display .tag,
.metadata_display .value {
display: inline-block;
width: 50%;
margin: 0.25em 0;
}
.metadata_display .tag {
font-weight: bold;
vertical-align: top;
}
.frontpage-floating-help-block {
box-shadow: 0px 3px 20px -10px #00000070;
padding: 15px;
border-radius: 3px;
}
.frontpage-bullet-list li {
position: relative;
padding-left: 24px;
margin-bottom: 10px;
list-style: none;
}
.frontpage-bullet-list li:before {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 8px;
height: 8px;
content: "\2022";
border-radius: 50%;
color: #fff;
background-color: var(--the7-accent-color);
top: 0;
transform: translateY(0);
margin-top: 5px;
}
.noclick {
pointer-events: none;
cursor: default;
}
.sidebar-sponsor {
border-left: 1px solid #ccc;
padding-left: 10px;
}
.sidebar-sponsor .wpcf7 {
padding-right: 10px;
}
.sidebar-sponsor .sponsorbedrag input {
padding-left: 2em;
}
.sidebar-sponsor .sponsorbedrag::before {
content: "\20AC";
position: absolute;
top: -2px;
left: 1em;
margin: auto;
color: var(--the7-input-color);
}
.nomargin {
margin: 0;
}
.frontpage-hero figure::after {
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
background-image: url(//www.mensenkinderen.nl/wp-content/uploads/2020/12/swoosh.png);
background-size: 100px 100px;
background-position: bottom 30px left 30px;
background-repeat: no-repeat;
opacity: 1;
}
.post_sidebar_sponsor_button {
display: inline-block;
background-color: var(--the7-accent-color);
font: var(--the7-btn-m-font);
text-transform: var(--the7-btn-m-text-transform);
letter-spacing: var(--the7-btn-m-letter-spacing);
border: none;
color: #fff;
border-radius: 5px;
box-shadow: none;
text-decoration: none;
padding: calc(.667em + 2px) calc(1.333em + 2px);
font-size: 1.125em;
}
.post_sidebar_sponsor_button:hover {
color: #fff;
}
.noimageclick .uagb-post__image a {
pointer-events: none;
}
.project_total_cost_subheader {
font-weight: bold;
}
.wpcf7 input[type=text].loading {
background-image: url(//www.mensenkinderen.nl/wp-content/themes/dt-the7-child/images/loading.gif);
background-size: 40px 40px;
background-position:right center;
background-repeat: no-repeat;
transition: none;
}
.thermometer {
min-width: 300px;
} .sidebar-sponsor{
background-color: #f2f2f2;
padding-right:5px
}
.sidebar-sponsor table, .sidebar-sponsor td, .sidebar-sponsor th{
border-color: rgba(170,170,170,0.25) !important;
}
.sidebar-sponsor th{
text-align: left;
}
.sidebar-sponsor th, .sidebar-sponsor td{
border-top: 1px solid transparent;
padding: 5px 10px 5px 5px;
}
#gform_fields_16 input, #gform_fields_17 input,
#gform_fields_18 input, #gform_fields_20 input{
width: 100%;
margin:0px;
background: #fff;
border: 0px;
}
#choice_18_12_0, #choice_18_12_1, #choice_18_12_2, #choice_20_12_0, #choice_20_12_1, #choice_20_12_2, #choice_18_17_1{
width:20px !important;
}
#gform_fields_19 input{
margin: 0px;
}
.donatie-form{
background: #e3e3e3;
padding: 15px
}
.donatie-form #input_16_8_1, .donatie-form #input_17_8_1{
width:13px;
}
#gform_fields_16 .gfield, #gform_fields_17 .gfield,
#gform_fields_18 .gfield,
#gform_fields_20 .gfield{
padding-right:0px;
}
hr.sep_donatie {
border-top: 2px solid #fff;
border-left:0px;
border-bottom:0px;
border-right:0px;
}
.category-mijn-kind .sidebar-right .wf-container-main, body.catecory-mijn-ouder .sidebar-right .wf-container-main, .catecory-studiesteun .sidebar-right .wf-container-main{
grid-template-columns: calc(90% - 25% - 20px) calc(10% - 20px);
}
.donate_form{
background: #f2f2f2;
font-size: 16px
}
#input_19_17 input{
display: none;
}
#input_19_17 li{
width: 25%;
}
#input_19_17 li label{
background: #fff;
margin-right: 15px;
padding: 15px 20px;
color: #aaa;
text-align: center;
width: 100%;
font-size: 1.2em;
font-weight: bold;
color: #444;
border-radius: 3px;
}
#input_19_17 li input:checked+label{
border: 0px solid orange;
color: #fff;
background: #ec7f20;
}
.gform_wrapper .gform_body input[type="text"] {
padding: 22px 10px 24px !important; 
}
.gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li label {
max-width: 92%;
}
.btn_group_donate {
margin-bottom: 40px;
margin-top:-25px;
margin-left: -10px;
float:left;
}
.btn_donate {
text-decoration:none;
margin-left:10px;
color:#fff;
background: #ec7f20;
padding: 8px;
border-radius:5px;
margin-bottom:5px;
float: left;
}
.btn_donate:hover{
color: #fff;
}
.btn_sponsor{
background: #88bf3b;;
border-radius: 6px;
padding: 10px 15px;
color: #fff;
text-decoration: none;
font-weight: 400;
font-size: 19px;
}
.btn_sponsor:hover{
color: #fff;
background: rgba(236, 127, 32, 0.42);
transition: background .3s ease;
}
#main .gform_wrapper .gform_footer input.button, #main .gform_wrapper .gform_footer input[type="submit"] { width: 70%; padding: 20px; } @media only screen and (max-width: 922px) {
.sidebar-sponsor {
width:100% !important;
margin-top:30px;
}
#input_19_17 li {
width: 50%;
margin: 7px 0px;
}
}
@media only screen and (min-width: 993px) {
.gtranslate_wrapper{
margin-top:-15px;
}
.gtranslate_wrapper a{
margin-left: 3px;
}
}
@media only screen and (max-width: 720px) {
.vc_custom_1620986273167 .wpb_text_column{
margin-bottom:60px;
margin-top:20px
}
#content .wpb_alert p:last-child, #content .wpb_text_column :last-child, #content .wpb_text_column p:last-child, .wpb_alert p:last-child, .wpb_text_column :last-child, .wpb_text_column p:last-child {
margin-bottom: -20px
}
}
@media only screen and (max-width: 768px) {
#input_19_17 li {
width: 100%;
margin: 7px 0px;
}
.gform_wrapper li.gfield.gf_list_4col ul.gfield_radio li label {
max-width: 98%;
}
}
.blogroll a, .widget_archive a, .widget_categories a, .widget_links a, .widget_meta a, .widget_recent_comments a, .widget_recent_entries a {
display: block;
text-decoration: none;
} iframe {
min-height: 700px;
} [data-name="huisnummer"] {
display: inline-block;
width: 75%;
}
[data-name="huisnummer_toevoeging"] {
display: inline-block;
width: calc(25% - 4px);
}
.wpcf7 .pay_method {
display: none;
}
.wpcf7 label.placeholder {
z-index: 9;
display: inline;
position: absolute;
left: auto;
padding-left: 5px;
color: #aaa;
font-size: 12px;		
}
label.placeholder:has(+span input:placeholder-shown) {
display: none;
}