@font-face {
    font-family: Bedstead;
    src: url("../webfonts/bedstead-regular.otf");
}

.beeb {
    font-family : Bedstead;
}

.invert {
    background-color : black;
    color : white !important;
}

h1.invert {
    display : inline-block;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 15px;
}

div.lb div.blurb {
    position: absolute;
    bottom: 1em;
    left: 50%;
    width : 85%;    
    transform: translateX(-50%);
    background-color: #000000a1;
    padding : 1em;
    font-size : 13pt;
}

div.lb div.blurb p {
    margin-bottom : 5px;
}

div.modal.map div.blurb {
    position : absolute;
    top : 1em;
    left : 1em;
    width : 40%;
    bottom : auto;
    transform: none;
}

div.modal.map iframe {
    display : none;
}

@media screen and (max-width: 700px) {
    div.modal.map div.blurb {
        position : relative;
        width : 100%;
        top : 0;
        left : 0;
    }
    
    div.modal.map img {
        display : none !important;
    }

    div.modal.map iframe {
        display : block;        
        width : 95vw;
        margin : auto;
        margin-bottom: 1em;        
        height : 600px;
        max-height : 40vh;                
    }   
}

img#banner {
    max-width : 100%;
}

p.nolf {
    margin-bottom : 0px;
}

input.vfill {
    width: 100%;
}

div#searchresults {
    position :absolute;
    border : 1px solid grey;
    padding : 0.5em;
    background-color : white;
}