/* --------------------------------------------------------------------------------------------------------------------
/* <copyright file="shared.css" company="Ryan Penfold">
/*   Copyright © Ryan Penfold. All rights reserved.
/* </copyright>
/* ------------------------------------------------------------------------------------------------------------------*/

a.clickable[disabled] {
    cursor: default;
    text-decoration: none;
}

.autocomplete-container {
    position: relative;
}

.autocomplete-items {
    /*position the autocomplete items to be the same width as the container:*/
    border-bottom: none;
    border-style: solid;
    border-top: none;
    border-width: 1px;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
    z-index: 99;
}

    .autocomplete-items div {
        padding: 10px;
        cursor: pointer;
        border-style: solid;
        border-width: 1px;
    }

.blockMsg {
    border: none !important;
}

body {
    font-family: Arial,sans-serif;
    margin-bottom: 60px;
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

.clear-both {
    clear: both;
}

.clickable:not([disabled]) {
    cursor: pointer;
}

.current-page-link {
    cursor: default;
    font-weight: bold;
    text-decoration: none !important;
}

.fade-in {
    animation-duration: 5s;
    animation-name: fadeIn;
    animation-iteration-count: 1;
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

#loading-message-logo {
    height: 96px;
    width: 96px;
}

#main-logo {
    display: block;
    height: 128px;
    margin: 0 auto;
    width: 128px;
}

.nearby-location {
    float: left;
    max-width: 150px;
    padding: 1rem;
}

.nearby-location-height-adjust {
    height: 160px;
}

.nearby-postal-address {
    text-decoration: underline;
}

.nearby-postal-address-container:hover > .nearby-postal-address-actions-container {
    display: block;
}

.nearby-postal-address-actions-container {
    display: none;
}

#results-logo {
    display: block;
    height: 128px;
    margin: 0 auto;
    width: 128px;
}

#results-search-form {
    display: block;
    margin: 0 auto;
}

    #results-search-form #submit-search-lg {
        display: inline;
    }

    #results-search-form #submit-search-sm {
        display: none;
    }

#search-form #submit-search-sm {
    display: none;
}

.search-result {
    border-radius: 1rem;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 1rem 0;
    padding: 1rem;
}

    .search-result > div.float-start {
        margin: 0 0 0 3rem;
    }

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }

    #main-logo {
        height: 256px;
        width: 256px;
    }

    .nearby-location {
        max-width: 200px;
        padding: 1rem;
        float: left;
    }

    .nearby-location-height-adjust {
        height: 180px;
    }

    #results-container {
        margin: 0 128px 0 128px;
    }

    #results-logo {
        display: block;
        float: left;
    }

    #results-search-form {
        float: left;
        margin: 0 0 0 0;
        width: 80%;
    }

        #results-search-form label[for="location-text-input"],
        #results-search-form label[for="search-terms-input"] {
            display: none;
        }

        #results-search-form #location-text-input,
        #results-search-form #search-terms-input {
            height: 2rem;
            padding-bottom: 0;
            padding-top: 0;
        }

        #results-search-form #submit-search-lg {
            display: none;
        }

        #results-search-form #submit-search-sm {
            display: inline;
            float: right;
        }
}