#store-closed-banner {
	padding: $global-padding;
	margin: 0;
	h3 {
		margin: 0;
		margin-right: 0.5rem;
	}
	display: flex;
	justify-content: center;
	align-items: center;
	a {
		text-decoration: underline;
	}
	.sl-tooltip-text {
		max-width: 100%;
		width: 10rem;
	}
}
#sulo-store {
	// #sulo-navbar, .sl-global-spinner {
	// 	position: absolute;
	// }
	// .sl-global-spinner {
	// 	position: absolute;
	// }
	.store-not-found {
		// margin: $global-margin auto;
		padding: 4rem;
	}
	
	.callout {
		border: none;
	}
	.store-container {
		margin-bottom: 1rem;
		a {
			margin: 0;
		}
		.row {
			margin: 0 auto;
		}
		.row:last-child {
			margin-top: 1rem;
		}

		.photo-container.circle {
			max-width: 10rem;
			margin: 0 auto;
		}
		.store-name {
			margin-top: 1rem;
			text-align: center;
			@include breakpoint(medium) {
				margin-top: 0;
				text-align: left;
			}
		}
		.follow-section {
			margin-top: 1rem;
			@include breakpoint(medium) {
				margin-top: 0;
			}
		}
	}
	.tagline {
		color: $dark-gray;
	}
	.quote-section {
		margin-bottom: 2rem;
		color: $dark-gray;
		font-style: italic;
	}
	#sulo-video {
		margin-bottom: 0;
		border: 1px solid $light-gray;
	}

	.stream-container {
		span {
			// font-style: normal;
		}
		@include breakpoint(large) {
			padding: 0;
		}
	}
	.store-submenu {
		display: flex;
		flex-direction: row;
		align-items: flex-end;
		.store-stats {
			flex: 0 0 auto;
			padding-left: $global-padding;
			.sl-tooltip-text {
				margin-top: -1rem;
			}
		}
	}
	#shop {
		.menu-container {
			overflow-x: scroll;
			border-top: 1px solid $light-gray;
			border-bottom: 1px solid $light-gray;
			&::-webkit-scrollbar {
     			height: 0;
			}
			&::-webkit-scrollbar-track {
      			background: transparent;
			}
			&::-webkit-scrollbar-thumb {
      			background: $primary-color;
			}
		}
		ul.menu.navigation {
			font-weight: 500;
			flex-wrap: wrap;
			justify-content: center;
		}
		.about {
			border-right: 1px solid $medium-gray;
		}

		.menu-container {
			// font-family: $header-font-family-serif;
			// text-transform: uppercase;
			font-weight: $global-weight-normal;
			// font-size: 90%;
			a {
				font-weight: $global-weight-normal;
				color: $dark-gray;
				&:hover {
					color: $black;
				}
			}
			.is-active {
				// background: rgba($black, 0.05);
				a {
					color: $black;
					font-weight: $global-weight-bold;
				}
			}
			.column {
				padding: 0;
			}
			.menu {
				padding: 1rem 0;
			}
		}

		.product-item {
			img {
				transform: scale(1);
				filter: none;
			}
			.photo-container .overlay {
				visibility: hidden;
			}
		}
	}
}