/*********************************************
 * Brevo Newsletter form
**********************************************/
/* General styles for the brevo containers and form blocks */
.sib-form {
    padding: 0px !important;
}

.sib-form #sib-container{
    padding: 0px !important;
}

.sib-form #sib-container .sib-form-block{
    padding: 0px !important;
}

/* Input field */
.sib-form .sib-form-container .form__label-row .entry__field{
    background: var(--twc-color-primary);
    background-color: rgba(255, 255, 255, 0.1);
    border: 0px solid;
    border-radius: 50px;
    padding: 5px 60px 5px 30px;
}
.sib-form .sib-form-container .form__label-row .entry__field:focus-within{
    box-shadow: initial;
}
.sib-form .sib-form-container .form__label-row .entry__field .input::placeholder{
    color: #fff !important;
    text-transform: capitalize !important;
}

/* Newsletter entry choices - email list checkboxes */
.sib-form .sib-form-container .sib-checkbox-group .form__label-row > div{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.sib-form .sib-form-container .sib-checkbox-group .form__label-row .entry__label{
    margin-bottom: 0px;
}

.sib-form .sib-form-container .sib-checkbox-group .form__label-row .entry__choice{
    display: inline-block;
    width: initial;
    padding-left: initial;
    text-indent: initial;
    padding: 5px 10px 5px 0px;
    margin-right: initial;
    margin-top: initial;
    margin-bottom: initial;
}

.sib-form .sib-form-container .sib-checkbox-group .form__label-row .entry__choice:not(:first-child){
    margin-top: initial;
}

/* Actual checkbox item in brevo form - Hidden HTML checkbox */
.sib-form .sib-form-container .sib-checkbox-group .form__label-row .entry__choice .checkbox__label input[type="checkbox"],
.sib-form .sib-form-container .sib-optin .form__label-row .entry__choice input[type="checkbox"] {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

/* Actual checkbox item in brevo form - Visual frontend checkbox */
.sib-form .sib-form-container .sib-checkbox-group .form__label-row .entry__choice .checkbox__label .checkbox,
.sib-form .sib-form-container .sib-optin .form__label-row .entry__choice .checkbox {
    display: inline-block;
    border: 1px solid var(--twc-color-primary);
    background: var(--twc-color-primary);
    border-color: #fff;
    border-radius: initial;
}

/* Actual checkbox item in brevo form - Active state */
.sib-form .sib-form-container .sib-checkbox-group .form__label-row .entry__choice .checkbox__label .checkbox_tick_positive::before,
.sib-form .sib-form-container .sib-optin .form__label-row .entry__choice .checkbox_tick_positive::before {
    opacity: 0;
}
.sib-form .sib-form-container .sib-checkbox-group .form__label-row .entry__choice .checkbox__label input[type="checkbox"]:checked + span::before,
.sib-form .sib-form-container .sib-optin .form__label-row .entry__choice input[type="checkbox"]:checked + span::before {
    opacity: 1;
}

/* Newsletter entry specification -- non translated helper content we don't want to display */
.sib-form #sib-container .entry__specification {
    display: none;
}
.sib-form #sib-container .sib-optin .entry__specification {
    display: initial;
}

/* Newsletter entry errors */
.sib-form #sib-container .entry__error {
    padding: 4px 8px;
}

/* Newsletter entry label required asterisk */
.sib-form #sib-container .entry__label::after{
    padding-left: 5px;
    color: var(--twc-color-dark-green);
}

/*********************************************
 * Brevo Responsive
**********************************************/
@media only screen and (max-width:1023px) {
    /* test */
   
}