/* Override simple.css default smooth scroll */
html{
    scroll-behavior: auto;
}

/* Reduce the default simple.css size of h1, h2, & h3 elements */
h1 {
    font-size: 2rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
h2 {
    font-size: 1.6rem;
    margin-top: 1rem;
}
h3 {
    font-size: 1.2rem;
    margin-top: 1rem;
}
/* Reduce size on mobiles also  */
@media only screen and (max-width: 720px) {
    h1 {font-size: 2rem;}
    h2 {font-size: 1.5rem;}
    h3 {font-size: 1.2rem;}
}
/* Force a caption to stay under an image in a <figure> */
figure {
    display:table;
}
nav{
    margin-top: 0.5rem;
    padding:0.5rem;
    background-color: #8ACFE2;
    border-radius: 5px;
}
nav a, nav span {
    margin: 0 1rem 0.5rem 0;
}
nav span {
    font-weight: 600;
}
nav.subnav {
    display: inline-block;
    background-color: #8AE2C9;
}
@media (prefers-color-scheme: dark) {
    nav { background-color: #1C5F72; }
    nav.subnav { background-color:#722F1C; }
}
/* Adapted from examples in simple.css because the file input type is not defined there */
input[type="file"]::file-selector-button {
    border: 1px solid var(--accent);
    background-color: var(--accent);
    border-radius: var(--standard-border-radius);
    color: var(--accent-text);
    padding: 0.5rem 0.9rem;
    text-decoration: none;
    line-height: normal;
}
input[type="file"]::file-selector-button:hover {
    filter: brightness(1.4);
    cursor: pointer;
}

/* Site-specific */

#map, #elevationMap, #benNevisMap, #snowdonMap {
    position: relative;
    text-align : center;
    height: 30rem;
    border: 1px solid #c0c0c0;
    cursor: pointer;
}

/* OS logo */
#map img, #elevationMap img, #benNevisMap img, #snowdonMap img {
    position: absolute;
    left: 5px; bottom: 5px;
}
#chart {
    display: none;
}
img.gpxlogo {
    float: left;
    padding-right: 1rem;
}
#GPSMAP64, #etrex{
    float:right;
}
#elevation_results_container {
    background-color:aliceblue;
}
code {
    font-size: 0.9rem;
}
.mono {
    font-family: var(--mono-font);
    font-size: 0.9rem;
    background-color: rgb(230, 230, 230);
    padding: 3px;
}
img.fl {
    float: left;
    padding: 1.0rem;
}
img.fr {
    float: right;
    padding: 0 1.0rem;
}
.clear {
    clear: both;
    padding-top: 0 1.0rem;
}
#bloglist tr, #bloglist td {
    background-color: var(--bg);
    border-style: hidden;
    padding: 0.2rem;
}
.strikethru {
    text-decoration: line-through
}
#fileOS, #fileIGN, #fileOSM, #OSfileError, #IGNfileError, #OSMfileError {
    color: red;
    display: none;
}
#OSdragDropper, #IGNdragDropper, #OSMdragDropper {
    border: 2px dashed #ff0000;
    padding: 0.5em;
    font-size: 1em;
    font-style: italic;
    background-color:rgb(192, 205, 179);
    white-space:nowrap;
}

@media only screen AND (max-width: 1024px) {
    .mobileHidden {
      display: none;
    }
}