/*
Theme Name: N11 Newsroom
Theme URI: https://n11.nl
Author: Buro N11
Author URI: https://n11.nl
Description: Setup for a basic newsroom.
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 7.4
Version: 1.0
Text Domain: n11-newsroom
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news, n11-beeldbank
*/

html {
    scroll-behavior: smooth;
}

.wpcf7-form-control {
    display: block;
    min-width: 100%;
    padding: .5rem;
    font-family: var(--wp--preset--font-family--system-font);
    font-size: var(--wp--preset--font-size--medium);
    border-color: var(--wp--preset--color--contrast);
    border-radius: 2px;
    border-width: 1px;
}

.wpcf7-form-control:focus-visible {
    border-color: var(--wp--preset--color--primary);
    outline-color: var(--wp--preset--color--primary);
    outline-width: 2px;
    outline-style: outset;
}

.wpcf7-radio {
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: .3rem
}

.wpcf7-submit {
    min-width: auto;
    display: inline-block;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    background-color: var(--wp--preset--color--primary);
    color: #FFF;
    border: 0;
    cursor: pointer;
}

.wpcf7-submit:hover,
.wpcf7-submit:focus {
    background-color: var(--wp--preset--color--contrast);
    color: #FFF;
}