/*
Theme Name: Twenty Twenty-four Child
Theme URI:
Author:
Author URI:
Description: Child Theme
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version:
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfour
Text Domain: twenty-twenty-four-child
Tags:
*/
/* Ultimate Member forms: zwarte Consolas-stijl, placeholders lichtgrijs */
/* UM forms: zwarte Consolas-stijl, placeholders lichtgrijs */
.um,
.um * {
    font-family: Consolas, "Courier New", monospace !important;
    color: #000000 !important;
}

.um input::placeholder,
.um textarea::placeholder {
    color: #A0A0A0 !important;
    opacity: 1 !important;
}

/* Leden-template: basisfont en basistekst 
.leden-template-layout,
.leden-template-layout * {
    font-family: Consolas, "Courier New", monospace !important;
}

.leden-template-layout,
.leden-template-layout a,
.leden-template-layout p,
.leden-template-layout li,
.leden-template-layout span,
.leden-template-layout div,
.leden-template-layout input,
.leden-template-layout textarea {
    color: #3F3F3F;
    text-decoration: none !important;
}

.leden-template-layout input::placeholder,
.leden-template-layout textarea::placeholder {
    color: #A0A0A0 !important;
    opacity: 1 !important;
}

/* Leden-template: alle links standaard groen, hover zwart 
.leden-template-layout a
.leden-template-layout a:hover,
.leden-template-layout a:focus,
.leden-template-layout a:visited {
    color: #000000 !important;
    text-decoration: none !important; 
    transition: color 0.3s ease;
}




/* =========================================================
   Algemene focusstijl
   ========================================================= 
:where(.wp-site-blocks *:focus) {
    outline-width: 2px;
    outline-style: solid;
}

   =========================================================
   Ultimate Member - sitewide base style
   ========================================================= 
.um {
    font-family: Consolas, "Courier New", monospace !important;
    color: #000000 !important;
}
/*
.um label,
.um a,
.um .um-field-label,
.um .um-col-alt-b,
.um .um-left,
.um .um-right,
.um .um-account-meta a,
.um .um-link-alt,
.um .um-field-checkbox-option,
.um .um-field-radio-option,
.um .um-field-area,
.um .um-field-block,
.um .um-field-value,
.um .um-field-text,
.um .um-notice,
.um .um-notice p,
.um .um-notice a,
.um .um-button,
.um input[type="submit"].um-button,
.um .um-alt,
.um button,
.um input[type="button"],
.um input[type="reset"] {
    font-family: inherit !important;
    color: inherit !important;
}

.um input[type="text"],
.um input[type="email"],
.um input[type="password"],
.um input[type="number"],
.um input[type="tel"],
.um input[type="url"],
.um input[type="search"],
.um textarea,
.um select,
.um .um-field input,
.um .um-field textarea,
.um .um-field select,
.um .um-field-block div,
.um .um-field-area div,
.um .um-field-value div,
.um .um-field-text div,
.um .um-field-value span,
.um .um-field-block span,
.um .um-field-area span {
    font-family: inherit !important;
    color: inherit !important;
}

.um input::placeholder,
.um textarea::placeholder {
    font-family: inherit !important;
    color: inherit !important;
    opacity: 1 !important;
}

/* =========================================================
   Leden-template - volledige pagina-layout
   Vereist klasse op buitenste Group:
   .leden-template-layout
   ========================================================= 
.leden-template-layout {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
*/
/* =========================================================
   Leden-template - algemene tekstkleur
   Vereist klasse op header-wrapper:
   .leden-template-header
   ========================================================= 
.leden-template-header,
.leden-template-header p,
.leden-template-header a,
.leden-template-header li,
.leden-template-header .wp-block-navigation-item__content {
    color: #3F3F3F;
}

/* =========================================================
   Leden-template - header rechts uitlijnen
   Houdt navigatie rechts binnen de headercontainer
   ========================================================= 
.leden-template-header .wp-block-navigation {
    width: 100%;
    justify-content: flex-end;
}

.leden-template-header .wp-block-navigation__container {
    justify-content: flex-end;
}

/* =========================================================
   Leden-template - navigatielinks basis
   ========================================================= 
.leden-template-header .wp-block-navigation-item__content {
    display: inline-block;
    padding: 6px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    text-decoration: none;
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(
            90deg,
            rgba(115, 154, 115, 0) 0%,
            rgba(115, 154, 115, 0) 100%
        ) border-box;
    transition:
        color 0.25s ease,
        background 0.25s ease,
        border-color 0.25s ease;
}
*/
/* =========================================================
   Leden-template - hover en focus op navigatie
   Huisstijl groen: #739A73
   ========================================================= 
.leden-template-header .wp-block-navigation-item__content:hover,
.leden-template-header .wp-block-navigation-item__content:focus {
    color: #739A73;
    background:
        linear-gradient(#ffffff, #ffffff) padding-box,
        linear-gradient(
            90deg,
            rgba(115, 154, 115, 0) 0%,
            rgba(115, 154, 115, 0.35) 25%,
            rgba(115, 154, 115, 0.95) 50%,
            rgba(115, 154, 115, 0.35) 75%,
            rgba(115, 154, 115, 0) 100%
        ) border-box;
}
*/