.crust-contact-form:not(.crust-no-wpautop) .wpcf7-form > p > label,
.crust-contact-form.crust-no-wpautop .wpcf7-form label{
display: flex;
flex-wrap: wrap;
}
.crust-contact-form .wpcf7-form-control-wrap{
margin: 0 0 15px;
display: block;
position: relative;
z-index: 4;
}
.crust-contact-form .wpcf7-form > p,
.crust-contact-form .wpcf7-form > label{
display: flex;
flex-direction: column;
}
.wpcf7-form label{
font-size: 15px;
position: relative
}
.wpcf7-checkbox label,
.wpcf7-radio label{
display: flex;
align-items: center;
line-height: 1;
margin-bottom: 0;
}
.wpcf7-checkbox .wpcf7-list-item-label,
.wpcf7-radio .wpcf7-list-item-label{
order: 2;
}
.crust-custom-radio-checkbox input[type=checkbox],
.crust-custom-radio-checkbox input[type=radio] {
border-style: solid;
border-width: 0;
outline: none;
min-width: 1px;
width: 15px;
height: 15px;
padding: 4px;
position: relative;
margin: 0 .65rem 0 0;
display: flex;
align-items: center;
justify-content: center;
appearance: none;
}
.crust-custom-radio-checkbox input[type=checkbox]:before,
.crust-custom-radio-checkbox input[type=radio]:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
padding: 0;
margin: 0;
background: #ddd;
display: block;
transition: all .4s ease;
}
.crust-custom-radio-checkbox input[type=checkbox]:after,
.crust-custom-radio-checkbox input[type=radio]:after {
content: "\f146";
font-family: uicons-regular-rounded !important;
color: #000;
line-height: 1;
position: relative;
opacity: 0;
transform: translateY(20px);
visibility: hidden;
transition: all .4s ease;
}
.crust-custom-radio-checkbox input[type=checkbox]:checked:before,
.crust-custom-radio-checkbox input[type=radio]:checked:before { transition: all 0.25s linear 0s;
}
.crust-custom-radio-checkbox input[type=checkbox]:checked:after,
.crust-custom-radio-checkbox input[type=radio]:checked:after {
opacity: 1;
transform: translateY(0px);
visibility: visible;
color: #fff
}
.crust-custom-radio-checkbox input[type=radio] {
border-radius: 50%;
}
.crust-custom-radio-checkbox input[type=radio]:before {
border-radius: 50%;
}
.crust-custom-radio-checkbox .wpcf7-list-item{
display: inline-flex;
margin: 0 1rem 0 0;
align-items: center;
}
.wpcf7-list-item{
margin-left: 1.5rem;
}
.wpcf7-list-item.first{
margin-left: 0;
}
span.wpcf7-not-valid-tip{
position: absolute;
right: 15px;
top: 12px;
font-size: 0;
}
span.wpcf7-not-valid-tip:before{
font-family: "Font Awesome 5 Pro";
font-size: 16px;
color: #ff9292;
display: inline-block;
content: "\f071";
line-height: 1;
font-weight: 900;
}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing{
border-width: 1px;
background-color: rgb(255, 240, 240);
border-color: #ffcece;
padding: .75rem 2rem;
text-align: center;
font-size: .875rem;
margin: 1rem 0 0;
}
.wpcf7-spinner{
position: absolute;
margin: 0;
right: 15px;
bottom: 15px;
}
.wpcf7-form{
position: relative;
}
.wpcf7-form input[type="range"] {
margin-bottom: 35px;
}
div.wpcf7 .ajax-loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100;
background-image: none;
background-color: rgba(255, 255, 255, 0.57);
margin: 0;
font-family: "Font Awesome 5 Pro";
}
div.wpcf7 .ajax-loader:before {
content: "\f110";
font-size: 30px;
position: absolute;
display: table;
width: 30px;
height: 30px;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
animation: loadingSpin 1s linear infinite;
}
.wpcf7-form.invalid .wpcf7-not-valid{
border-color: #f00;
}
.wpcf7 form .wpcf7-response-output {
font-size: .875rem;
line-height: 1.5;
margin: 15px 0 0;
padding: 10px 20px;
border: 0;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
background-color: rgb(255, 234, 235);
color: #000;
}
.crust-contact-full-btn .wpcf7-submit{
width: 100%;
}