ul.navigation {
	display: none;
}

label.mobileOnly {
	display: block;
	background-color: transparent;
	cursor: pointer;
}

input[type="checkbox"]:checked ~ label {
	background-color: rgba(255, 255, 255, 0.12);
}

input[type="checkbox"]:checked ~ label:after {
}

label:after {
	content: '';
	display: block;
}

input[type="checkbox"]:checked ~ ul {
	display: block;
	z-index: 999;
	position: absolute;
	right: 0;
	left: 1em;
	top: 3em;
	border-radius: var(--radius-md);
	box-shadow: var(--shadow-lg);
	overflow: hidden;
}

ul.submenu {
	left: auto;
	display: block;
}

ul.navigation {
	background-color: var(--color-header);
}

ul.topmenu > li {
	display: block;
}

ul.topmenu li a {
	display: block;
}

ul.submenu {
	position: relative;
	width: auto;
}

ul.submenu li a {
	padding-left: 1em;
}

div.searchContainer {
	display: none;
}

div.line {
	background-color: #f8fafc;
	height: 2px;
	margin: 5px 8px;
	border-radius: 2px;
	transition: background-color var(--transition);
}

div.logo {
	padding-left: 4.5em;
}

div#content {
	padding: 1.5rem 1.25rem;
	border-radius: var(--radius-md);
}

div#torso {
	margin: 1.25rem auto 2rem;
	padding: 0 0.75rem;
}

div#splash {
	padding: 2.25rem 1rem 2.75rem;
}

div#pictureViewer p {
	width: 98%;
}