/*
 * CSS hestia/climato-v2.css
 */

div#climato-header ul {
  margin-top: 10px;
}
div#climato-tabular-data {
  margin-top: 30px;
}
div#climato-tabular-data table {
  width: 100%;
}
div#climato-tabular-data thead th {
  background: cyan;
  color: black;
}
div#climato-tabular-data thead {
  background: cyan;
}
div#climato-tabular-data thead tr th {
}
div#climato-tabular-data thead th.date {
  height: 100%;
}
div#climato-tabular-data thead.daily th:first-child {
  border-left: 1px solid cyan;
}
div#climato-tabular-data thead.monthly th:first-child {
  border-right: 1px solid cyan;
}
div#climato-tabular-data thead.monthly th:last-child {
  border-left: 1px solid cyan;
}
div#climato-tabular-data thead tr:first-child th {
  border-top: 1px solid cyan;
}
div#climato-tabular-data thead tr:last-child th {
  border-bottom: 1px solid cyan;
}
div#climato-graph-data {
  margin-top: 30px;
}
div#climato-graph-data img {
  width: 100%;
}
div#climato-daily-table,
div#climato-monthly-table,
div#climato-yearly-table {
}
div#climato-footer {
}

/*
 * monthly table, daily table - subtitles
 */
div#climato-monthly-table > i {
  font-size: 150%;
  font-weight: bold;
  margin-left: 10px;
  margin-right: 10px;
}
div#climato-monthly-table > span {
  font-size: 150%;
  font-weight: bold;
}
div#climato-monthly-table span.nota,
div#climato-yearly-table span.nota {
  font-size: 80%;
  font-style: italic;
  font-weight: lighter;
}
div#climato-daily-table > span {
  font-size: 150%;
  font-weight: bold;
}
div#climato-daily-table span.nota {
  font-size: 80%;
  font-style: italic;
  font-weight: lighter;
}

/*
 * climato data
 */
table.climato {
  margin-bottom: 10px;
}
table.climato tbody {
  white-space: pre;
}
table.climato th, table.climato td {
  padding: 0;
  padding-left: 2px;
  padding-right: 2px;
}
table.climato td {
  text-align: center;
}
table.climato .norm {
  font-weight: bold;
  color: cyan;
}
table.climato tbody.daily tr > td {
  border-bottom: 0;
}
table.climato tr:last-child > td {
  border-bottom: 0;
}
table.climato tbody.monthly tr > td:last-child,
table.climato tbody.yearly tr > td:last-child {
  border-left: 1px solid cyan;
}
table.climato tbody.monthly tr > td.tn.max,
table.climato tbody.yearly tr > td.tn.max {
  border-bottom: 1px solid cyan;
}
table.climato tbody.monthly tr > td.tn.max:last-child {
  border-bottom: 1px solid cyan;
}
table.climato tbody.monthly tr > td.tavg.avg,
table.climato tbody.yearly tr > td.tavg.avg,
table.climato tbody.monthly tr > td.tx.avg,
table.climato tbody.yearly tr > td.tx.avg {
  border-top: 1px solid cyan;
}
table.climato td:first-child {
  text-align: left;
  font-weight: bold;
  border-right: 1px solid cyan;
}
table.climato td.highlight {
  font-weight: bold;
}
table.climato tbody {
  font-family: Courier, monospace;
}
table.climato td:first-child {
  font-family: 0;
}
table.climato td:last-child {
  font-weight: bold;
}

