/**
    Author: Sebastian Wiedling
 */

a, h1, h2, h3, h4, .btn-default {
    color: #005AA0;
}

a:hover,
a:focus {
    color: rgba(0,62,110,1);
}

.cursor-pointer,
div[onclick^='javascript:location.href']:hover {
    cursor: pointer;
}

a.fa:before,
h2.fa:before,
h3.fa:before,
h4.fa:before {
    margin-right: 5px;
}

a[href^='mailto:']:not(.iconoff):before,
a[href^='mailto:']:not(.iconoff):hover:before {
    font-family: FontAwesome;
    text-decoration: none !important;
    margin-right: 5px;
}
a:not([href]):not(.iconoff):before {
    content: "" !important;
    margin-right: 0px !important;
}

a[href^='mailto:']:not(.iconoff):before,
a[href^='mailto:']:not(.iconoff):before {
    content: "\f003" !important;
}
a[href^='mailto:']:not(.iconoff):hover:before,
a[href^='mailto:']:not(.iconoff):hover:before {
    content: "\f0e0" !important;
}
.modal-footer {
    justify-content: unset;
}

.bg-blue {
    background-color: #005AA0;
}
.bg-blue,
.bg-blue a,
.bg-blue h1,
.bg-blue h2,
.bg-blue h3 {
    color: #FFF;
}

canvas.bl-map {
    overflow: hidden;
}

.modal-dialog {
    margin: 1.75rem 1.75rem 1.75rem auto;
}
.modal-backdrop {
    background-color: transparent;
}

#tooltip {
    width: 300px;
    position: absolute;
    display:none;
    border: 1px #CCCCCC;
    z-index: 10;
}
#tooltip .tooltip-body > img.img-fluid {
    max-width: calc(100% + .5rem);
}

div.app-header {
    position: absolute;
    top: 1.75rem;
    left: 1.75rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
div#locationData {
    position: absolute;
    bottom: 2rem;
    left: 45%;
}

figure#compass {
    position: absolute;
    bottom: 0;
    left: 10px;
}
figure#compass > img {
    width: 10vw;
}

div#size {
    position: absolute;
    bottom: 0;
    right: 1.8rem;
}

div#size > span {
    font-size: 0.8em;
}