/*@import url('normalize.css');
/* 
.wp-block-navigation__container a:hover {
    color: var(--wp--preset--color--primary-default);

} */

html {
    font-family: OpenSans, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

textarea,
select,
.input { 
    /*width: 100%;*/
    border: 1px solid gray;
    padding: 0.5rem 0.75rem;
}

.font-semibold {
    font-weight: 600;
}

.text-shadow {
    text-shadow: 3px 3px 6px #000;
}

.wp-block-navigation__responsive-container is-menu-open has-modal-open {
    padding: 1em;
}

#modal-1 {
    padding: 1em;
}

.plan-bezichtiging-formulier {
    padding: 5px;
    width: 95%;
}

.contact-formulier {
    padding: 5px;
    width: 95%;
}
.contact-formulier .input-group {
    width: 100%;
 }
 .contact-formulier label {
     font-weight: 600;
     width: 100%;
 
 }
 .contact-formulier input {
     width: 100%;
     padding: 0.6rem;
 
 }
    
.plan-bezichtiging-formulier .input-group {
   width: 100%;
}
.plan-bezichtiging-formulier label {
    font-weight: 600;
    width: 100%;

}
.plan-bezichtiging-formulier input {
    width: 100%;
    padding: 0.6rem;

}

.plan-bezichtiging-formulier input[type="date"], input[type="time"] {
    display: block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;   
    border: 1px solid gray;
    padding: 0.5rem 0.75rem;
    min-width:95%; 
}

@media only screen and (min-width: 900px) {
    .plan-bezichtiging-formulier .form-row {
        display: flex; 
        flex-wrap: nowrap;
        padding: 2px;
    }
    .plan-bezichtiging-formulier .input-group {
        margin: 0px 5px;
        width: 48%;

    }
    .plan-bezichtiging-formulier input {
        width: 90%;

    }
  }