.stores {
	margin: 150px auto 0;
	padding: 75px 20px;
	/*border-top: solid 2px #000;*/
	/*border-bottom: solid 2px #000;*/
	width: 85vw;
	max-width: 1000px;
	
	background-color: rgba(232,240,246,0.5);
}
.stores > ul {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	list-style: none;
	gap: 75px 25px;
	flex-wrap: wrap;
}
.stores .store {
	width: 10vw;
	min-width: 300px;
	display: flex;
	flex-direction: column;
	gap: 25px;
	/*border-bottom: dashed;*/
	/*padding-bottom: 25px;*/
	padding: 10px;
	/*transition: box-shadow 0.15s ease;*/
	
	
	opacity: 0;
  transform: translateY(40px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.stores .store h2 {
	text-align: center;
	position: relative;
}
.stores .store h2::after {
	content: '';
  position: absolute;
  bottom: -2px;
  left: 50%;
  width: 25%;
  height: 2px;
  background: #039cdf;
	transform: translateX(-50%);
  transition: width 0.3s ease;
}
.stores .store h2:hover::after {
	width: 30%;
}
.stores .store iframe {
	width: 100%;
}
.stores .store .directions {
	display: flex;
	flex-direction: column;
	list-style: none;
	line-height: 2;
}
/*------------- makes the images in .gallery appear one by one after the section appears ------*/
.stores.scroll_fade_in_out.visible .store {
  opacity: 1;
  transform: translateY(0);
}

.stores.scroll_fade_in_out.fade_out .store {
  opacity: 0;
  transform: translateY(40px);
  transition-delay: 0s !important;
}
.stores.scroll_fade_in_out.visible .store:nth-child(1) { transition-delay: 0.1s; }
.stores.scroll_fade_in_out.visible .store:nth-child(2) { transition-delay: 0.3s; }
.stores.scroll_fade_in_out.visible .store:nth-child(3) { transition-delay: 0.5s; }


@media (max-width: 800px) {
  .stores.scroll_fade_in_out.visible .store:nth-child(1) { transition-delay: 0.2s; }
  .stores.scroll_fade_in_out.visible .store:nth-child(2) { transition-delay: 0.4s; }
}



.stores .store h3 {
	text-align: center;
}
.stores .store_info {
	display: flex;
	flex-direction: column;
	line-height: 1.5;
}
.stores .store_info li {
	display: flex;
  align-items: center;
	gap: 5px;
}
.stores .store_info img {
	height: 20px;
	align-items: center;
}


.stores .store .openinghours {
	display: flex;
	justify-content: space-between;
	line-height: 1.5
}
.stores .store .openinghours ul {
	list-style: none;
}



.stores .store .visit {
	background-color: #039cdf;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 7px;
	border-radius: 2px;
	transition: transform 0.15s ease;
}
.stores .store .visit:hover {
	transform: scale(1.05);
}