﻿#stores-listing {
    margin-bottom: 24px;
}

    #stores-listing h2 {
        font-family: prelo_slab_book,Arial,sans-serif;
        text-shadow: none;
        font-size: 1.467em;
        padding: 20px 0 20px 24px;
    }

    #stores-listing .ui-tabs {
        padding: 0;
    }

    #stores-listing .ui-corner-all {
        border-radius: 0;
    }

    #stores-listing .ui-widget-content {
        border: 0;
    }

    #stores-listing #fcl-stores-store-state-anchors {
        border-bottom: 4px solid #f2f2f2;
    }

        #stores-listing #fcl-stores-store-state-anchors.ui-corner-all {
            border-radius: 0;
        }

        #stores-listing #fcl-stores-store-state-anchors li {
            padding: 0;
            margin: 0;
            border-top: 1px solid #f2f2f2;
            border-right: 1px solid #f2f2f2;
            border-left: 0;
        }

            #stores-listing #fcl-stores-store-state-anchors li a {
                padding: 10px 27px;
                font-family: open_sansregular,Arial,sans-serif;
                outline: none;
            }

                #stores-listing #fcl-stores-store-state-anchors li a:active {
                    outline: none;
                }

            #stores-listing #fcl-stores-store-state-anchors li.ui-tabs-selected, #stores-listing #fcl-stores-store-state-anchors li.ui-state-active {
                background: url(/Content/Store/Images/gold-square-of-righteousness.png) repeat-x top right;
                background-size: 4px 4px;
                border-top: 0;
            }

                #stores-listing #fcl-stores-store-state-anchors li.ui-tabs-selected a, #stores-listing #fcl-stores-store-state-anchors li.ui-state-active a {
                    padding-top: 11px;
                }

            #stores-listing #fcl-stores-store-state-anchors li.ui-state-active {
                outline: none;
            }

        #stores-listing #fcl-stores-store-state-anchors .ui-state-default {
            background: none;
        }

        #stores-listing #fcl-stores-store-state-anchors .ui-corner-top {
            border-radius: 0;
        }

    #stores-listing .ui-widget-header {
        background: none;
        border: 0;
    }

    #stores-listing .columns:last-child {
        float: left;
    }

    #stores-listing .store-list-store-wrapper:nth-of-type(2n+1) {
        clear: both;
    }

.single-store-wrapper {
    background: #FFFFFF;
    padding: 20px;
    margin-bottom: 24px;
}

    .single-store-wrapper h2 {
        font-size: 1.3em;
        line-height: 22px;
        text-shadow: none;
        padding-bottom: 7px;
    }

    .single-store-wrapper .edit-link a {
        margin-bottom: 20px;
        display: block;
    }

    .single-store-wrapper .store-info-row {
        border-bottom: 1px solid #f2f2f2;
        font-family: open_sansregular,Arial,sans-serif;
        -webkit-font-smoothing: antialiased;
        font-size: .867em;
        line-height: 17px;
        color: #1c1c1c;
        padding: 11px 5px 11px 60px;
    }

        .single-store-wrapper .store-info-row.store-notices {
            background: url(/profiles/tm/themes/tm/images/icon-information-highlighted.png?b0e17d3ce) no-repeat 14px 14px;
            background-size: 27px 27px;
        }

        .single-store-wrapper .store-info-row.address {
            background: url(/profiles/tm/themes/tm/images/pin.png?243984cad) no-repeat 17px 14px;
            background-size: 21px 30px;
        }

        .single-store-wrapper .store-info-row.how-to-get-there {
            background: url(/profiles/tm/themes/tm/images/icon-map.png?c2c105ff5) no-repeat 13px 14px;
            background-size: 28px 24px;
        }

        .single-store-wrapper .store-info-row.phone-number {
            background: url(/profiles/tm/themes/tm/images/icon-phone-alt.png?ce652c2bf) no-repeat 18px 14px;
            background-size: 21px 21px;
        }

        .single-store-wrapper .store-info-row.opening-hours {
            background: url(/profiles/tm/themes/tm/images/icon-clock.png?0c00621cd) no-repeat 15px 14px;
            background-size: 24px 24px;
        }

    .single-store-wrapper .detail-label {
        display: block;
        font-size: .8em;
        padding-bottom: 5px;
        text-transform: uppercase;
        color: #1c1c1c;
        font-family: open_sansbold,"Arial Bold",sans-serif;
    }

    .single-store-wrapper .store-notices p {
        padding-bottom: 0;
        font-size: .867em;
        line-height: 17px;
    }

    .single-store-wrapper .opening-hours ul {
        list-style: none;
        padding: 0;
        display: inline-block;
    }

        .single-store-wrapper .opening-hours ul li {
            float: left;
            width: 100%;
            padding: 3px 8px;
        }

            .single-store-wrapper .opening-hours ul li.stripe {
                background: #f7f7f7;
            }

        .single-store-wrapper .opening-hours ul .day {
            float: left;
        }

        .single-store-wrapper .opening-hours ul .time {
            float: right;
        }

    .single-store-wrapper .holiday-opening-hours {
        display: block;
        text-align: right;
        font-size: .733em;
        color: #777;
    }

