/**
* NGS-Maintenance-Page
*
* @category         Wordpress-plugin
* @package          NGS_Maintenance_Page
* @author           Nils Guder <nilsguder@neue-gute-software.de>
* @copyright        2016 Nils Guder
* @license          GNU GENERAL PUBLIC LICENSE Version 2
* @link             http://neue-gute-software.de/plugins/ngs-maintenance-page/
* @wordpress-plugin
* Plugin Name: NGS Maintenance Page
* Plugin URI:  http://neue-gute-software.de/plugins/ngs-maintenance-page/
* Description: Shows a maintenance page to visitors
* Version:     1.1.0
* Author:      Nils Guder
* Author URI:  http://neue-gute-software.de
* Text Domain: ngs-maintenance-page
*/

.ngsBMIRechner{
    margin: 0;
    overflow: hidden;
}
.ngsCalculatorHolder{
    width: 100%;
    height: 100%;
    display: flex;
}
.ngsCalculator{
    color: black;
    padding: 2em 5em 0 5em;
}
.ngsCalculator input[type="number"]{
    float: right;
}
.ngsClear{clear: both;}
.ngsBMIRechner h1, .ngsBMIRechner p{
    opacity: 1;
    background-color: none;
}
.ngsBMIRechner output{
    display: block;
    min-width: 320px;
    margin: 20px 0;
}
.ngsCalculatorForm > div label {
  width: 30%;
  line-height: 30.6px;
  font-size: 18px;
}
.ngsCalculatorForm > div input {
  width: 60%;
  line-height: 30.6px;
  font-size: 18px;
}
.ngsCalculatorHolder{
  width: 100%;
  max-width: 100%;
}
.ngs-bmi-target-weight{
  margin-top: 5vh;
}
/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
  .ngsCalculatorForm > div input,
  .ngsCalculatorForm > div label
  {
    width: 100%;
    float: none;
    display: block
  }
  .ngsCalculatorForm > div label{
    line-height: 30.6px;
  }
  .ngsCalculator{
    padding: 36px 0;
    width: 100%;
  }
}