:root {

    /***Logo's***/
    --logo-standard: url("../../custom/theme/assets/images/logo.png");
    --logo-alt: url("../../custom/theme/assets/images/logo.png");

    /***Header Image (Van toepassing op visual.twig)***/
    --header-image: url("../../custom/theme/assets/images/header.jpg");

    /***Brand Colors***/
    --color-brand-primary: #FFCE2D;
    --color-brand-primary-rgb: rgb(255, 206, 45);
    --color-brand-secondary: #2F4CA9;
    --color-brand-tertiary: #B62421;
    --color-brand-light: #FFCE2D;
    --color-brand-dark: #000000; 

    /***Font***/
    /* --font-family: 'Roboto', sans-serif; */
    /* --font-family-title: 'Roboto', sans-serif; */
    /* --font-size: 1.6rem; */

    /**** Voor meer settings zie: /themes/base/assets/style/variables.css ****/
}

body {
    text-align: left;
    font-family:  Helvetica, Arial,sans-serif;
    line-height: 160%;
    background: #fff;
    margin: 0 0 0 0;
    opacity: 1;
    filter: Alpha(Opacity=100);
    transition: all 1s;
    -webkit-transition: all 1s;
    transition-timing-function: ease;
}

input:focus, optgroup:focus, select:focus, textarea:focus {
    background: transparent !important;
    color: #1d1d1b !important;
}
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.8) inset !important;
}
button, .button, input[type="submit"], input[type="button"] {
    font-weight: 600;
}
footer {
    background-color: var(--color-brand-secondary);
    color: var(--color-neutral-white);
    font-size: var(--font-size-xxs);
}
.footer_bar .info, .footer_bar .poweredby {
    display: grid;
    align-items: start;
}
.button--light {
    background-color: var(--color-neutral-white);
    color: var(--color-brand-secondary);
    cursor: pointer;
}
.button--primary:hover {
    background-color: var(--color-brand-secondary);
}
.button--secondary:hover, .button--warning:hover, .button--info:hover, .button--light:hover, .button--dark:hover {
    background-color: var(--color-brand-dark);
}