/*
 Theme Name:   Trienke van der Veen
 Theme URI:    https://www.trienkevanderveen.nl
 Description:  Trienkevanderveen.nl theme
 Author:       GRFK
 Author URI:   https://grfk.nl/
 Template:     twentytwentyone
 Version:      1.0.0
 Tags:         
 Text Domain:  twentytwentyone
*/

body a:focus {
    background: none !important;
    color: inherit !important;
}

body.singular .entry-header {
    border-bottom: none;
}

.footer-widgets .widget_media_image {
    text-align: center;
}

.footer-widgets .widget_media_image > img {
    max-width: 50% !important;
}

input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus {
    outline: none !important;    
}

input, textarea {
    background-color: inherit !important;
}

input[type=submit], body #main div.wp-block-button > a.wp-block-button__link {
    color: #000 !important;
    border: 1px solid #000 !important;
    background-color: inherit !important;
}

input[type=submit]:hover, body #main  div.wp-block-button > a.wp-block-button__link:hover, button {
    color: #e8e4e2 !important;
    background-color: #000 !important;
}

input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea, button {
    border-width: 1px !important;
}

.single .site-main > article > .entry-footer {
    display: none !important;
}

.page-header {
    border-bottom: none !important;
}

#whatsapp-notification {
    display: none;
    position: fixed;
    left: calc(50% - 250px);
    top: 30%;
    width: 500px;
    background: #fff;
    z-index: 100;
    padding: 25px;
}

#whatsapp-notification .whatsapp-logo {
    width: 50px;
}

#whatsapp-notification.visible {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#whatsapp-notification .text {
    padding: 30px 0;
}

#whatsapp-notification .whatsapp-button {
    text-transform: uppercase;
    font-weight: normal;
}

.sub-menu-toggle {
    display: none !important;
}

@media only screen and (max-width: 481px) {
    #whatsapp-notification {
        left: 0 !important;
        width: 100% !important;
        top: auto;
        bottom: 0;

    }

    .site-logo .custom-logo {
        max-width: 100% !important;
    }

    .site-branding {
        margin-right: 0 !important;
        width: 100% !important;
        margin-top: 40px;
    }

    .site-logo {
        position: relative !important;
        width: 100% !important;
    }

    .site-logo .custom-logo {
        width: 100% !important;
        max-height: 100% !important;
    }

    #media_image-3, #media_image-6 {
        display: none;
    }
}