/*
Theme Name: FirmGo theme (HE)
Theme URI: https://firmgo.nl
Template: hello-elementor
Author: EswaDesign
Author URI: https://eswadesign.com
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.4.9.1782460391
Updated: 2026-06-26 07:53:11

*/
/* Site styling */
/* header {
    background-color: var(--primary);
} */

#site-header,
#site-footer {
    display: none !important;
}

.gf-check svg {
    background-color: #E8F5FD;
    padding: 7px;
    border-radius: 5px;
}

/* Form styling */
/* Global styling */
button[data-action="prev"],
button[data-action="next"],
input[type="radio"],
input[type="checkbox"] {
    cursor: pointer;
}

input[type="radio"]:checked:after,
input[type="checkbox"]:checked:after {
    background-color: var(--primary) !important;
    border-radius: 7px !important;
}

.form-price {
    display: none;
}

.form-step-title {
    text-align: center;
    font-weight: bold;
}

/* Navigation buttons styling */
button[data-action="prev"],
button[data-action="next"] {
    border-radius: 50px !important;
    transition: .2s;
}

button[data-action="prev"],
button[data-action="next"]:hover {
    color: var(--primary) !important;
    background-color: var(--white) !important;
    border: 1px solid var(--primary);
}

button[data-action="next"],
button[data-action="prev"]:hover {
    color: var(--white) !important;
    background-color: var(--primary) !important;
    border: 1px solid var(--primary);
}

/* Progress styling */
.fluentform .ff-step-titles li.ff_active,
.fluentform .ff-step-titles li.ff_completed {
    color: var(--primary) !important;
}

.fluentform .ff-step-titles li.ff_active:before,
.fluentform .ff-step-titles li.ff_completed:before,
.fluentform .ff-step-titles li.ff_active:after,
.fluentform .ff-step-titles li.ff_completed:after {
    background: var(--primary) !important;
}

.fluentform .ff-step-titles li:after {
    background: #313131 !important;
    height: 1px;
}


/* Inline radio buttons styling */
.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span {
    background-color: var(--primary) !important;
    border-color: var(--primary) !important;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check label>span:hover {
    color: var(--primary) !important;
}

.fluentform .ff-el-group.ff_list_buttons .ff-el-form-check.ff_item_selected label>span {
    color: var(--white) !important;
}

/* Overview styling */
.ffp_table thead {
    background-color: var(--primary) !important;
    color: white !important;
}