/*------------------------------| MENU |------------------------------*/
.calc-info {padding: 5px;font-family: "Open Sans Hebrew",arial; font-size: 1em;}
.calcnav-container { margin: -2px; }
.calcnav ul { 
  list-style: none;
  display: inline-flex;
  flex-wrap: wrap;
  padding: 0;
  width: 100%;
  margin-bottom: 15px;
}
.calcnav ul li{
  float: right;
  position: relative;
  display: grid;
  overflow: hidden;
  width: 25%;
  flex-basis: auto;
  height: 133px;
  font-size: 20px;
  border: 2px solid transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.calcnav ul li p{
 font-family: "Open Sans Hebrew",arial;
}
.calcnav ul li a{
 display: block!important;
 padding: 15px 0 15px 0;  
 text-decoration: none;
}
.calcnav ul li a:link,.calcnav ul li a:visited {
 color: rgba(0,0,0,0.87);
 background-color: #d3e3fd;
 -webkit-tap-highlight-color: transparent;
}

.calcnav ul li a:hover,.calcnav ul li a:active,.calcnav ul li a:focus {
 color: rgba(0,0,0,0.87);
 background-color: #a8c7fa;
 -webkit-tap-highlight-color: transparent;
}
.calcnav ul li img{width:32px; display: block;margin: 0 auto;padding: 10px;}

@media screen and (max-width: 736px) {
 table, td, th {
  border-collapse: separate;
  border-spacing: 0;
 }
 .calcnav ul li {
  width:50%
 } 
 .calcnav ul li img{  
  width: 28px;
  display: block;
  margin: 0 auto;
 }
 .calcnav p {
  font-size: 1em;
 }
}
/*------------------------------| WIND-CHILL |------------------------------*/
.wind-chill {
 margin: 10px;
 padding:10px 25px;
 border-radius: 25px;
 clear: both;
 text-align:right;
 background-color: #d9d9ff;
 background-image: url('/pics/uploads/65CnyskgOVmoEQHUehriNe/2Ii8w7nY3JZqszeIYx0Rn.png');
 background-repeat:no-repeat;
 background-position:left;
}
.wind-chill input {
 width: auto;
 clear: both;
 display: table-cell;
 margin:2px;
 text-align:right;
}
.wind-chill label {
 margin:5px;
}
.wind-chill p {
 display: table-row; 
 text-align:right;
}

@media screen and (max-width: 736px) {
 .wind-chill { background-size:30px;}
}
/*------------------------------| WIND-CONVERSION |------------------------------*/
.wind-converter {
 margin: 10px;
 padding:10px 25px;
 border-radius: 25px;
 background-color: #D7E6FA;
 background-image: url('/pics/uploads/65CnyskgOVmoEQHUehriNe/3XXvId4R7nddNStc0tAI2V.png');
 background-repeat:no-repeat;
 background-position:0% 5%;
}

.wind-converter input {
 clear: both;
 display: table-cell;
 margin:5px;
}

.wind-converter label {
 display: table-cell;
}

.wind-converter p {
 display: table-row; 
}

@media screen and (max-width: 736px) {
 .wind-converter {
  background-size:30px;
 }
}
/*------------------------------| TEMERATURE-CONVERSION |------------------------------*/
.temperature-converter {
 margin: 10px;
 padding:10px 25px;
 border-radius: 25px;
 clear: both;
 background-color: #FAD7F8;
 background-image: url('/pics/uploads/65CnyskgOVmoEQHUehriNe/476NwQM97AGFFtHOf69WNa.png');
 background-repeat:no-repeat;
 background-position:left;
}
.temperature-converter input {
 clear: both;
 display: table-cell;
 margin:5px;
}
.temperature-converter label {
 display: table-cell;
}
.temperature-converter p {
 display: table-row; 
}
@media screen and (max-width: 736px) {
  .temperature-converter { background-size:30px;}
}
/*------------------------------| REPORTS |------------------------------*/
.heat-index {
 margin: 10px;
 padding:10px 25px;
 border-radius: 25px;
 clear: both;
 background-color: #FAEBD7;
 background-image: url('/pics/uploads/65CnyskgOVmoEQHUehriNe/2uf6Rhkd2r44IisY0Zmbxp.png');
 background-repeat:no-repeat;
 background-position:left;
}
.heat-index input {
 clear: both;
 display: table-cell;
 margin:5px;
}
.heat-index label {
 display: table-cell;
}
.heat-index p {
 display: table-row; 
}

@media screen and (max-width: 736px) {
  .heat-index {background-size:30px;}
}
/*------------------------------| REPORTS |------------------------------*/
.adslot_1 {margin: 0 10px;padding: 10px 25px;border-radius: 25px; width: auto; height: 90px;display:block;background: #efefef;text-align:center;}
@media screen and (max-width: 736px) {
.adslot_1 { width: auto;height:250px;display:block;margin: 0 10px 10px 10px;padding: 10px 5px; }
}

.back-button {
 border: 2px solid #1c65a2;
 color: #1c65a2;
 padding: 5px;
 border-radius: 5px;
 margin: 1rem;
 display: inline-block;
 cursor: pointer;
 -webkit-user-select: none;
 -webkit-tap-highlight-color: transparent;
 text-decoration: none;
}

.back-button:hover {
 background: #2b74af;
 color: #fce136;
 text-decoration: none
}
.ad-title {
 float: right;
 background: #eee;
 color: #666;
 font-size: 10px;
 font-weight: 700;
 height: 9px;
 line-height: .9em;
 padding: 0 13px 2px 13px;
 margin: 10px 30px 0 0;
 -moz-border-radius: 6px 6px 0 0;
 border-radius: 6px 6px 0 0;
}