div#climato-daily-table th {
  font-weight: bold;
  text-align: center;
  border-right: 1px solid cyan;
}
div#climato-daily-table thead.daily th i {
  margin-left: 10px;
  margin-right: 10px;
}
div#climato-daily-table td:first-child {
  background: red;
}
div#climato-daily-table td:last-child {
  font-weight: normal;
}
div#climato-daily-table td.norm:last-child {
  font-weight: bold;
}
/* wday-1: monday */
div#climato-daily-table tr.wday-1 th, div#climato-daily-table tr.wday-1 td {
  border-bottom: 1px solid cyan;
}
div#climato-daily-table tr.daily td {
  padding-left: 5px;
  padding-right: 5px;
}
div#climato-daily-table tr.daily td.rr {
  border-left: 1px solid cyan;
}
div#climato-daily-table tr.daily td.insolation {
  border-right: 1px solid cyan;
}
div#climato-daily-table tr.daily td.baro {
  border-right: 1px solid cyan;
}
div#climato-daily-table tr.daily td.wspeed {
  border-left: 1px solid cyan;
}
div#climato-daily-table tr.daily td.wgust {
  border-left: 1px solid cyan;
}
div#climato-daily-table tr.monthly th {
  border-left: 1px solid cyan;
}
div#climato-daily-table tr.monthly th.delta {
  border-bottom: 1px solid cyan;
}
div#climato-daily-table tr.monthly td {
  /* border-top: 1px solid cyan; */
}
div#climato-daily-table tr.monthly td.delta {
  border-top: 0;
  border-bottom: 1px solid cyan;
}

/* tn under_0 */
div#climato-daily-table tr.daily td.under_0 {
  font-weight: bold;
  color: dodgerblue;
  background: cyan;
}
/* tx over_25 */
div#climato-daily-table tr.daily td.over_25 {
  color: red;
  background: cyan;
}
/* tx over_30 */
div#climato-daily-table tr.daily td.over_30 {
  font-weight: bold;
  color: red;
  background: cyan;
}
/* rr over_1 */
div#climato-daily-table tr.daily td.over_1 {
  font-weight: bold;
}
/* rr over_5 */
div#climato-daily-table tr.daily td.over_5 {
  color: red;
  background: cyan;
}
/* rr over_10 */
div#climato-daily-table tr.daily td.over_10 {
  font-weight: bold;
  color: red;
  background: cyan;
}
/* wgust over_18 */
div#climato-daily-table tr.daily td.over_18 {
  font-weight: bold;
  color: red;
  background: cyan;
}

/*
 * ecarts a la normale
 */
/* delta tn, tavg, tx > 1.5 */
table.climato tr.delta td.over_1_5 {
  color: red;
  font-weight: bold;
}
/* delta tn, tavg, tx < -1.5 */
table.climato tr.delta td.under_minus_1_5 {
  color: dodgerblue;
  font-weight: bold;
}
/* delta rr > 120% */
table.climato tr.delta td.over_20 {
  color: dodgerblue;
  font-weight: bold;
}
/* delta rr < -20% */
table.climato tr.delta td.under_minus_20 {
  color: red;
  font-weight: bold;
}

/*
 * year/month/mode selector
 */
div#climato-header {
  padding-top: 5px;
  margin-bottom: 20px;
}
ul.climato-data-selector {
  display: inline;
  /* border: 1px solid cyan; */
  list-style-type: none;
  margin: 0;
  margin-right: 10px;
  padding: 5px;
}
ul.climato-data-selector > li {
  display: inline;
  padding-left: 2px;
  padding-right: 2px;
  // border-right: 1px solid white;
}
ul.climato-data-selector > li.active {
  font-weight: bold;
  color: cyan;
}
ul.climato-data-selector > li.inactive {
  color: grey;
}
ul.climato-data-selector > li:last-child {
  // border-right: 0;
}
#climato-graph-data, #display-monthly-graph, #display-yearly-graph {
  display: none;
}

@media screen and (orientation:landscape) {
  div#climato-header {
    background: black;
  }
  #climato-daily-table div {
  }
  #climato-daily-table div > table {
  }
  #climato-daily-table div.w3-half > table {
    float: right;
  }
  #climato-daily-table div.w3-rest > table {
  }
  #climato-daily-table div.w3-rest > table tr.monthly td:last-child {
    border-right: 1px solid cyan;
  }
  div#climato-daily-table tr.daily td.insolation {
    // border-left: 1px solid green;
    border-left: 1px solid cyan;
  }
}
@media screen and (orientation:portrait) {
  div#climato-daily-table tr.monthly td:last-child {
    border-right: 1px solid cyan;
  }
  #climato-header {
    margin-top: 35px;
    background: white;
  }
  ul.climato-data-selector > li.active {
    text-shadow:1px 1px 0 #444;
  }
  table.climato .norm {
    text-shadow:1px 1px 0 #444;
  }
  #climato-daily-table div {
   border: 1px solid white;
  }
  #viewport {
    padding-top: 90px;
  }
}