/*
Theme Name: FBS GeneratePress Child
Theme URI: https://www.floodbarrierstore.com/
Description: Update-safe GeneratePress child theme for Flood Barrier Store / Eudore Gutenberg pages.
Author: Flood Barrier Store / Eudore
Template: generatepress
Version: 1.0.1
Text Domain: fbs-generatepress-child
*/

/* Global page navigation: kept in the always-loaded child stylesheet. */
html {
	scroll-behavior: smooth;
}

.fbs-scroll-target {
	display: block;
	height: 1px;
}

.fbs-site-scroll-navigation {
	position: fixed;
	z-index: 999;
	right: 18px;
	bottom: 18px;
	display: grid;
	gap: 7px;
}

.fbs-site-scroll-navigation__button {
	display: grid;
	width: 38px;
	height: 38px;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, .35);
	border-radius: 50%;
	background: #061a30;
	box-shadow: 0 8px 20px rgba(6, 26, 48, .22);
	color: #fff;
	font-size: 21px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
}

.fbs-site-scroll-navigation__button:hover,
.fbs-site-scroll-navigation__button:focus-visible {
	border-color: #efb33d;
	background: #efb33d;
	color: #061a30;
}

.fbs-site-scroll-navigation__button:focus-visible {
	outline: 3px solid rgba(239, 179, 61, .45);
	outline-offset: 3px;
}

@media (max-width: 620px) {
	.fbs-site-scroll-navigation {
		right: 10px;
		bottom: 12px;
	}

	.fbs-site-scroll-navigation__button {
		width: 34px;
		height: 34px;
		font-size: 19px;
	}
}