/* ======================================================
   CONTAINER
====================================================== */

.crf-container {
    max-width: 1300px;
    margin: 0px auto;
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
    font-family: "Roboto", Arial, sans-serif;
    color: #111;
}

.crf-form {
    display: flex;
    gap: 35px;
    align-items: flex-start;
}

/* ======================================================
   BLOKKEN
====================================================== */

.crf-column {
    flex: 1;
    background: #fff;
    border: 1px solid #E5E5E5;
    border-radius: 26px;
    padding: 34px;
    box-sizing: border-box;
}

.crf-column h3 {

    margin: 0 0 10px;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 22px !important;

    font-weight: 600 !important;

    text-transform: none;

    letter-spacing: 0;

    color: #111;
}

.crf-column p {
    margin: 0 0 20px;
}

.zakelijk-fields {
    margin-bottom: 30px;
    padding-bottom: 22px;
    border-bottom: 1px solid #E5E5E5;
}

/* ======================================================
   INPUTS
====================================================== */

.crf-column input[type=text],
.crf-column input[type=email],
.crf-column input[type=tel],
.crf-column input[type=password],
.crf-column select {

    width: 100%;

    height: 54px;

    padding: 0 18px;

    border: 1px solid #DDDDDD;

    border-radius: 18px;

    background: #fff;

    font-size: 15px;

    color: #111;

    transition: .15s;

    box-sizing: border-box;
}

.crf-column input::placeholder {
    color: #A0A0A0;
}

.crf-column input:focus,
.crf-column select:focus {

    outline: none;

    border-color: #1BAB63;

    box-shadow: none;
}

/* ======================================================
   BUTTON
====================================================== */

.crf-button {

    background: #1BAB63;

    color: #fff;

    border: none;

    border-radius: 30px;

    padding: 10px 18px;

    font-family: "Roboto Condensed", sans-serif;

    font-size: 18px;

    font-weight: 600;

    cursor: pointer;

    transition: .1s;

    box-shadow: none;
}

.crf-button:hover {

    background: #169457;

    box-shadow: none;

    transform: none;
}

/* ======================================================
   TERMS
====================================================== */

.crf-terms {
    margin: 18px 0;
}

.crf-terms label {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
}

.crf-terms label span {

    font-size: 14px;

    line-height: 1.45;

    color: #111;

    font-weight: 500;
}

.crf-terms input[type=checkbox] {

    width: 18px;

    height: 18px;

    margin-top: 2px;

    flex-shrink: 0;

    accent-color: #1BAB63;
}

.crf-terms a {

    color: #1BAB63;

    text-decoration: none;

    font-weight: 600;
}

.crf-terms a:hover {

    text-decoration: underline;
}

/* ======================================================
   NOTICES
====================================================== */

.crf-notice {

    padding: 16px 20px;

    border-radius: 20px;

    margin-bottom: 25px;

    box-shadow: none;
}

.crf-notice--error {

    background: #FFF2F2;

    color: #8A1F1F;

    border-left: 5px solid #C62828;
}

.crf-notice--success {

    background: #EDF8F2;

    color: #1B7D4A;

    border-left: 5px solid #1BAB63;
}

/* ======================================================
   WOOCOMMERCE
====================================================== */

.crf-container .woocommerce-error,
.crf-container .woocommerce-message,
.crf-container .woocommerce-info {

    padding: 16px 20px;

    border-radius: 20px;

    margin-bottom: 24px;

    border: 1px solid #E5E5E5;

    box-shadow: none;

    list-style: none;
}

.crf-container .woocommerce-error {

    background: #FFF2F2;

    border-left: 5px solid #C62828;
}

.crf-container .woocommerce-message {

    background: #EDF8F2;

    border-left: 5px solid #1BAB63;
}

.crf-container .woocommerce-info {

    background: #fff;

    border-left: 5px solid #111;
}

.crf-container .woocommerce-error::before,
.crf-container .woocommerce-message::before,
.crf-container .woocommerce-info::before {

    display: none;
}

.crf-container .woocommerce-notices-wrapper:empty {

    display: none;
}

/* ======================================================
   POPUP
====================================================== */

.crf-popup__overlay {

    background: rgba(0,0,0,.55)!important;
}

.crf-popup__box {

    background: #fff!important;

    border-radius: 26px!important;

    border: 1px solid #E5E5E5!important;

    padding: 36px!important;

    box-shadow: none!important;
}

.crf-popup__close {

    color: #111!important;

    font-size: 28px!important;
}

.crf-popup__close:hover {

    color: #1BAB63!important;
}

/* ======================================================
   BUTTON FIX
====================================================== */

.crf-container .crf-button,
.crf-container button.crf-button,
.crf-container input.crf-button,
.crf-container input[type=submit].crf-button,
.crf-container button[type=submit].crf-button {
    background: #1BAB63!important;
	font-size: 18px;
    font-weight: 600;
    border: none!important;
    color: #fff!important;
    border-radius: 30px!important;
    box-shadow: none!important;
}

.crf-container .crf-button:hover,
.crf-container button.crf-button:hover,
.crf-container input.crf-button:hover,
.crf-container input[type=submit].crf-button:hover,
.crf-container button[type=submit].crf-button:hover {

    background: #169457!important;

    box-shadow: none!important;
}

/* ======================================================
   RESPONSIVE
====================================================== */

@media (max-width:980px){

    .crf-container{

        padding:0 16px;
    }

    .crf-form{

        flex-direction:column;

        gap:22px;
    }

    .crf-column{

        width:100%;

        padding:28px;
    }

    .crf-column h3{

        font-size:20px!important;
    }

    .crf-button{

        width:100%;
    }

}