/* ############################################################################
   ##
   ##  BUSINESS DIRECTORY
   ##
   ######################################################################### */

.directoryListings {
}

    .directoryListings .trailNav {
        margin: 0 0 1em;
        text-transform: capitalize;
    }

        .directoryListings .trailNav a:last-child {
            color: #555555;
        }

        .directoryListings .trailNav a:last-child:hover {
            text-decoration: none;
        }

    .directoryListings .subCategories {
        position: relative;
        float: left;
        width: 98%;
        margin-bottom: 1em;
        padding: 1% 0 1.5% 2%;
        background: #ffffff;
    }

        .directoryListings .subCategories ul.categories {
            list-style-type: none;
        }

            .directoryListings .subCategories ul.categories.twoCols.listCol1,
            .directoryListings .subCategories ul.categories.twoCols.listCol2 {
                float: left;
                width: 49.5%;
                margin: 0;
                padding-left: 0;
            }

                .directoryListings .subCategories ul.categories.twoCols.last {
                }

            .directoryListings .subCategories ul.categories.threeCols.listCol1,
            .directoryListings .subCategories ul.categories.threeCols.listCol2,
            .directoryListings .subCategories ul.categories.threeCols.listCol3 {
                float: left;
                width: 33%;
                margin: 0;
                padding-left: 0;
            }

                .directoryListings .subCategories ul.categories.threeCols.last {
                }

            .directoryListings .subCategories ul.categories.fourCols.listCol1,
            .directoryListings .subCategories ul.categories.fourCols.listCol2,
            .directoryListings .subCategories ul.categories.fourCols.listCol3,
            .directoryListings .subCategories ul.categories.fourCols.listCol4 {
                float: left;
                width: 24.75%;
                margin: 0;
                padding-left: 0;
            }

                .directoryListings .subCategories ul.categories.fourCols.last {
                }

            .directoryListings .subCategories ul.categories li {
                margin: 0.25em 0 !important;
            }

                .directoryListings .subCategories ul.categories li a {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    width: 83%; /* 2% short of 100% */
                    padding: 6px 12% 6px 3%;
                    color: #ffffff;
                    font-size: 125%;
                    font-family: 'TradeGothicBold', Arial, Helvetica, sans-serif;
                    text-transform: uppercase;
                    background: url("../../../../Templates/Default/images/chevron-white.png") 95% center no-repeat #7d72b4;
                }

                    .directoryListings .subCategories ul.categories li a:link {
                        color: #ffffff;
                    }

                    .directoryListings .subCategories ul.categories li a:visited {
                        color: #ffffff;
                    }

                    .directoryListings .subCategories ul.categories li a:hover {
                        color: #ffffff;
                    }

                    .directoryListings .subCategories ul.categories li a:active {
                        color: #ffffff;
                    }

                .directoryListings .subCategories ul.categories li .listingCounter {
                }

                .directoryListings .subCategories ul.categories li .listingCounter:before {
                    content: "(";
                }

                .directoryListings .subCategories ul.categories li .listingCounter:after {
                    content: ")";
                }

                    .directoryListings .subCategories ul.categories li .listingCounter.listings_0 {
                        color: #a8a1cd;
                    }

    .directoryListings .listings {
        position: relative;
        clear: both;
    }

        .directoryListings .listings .directoryListing {
        }

            .directoryListings .listings .directoryListing .text {
            }

                .directoryListings .listings .directoryListing .text .title {
                }

                .directoryListings .listings .directoryListing .text .phone {
                }

                    .directoryListings .listings .directoryListing .text .phone.landline {
                    }

                    .directoryListings .listings .directoryListing .text .phone.mobile {
                    }

                .directoryListings .listings .directoryListing .text .streetAddress {
                }

                    .directoryListings .listings .directoryListing .text .streetAddress .street {
                    }

                    .directoryListings .listings .directoryListing .text .streetAddress .suburb {
                    }

                    .directoryListings .listings .directoryListing .text .streetAddress .state {
                    }

                    .directoryListings .listings .directoryListing .text .streetAddress .postcode {
                    }

                .directoryListings .listings .directoryListing .text .categories {
                }

        .directoryListings .listings .directoryListing.odd {
        }

        .directoryListings .listings .directoryListing.even {
        }

@media screen and (max-width: 767px) {

    .directoryListings .subCategories ul.categories.twoCols.listCol1,
    .directoryListings .subCategories ul.categories.twoCols.listCol2 {
        float: none;
        width: 100%;
    }

        .directoryListings .subCategories ul.categories.twoCols.last {
        }

    .directoryListings .subCategories ul.categories.threeCols.listCol1,
    .directoryListings .subCategories ul.categories.threeCols.listCol2,
    .directoryListings .subCategories ul.categories.threeCols.listCol3 {
        float: none;
        width: 100%;
    }

        .directoryListings .subCategories ul.categories.threeCols.last {
        }

    .directoryListings .subCategories ul.categories.fourCols.listCol1,
    .directoryListings .subCategories ul.categories.fourCols.listCol2,
    .directoryListings .subCategories ul.categories.fourCols.listCol3,
    .directoryListings .subCategories ul.categories.fourCols.listCol4 {
        float: none;
        width: 100%;
    }

}