.sticky-top {
	background: $white;
	box-shadow: $box-shadow-level-1;
	height: $fixed-nav-mobile;
	position: sticky;
	top: 0;
	z-index: 9900;
}

.sticky-top-flex {
	display: flex;
	flex-direction: row;
	height: $fixed-nav-mobile;
	justify-content: flex-end;
}

#site-header {
	position: relative;
	.box {
		position: initial;
	}
	#header-image {
		bottom: 0;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		z-index: 4500;
		#the-header-image {
			height: auto;
			object-fit: cover;
		}
	}
	.brand-box {
		background: rgba(255, 255, 255, 0.8);
		border-radius: 56px;
		box-shadow: $box-shadow-level-2;
		display: flex;
		flex-direction: row;
		align-items: center;
		height: auto;
		margin-top: 2%;
		padding: 8px 16px 8px 8px;
		position: absolute;
		z-index: 4600;
		.the-custom-logo,
		.brand {
			display: inline-flex;
		}
		.the-custom-logo {
			margin-right: 16px;
			a {
				border: 0;
				.custom-logo {
					height: 100px;
					width: auto;
				}
				&:hover {
					border: 0;
				}
			}
		}
		.brand {
			flex-direction: column;
		}
	}
	.social-list {
		list-style: none;
		margin: 4px 0 0 0;
		padding: 0;
		position: absolute;
		left: 8px;
		top: 8px;
		z-index: 4600;
		opacity: 0;
		transition:  all linear 0.2s;
		visibility: hidden;
		&.visible {
			background: $white;
			box-shadow: $box-shadow-level-2;
			opacity: 1;
			padding: 8px 0 8px 8px;
			position: fixed;
			right: initial;
			visibility: visible;
			z-index: 9990;
		}
		li {
			display: inline-flex;
			margin-right: 4px;
			a {
				border: 0;
				&:hover {
					border: 0;
				}
			}
		}
		&.no-header-image {
			display: flex;
			flex-direction: row;
		}
	}
	&.no-header-image {
		background: $ocean_green;
		min-height: 165px;
	}
}

#bloginfo-name {
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.1;
	margin-bottom: 4px;
	a {
		border: 0;
		color: $shark;
		text-shadow: $box-shadow-level-3;
		&:hover {
			border: 0;
		}
	}
}

#bloginfo-description {
	color: $gumbo_dark;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.1;
	text-shadow: $box-shadow-level-2;
}