/*
 Theme Name:   Die Mitte Child
 Description:  Die Mitte Child Theme by Villo
 Author:       Villo
 Author URI:   httpw://www.mitim.ch
 Template:     diemitte
 Version:      1.4.0
 Text Domain:  diemitte-child
*/
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea 
{
    background-color: rgba(0,60,105,.04);
    border: 1px solid transparent;
    border-radius: 0.22222rem;
    color: #003c69;
    font-size: .88889rem;
    height: 2.88889rem;
    padding: 0.77778rem 0.88889rem 0;
width: 100%;    
	transition: all .5s
}
input.wpcf7-number, input.wpcf7-validates-as-number
{
    background-color: rgba(0,60,105,.04);
    border: 1px solid transparent;
    border-radius: 0.22222rem;
    color: #003c69;
    font-size: .88889rem;
    height: 1.7rem;
    padding: 0.77778rem 0.88889rem 0;
	width: 4.0rem;   
	transition: all .5s
}

.wpcf7-form-control-wrap input:focus, .wpcf7-form-control-wrap textarea:focus 
{
    background-color: rgba(255,0,0,.04);
}

.wpcf7-submit 
{
    border: none;
    border-radius: 0.22222rem;
    font-weight: 800;
    line-height: 1;
    transition: all .3s;
    background-color: #003c69;
    color: #fff;
    font-size: .88889rem;
    letter-spacing: .01em;
    padding: 0.88889rem 1.33333rem;
    text-decoration: none;
	display: inline-block;
}


/* custom checkbox styling for contact form 7 checkbox */
span.wpcf7-list-item {
display: inline-block;
margin: 0;
}
.wpcf7 .wpcf7-list-item {
display: block;
margin-bottom: 10px;
}

.wpcf7-acceptance input[type=checkbox] {
/*position: relative;*/
position: absolute;
visibility: hidden;
width: 30px;
height: 30px;
top: 0;
left: 0;
}
.wpcf7-acceptance input[type=checkbox] + span:before {
display: block;
position: absolute;
content: '';
	background: url(img/icon-check.svg) 0 0 no-repeat;
	    background-size: cover;
border-radius: 0;
height: 30px;
width: 30px;
top: 0px;
left: 0px;
border: 1px solid #ff9b00;
}
.wpcf7-acceptance input[type=checkbox] + span:after {
display: block;
position: absolute;
background: url(img/icon-check.svg) 0 0 no-repeat;
background-size: cover;
content: "\2713";
height: 30px;
width: 30px;
top: 0;
left: 0;
visibility: hidden;
font-size: 18px;
text-align: center;
line-height: 30px;
}
.wpcf7-acceptance input[type=checkbox]:checked + span:before {
/*background: transparent;*/
background: url(img/icon-check.svg) 0 0 no-repeat;
	    background-size: cover;
}

.wpcf7-acceptance input[type=checkbox]:checked + span:after {
visibility: visible;
}

.wpcf7-list-item-label {
margin-left: 40px;
display: inline-block;
}

[type="checkbox"] label:after 
{
  text-align: left;  
	background: url(img/icon-check.svg) 0 0 no-repeat;
    background-size: cover;
    /*content: "";*/
    /*display: block;*/
	display: inline-block;
    width: .66666rem;
    height: .44444rem;
    position: absolute;
    /*top: calc(50% + 8px);*/
    left: .22222rem;
    opacity: 0;
    /*transform: translateY(calc(-50% - 8px));
    transition: all .5s;*/
}