#stores {
    min-height: 600px;
    display: flex;
    flex-direction: row;
}

#stores .stores-left {
    flex: 1 1 auto;
    padding: 24px;
    width: 50%;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background: var(--e-global-color-secondary);
}

#stores .stores-right {
    flex: 1 1 auto;
    width: 50%;
}

#search-form {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#search-form .search {
    display: flex;
    flex-direction: row;
}

#search-form .search input {
    padding: 0.5rem 1rem;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    background: var(--e-global-color-d2444d5);
    border: none;
}

#search-form .search button {
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background: var(--e-global-color-primary);
}

#search-form .search button:hover {
    background: var(--e-global-color-3b780b3);
}

#search-form #stores-validation-message {
    color: var(--e-global-color-d2444d5);
    font-size: 0.85rem;
}

#store-list {
    padding-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#store-list .no-results-message {
    color: var(--e-global-color-d2444d5);
}

#store-list .store {
    display: flex;
    flex-direction: row;
    gap: 16px;
}

#store-list .store {
    padding: 16px;
    width: 100%;
    border-radius: 4px;
    background: var(--e-global-color-d2444d5);
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
}

#store-list .store .left {
    color: var(--e-global-color-text);
    display: flex;
    flex-direction: column;
}

#store-list .store .right {
    display: flex;
    flex-direction: row;
    gap: 8px;
}

#store-list .store .store-name {
    font-weight: bold;
}

#store-list .store a.link {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 21px;
    color: var(--e-global-color-text);
    display: flex;
    align-items: center;
    justify-content: center;
}

#store-list .store a:hover.link {
	color: var(--e-global-color-secondary);
}

#stores-map {
    width: 100%;
    height: 100%;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

#stores-map .info-balloon {
	font-size: var(--e-global-typography-text-font-size);
}

#stores-map .info-balloon .store-name { 
	font-weight: bold;
}

@media only screen and (max-width: 1024px) {
	
	#store-list .store {
		padding: 16px;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
}



@media only screen and (max-width: 767px) {
	
	#stores {
		min-height: auto;
		flex-direction: column;
	}
	
	#stores .stores-left {
		padding: 16px;
		width: 100%;
		border-radius: 0;
		flex: none;
	}
	
	#stores .stores-right {
		width: 100%;
	}
	
	#store-list {
		padding: 0;
	}
	
	#store-list .store:first-child {
		margin-top: 16px;
	}
	
	#store-list .no-results-message {
        margin-top: 16px;
    }
	
	#stores-map {
		height: 380px;
		border-radius: 0;
	}
}