/* Static Site Header */

.ssh-header {
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;            /* 10px from the top and from both sides */
	color: #fff;
	font-family: inherit;
	text-align: left;
}

/* Optional: stays at the top while scrolling (set in Settings > Site Header) */
.ssh-header--sticky {
	position: sticky;
	top: 0;
	z-index: 99990;
}

body.admin-bar .ssh-header--sticky {
	top: 32px;
}

@media (max-width: 782px) {
	body.admin-bar .ssh-header--sticky {
		top: 46px;
	}
}

/* Site name: bold, links to the home page. The size (default 28px) and the color
   (default white) are set in Settings > Site Header and printed on the link itself. */
.ssh-header .ssh-site-name,
.ssh-header .ssh-site-name:link,
.ssh-header .ssh-site-name:visited,
.ssh-header .ssh-site-name:hover,
.ssh-header .ssh-site-name:focus,
.ssh-header .ssh-site-name:active {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
	color: #fff;
	font-family: inherit;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
}

/* List of pages: 15px, regular, white. The space between pages (15px by default)
   is set in Settings > Site Header and printed on the list itself. */
.ssh-header .ssh-pages {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.ssh-header .ssh-pages--column {
	flex-direction: column;
}

.ssh-header .ssh-pages li {
	margin: 0;
	padding: 0;
	color: #fff;
	font-family: inherit;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	list-style: none;
}

/* Only when "make the page names clickable" is turned on */
.ssh-header .ssh-pages li a,
.ssh-header .ssh-pages li a:link,
.ssh-header .ssh-pages li a:visited,
.ssh-header .ssh-pages li a:hover,
.ssh-header .ssh-pages li a:focus,
.ssh-header .ssh-pages li a:active {
	border: 0;
	box-shadow: none;
	color: #fff;
	font-size: inherit;
	font-weight: 400;
	text-decoration: none;
}

/* 15px between the site name and the list of pages */
.ssh-header .ssh-site-name + .ssh-pages,
.ssh-header .ssh-site-name + .ssh-nav {
	margin-top: 15px;
}

.ssh-header .ssh-nav .ssh-pages {
	margin-top: 0;
}