.page-fcl-stores-fcl-stores-suburb #fcl-stores-suburb-list {
    display: block;
}

    .page-fcl-stores-fcl-stores-suburb #fcl-stores-suburb-list .column:last-child {
        float: left;
    }

    .page-fcl-stores-fcl-stores-suburb #fcl-stores-suburb-list .fcl-stores-store-view-list:nth-of-type(2n+1) {
        clear: both;
    }

.page-fcl-stores-fcl-stores-suburb .fcl-stores-map-container {
    display: none;
}

.page-fcl-stores-fcl-stores-suburb .fcl-stores-store-list-view {
    flex: unset;
    padding-bottom: 0;
}

.page-fcl-stores-fcl-stores-suburb .single-store-wrapper .store-info-row.address {
    min-height: 83px;
}

.page-fcl-stores-fcl-stores-suburb a.little-link {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 7px;
}

@media only screen and (max-width:40em) {
    .store-finder-page-wrapper .fcl-stores-map-container .map-wrapper {
        display: none;
    }

    .fcl-stores-map-container .map-wrapper {
        padding: 0 24px;
        margin-top: 24px;
    }

    .fcl-stores-map-container #fcl-stores-locator-panel {
        margin-bottom: 24px;
    }

        .fcl-stores-map-container #fcl-stores-locator-panel ul {
            border-bottom: 0;
            height: initial;
        }

    .fcl-stores-map-container #fcl-stores-google-places-search {
        width: 100%;
    }

        .fcl-stores-map-container #fcl-stores-google-places-search .store-search-input {
            width: 70%;
        }

    .fcl-stores-map-container .result-listing .show-on-map-link {
        display: none;
    }

    .single-store-wrapper .store-info-row {
        padding-left: 40px;
    }

        .single-store-wrapper .store-info-row.store-notices, .single-store-wrapper .store-info-row.address, .single-store-wrapper .store-info-row.how-to-get-there, .single-store-wrapper .store-info-row.phone-number, .single-store-wrapper .store-info-row.opening-hours {
            background-position: 0 14px;
        }
}

@media only screen and (min-width:40.063em) and (max-width:60em) {
    #fcl-stores-locator-panel {
        margin-bottom: 24px;
    }

        #fcl-stores-locator-panel li {
            clear: both;
        }

    .store-finder-page-wrapper .fcl-stores-map-container .map-wrapper {
        padding: 0 50px;
        margin-bottom: 24px;
    }
}

@media only screen and (min-width:40.063em) {
    .fcl-stores-store-list-store {
        min-height: 120px;
    }
}

@media only screen and (min-width:60.063em) {
    #fcl-stores-locator-panel {
        width: 34%;
        margin-right: 2%;
        float: left;
    }

        #fcl-stores-locator-panel ul {
            height: 320px;
        }

    .store-finder-page-wrapper .store-search-map-wrapper {
        margin-bottom: 24px;
    }

    .store-finder-page-wrapper #fcl-stores-locator-map {
        height: 444px !important;
    }

    .store-finder-page-wrapper .map-wrapper {
        width: 64%;
        float: left;
    }

    .single-store-wrapper {
        background: #FFFFFF;
    }
}


