/*
Place your CSS customizations here.
This stylesheet is defined last and will override all previously loaded sheets. You may reference variables defined in variables.css 
 */

#sciname { 
    font-family: "Open Sans", sans-serif;;
	color: #000000;
    font-size: xx-large;
	font-style: italic;
}

#author { 
    font-family: "Open Sans", sans-serif;;
	color: #999999;
    font-size: smaller;
	font-style: normal;
}

.mapetc {
    vertical-align: top !important;
}

.font-tiny {
    font-size: small;
}

/* Clear floats after the columns */
.dashrow:after {
    content: "";
    display: table;
    clear: both;
  }

.dashpanel {
    border-radius: 4px; 
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 10px;
    padding-top: 1px;
    margin-left: 3%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.instrument-cluster-quarter {
    float:left;
    width:25%;
    padding:0 8px;
    text-align:center!important;
    display: inline-block;
}

@media screen and (max-width: 1000px) {
    .instrument-cluster-quarter {
        width: 100%;
    }
}

.gauge-bg {
    fill:#cbcbcb; /*#F8FBF4;*/
}

.gauge-grid {
    fill:none;
    stroke:#ffffff; /*#70A236;*/
    stroke-width:0.5;
}

.gauge-area {
    fill:#537828;
    opacity:0.8;
}

.gauge-line {
    fill:none;
    stroke:#537828;
    stroke-width:2;
}

.gauge-legend-horizontal {
    font-size:0.5em;
    fill:#000000;
    font-family: sans-serif;
}

.gauge-legend-vertical {
    font-size:0.5em;
    fill:#000000;
    font-family: sans-serif;
}

.gauge-area.prec {
    fill:#0099ff;
    opacity:0.5;
}

.gauge-line.prec {
    fill:none;
    stroke:#002e4d;
    stroke-width:2;
}

.gauge-area.temp {
    fill:#ff5050;
    opacity:0.5;
}

.gauge-line.temp {
    fill:none;
    stroke:#800000;
    stroke-width:2;
}

.gauge-area.srad {
    fill:#ffd700;
    opacity:0.5;
}

.gauge-line.srad {
    fill:none;
    stroke:#d4af37;
    stroke-width:2;
}

.gauge-area.vapr {
    fill:#9955ee;
    opacity:0.5;
}

.gauge-line.vapr {
    fill:none;
    stroke:#331177;
    stroke-width:2;
}

.gauge-area.wind {
    fill:#f99f38;
    opacity:0.5;
}

.gauge-line.wind {
    fill:none;
    stroke:#ff7417;
    stroke-width:2;
}

.gauge-area.bio {
    fill:#000;
    opacity:0.5;
}

.gauge-line.bio {
    fill:none;
    stroke:#fff;
    stroke-width:2;
}

.page-heading {
    font-size: 1.75rem;
  }