/* OVERVIEW MAP LEGEND */
#gw-overview-map div.info.legend.leaflet-control > i:nth-child(2),
#gw-overview-map div.info.legend.leaflet-control > i:nth-child(5),
#gw-overview-map div.info.legend.leaflet-control > i:nth-child(7) {
    border-radius: 18px;
}

div.info.legend.leaflet-control {
    line-height: 1.5;
}

/* youtube vid */
#gw-video {
    padding: 12px;
}

#gw-video > iframe {
    width: 95%; 
    height: 400px;
}
@media (max-width: 700px) {
    #gw-video > iframe {
        height: 50vw;
    }
}

@media (hover: none) {
  .leaflet-tooltip-pane { display: none; }
}

/* OTHER LEGENDS */
#gw-nitrate-map div.info.legend.leaflet-control > i:nth-child(2n) {
    border-radius: 18px;
}
#gw-nitrate-eco-map div.info.legend.leaflet-control > i:nth-child(2),
#gw-nitrate-eco-map div.info.legend.leaflet-control > i:nth-child(4) {
    border-radius: 18px;
}
#gw-nitrate-tox-map div.info.legend.leaflet-control > i:nth-child(2n),
#gw-nitrate-tox-map div.info.legend.leaflet-control > i:nth-child(4) {
    border-radius: 18px;
}
#gw-ecoli-map div.info.legend.leaflet-control > i:nth-child(2),
#gw-ecoli-map div.info.legend.leaflet-control > i:nth-child(4) {
    border-radius: 18px;
}
#gw-phosphorus-map div.info.legend.leaflet-control > i:nth-child(2n),
#gw-phosphorus-map div.info.legend.leaflet-control > i:nth-child(4) {
    border-radius: 18px;
}
#gw-iron-map div.info.legend.leaflet-control > i:nth-child(2n) {
    border-radius: 18px;
}
#gw-manganese-map div.info.legend.leaflet-control > i:nth-child(2n) {
    border-radius: 18px;
}
#gw-arsenic-map div.info.legend.leaflet-control > i:nth-child(2n) {
    border-radius: 18px;
}
#gw-chromium-map div.info.legend.leaflet-control > i:nth-child(2n) {
    border-radius: 18px;
}
#gw-lead-map div.info.legend.leaflet-control > i:nth-child(2n) {
    border-radius: 18px;
}
#gw-zinc-map div.info.legend.leaflet-control > i:nth-child(2n) {
    border-radius: 18px;
}

/* DATATABLE EXPAND/COLLAPSE */

/* hide datatable child header */
.dtr-title {
    display: none !important;
}

/* and style datatable child expander button */
table.dataTable.dtr-column>tbody>tr>td.control:before, 
table.dataTable.dtr-column>tbody>tr>th.control:before {
    background-color: #00788a;
    padding-bottom: 2px;
    width: 15px;
    /* for ie11 */
    margin-top: 0px;
    top: auto;
}

/* move it to the right */
td.child {
    text-align: right;
}

/* and style */
td.child > ul > li > span.dtr-data > table {
    margin: 0 12px;
    text-align: left;

}
td.child > ul > li > span.dtr-data > table tr {
    border-bottom: 1px solid #ccc;
}
td.child > ul > li > span.dtr-data > table tr:last-child {
    border-bottom: none;
}
td.child > ul > li > span.dtr-data > table th,
td.child > ul > li > span.dtr-data > table td {
    padding: 4px;
}
table.dataTable>tbody>tr.child ul.dtr-details>li {
    padding: 0;
}

/* map show/hide */
.faded-marker {
    fill-opacity: 0.2;
    stroke-opacity: 0.2;
    /* needs to overrule leaflet el style */
    opacity: 0.2 !important;
}
.faded-by-box {
    fill-opacity: 0.2;
    stroke-opacity: 0.2;
}
/* fake crosstalk func table */
.hidden-by-box {
    display: none;
}
.hidden-by-map {
    display: none;
}
.hidden-by-table {
    display: none;
}

/* use pseudo for better italic rendering */
#nav-ecoli::after {
  content: " E. coli";
  font-style: italic;
}