/**
 * mod_googlemaps - Googlemaps snippet
 */

#googlemapscontainer {
    overflow: hidden;
    position: relative;
}

#informationcontainer {
    width: 20em !important;
}

#informationcontainer .tl-is-initialized {
    margin-bottom: 0;
}

/** google maps tab links */
#tablinks_informationwindow_search .pbuic-tablinks .tl-item-is-active,
#tablinks_informationwindow_search .pbuic-tablinks .tl-item-is-active:hover {
    padding-bottom: 0;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}

/** Hide unused elements */

#googlemapscontainer #searchform legend {
    display: none;
}

/**
 * Searchbox
 */

#googlemapscontainer #searchbox {
    width: 100% !important;
}

#googlemapscontainer label.field {
    margin-bottom: 0;
}

#googlemapscontainer #searchform div.submit {
    vertical-align: top;
}

#googlemapscontainer #searchform input,
#googlemapscontainer #searchform button {
    height: 3rem;
    box-sizing: border-box;
}

@media screen and (min-width: 768px) {
    #googlemapscontainer #searchform input {
        width: 100%;
        margin-bottom: 0;
    }
}

#googlemapscontainer #searchform button {
    margin: 0;
    width: 100%;
}

.article .gm-style img { /** text balloon size */
    max-width: none;
}

#googlemaps {
    float: none !important;
    width: auto !important;
    margin: auto;
}

#googlemapscontainer #searchform fieldset {
    margin-bottom: 0 !important;
}

@media (min-width:600px) and (max-width: 899px) {/** form layout */
    #googlemapscontainer #searchform fieldset {
        flex: 1;
        display: flex;
        align-items: flex-end;
    }

    #googlemapscontainer #searchform {
        display: flex;
        align-items: flex-end;
        padding: .5rem 0;
    }

    #googlemapscontainer #searchform input,
    #googlemapscontainer div.field {
        margin-bottom: 0 !important;
    }

    #googlemapscontainer fieldset div.field {
        flex: 0 1 50%;
    }
}

@media (max-width: 899px) {
    #informationcontainer {
        float: none !important;
        width: auto !important;
        margin-bottom: 0 !important;
    }

    #tab_informationwindow_content_searchresult,
    #tablinks_informationwindow_searchresult {
        display: none;
    }
}

@media (min-width: 900px) {
    #googlemapscontainer #searchform {
        padding: 0 1rem 0 0;
    }

    #search_result_box {
        width: auto !important;

    }

    #search_result_box span {
        display: block;
        padding-block: 1em;
        font-size: var(--txtSize-7);
        font-weight: bold;
    }

    #search_result_box table {
        width: 100%;
    }

    #search_result_box,
    #search_result_box th:not(:last-child),
    #search_result_box td:not(:last-child) {
        padding-right: 1em;
    }

    #search_result_box th:last-child,
    #search_result_box td:last-child {
        text-align: right;
    }

    #search_result_box td {
        padding-block: .5em;
        border-bottom: 1px solid var(--clr-brdr-light);
    }
}