/*
Theme Name: Mensenkinderen
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

@import "accordion.css";

@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; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.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;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    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("/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("/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;
}

/* Donatieformulier */

.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; }

/* Responsive */

@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;
}



/* 
ul.accordion {

    width: 90%;
} */
iframe {
   
    min-height: 700px;
}

/* Form styling */
[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;
}