@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

:root {
    /***Logo's***/
    --logo-standard: url("../../custom/theme/assets/images/logo.png");
    --logo-alt: url("../../custom/theme/assets/images/logo.png");
    
    /***Header Image***/
     --header-image: url("../../../../custom/theme/assets/images/succes_desktop.jpg"); 

    /***Brand Colors***/
    --color-brand-primary: #ff5301;
    --color-brand-primary-rgb: 255, 83, 1;
    --color-brand-secondary: #111111;
    --color-brand-tertiary: #111111;
    --color-brand-light: #ff9462;
    --color-brand-dark: #111111;

    /***Font***/
    --font-family: 'Roboto', sans-serif;
    --font-family-title: 'Oswald', sans-serif;
    --font-family-body: var(--font-family);
    --font-size: 1.6rem;
    --font-body-color: #273044;
    --font-title-color: #111111;

    /**** Voor meer settings zie: /themes/base/assets/style/variables.css ****/
}
.form_check {
    display: inline;
}
body {
    color: var(--font-body-color);
}
h1, h2, h3, h4, h5, h6 {
    color: var(--font-title-color);
    text-transform: uppercase;
}
.layout-login {
    background-color: var(--color-neutral-white);
}
.login_formbox {
    border: 5px solid var(--color-brand-primary);
}
fieldset {
    margin: 0 0 20px 0;
}
fieldset legend {
    font-size: var(--font-size-m);
}
body.layout-header-float footer {
    background-color: var(--color-brand-secondary);
}
.footer_cta h3 {
    color: var(--color-neutral-white);
}
@media screen and (max-width: 767px) {
.header_visual, .header_visual:before {
    min-height: 30vh;
}
}
@media screen and (max-width: 1024px) {
     body.layout-header-float .header_visual,
    body.layout-header-float .header_visual:before {
    height: calc(20vh - var(--menu-height));
}
    body.layout-header-float .header_visual:before {
        background-image: url("./../images/succes_mobiel.jpg");
    }
}
/***********
* NIEUWSBRIEF
***********/
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 {
    padding: 10px; 
}
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 label {
    font-size: 1rem; 
}
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-field-text label,
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-field-email label,
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-field-date label,
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-field-number label,
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-field-dropdown label,
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-field-textarea label {
    display: block;
}
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 h3 {
    margin-top: 0;
}
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 * {
    font-family: inherit;
}
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-field-text input,
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-field-email input,
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-field-date input,
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-field-number input,
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-field-dropdown select,
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-field-textarea textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    border-style: solid;
}
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-field {
    margin-bottom: 10px;
}
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-field label {
    font-weight: bold;
}
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-groups {
    margin-top: 20px;
}
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-groups input {
    margin-right: 8px;
}
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-groups-label {
    font-weight: bold;
}
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-error {
    margin-top: 10px;
    color: red;
}
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-fields ._form-field input._form-field-error {
    border-color: red;
}
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-fields ._form-field label._form-field-error {
    color: red;
}
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 ._form-groups-label + div {
    margin-top: 10px;
}
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 #_form_06adcef1857fb9dc40924f81a725057c8ab015e8_submit {
    padding: 10px;
    border: 0;
    border-radius: 4px;
    margin-top: 10px;
    cursor: pointer;
    font-weight: bold;
    font-size: 1rem;
    margin-bottom: 20px;
}
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 {
    color: #ffffff;  
}
#_form_06adcef1857fb9dc40924f81a725057c8ab015e8 a {
    color: #ffffff;  
}