#main .entry-content .calculator_wrapper label {
width: auto;
display: inline;
margin-right: 5px;
vertical-align: middle;
font-size: 18px;
line-height: 1.5;
margin-bottom: 0;
}
.calc_radio {
margin-bottom: 15px;
}
.dog_weight_cont {
margin-bottom: 30px;
}
#main .entry-content .calculator_wrapper input {
display: inline;
width: auto;
font-size: 18px;
padding: 5px 10px;
margin: 0;
box-shadow: none;
border: none;
outline: 0 !important;
}
.calc_radio label {
cursor: pointer;
}
.calc_radio_container:before,
.calc_radio_container:after {
content: '';
clear: both;
display: block;
}
.calc_input_field {
position: relative;
margin-bottom: 30px;
display: inline-block;
float: left;
clear: both;
background: #fff;
z-index: 0;
border-radius: 4px;
padding-right: 5px;
}
.calc_input_field label {
font-weight: 400;
font-size: 14px;
position: absolute;
display: inline-block;
line-height: 26px;
top: 3px;
margin: 0;
left: 1px;
width: 198px;
padding-left: 8px;
z-index: -1;
transition: 0.2s;
font-size: 16px !important;
}
.calc_input_field input {
background: none;
box-shadow: none;
border: 1px solid #c2c4c6;
width: 200px;
font-size: 13px;
height: 28px;
display: block;
}
form.calc_radio_container {
margin: 0 0 30px;
}
.calculator_wrapper {
margin-bottom: 30px;
}
.form_question {
margin-bottom: 30px;
font-size: 24px;
}
.calculator_wrapper .btn {
font-size: 19px;
margin-right: 20px;
outline: none !important;
}
#main .entry-content .calculator_wrapper .dog_weight_cont input {
width: 45px !important;
}
.calc_welcome_img {
margin-bottom: -44px;
position: relative;
z-index: -1;
}
.calc_input_field input:focus+label,
.calc_input_field input:valid+label {
top: -20px !important;
padding-left: 0 !important;
font-size: 12px !important;
}
@media (max-width: 479px) and (min-width: 320px){
#main .entry-content .calculator_wrapper input[type="text"] {
width: calc(100% - 30px);
}
.calc_input_field {
width: 100%;
}
}