/*
Theme Name: Claudia Kas
Author: 
Description: Your description goes here
Version: 1.0
Template: twentytwentyfour

This is the child theme for Twenty Twenty-Four theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');

body {
    background-color: #f5f4f0;
}
body, button, input, select, optgroup, textarea, ul, p, div {
    font-family: Arial, "sans-serif"!important;
    color: #364f53;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'EB Garamond', Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"!important;
}
/* header */
header {
    box-shadow: -1px 6px 19px -1px rgba(0,0,0,0.76);
    -webkit-box-shadow: -1px 6px 19px -1px rgba(0,0,0,0.76);
    -moz-box-shadow: -1px 6px 19px -1px rgba(0,0,0,0.76);
    position: relative;
    z-index: 5;
    padding: 0 0 15px 0;
}
main, .entry-content {
  margin-block-start: 0!important;
}
.hdesktop {
    display: block;
}
.hmob {
    display: none;
}
/* .header */

main .wp-block-group {
    display: none;
}
.home :where(.wp-site-blocks) > * {
    margin-block-start: 0!important;
}
.home :where(body .is-layout-flow) > * {
    margin-block-start: 0!important;
}
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 1280px;
}

.streep:after {
    content: ' ';
    display: block;
    border: 1px solid #364f53;
    width: 130px;
    margin: 1rem auto;
}
.streep_footer:after {
    content: ' ';
    display: block;
    border: 2px solid #cad2c5;
    width: 26px;
    margin: 1rem 0;
}
.afspraak_maken_button {
    font-size: 16px!important;
}
input[type="text"], input[type="email"], input[type="tel"]  {
    height: 35px;
    text-indent: 20px;
    width: 100%;
    width: -webkit-fill-available;
    max-width: -moz-available; 
}
textarea {
    padding: 20px;
    width: 100%;
    width: -webkit-fill-available;
    max-width: -moz-available;
}
input[type="submit"] {
    color: #517970!important;
    border: 1px solid #517970!important;
    padding: 10px 30px;
    background-color: #f5f4f0;
    cursor: pointer;
}
input[type="submit"]:hover {
    color: #f5f4f0!important;
    background-color: #517970;
}
.grecaptcha-badge {
    display: none;
}
footer {
    color: #f5f4f0!important;
}
footer a {
    color: #f5f4f0!important;
    text-decoration: none;
}
footer a:hover {
    text-decoration: underline;
}
.bottom a {
    color: #517970!important;
}
.bottom a:hover {
    color: #f5f4f0;
}
.sdesktop {
    display: block;
}
.smobile {
    display: none;
}
@media only screen and (max-width: 768px) {
    .hdesktop {
        display: none;
    }
    .hmob {
        display: block;
    }
    .sdesktop {
        display: none;
    }
    .smobile {
        display: block;
    }
    .mal {
        text-align: left!important;
    }
}