/***********************************************
                Table of Contents
***********************************************/
/***********************************************

    01A. Find a ...
    02B. Search
    03C. Search / Directory
   
***********************************************/

/************************* 01A. Find a ... *************************/
/*Map*/
.map {
    margin: 15px auto 45px;
    text-align: center;
    padding: 0 15px;
}

.map-container iframe, .map-container object, .map-container embed {
    max-width: 90%;
    max-height: 400px;
}

/* Map Fix */
#map-canvas label {
    width: auto;
    display: inline;
}

#map-canvas img {
    max-height: none;
    max-width: none;
}

@media only screen and (min-width : 1750px) {
    .map-container iframe, .map-container object, .map-container embed {
        max-width: 100%;
        max-height: none;
    }
}
/*End Map*/

.find-a .top {
    text-align: center;
}

@media only screen and (min-width : 600px) {
    .find-a .search, .find-a .top h2 {
        display: inline-block;
        vertical-align: middle;
    }

    .find-a .top h2 {
        margin-right: 40px;
    }
}

@media only screen and (min-width : 700px) {
    .find-a .top {
        text-align: left;
    }

    .map {
        padding: 0;
    }
}

/************************* 02B. Search *************************/
.directory .search {
    margin: 15px auto;
}

.find-a .search {
    float: right;
}

.directory .search ul {
    max-width: 500px;
    width: 100%;
}

    .directory .search ul li {
        margin-bottom: 5px;
    }

.directory .search .actions, .find-a .search ul li:last-of-type {
    padding: 0;
    text-align: right;
}

.directory .search button, .find-a .search button {
    font-size: 17px;
    margin: 0;
}

.search-select {
    width: 100%;
}

.search input[type=text], .select2-container .select2-selection--single, .select2-container--open .select2-dropdown--below, .select2-dropdown {
    background: #c6e9ef !important;
    border-color: #c6e9ef !important;
}

.select2-container .select2-selection--single {
    border-radius: 0;
    height: 40px;
}

    .select2-container .select2-selection--single .select2-selection__arrow {
        height: 40px;
    }

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #e7f5f7;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #7cbcc7;
}

.select2-dropdown {
    width: 250px !important;
}

.directory .search, .find-a .search {
    max-width: 400px;
    width: 100%;
}

@media only screen and (min-width : 450px) {
    .directory .search .actions {
        text-align: center;
    }

    .directory .search {
        max-width: 600px;
        width: 100%;
    }

        .directory .search ul li, .find-a .search ul li {
            float: left;
            margin: 0;
        }

            .directory .search ul li:not(:last-of-type) {
                padding-right: 10px;
                width: calc(100% / 2 - 53px);
            }

    .find-a .search {
        float: none;
        margin: auto;
        max-width: 400px;
        width: 100%;
    }

        .find-a .search ul li:not(:last-of-type) {
            padding-right: 10px;
            width: calc(100% - 106px);
        }

        .directory .search ul li:last-of-type, .find-a .search ul li:last-of-type {
            width: 103px;
        }
}

/*  Grid Results */
.grid-results h3 {
    border-bottom: 3px solid #ccc;
    padding-bottom: 7px;
}

.grid-results h6 {
    color: #333;
    font-weight: 700;
    margin-bottom: 0;
}

    .grid-results h6 a {
        color: #333;
    }

        .grid-results h6 a:hover, .grid-results h6 a:focus {
            color: #0b6666;
        }

.grid-results .row {
    margin-bottom: 40px;
}

ul.grid-results-ul > li {
    font: 300 16px/1.4 'Roboto', "Helvetica", arial, sans-serif;
    margin: 0 auto 40px;
    width: 100%;
}

.grid-results .row:last-of-type {
    margin-bottom: 0;
}

ul.grid-results-ul > li:last-of-type {
    margin-bottom: 0;
}

.grid-results footer ul li {
    float: left;
    font-size: 24px;
    margin-right: 25px;
}

.directory ul.grid-results-ul > li {
    font-size: 18px;
}

    .directory ul.grid-results-ul > li label {
        display: inline-block;
    }

@media only screen and (min-width : 450px) {
    ul.grid-results-ul > li {
        float: left;
    }
}

@media only screen and (min-width : 450px) (min-width : 800px) {
    ul.grid-results-ul > li {
        padding: 0 10px;
        width: calc(100% / 2);
    }

        ul.grid-results-ul > li:nth-of-type(2n+1) {
            clear: both;
            padding-left: 0;
        }

        ul.grid-results-ul > li:nth-of-type(2n+2) {
            padding-right: 0;
        }
}

@media only screen and (min-width : 801px) {
    ul.grid-results-ul > li {
        padding: 0 20px;
    }

    .directory .alphabet, .directory .search {
        display: inline-block;
        vertical-align: middle;
        width: calc(100% / 2 - 3px);
    }

    .directory .search {
        padding-left: 20px;
        margin: 0 0 15px;
    }
}

@media only screen and (min-width : 801px) and (max-width : 900px) {
    ul.grid-results-ul > li {
        width: calc(100% / 3);
    }

        ul.grid-results-ul > li:nth-of-type(3n+1) {
            clear: both;
            padding-left: 0;
        }

        ul.grid-results-ul > li:nth-of-type(3n+3) {
            padding-right: 0;
        }
}

@media only screen and (min-width : 901px) {
    ul.grid-results-ul > li {
        width: calc(100% / 4);
    }

        ul.grid-results-ul > li:nth-of-type(4n+1) {
            clear: both;
            padding-left: 0;
        }

        ul.grid-results-ul > li:nth-of-type(4n+4) {
            padding-right: 0;
        }
}

@media only screen and (min-width : 1200px) {
    .directory .alphabet {
        width: 63%;
    }

    .directory .search {
        width: 36%;
    }
}

/************************* 03C. Search / Directory *************************/
.directory {
    margin: 0 auto;
}

    .directory .top {
        border-bottom: 2px solid #ccc;
        margin-bottom: 20px;
    }

.alphabet ul {
    text-align: justify;
}

    .alphabet ul li {
        display: inline-block;
        font-size: 16px;
        margin: 0 15px 5px 0;
    }

        .alphabet ul li a {
            text-decoration: none;
        }

.directory li label {
    color: #0b6666;
    font-weight: 700;
    text-transform: uppercase;
}

@media only screen and (min-width: 700px) {
    .directory .alphabet {
        margin: 0 0 15px;
    }
}

.directory-back-to {
    display: inline-block;
    float: right;
    font-size: 12px;
    margin-top: 20px;
    text-decoration: none;
}

    .directory-back-to .fa {
        font-size: 12px;
        margin-right: 4px;
    }