/**
 * Layout
 */

#googlemapscontainer {
    position: relative;
}

.has-js #informationcontainer {
    position: absolute;
    z-index: 1;
    bottom: 0;
}

#googlemaps,
#informationcontainer,
#search_result_box {
    width: 100% !important;
}

#googlemaps {
    float: none !important;
}

#informationcontainer .tabcontent {
    max-height: 100%;
    height: 100%;
}

#informationcontainer .tabcontent > div {
    width: 100% !important;
    max-height: 100%;
    height: unset !important;
    overflow: auto;
    background: #fff;
}

/**
 * Form tweaks
 */

#searchform fieldset {
    margin: 0;
}

#informationcontainer button.submit {
    float: left
}

#search_result_box > span {
    font-size: var(--txtSize-9);
}

#informationcontainer button.submit::before {
    content: '\4c\00a0\00a0';
    font-family: var(--fam-icon);
}

/**
 * Search results table
 */

.searchresult {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
}

.searchresult th,
.searchresult td {
    padding: .5em 0;
    text-align: left;
}

.searchresult th {
    position: absolute;
    left: -999em;
}

.searchresult tbody tr.clickable td {
    border-top: 1px solid var(--clr-brdr);
}

.searchresult tbody tr.clickable.active td {
    color: var(--clr1-normal);
}

.searchresult tbody tr.clickable td:hover {
    color: inherit;
    cursor: pointer;
}

.searchresult tbody tr.clickable:first-child td {
    border-top: 1px solid var(--clr-black);
}

/**
 * Overwrite/tweak pbuic-tablinks.css
 */

#googlemapscontainer .pbuic-tablinks {
    margin-bottom: 0;
    padding-inline: 2rem;
}

#googlemapscontainer .pbuic-tablinks li:not(.tl-item-is-active) {
    background: rgb(255 255 255 / 50%);
    opacity: .8;
}

/**
 * Hide button styles in googlemaps popup
 */
div[role='dialog'] > button {
    box-shadow: none !important;
}

/**
 * Responsiveness
 */

@media (max-width: 767px) {
    #googlemapscontainer {
        display: flex;
        flex-direction: column-reverse;
    }

    .has-js #googlemapscontainer .pbuic-tablinks {
        padding-top: .5rem;
    }

    #googlemapscontainer.--open #informationcontainer {
        position: static;
    }

    #informationcontainer .tabcontent > div {
        padding: 1rem 0;
    }
}

@media (min-width: 768px) {
    #googlemapscontainer {
        padding-left: 21em;
    }

    #informationcontainer {
        position: absolute;
        top: 0;
        left: 0;
        max-height: 100%;
        width: 21em !important;
        float: none !important;
        height: 100%;
        border-bottom: 1px solid var(--clr-brdr);
    }

    #informationcontainer .tabcontent > div {
        padding-right: 2rem;
    }
}

/* reposition infowindow right above custom marker */
.gm-style-iw-t {
    right: 7px !important;
    bottom: 58px!important;
}