.no-iframe .calculator--bmi .calculator {
    width: 100%;
    height: 21pc;
}

@media only screen and (min-width: 40em) {
    .no-iframe .calculator--bmi .calculator {
        max-width: 584px;
    }
}
#calculator--bmi,
#calculator--maxhr {
    height: 100%;
}

label {
    text-shadow: none;
}
label[for='height'],
label[for='age'],
label[for='gender'] {
    width: 50%;
}
label[for='weight'] {
    width: 50%;
    border-left: 1px solid #757575;
}
label[for='test'] {
    width: 100%;
}

#calculator--maxhr fieldset {
    text-align: center;
    border-bottom: 1px solid #757575;
}
#calculator--maxhr label {
    border-bottom-width: 0px;
}

#calculator--hydration label[for='age'] {
    width: 50%;
    border-left: 1px solid #757575;
}
#calculator--hydration label[for='pregnant'] {
    width: 100%;
    border-bottom: none;
}

#calculator--kj label[for='activity'] {
    width: 100%;
}
#calculator--kj label[for='weight'],
#calculator--kj label[for='duration'] {
    width: 50%;
}
#calculator--kj label[for='duration'] {
    border-left: 1px solid #757575;
}

#calculator--ratio label[for='waist'] {
    width: 50%;
}
#calculator--ratio label[for='hip'] {
    width: 50%;
    border-left: 1px solid #757575;
}
#calculator--ratio label[for='gender'] {
    width: 100%;
}

#calculator--energy label[for='activity'],
#calculator--energy label[for='gender'],
#calculator--energy label[for='height'] {
    width: 50%;
}
#calculator--energy label[for='age'],
#calculator--energy label[for='goal'],
#calculator--energy label[for='weight'] {
    width: 50%;
    border-left: 1px solid #757575;
}

#serves .calculator__container {
    height: 660px;
}

#nutrients .calculator__container {
    height: 870px;
}

.calculator--nutrients .calculator__output {
    height: auto;
    padding-bottom: 20px;
}

.calculate {
    display: inline-block;
    vertical-align: middle;
}
.calculate p {
    margin: 18px 0;
}
.calculate button {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

.has-results .calculate,
.results {
    display: none;
}

.has-results .results {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
}

.results__bmi {
    color: #f9f9f9;
}

#calculator--serves {
    height: 100%;
}
#calculator--serves.has-results .calculate {
    display: block;
}
#calculator--serves label[for='gender'] {
    width: 50%;
}
#calculator--serves label[for='gender'] {
    width: 50%;
}
#calculator--serves label[for='pregnant'] {
    width: 100%;
    border-bottom: none;
}
#calculator--serves .calculator__output {
    height: auto;
    padding-bottom: 20px;
}

#calculator--nutrients {
    height: 100%;
}
#calculator--nutrients.has-results .calculate {
    display: block;
}
#calculator--nutrients label[for='gender'] {
    width: 50%;
}
#calculator--nutrients label[for='age'] {
    width: 50%;
    border-left: 1px solid #757575;
}
#calculator--nutrients label[for='pregnant'] {
    width: 100%;
    border-bottom: none;
}
#calculator--nutrients .calculator__output {
    height: auto;
    padding-bottom: 20px;
}

.calculator__container {
    display: block;
    margin: 0 auto;
    margin-bottom: 35px;
}
@media only screen and (min-width: 30em) {
    .calculator__container {
        margin-bottom: 75px;
    }
}

/*# sourceMappingURL=calc-bmi.css.map */