/**
* CSS
* 
* @version 1.1
* Original authors: Vaska, Gregory Cadar
* Typo update: IBM Plex Sans
*/

/* --- Google Font --- */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600&display=swap');

/* --- Reset --- */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

/* --- Global --- */
body {
	font-size: 13px;
	font-family: 'IBM Plex Sans', Arial, sans-serif;
	font-weight: 400;
	line-height: 1.45;
	background: #fff;
	color: #000;
}

/* Sections (Indexhibit hooks) */
body.section-1 { }
body.section-2 { }
body.section-3 { }

/* --- Links --- */
a:link,
a:visited,
a:active {
	text-decoration: none;
	color: #808080;
}

a:hover {
	text-decoration: underline;
}

a img {
	border: none;
}

/* --- Menu --- */
#menu {
	width: 215px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	overflow-y: auto;
	background-color: #f3f3f3;
}

#menu .container {
	padding: 10px 10px 30px 10px;
}

#menu p {
	margin-bottom: 14px;
	font-size: 12px;
	line-height: 1.4;
}

#menu ul {
	list-style: none;
	margin: 0 0 18px 0;
	padding: 0;
}

#menu ul li {
	font-size: 12px;
	line-height: 1.35;
	margin-bottom: 4px;
}

#menu ul li.section-title {
	margin-top: 12px;
	margin-bottom: 6px;
	font-weight: 600;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	color: #000;
}

#menu ul li.active a {
	color: #000;
	font-weight: 500;
}

/* --- Content --- */
#content {
	margin-left: 215px;
	min-height: 100vh;
}

#content .container {
	padding: 10px 10px 40px 10px;
}

#content p {
	width: 750px;
	margin-bottom: 12px;
	font-size: 13px;
	line-height: 1.5;
}

/* --- Typography --- */
strong {
	font-weight: 600;
}

h1 {
	font-size: 28px;
	font-weight: 500;
	margin-bottom: 12px;
}

h2 {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 10px;
}

h3 {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 8px;
}

h4 {
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 6px;
}

/* --- Images --- */
#img-container {
	margin: 0;
	padding: 0;
}

#img-container p {
	width: 400px;
	margin: 0 0 14px 0;
	padding: 0;
}

#img-container p span {
	font-size: 11.5px;
	color: #666;
	line-height: 1.4;
}

.nothumb img {
	display: block;
	margin-bottom: 2px;
}

.nothumb strong {
	display: block;
}

/* --- Utilities --- */
#once {
	clear: left;
}