@font-face {
font-family: "Redwing";
src: url(https://www.garagegymreviews.com/wp-content/plugins/p4-calculators/includes/running-pace/assets/redwing/Redwing-Bold.eot) format("embedded-opentype"),
url(https://www.garagegymreviews.com/wp-content/plugins/p4-calculators/includes/running-pace/assets/redwing/Redwing-Bold.svg) format("svg"),
url(https://www.garagegymreviews.com/wp-content/plugins/p4-calculators/includes/running-pace/assets/redwing/Redwing-Bold.ttf) format("truetype"),
url(https://www.garagegymreviews.com/wp-content/plugins/p4-calculators/includes/running-pace/assets/redwing/Redwing-Bold.woff) format("woff"),
url(https://www.garagegymreviews.com/wp-content/plugins/p4-calculators/includes/running-pace/assets/redwing/Redwing-Bold.woff2) format("woff2");
}
@font-face {
font-family: Proxima-Nova;
src: url(https://use.typekit.net/alg3nhp.css);
}
.wp-block-p4-calculators-running-pace {
background-color: #252934;
border: 2px solid #252934;
display: block;
margin: 0 auto;
max-width: 51.5625rem;
text-align: left;
border-bottom-left-radius: 0.625rem;
border-bottom-right-radius: 0.625rem;
overflow: hidden;
}
.p4-calculators-header,
.p4-calculators-form {
margin: 3rem auto;
padding: 0 0.75rem;
}
.p4-calculators-form {
max-width: 23.4375rem;
}
.p4-calculators-logo {
display: block;
height: 12.0625rem;
margin: 0 auto 1.5rem;
width: 12.0625rem;
}
.p4-calculators-heading,
.p4-calculators-description,
.p4-calculators-label {
color: #ffffff;
font-family: "Redwing", sans-serif;
}
.p4-calculators-heading,
.p4-calculators-description {
text-align: center;
}
.p4-calculators-heading {
font-size: 2.375rem;
line-height: 1.26;
margin: 0 auto 0.75rem;
}
.p4-calculators-description {
font-size: 1.5rem;
line-height: 1.25;
margin: 0 auto;
}
.p4-calculators-label {
display: block;
margin: 1.5rem 0 0.5rem;
text-transform: uppercase;
}
.p4-calculators-label .error-indicator {
display: none;
}
.p4-calculators-label.has-error {
color: #e31c3d;
}
.p4-calculators-label.has-error .error-indicator {
display: inline;
}
.p4-calculators-fields-container {
align-items: flex-start;
display: flex;
flex-flow: row nowrap;
gap: 0;
justify-content: center;
width: 100%;
}
.p4-calculators-fields-container__halves > input,
.p4-calculators-fields-container__halves > select,
.p4-calculators-fields-container__halves > .bmd-form-group {
display: block;
width: 50%;
}
.p4-calculators-fields-container__halves .bmd-form-group > input,
.p4-calculators-fields-container__halves .bmd-form-group > select {
display: block;
width: 100%;
}
.p4-calculators-fields-container__thirds > input,
.p4-calculators-fields-container__thirds > select,
.p4-calculators-fields-container__thirds > .bmd-form-group {
display: block;
width: 33%;
}
.p4-calculators-fields-container__thirds .bmd-form-group > input,
.p4-calculators-fields-container__thirds .bmd-form-group > select {
display: block;
width: 100%;
}
.p4-calculators-fields-container input,
.p4-calculators-fields-container select {
border: none;
border-radius: 0;
font-family: Proxima-Nova, sans-serif;
font-size: 1rem;
margin: 0;
padding: 1.125rem 0 1.125rem 1rem;
text-align: left;
}
.p4-calculators-fields-container select {
font-weight: bold;
padding-bottom: 1.0625rem;
padding-top: 1.0625rem;
}
.p4-calculators-fields-container input + input,
.p4-calculators-fields-container input + select,
.p4-calculators-fields-container .bmd-form-group + .bmd-form-group {
border-left: 2px solid #252934;
}
.p4-calculators-footer {
background-color: #f7f7f7;
padding: 2rem 0;
text-align: center;
}
.p4-calculators-warning {
color: #e31c3d;
display: none;
font-family: Proxima-Nova, sans-serif;
font-size: 1rem;
font-weight: bold;
line-height: 1.25;
text-align: center;
}
.p4-calculators-warning.has-error {
display: block;
}
.p4-calculators-results {
color: #1974b9;
font-family: Proxima-Nova, sans-serif;
font-size: 1rem;
font-weight: bold;
line-height: 1.25;
text-align: center;
}
.running-pace-calculate,
.running-pace-reset {
border-radius: 0;
font-family: "Redwing", sans-serif;
font-size: 1.125rem;
line-height: 1.33;
margin: 0.75rem;
padding: 1rem 3.125rem;
text-transform: uppercase;
}
.running-pace-calculate {
background-color: #1974b9;
border: 2px solid #1974b9;
color: #ffffff;
}
.running-pace-reset {
background-color: transparent;
border: 2px solid #161616;
color: #161616;
}