/* Reset */
html, body, div, span, h1, h2, h3, h4, h5, h6, p,
a, ul, ol, li, dl, dt, dd, table, caption, tbody, tfoot, thead, tr, th, td,
fieldset, form, label, legend, article, aside, footer, header, hgroup, menu, nav, section {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
*, *::before, *::after { box-sizing: border-box; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
a img { border: 0; }

/* Body */
body {
	background: #e2e2e2;
	background-color: #99adbf;
	background-image: url('img/tlo.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	padding: 0 2em;
	color: #373737;
	font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1.625;
}

/* Page container */
#page {
	margin: 2em auto;
	max-width: 790px;
	background: #e7e7e7;
}

/* Headings */
h1, h2, h3, h4, h5, h6 { clear: both; }

/* Text */
p { margin-bottom: 1.625em; }
ul, ol { margin: 0 0 1.625em 2.5em; }
ul { list-style: square; }
ol { list-style-type: decimal; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
strong { font-weight: bold; }
em, i { font-style: italic; }
a { color: #1982d1; text-decoration: none; }
a:focus, a:active, a:hover { text-decoration: underline; }

/* Assistive / skip links */
.assistive-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
.skip-link { display: none; }

/* =====================
   BRANDING / HEADER
   ===================== */
#branding {
	border-top: 1px solid #bbb;
	padding-bottom: 10px;
	position: relative;
	z-index: 9999;
}
#site-title, #site-description {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
#branding img {
	height: auto;
	display: block;
	width: 100%;
}

/* =====================
   NAVIGATION
   ===================== */
#access {
	background: #222;
	background: -webkit-linear-gradient(#252525, #b5b5b5);
	background: linear-gradient(#252525, #b5b5b5);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 0;
	width: 100%;
}
#access ul {
	font-size: 13px;
	list-style: none;
	margin: 0 0 0 -0.8125em;
	padding-left: 0;
}
#access li {
	float: left;
	position: relative;
}
#access a {
	color: #eee;
	display: block;
	line-height: 3.333em;
	padding: 0 1.2125em;
	text-decoration: none;
}
#access a:hover,
#access a:focus {
	background: #f9f9f9;
	background: -webkit-linear-gradient(#f9f9f9, #e5e5e5);
	background: linear-gradient(#f9f9f9, #e5e5e5);
	color: #373737;
	text-decoration: none;
}
#access .current_page_item > a,
#access .current-menu-item > a {
	font-weight: bold;
}

/* =====================
   MAIN / CONTENT
   ===================== */
#main { clear: both; }
#primary { float: left; margin: 0; width: 100%; }
#content { margin: 0 7.6%; width: auto; }

/* Entry content in one-column singular – full width */
.entry-content {
	width: 100%;
	padding: 1.625em 0;
}
.entry-content p { margin-bottom: 1.625em; }
.entry-content ul { list-style: square; margin: 0 0 1.625em 2.5em; }
.entry-content ul ul { list-style: square; margin-bottom: 0; }
.entry-content h6 {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.625em;
	margin-bottom: 0;
	clear: both;
}
.entry-content strong { font-weight: bold; }

/* Alignment */
.alignleft  { display: inline; float: left;  margin-right: 1.625em; }
.alignright { display: inline; float: right; margin-left:  1.625em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/* Images inside content */
.entry-content img { max-width: 100%; height: auto; }
.entry-content a img { border: 0; }

/* =====================
   FOOTER / COLOPHON
   ===================== */
#colophon { clear: both; }
#site-generator {
	background: #222;
	background: -webkit-linear-gradient(#252525, #b5b5b5);
	background: linear-gradient(#252525, #b5b5b5);
	border-top: 3px solid #ddd;
	color: #666;
	font-size: 8px;
	line-height: 2.2em;
	padding: 2.2em 0.5em;
	text-align: center;
}
#site-generator a { color: #eee; }
#site-generator a:hover { text-decoration: underline; }

/* =====================
   LIGHTBOX (galeria)
   ===================== */
.lightbox-overlay {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.85);
	z-index: 99999;
	align-items: center;
	justify-content: center;
}
.lightbox-overlay.open { display: flex; }
.lightbox-overlay img {
	max-width: 90vw;
	max-height: 88vh;
	box-shadow: 0 0 30px rgba(0,0,0,0.8);
}
.lightbox-close {
	position: fixed;
	top: 16px;
	right: 22px;
	color: #fff;
	font-size: 36px;
	cursor: pointer;
	line-height: 1;
	z-index: 100000;
	user-select: none;
}
.lightbox-prev, .lightbox-next {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
	font-size: 48px;
	cursor: pointer;
	padding: 0 16px;
	z-index: 100000;
	user-select: none;
	opacity: 0.75;
}
.lightbox-prev:hover, .lightbox-next:hover { opacity: 1; }
.lightbox-prev { left: 8px; }
.lightbox-next { right: 8px; }

.gallery-icon { cursor: pointer; display: inline-block; }
.gallery-icon img { border: 0; }

/* =====================
   RESPONSIVE
   ===================== */
@media (max-width: 800px) {
	body { padding: 0; }
	#page { margin: 0 auto; }
}
@media (max-width: 500px) {
	#access a { padding: 0 0.7em; font-size: 12px; }
}