selector .elementor-field-textual{
font-size: 14px; /* Tamanho da fonte do placholder */
}
/* Deixa o box invisível */
selector input[type="checkbox"], selector input[type="radio"]{
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
width: 1px;
}
/* Para botões radio */
.elementor-field-group-aceite > div label:before{
content: "";
display: inline-block;
width: 15px;
height: 15px;
margin-right: 0.5em;
border-radius: 0%;
vertical-align: -3px;
border: 2px solid #791DF3; /* Cor da borda do Checkbox */
padding: 0.13em;
background-color: transparent;
background-clip: content-box;
transition: all 0.2s ease;
}
.elementor-field-group-aceite > div label{
margin-right: 1em;
}
.elementor-field-group-aceite > div input:hover + label:before{
border-color: #791DF3; /* Altere a cor */
background-color: #791DF3; /* Altere a cor */
}
.elementor-field-group-mt_radio > div input:checked + label:before{
background-color: #791DF3; /* Altere a cor */
border-color: #791DF3; /* Altere a cor */
}
/* Para botões checkbox */
.elementor-field-group-aceite > div label:before{
content: "";
display: inline-block;
width: 15px;
height: 15px;
margin-right: 0.5em;
vertical-align: -3px;
border: 1px solid #791DF3; /* Cor da borda do Checkbox */
padding: 0.15em;
background-color: transparent;
background-clip: content-box;
transition: all 0.2s ease;
border-radius: 0px; /* Border-radius do checkbox */
}
.elementor-field-group-aceite > div label{
margin-right: 1em;
position: relative;
}
.elementor-field-group-aceite > div label:after {
border-right: 2px solid #fff;
border-top: 2px solid #fff;
content: "";
height: 11px;
left: 2px;
position: absolute;
top: 11px;
transform: scaleX(-1) rotate(135deg);
transform-origin: left top;
width: 6px;
display: none;
}
.elementor-field-group-aceite > div input:hover + label:before{
border-color: #791DF3; /* Altere a cor */
cursor: pointer;
}
.elementor-field-group-aceite > div input:checked + label:before {
border-color: #791DF3; /* Altere a cor */
background: #791DF3; /* Altere a cor */
}
.elementor-field-group-aceite > div input:checked + label:after{
-moz-animation: check 0.8s ease 0s running;
-webkit-animation: check 0.8s ease 0s running;
animation: check 0.8s ease 0s running;
display: block;
width: 6px;
height: 11px;
border-color: #FFFFFF; /* Cor do check */
margin-top: -4px; /* Margem do ícone de check */
}
/* Animação do Check */
@keyframes check{
0%{
height: 0;
width: 0;
}
25%{
height: 0;
width: 6px;
}
50%{
height: 11px;
width: 6px;
}
}
.elementor-field-group-aceite{
font-size: 12px; /* Tamanho do texto do campo Aceite */
line-height: 1.8em;
}