/*
	Pool Queen overrides on Landed.
	Font Awesome 7 sets icon glyphs as --fa; Landed paints them on .icon:before.
*/
.icon:before {
	content: var(--fa);
}

#logo a {
	border: 0;
	display: inline-block;
	line-height: 3.5em;
}

#logo img {
	display: inline-block;
	height: 2.25em;
	width: auto;
	vertical-align: middle;
	mix-blend-mode: screen;
}

#titleBar .title img {
	height: 1.6em;
	width: auto;
	vertical-align: middle;
	mix-blend-mode: screen;
}

#banner {
	background-image: url("../../images/pool-banner.jpg");
}

#banner:after {
	background-image:
		linear-gradient(to top, rgba(23, 24, 32, 0.62), rgba(23, 24, 32, 0.42)),
		url("images/overlay.png");
}

#banner .content .image {
	background: rgba(23, 24, 32, 0.45);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.12);
	overflow: hidden;
}

#banner .content .image img {
	mix-blend-mode: screen;
	object-fit: contain;
	padding: 12%;
	height: 100%;
	width: 100%;
}

#stores .actions {
	margin-top: 1.5em;
}