/*
Theme Name: Ustadoner
Theme URI: https://example.com
Author: Your Name
Author URI: https://www.ustadoner.nl/
Description: A custom theme based on an HTML template
Version: 1.0
*/




/* Hide the default radio button */
.forminator-radio .forminator-radio-bullet {
    display: none!important;
}

/* Style the radio options as buttons */
.forminator-radio {
    display: inline-block;
}

.forminator-radio label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px; /* Adjust width as needed */
    height: 50px; /* Adjust height as needed */
    background: #f5f5f5;
    border: 2px solid #ccc;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-align: center;
    margin: 5px;
}

/* Add hover effect */
.forminator-radio label:hover {
    background: #ddd;
}

/* Add selected class when radio is checked */
.forminator-radio input:checked + .forminator-radio-inline {
    background: #0073aa;
    color: white;
    border-color: #0073aa;
}

/* Add extra class when selected */
.forminator-radio input:checked + .forminator-radio-inline::after {
    content: "✓";
    font-size: 16px;
    color: white;
    position: absolute;
    top: 5px;
    right: 5px;
}