ul.fabrikRepeatData {
    color: black;
    font-size: 12px;
}
ul.fabrikRepeatData {
  padding: 0px;
  }
div#controls p {
    margin: 0;
}
select#productSelect, #addressInput {
    font-size: 1.2em;
	width: 100%;
	float: left;
    padding: 5px 10px;
    margin: 5px 0;
}
#radiusSelect, #searchButton, #resetButton {
    font-size: 1.2em;
	clear: both;
}
#radiusSelect {
}
#locationSelect {
    font-size: 1.2em;
	clear: both;
    display: none;
	
}

        html, body{
            height: 100%;
            margin: 0;
            padding: 0;	
			font-family: 'Roboto', sans-serif;
        }
        /* Use Flexbox for layout */
        #map-container {
            display: flex;
            flex-wrap: nowrap;
            height: 600px;
    background: white;
        }

        #map {
            flex: 1;
            height: 100%;
        }

        #sidebar {
            width: 300px;
            /*height: 100%;*/
            display: flex;
            flex-direction: column;
            background-color: #f9f9f9;
            padding: 10px;
        }
		div#controls {
    background-color: #f9f9f9;
			padding: 10px 20px;
}

        /* Styles for the store list */
        #store-list {
            flex: 1;
            overflow-y: auto;
        }

        /* Responsive design for smaller screens */
        @media screen and (max-width: 768px) {
            #map-container {
                display: block;
                height: auto;
            }

            #map {
                width: 100%;
                height: 300px !important;
            }

            #sidebar {
                width: 100%;
                height: 720px;
            }

            #store-list {
                flex: none;
        height: calc(83% - 0px);
                overflow-y: auto;
            }
        }

        /* Additional styles */
        .store-item {
            border-bottom: 1px solid #ccc;
            padding: 10px 0;
            cursor: pointer;
            display: flex;
            align-items: flex-start;
        }

        .store-item:hover {
            background-color: #f0f0f0;
        }

        .retailer-logo img {
            max-width: 50px;
            max-height: 50px;
            margin-right: 10px;
        }

        .store-details {
            flex: 1;
        }

        .store-name h2 {
            margin: 0;
            font-size: 1.2em;
        }

        .store-address {
            font-size: 14px;
            color: #555;
        }

        .product_header h3 {
    margin: 0px 0 -10px 0;
    font-size: 1em;
    text-transform: uppercase;
        }

        .product-list {
			font-family: 'Anton', sans-serif;
            list-style-type: disc;
    padding: 0px;
        }

        .product-list li {
            font-size: 14px;
            color: #333;
    list-style-type: none;
    letter-spacing: 0.02em;
        }

        .store-distance {
            font-size: 14px;
            color: #777;
            margin-top: 5px;
        }

        /* Style for the sidebar search input */
        #sidebarSearchInput {
            width: 100%;
            padding: 8px;
            margin-bottom: 10px;
            font-size: 14px;
            box-sizing: border-box;
        }

        /* Style for the directions link */
        .directions-link {
        }

        .directions-link a {
            color: #007BFF;
            text-decoration: none;
        }

        .directions-link a:hover {
            text-decoration: underline;
        }

.product_header h3:before {
    position: relative;
    content: '\0041';
    font-family: howler-logo;
    font-weight: normal;
    font-style: normal;
	font-size: 2em;
    margin: 0 -5px 0 0;
    top: 7px;
    left: -10px;
}