/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*
 *
div.wp-block-contact-form-7-contact-form-selector  p.one-col {width: 100%;float: right;}
div.wp-block-contact-form-7-contact-form-selector  p.one-col span.wpcf7-form-control-wrap input[type="text"] {width: 100%;}
div.wp-block-contact-form-7-contact-form-selector  p.two-col {width: 48%; display: inline-block;}
div.wp-block-contact-form-7-contact-form-selector  p.last {float: right;}
div.wp-block-contact-form-7-contact-form-selector  p.nofloat {float:none;}
*/ 


/* Maak van de rij een flexibele container */
.form-row {
    display: flex;
    flex-wrap: wrap; /* Zorgt voor het responsive effect (omklappen) */
    gap: 20px;       /* De ruimte tussen de twee kolommen */
    margin-bottom: 20px;
}

/* Geef elke kolom standaard de volledige breedte (voor mobiel) */
.form-col {
    flex: 1 1 100%;
}

/* Vanaf een tabletscherm (600px en breder) staan ze naast elkaar */
@media (min-width: 600px) {
    .form-col {
        flex: 1; /* Verdeelt de ruimte gelijkwaardig */
    }
}

/* Optioneel: Zorg dat de labels en inputs binnen de kolommen goed uitlijnen */
.form-col input {
    width: 100% !important;
    margin-bottom: 0 !important; /* Voorkomt dubbele marge onder het veld */
}

.wpcf7-list-item {
	display: flex !important;
	word-break: initial;
}

/* Hele radio groep horizontaal */
.wpcf7-radio {
    display: flex;
    gap: 20px;
    align-items: center;
}

/* Per optie: radio + label op 1 regel */
.wpcf7-list-item {
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Zorg dat input niet raar springt */
.wpcf7-list-item input[type="radio"] {
    margin: 0;
}

@media screen and (max-width: 568px) {
div.wp-block-contact-form-7-contact-form-selector  p.two-col {width: 100%;}
}

p.link-hover-grey a:hover {
	color: #eeeeee;
}

.hide {
	display: none !important;
}