/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 17 2026 | 14:16:08 */
body::after {
    content: "";
    position: fixed;

    width: 500%;
    height: 500%;

    left: -100%;
    top: -100%;

    background-image: url("https://2-inch.nl/noise.png");
    background-repeat: repeat;
	
opacity :0.94;
    animation: noise 3s steps(6) infinite;

    z-index: 999999;
    pointer-events: none;
}

@keyframes noise {
    0%,
    100% {
        transform: translate(0, 0);
    }

    10% {
        transform: translate(-5%, -10%);
    }

    20% {
        transform: translate(-15%, 5%);
    }

    30% {
        transform: translate(7%, -25%);
    }

    40% {
        transform: translate(-5%, 25%);
    }

    50% {
        transform: translate(-15%, 10%);
    }

    60% {
        transform: translate(15%, 0%);
    }

    70% {
        transform: translate(0%, 15%);
    }

    80% {
        transform: translate(3%, 35%);
    }

    90% {
        transform: translate(-10%, 10%);
    }
}

/* =========================================
   FLUENT FORMS — GLOBAL STYLING
   ========================================= */

.fluentform,
.frm-fluent-form {
    --ff-text: var(--e-global-color-primary);
    --ff-placeholder: #808080;
    --ff-line: #4d4d4d;
    --ff-bg: #000000;
}


/* INPUTS + SELECT + TEXTAREA
----------------------------------------- */

.frm-fluent-form .ff-el-form-control {
    width: 100%;
    min-height: 48px;

    padding: 0 0 10px 0;

    color: var(--ff-text);
    background-color: transparent;

    border: 0;
    border-bottom: 1px solid var(--ff-line);
    border-radius: 0;

    font: inherit;

    box-shadow: none;
    outline: none;
}


/* PLACEHOLDERS
----------------------------------------- */

.frm-fluent-form .ff-el-form-control::placeholder {
    color: var(--ff-placeholder);
    opacity: 1;
}

.frm-fluent-form .ff-el-form-control::selection {
    background: #fff !important;
    color: #000 !important;
}


/* FOCUS
----------------------------------------- */

.frm-fluent-form .ff-el-form-control:focus {
        color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff !important;
    background-color: transparent;

    border-color: #fff;

    box-shadow: none;
    outline: none;
}

.frm-fluent-form .ff-el-form-control {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    caret-color: #fff !important;
}

.frm-fluent-form .ff-el-form-control::placeholder {
    color: #808080 !important;
    -webkit-text-fill-color: #808080 !important;
}

/* Dropdown placeholder */
.frm-fluent-form select.ff-el-form-control {
    color: #808080 !important;
    -webkit-text-fill-color: #808080 !important;
}

/* Zodra er een echte optie gekozen is */
.frm-fluent-form select.ff-el-form-control:has(option:checked:not([value=""])) {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
}

/* Opties in het geopende dropdownmenu */
.frm-fluent-form select.ff-el-form-control option {
    color: #fff;
    background-color: #000;
}

/* Eerste / lege optie */
.frm-fluent-form select.ff-el-form-control option[value=""] {
    color: #808080;
}

/* TEXTAREA
----------------------------------------- */

.frm-fluent-form textarea.ff-el-form-control {
    min-height: 110px;

    padding-top: 8px;

    resize: vertical;
}


/* =========================================
   DROPDOWN
   ========================================= */

.frm-fluent-form select.ff-el-form-control {
    padding-right: 30px;

    color: var(--ff-placeholder);

    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    cursor: pointer;

    background-color: transparent;

    background-image:
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1L5 5L9 1' fill='none' stroke='%23FFFFFF' stroke-width='1'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: right 3px center;
    background-size: 10px 6px;
}


/* Dropdown opties */

.frm-fluent-form select.ff-el-form-control option {
    color: #ffffff;
    background-color: #000000;
}


/* =========================================
   FLUENT FORMS — SUBMIT BUTTON
   ========================================= */

.frm-fluent-form .ff-btn-submit,
.frm-fluent-form button.ff-btn-submit,
.frm-fluent-form input[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;

    padding: 1.15rem 1.75rem !important;

    background: #000000 !important;
    background-color: #000000 !important;

    color: #ffffff !important;

    border: 1px solid #4d4d4d !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: "Akkurat Mono", monospace !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    text-transform: uppercase !important;
    letter-spacing: 0.22em !important;

    cursor: pointer !important;

    transition:
        background-color 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease !important;
}


/* Hover */

.frm-fluent-form .ff-btn-submit:hover,
.frm-fluent-form .ff-btn-submit:focus {
background: rgba(255,255,255,.06) !important;
 box-shadow: none !important;
    outline: none !important;
}


/* =========================================
   SPACING
   ========================================= */

.frm-fluent-form .ff-el-group {
    margin-bottom: 26px;
}


/* Remove Fluent Forms backgrounds */

.frm-fluent-form,
.frm-fluent-form .ff-el-group,
.frm-fluent-form .ff-el-input--content {
    background: transparent;
}

.special-h1 h1 {
    font-size: clamp(1.25rem, 1.179rem + 0.357vw, 1.5rem) !important;
}