/*
Theme Name: Arno (based on Suits)
Theme URI: https://arnowelzel.de
Author: Arno Welzel (based on the work of Theme Weaver)
Author URI: https://arnowelzel.de
Description: Just my personal theme
Version: 2.60
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, featured-images, full-width-template, microformats, threaded-comments
Text Domain: arno

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Embedded fonts */

@font-face {
	font-family: "Lato";
	src: url("/lib/fonts/Lato/Lato-Regular.woff2") format("woff2"),
	     url("/lib/fonts/Lato/Lato-Regular.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "Lato"; 
	font-style: italic;
	src: url("/lib/fonts/Lato/Lato-Italic.woff2") format("woff2"),
		 url("/lib/fonts/Lato/Lato-Italic.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "Lato";
	font-style: normal;
	font-weight: bold; 
	src: url("/lib/fonts/Lato/Lato-Bold.woff2") format("woff2"),
		 url("/lib/fonts/Lato/Lato-Bold.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "Lato";
	font-style: italic;
	font-weight: bold;
	src: url("/lib/fonts/Lato/Lato-BoldItalic.woff2") format("woff2"),
		 url("/lib/fonts/Lato/Lato-BoldItalic.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "Notoserif";
	src: url("/lib/fonts/Notoserif/notoserif-regular.woff2") format("woff2"),
	     url("/lib/fonts/Notoserif/notoserif-regular.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "Notoserif"; 
	font-style: italic;
	src: url("/lib/fonts/Notoserif/notoserif-italic.woff2") format("woff2"),
		 url("/lib/fonts/Notoserif/notoserif-italic.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "Notoserif";
	font-style: normal;
	font-weight: bold; 
	src: url("/lib/fonts/Notoserif/notoserif-bold.woff2") format("woff2"),
		 url("/lib/fonts/Notoserif/notoserif-bold.woff") format("woff");
	font-display: swap;
}

@font-face {
	font-family: "Notoserif";
	font-style: italic;
	font-weight: bold;
	src: url("/lib/fonts/Notoserif/notoserif-bolditalic.woff2") format("woff2"),
		 url("/lib/fonts/Notoserif/notoserif-bolditalic.woff") format("woff");
	font-display: swap;
}

/* Reset (http://git.io/normalize) */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden] {
	display: none;
}

/* Firefox (at least up to version 27.0.1) seem to add the
   scroll bar width to its calculation when doing media queries
   for the screen width.
   
   Moving the scroll bar from the HTML element to the body can
   solve this - unfortunately this will create another problem:
   
   Initially the HTML element has the focus - but since this
   is no longer used for scrolling, you always have to click the
   body before you can scroll using the keyboard :-/   */

/*
@media screen {
	html {
		overflow:hidden;
		height:100%;
	}
	
	body {
		height:100%;
		overflow-y:scroll;
		-webkit-overflow-scrolling:touch;
	}
}
*/

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
option,
optgroup,
textarea {
	font-family: "Lato", sans-serif;
	font-size: 1em;
	background-color: #fff;
}

/* This is a hack to deal with a bug in Firefox which ignores background-color in optgroup
   also see https://bugzilla.mozilla.org/show_bug.cgi?id=1386174 */
optgroup {
	background-color: #fffffe;
}

body {
	color: #000;
	font-size: 1em;
	line-height: 1.5em;
	margin: 0;
	overflow-y:scroll;
}

a:link {
	color: #009;
	-webkit-transition: none;
	transition:         none;
}

a:visited {
	color: purple;
}

a[data-lbwps-width]>img:hover {
	cursor:zoom-in;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-weight: bold;
	line-height: 1.2;
}

h1 {
	font-size: 1.75em;
}

h2 {
	clear: both;
	font-size: 1.5em;
}

h3 {
	clear: both;
	font-size: 1.125em;
}

h4 {
	clear: both;
	font-size: 1.0625em;
}

h5 {
	clear: both;
	font-size: 1em;
	font-style: italic;
}

h6 {
	clear: both;
	color: #606060;
	font-size: 0.875em;
	letter-spacing: 0.0625em;
	text-transform: uppercase;
}

address {
	font-style: italic;
	margin: 0 0 1.75em;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

mark {
	background: #ff0;
	color: #000;
}

p {
	margin: 0 0 1em;
}

code, kbd, pre, samp {
	font-family: Consolas, "Lucida Console", monospace;
	font-size: 0.875em;
}

div.entry-content code,
div.entry-content kbd,
div.entry-content pre,
div.entry-content samp,
div.comment-content code,
div.comment-content kbd,
div.comment-content pre,
div.comment-content samp {
	background-color: #f0f0f0;
	padding: 0.125em 0.25em;
}

pre {
	background-color: #f0f0f0;
	color: #000;
	line-height: 1.4;
	margin: 1.5em 0;
	overflow: auto;
	word-wrap: normal;
	clear: both;
}

pre.console {
	background-color: #000000;
	color: #00ff21;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
	content: none;
}

blockquote {
	font-style: italic;
	font-weight: normal;
	margin: 0 0 0 1em;
}

blockquote cite,
blockquote small {
	font-size: 0.875em;
	font-weight: normal;
	text-transform: uppercase;
}

blockquote em,
blockquote i {
	font-style: normal;
	font-weight: normal;
}

blockquote strong,
blockquote b {
	font-weight: normal;
}

small {
	font-size: smaller;
}

sub, sup {
	font-size: 0.75em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

dl {
	margin: 0 1.25em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 1.25em;
}

menu,
ol,
ul {
	margin: 1em 0;
	padding: 0 0 0 2.5em;
}

ul {
	list-style-type: disc;
}

nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

li > ul,
li > ol {
	margin: 0;
}

img {
	-ms-interpolation-mode: bicubic;
	border: none;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
	padding-bottom: 1.5em;
}

form {
	margin: 0;
}

fieldset {
	border: 1px solid #c0c0c0;
	padding: 1.25em;
	margin-bottom: 1em;
}

legend {
	border: none;
	padding: 0 0.3125em;
	white-space: normal;
}

button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	max-width: 100%;
	vertical-align: baseline;
	border-radius: 0.25em;
}

button, input {
	line-height: normal;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled], input[disabled] {
	cursor: default;
}

input[type="checkbox"], input[type="radio"] {
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 16.875em;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: none;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
	min-width: 4em;
	min-height: 2.5em;
}

table {
	border-spacing: 0;
	margin: 0 0 1em;
}

caption, th, td {
	text-align: left;
	border-bottom: 1px solid #c0c0c0;
}

caption {
	border: none;
	margin: 1em 0;
}

th {
	font-weight: bold;
	padding: 0.375em 0.625em 0.375em 0;
}

th:last-child {
	padding: 0.375em 0 0.375em 0;
}

td {
	padding: 0.375em 0.625em 0.375em 0;
}

td:last-child {
	padding: 0.375em 0 0.375em 0;
}

tr:last-child td {
	border: none;
}

hr {
	border: none;
	border-bottom: 1px solid #c0c0c0;
	height: 1px;
	margin: 0 0 1em;
}

.entry-content {
	clear:both;
}

/* "Last updated" date */

span.updated {
	white-space: nowrap;
}

/* Repeatable Patterns */

/* Clearing floats */
.clear:after,
.nav-menu:after,
.site-main:after,
.site-footer .sidebar-container:after,
.entry-content:after,
.navigation:after,
.nav-links:after,
.gallery:after,
.attachment .entry-header:after,
.comment-body:after,
.sidebar-inner:after {
	clear: both;
}

.clear:before,
.clear:after,
.nav-menu:before,
.nav-menu:after,
.site-main:before,
.site-main:after,
.site-footer .sidebar-container:before,
.site-footer .sidebar-container:after,
.entry-content:before,
.entry-content:after,
.navigation:before,
.navigation:after,
.nav-links:before,
.nav-links:after,
.gallery:before,
.gallery:after,
.attachment .entry-header:before,
.attachment .entry-header:after,
.comment-body:before,
.comment-body:after,
.sidebar-inner:before,
.sidebar-inner:after {
	content: "";
	display: table;
}

/* Assistive text */
.screen-reader-text {
	clip: rect(0px, 0px, 0px, 0px);
	position: absolute !important;
	color: #c0c0c0;
}

/* Form fields, general styles first. */
input,
textarea,
select {
	border: 1px solid #c0c0c0;
	padding: 0.5em 0.625em;
	-webkit-transition: border 0.2s;
	transition:         border 0.2s;
}

input:focus,
textarea:focus,
select:focus,
button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
.paging-navigation a:focus,
.post-navigation a[rel="next"]:focus,
.post-navigation a[rel="prev"]:focus,
.comment-reply-link:focus {
	border-color: #404040;
	outline-style: none;
/*	box-shadow: 3px 3px #75d975, -3px -3px #75d975, 3px -3px #75d975, -3px 3px #75d975, 0px 3px #75d975; */
}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	border: 1px solid #c0c0c0;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	padding: 0.5em;
}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="url"]:hover,
select:hover,
textarea:hover,
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	border-color: #404040;
	outline-style: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
	background-color: #e0e0e0;
	-webkit-transition: none;
	transition:         none;
}

.post-password-required input[type="submit"] {
	vertical-align: bottom;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #333;
}

:-moz-placeholder {
	color: #333;
}

::-moz-placeholder {
	color: #333;
}

:-ms-input-placeholder {
	color: #333;
}

/* Responsive images */
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: inherit;
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}

/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft {
	margin: 0.3125em 1.25em 0.5em 0;
}

.wp-caption.alignleft {
	margin: 0.3125em 1.25em 0.5em 0;
	max-width: 40%;
}

img.alignright {
	margin: 0.3125em 0 0.5em 1.25em;
	max-width: 100%;
}

.wp-caption.alignright {
	margin: 0.3125em 0 0.3125em 0.625em;
	max-width: 40%;
}

img.aligncenter {
	margin: 0.3125em auto;
	max-width: 100%;
}

img.alignnone {
	margin: 0.5em 0.75em 0.5em 0;
	max-width: 100%;
	display: inline-block;
}

/*
a>img.alignnone,
a>img.alignleft,
a>img.alignright,
a>img.aligncenter {
	padding: 0.25em;
	border: 1px solid #e0e0e0;
}
*/

.wp-caption .wp-caption-text,
.entry-caption {
	font-style: italic;
	font-weight: normal;
	font-size: 0.86em;
	text-align: center;
	line-height: 1.2em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

div.wp-caption.alignright p.wp-caption-text {
	padding-right: 0.7267em;
}

img.wp-smiley,
.rsswidget img {
	border: none;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol  {
	list-style-position: inside;
}


/* Basic Structure */

.site-main {
	margin: 0 auto;
	margin: 0 auto;
	max-width: 60em;
	padding: 2em 0;
}

.site-main .content-area {
	margin: 0 0.625em;
	float: left;
	width: 40em;
}

.single-attachment .content-area,
.full-width .content-area,
.site-main .content-area-fullwidth {
	margin: 0 0 0 0.625em;
	max-width: 60em;
}

.site-main .sidebar-container {
	margin: 0 0.625em;
	width: 14em;
	float: right;
}


/* Site Header */

.site-branding {
	background-color: #000;
	background-image: url("images/head2.jpg");
	background-size: 300px 155px;
}

.site-header .home-link {
	display: block;
	margin: 0 auto;
	max-width: 60em;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

.site-header .home-link:focus {
	outline-color:#cccccc;
}

.site-title {
	color: #fff;
	font-size: 2.25em;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 1;
	margin: 0;
	padding: 0.35em 0 0.125em;
	text-transform: uppercase;
}

.site-description {
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	letter-spacing: 0.1em;
	margin: 0;
	padding-bottom: 0.5em;
}


/* Navigation */

.menu-main-container {
    background-color: #404040;
}

.main-navigation {
	clear: both;
	margin: 0 auto;
	max-width: 60em;
	min-height: 2.5em;
	position: relative;
	z-index: 1;
}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0 2.5em 0 0;
}

.nav-menu li {
	float: left;
	position: relative;
}

.nav-menu li a {
	color: #ccc;
	display: block;
	font-size: 1em;
	font-weight: 400;
	line-height: 1.2em;
	padding: 0.65em 1.25em;
	text-decoration: none;
	-webkit-transition: all 0.3s;
	transition:         all 0.3s;
}

.nav-menu li a:visited {
	color: #ccc;
}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #404040;
	border-top: 0;
	-webkit-box-shadow: 0 0 0.3125em rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 0.3125em rgba(0, 0, 0, 0.5);
	display: none;
	padding: 0;
	position: absolute;
	left: 0;
	z-index: 9;
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	margin: 0;
	text-transform: none;
	width: 15.625em;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul {
	display: block;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	background-color: #303030;
	color: #fff !important;
}

.menu-toggle {
	display: none;
}

/* Navbar */
.navbar-wrapper {
	height: 2.5em;
}

.navbar {
	background-color: #404040;
	margin: 0 auto;
	width: 100%;
	height: 2.5em;
}

.navbar-fixed {
	position: fixed;
	top: 0;
	z-index: 999;
	-webkit-box-shadow: 0 0 0.625em rgba(0, 0, 0, 0.75);
	box-shadow: 0 0 0.625em rgba(0, 0, 0, 0.75);
}

.site-header .search-form {
	float: right;
	overflow: hidden;
}

/* embedded version of images/search-48x48.png) */
.site-header .search-field {
	background-color: transparent;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogPGc+DQogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIyNyIgaGVpZ2h0PSIyNyIgZmlsbD0iIzk0OTQ5MiIvPg0KIDwvZz4NCiA8Zz4NCiAgPGNpcmNsZSBmaWxsPSIjZThlOGU4IiBjeD0iMTAuODg3IiBjeT0iMTAuODg3IiByPSI2LjUzMiI+PC9jaXJjbGU+DQogIDxwYXRoIGZpbGw9IiNlOGU4ZTgiIGQ9Ik0wLDB2MjdoMjdWMEgweiBNMTUuMzczLDE4Ljg1NmMtMS4zMjYsMC43NDctMi44NTUsMS4xNzYtNC40ODYsMS4xNzZjLTUuMDUxLDAtOS4xNDUtNC4wOTUtOS4xNDUtOS4xNDUgICBjMC01LjA1MSw0LjA5NC05LjE0NSw5LjE0NS05LjE0NWM1LjA1LDAsOS4xNDUsNC4wOTQsOS4xNDUsOS4xNDVjMCwyLjA4MS0wLjY5NywzLjk5OS0xLjg2OCw1LjUzNmw2LjIyMyw2LjIyM2wtMi42MTIsMi42MTIgICBMMTUuMzczLDE4Ljg1NnoiPjwvcGF0aD4NCiA8L2c+DQo8L3N2Zz4=);
    background-position: 0.625em center;
	background-repeat: no-repeat;
	background-size: 1.5em 1.5em;
	border: none;
	height: 2em;
	margin: 0.25em 0.25em 0.25em 0;
	padding: 0.375em 0 0.375em 2.625em;
	vertical-align: middle;
	width: 14.5em;
	background-color: #e8e8e8;
}

.site-header .search-field:focus {
	border: none;
	outline-style: none;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 14.5em;
	box-shadow: none;
}


/* Content */

.site-content {
	word-wrap: break-word;
}

.hentry {
	margin-bottom: 2em;
}

.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
	width: 100%;
}

/* Breadcrumb */

.breadcrumb {
	margin-bottom: 1.5em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
	font-style: italic;
}

/* Entry Header */

.entry-thumbnail img {
	display: block;
	margin: 0 auto 1em;
}

.entry-header {
	margin-bottom: 1em;
}

.entry-title {
	font-size: 1.75em;
	margin: 0;
}

.entry-title a {
	color: #000;
	text-decoration: none;
}

.entry-title a:hover {
	color: #b00;
	text-decoration: underline;
}


/* Entry Meta */

.entry-meta {
	font-style: italic;
	margin-top: 0.75em;
	margin-bottom: 1em;
	clear: both;
	color: #606060;
}

.entry-meta a {
	color: #606060;
}

.entry-meta a:hover {
	color: #b00;
}

/* Entry Content */

/* Page links */
.page-links {
	clear: both;
	font-weight: bold;
	margin: 1em 0;
}

/* Mediaelements */
.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
	background: #303030;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #fff;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #b00;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: #595959;
}

.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	border-radius: 0;
}


/* Galleries */

.gallery {
	margin-bottom: 1em !important;
}

.gallery-item {
	float: left;
	margin: 0 0.8125em 0.8125em 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1 .gallery-item {
	text-align: center;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33%
}

.gallery-columns-4 .gallery-item {
	max-width: 25%
}

.gallery-columns-5 .gallery-item {
	max-width: 20%
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-caption {
	pointer-events: none;
	background-color: rgba(0, 0, 0, 0.5);
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	line-height: 1.2em;
	margin: 0 4% 1%;
	max-height: 50%;
	opacity: 0;
	padding: 0.5em;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	-webkit-transition: opacity 0.2s ease;
	transition:         opacity 0.2s ease;
	width: 92%;
	font-size: 0.875em;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}
*/

.gallery p {
	margin:0;
}

/* Attachments */

.attachment .entry-title {
	float: left;
}

.image-navigation {
	float: right;
	margin-top: 0.625em;
}

.image-navigation a {
	border: 1px solid #c0c0c0;
	display: inline-block;
	font-size: 0.875em;
	line-height: normal;
	padding: 0.5em 1.25em;
	text-transform: uppercase;
}

.image-navigation .nav-next {
	margin-left: 0.625em;
}

.attachment .entry-attachment {
	text-align: center;
	margin-bottom: 1em;
}

.attachment .entry-attachment .attachment {
	margin-bottom: 1em;
}

.attachment .entry-caption {
	font-size: 0.875em;
	color: #606060;
	text-align: left;
}


/* Post/Paging Navigation */

.navigation .nav-previous {
	float: left;
}

.navigation .nav-next {
	float: right;
}

.paging-navigation a {
	border: 1px solid #c0c0c0;
	display: inline-block;
	font-size: 0.875em;
	line-height: normal;
	padding: 0.5em 1.25em;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 0.25em;
}

.paging-navigation a:hover {
	border-color: #404040;
	outline-style: none;
}

.post-navigation {
	margin-bottom: 2.875em;
}

.post-navigation .nav-links {
	font-size: 0.875em;
	text-transform: uppercase;
}

.post-navigation a[rel="prev"] {
	float: left;
	border: 1px solid #c0c0c0;
	padding: 0.5em 0.625em;
	margin: 0.25em 0 0.25em;
	text-decoration: none;
	border-radius: 0.25em;
}

.post-navigation a[rel="next"] {
	border: 1px solid #c0c0c0;
	float: right;
	padding: 0.5em 0.625em;
	text-align: right;
	margin: 0.25em 0 0.25em 0.25em;
	text-decoration: none;
	border-radius: 0.25em;
}

.post-navigation a[rel="next"]:hover,
.post-navigation a[rel="prev"]:hover {
	border-color: #404040;
	outline-style: none;
}

.post-navigation-title {
	margin-top: 0;
}

/* Archives */

.archive-header {
	border-bottom: 1px solid #c0c0c0;
	margin-bottom: 2.875em;
	padding-bottom: 1em;
}

.archive-title {
	font-size: 1.25em;
	font-weight: normal;
	line-height: normal;
	margin: 0;
}

.archive-meta {
	color: #606060;
	font-style: normal;
	font-weight: normal;
	margin-top: 0.625em;
}

.archive-tags {
	color: #606060;
	margin-top: 0.625em;
}

.archive-meta p:last-of-type {
	margin-bottom: 0;
}


/* Search Results/No posts/404 */

.page-header {
	border-bottom: 1px solid #c0c0c0;
	margin-bottom: 2.875em;
	padding-bottom: 1em;
}

.page-title {
	font-size: 1.25em;
	font-weight: normal;
	line-height: normal;
	margin: 0;
}

.error404 {
	margin-bottom: 2.875em;
}


/* Comments */

.comments-title {
	font-weight: normal;
	margin-bottom: 0.4em;
}

.comment-list {
	margin: 0 0 2.875em !important;
}

.comment-list,
.comment-list .children {
	list-style-type: none;
	padding: 0;
}

.comment-list .children {
	margin-left: 1.71875em;
}

.comment-body {
	padding: 0.5em 0;
	position: relative;
}

.comment-author .avatar {
	display: block;
	float: left;
	vertical-align: top;
	margin-right: 1em;
	margin-top: 0.25em;
	width: 2.5em;
	height: 2.5em;
}

.comment-author .fn {
	word-wrap: break-word;
}

.comment-author .fn,
.comment-author .url {
	font-style: normal;
	font-weight: normal;
}

/*
.comment-author a {
	border-bottom: 1px solid #c0c0c0;
}
*/

.comment-reply-link,
.comment-reply-login {
	border: 1px solid #c0c0c0;
	display: inline-block;
	font-size: 0.875em;
	line-height: 1;
	padding: 0.5em 1.25em;
	text-transform: uppercase;
}

.comment-reply-link {
	text-decoration: none;
}

.comment-reply-link:hover {
	outline-style: none;
	border-color: #404040;
}

.no-avatars .comment-metadata,
.no-avatars .comment-awaiting-moderation,
.no-avatars .comment-content,
.no-avatars .comment-list .reply {
	margin-left: 0;
}

.bypostauthor {}

.comment-list .edit-link:before {
	content: "\203A\00a0";
}

.comment-metadata,
.comment-awaiting-moderation,
.comment-content,
.comment-list .reply {
	margin-left: 3.4375em;
}

.comment-metadata {
	margin-top:0.5em;
}

.comment-meta,
.comment-meta a {
	color: #606060;
}

.comment-meta a:hover {
	color: #b00;
}

.comment-metadata {
	font-size: 0.875em;
	line-height: 1;
	margin-bottom: 1em;
}

.ping-meta {
	color: #606060;
	font-size: 0.875em;
	line-height: 2;
}

.comment-awaiting-moderation {
	font-style: italic;
}

/* Comment form */
.comment .comment-respond {
	background-color: #f5f5f5;
	margin-bottom: 1em;
	padding: 1em;
}

.comment-reply-title {
	margin-top: 0;
}

.comment-reply-title small a {
	border-bottom: 1px #c0c0c0;
	font-size: 0.875em;
}

.comment-form .comment-notes-email {
	color: #606060;
	margin-bottom: 1em;
}

.comment-form .comment-notes-tags {
	color: #606060;
	margin-bottom: 1em;
}

.comment-form [for="author"],
.comment-form [for="email"],
.comment-form [for="url"],
.comment-form [for="comment"] {
	display: block;
	padding: 0;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"] {
	width: 100%;
}

.comment-form textarea {
	width: 100%;
}

.comment-form p:last-of-type {
	margin-bottom: 0;
}

.comment-navigation {
	margin-bottom: 2.875em;
}

.comment-navigation a {
	font-size: 0.875em;
	text-transform: uppercase;
}

.no-comments {
	color: #606060;
	font-size: 1em;
	text-align: center;
	text-transform: uppercase;
}


/* Sidebar */

.site-main .widget-area {
	width: 100%;
}

.site-main .widget-area a {
	text-decoration: none;
	-webkit-transition: none;
	transition:         none;
}

.site-main .widget-area a:hover,
.site-main .widget-area a:active {
	text-decoration: underline;
}


/* Widgets */

.widget {
	border-bottom: 1px solid #c0c0c0;
	margin: 0 0 1em;
	padding: 0 0 1em;
	word-wrap: break-word;
}

.widget:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.widget .widget-title {
	font-size: 1.25em;
	font-weight: normal;
	margin: 0 0 0.625em;
}

.widget ul,
.widget ol {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.widget li {
	padding: 0.3125em 0;
}

.widget .children,
.widget .sub-menu {
	margin-top: 0.3125em;
}

.widget .children li:last-child,
.widget .sub-menu li:last-child {
	padding-bottom: 0;
}

.widget li > ul,
.widget li > ol {
	margin-left: 1.25em;
}

/* Search widget */
.search-form .search-submit {
	display: none;
}

/* RSS Widget */
.widget_rss .rss-date,
.widget_rss .rssSummary,
.widget_rss li > cite {
	font-size: 0.875em;
}

.widget_rss .rss-date {
	display: block;
}

.widget_rss .rss-date,
.widget_rss li > cite {
	color: #606060;
}

/* Calendar Widget */
.widget_calendar table {
	margin-bottom: 0;
}

.widget_calendar table,
.widget_calendar td {
	border: none;
	border-collapse: separate;
	border-spacing: 0;
}

.widget_calendar caption {
	font-size: 0.875em;
	margin: 0;
	text-transform: uppercase;
}

.widget_calendar th {
	border: 1px solid #000;
	border-width: 1px 0;
}

.widget_calendar th,
.widget_calendar td {
	padding: 0;
	text-align: center;
}

.widget_calendar a {
	font-weight: bold;
}

.widget_calendar tbody td {
	color: #606060;
}

.widget_calendar tbody .pad {
	background-color: transparent;
}

.widget_calendar tfoot td {
	border-top: 1px solid #000;
	text-align: left;
}

.widget_calendar tfoot td:last-child {
	text-align: right;
}

.widget_calendar tfoot a {
	border: none;
	font-size: 0.875em;
	font-weight: normal;
	text-transform: uppercase;
}


/* Footer */

.site-footer .widget-area {
	text-align: left;
}

.site-footer .sidebar-container {
	background-color: rgba(0, 0, 0, 0.06);
	padding: 2.875em 0;
}

.site-footer .sidebar-inner {
	margin: 0 auto;
	max-width: 60em;
	width: 100%;
}

.site-footer .widget-area {
	float: left;
	margin: 0 0.625em;
	padding: 0 0.625em;
}

.one-footer-sidebar .site-footer .widget-area {
	width: 60em;
}

.two-footer-sidebars .site-footer .widget-area {
	width: 30em;
}

.three-footer-sidebars .site-footer .widget-area {
	width: 20em;
}

.site-info-container {
	background-color: #000;
	text-align: center;
}

.site-info {
	color: #666;
	font-size: 0.875em;
	letter-spacing: 0.125em;
	margin: 0 auto;
	max-width: 60em;
	padding: 1em 0;
	text-transform: uppercase;
	width: 100%;
}

.site-info .sep {
	padding: 0 0.3125em;
}

.site-info a {
	color: #666;
}

.site-info a:hover {
	color: #fff;
	text-decoration: none;
}

/* Fine tuning of embedded stuff */
embed,
iframe,
object,
video {
	border: none;
/*	margin: 0.5em 0 0.5em 0; */
}

/* "Skip to content" link for screen readers */

a.skip {
	padding:0.5em;
	position:absolute;
	top:-4em;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:0.5em;
	background:#bf1722;
	-webkit-transition: top 1s ease-out;
    transition: top 1s ease-out;
    z-index: 100;
}

a.skip:focus {
	position:absolute;
	left:0px;
	top:0px;
	outline-style: none;
	-webkit-transition: top .1s ease-in;
    transition: top .1s ease-in;
}

/* Embed privacy customization */

.embed-privacy-container:last-child {
	margin-bottom: 1.5em !important;
}

.embed-privacy-overlay {
	z-index: inherit !important;
}

/* Enligher customization: no rounded corners and minimum height to make sure the action buttons stay visible */

.enlighter-t-enlighter {
	border-radius: 0 !important;
	min-height: 3.25em !important;
	background: #fff;
}

/* Enligher customization: same fonts as we have for <pre> and <code> */

.enlighter-default {
	font-family: Consolas, "Lucida Console", monospace !important;
	font-size: 0.875em !important;
}

/* Checkboxes below comment field */

#cren_subscribe_to_comment, #wp-comment-cookies-consent, #wp-comment-privacy-consent {
	margin-right: 0.5em;
}

/* Responsive stuff to adapt to mobile devices */

@media only screen and (min-width: 58em) {
	/* This makes only sense in "desktop" view */
	.nav-menu li:hover > a,
	.nav-menu li a:hover {
		background-color: #303030;
		color: #fff;
		-webkit-transition: none;
		transition:         none;
	}

	ul.nav-menu ul a:hover,
	.nav-menu ul ul a:hover {
		background-color: #303030;
	}
	
	div.languages, div.languages-frontpage {
		display:none;
	}

	.comments {
		float: right;
		margin-left: 1em;
	}

	.entry-meta .edit-link {
		float: right;
		padding-left: 1em;
	}
	
	#realTimeSearchResult {
		box-shadow: 0 0 0.625em rgba(0, 0, 0, 0.25);
	}
}

@media only screen and (max-width: 58em) {
	.site-main {
		width: 100%;
		padding: 1em 0;
	}
	
	.site-main .content-area,
	.site-main .content-area-fullwidth,
	.site-main .sidebar-container {
		width:100%;
		padding-right: 1em;
		padding-left: 1em;
		float: none;
		margin:0 auto;
	}

	.site-main .sidebar-container {
		margin-top: 2.875em;
	}

	.site-header .search-field {
		cursor: pointer;
		width: 8em;
		height: 2.5em;
		margin: 0;
		padding: 0 0 0 2.625em;
		-webkit-transition: width 0.2s ease;
		transition:         width 0.2s ease;
		border-radius: 0;
	}

	.site-header .search-field:focus {
		cursor: text;
		width: 12.5em;
		-webkit-transition: width 0.2s ease;
		transition:         width 0.2s ease;
	}
	
	.navigation .main-navigation {
		padding: 0;
	}
	
	.menu-toggle {
		color: #ccc;
		background-color: #303030;
		cursor: pointer;
		display: inline-block;
		font-size: 1em;
		font-weight: 400;
		line-height: 1;
		margin: 0;
        padding: 0.75em 1.25em 0.75em 1.25em;
    }
    
    .menu-toggle div {
        width: 1.2em;
        height: 0.875em;
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgoKIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCB4PSItMSIgeT0iLTEiIHdpZHRoPSIyNTgiIGhlaWdodD0iMjU4IiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGZpbGw9Im5vbmUiLz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8cmVjdCBmaWxsPSIjY2NjIiBzdHJva2U9Im5vbmUiIHg9IjAuMDgzMzQ1IiB5PSIwLjc1IiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjUxIiBpZD0ic3ZnXzEyIi8+CiAgPHJlY3QgZmlsbD0iI2NjYyIgc3Ryb2tlPSJub25lIiB4PSIwIiB5PSIxMDIuNTAwMDAzIiB3aWR0aD0iMjU2IiBoZWlnaHQ9IjUxIiBpZD0ic3ZnXzEzIi8+CiAgPHJlY3QgZmlsbD0iI2NjYyIgc3Ryb2tlPSJub25lIiB4PSIwLjA4MzM0NSIgeT0iMjA0LjI1MDAwMSIgd2lkdGg9IjI1NiIgaGVpZ2h0PSI1MSIgaWQ9InN2Z18xNCIvPgogPC9nPgo8L3N2Zz4=);
        background-size: 1.2em 0.875em;
        background-position: center;
        background-repeat: no-repeat;
    }

    nav.toggled-on .menu-toggle div {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjU2IiBoZWlnaHQ9IjI1NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KIDwhLS0gQ3JlYXRlZCB3aXRoIE1ldGhvZCBEcmF3IC0gaHR0cDovL2dpdGh1Yi5jb20vZHVvcGl4ZWwvTWV0aG9kLURyYXcvIC0tPgoKIDxnPgogIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4KICA8cmVjdCB4PSItMSIgeT0iLTEiIHdpZHRoPSIyNTgiIGhlaWdodD0iMjU4IiBpZD0iY2FudmFzX2JhY2tncm91bmQiIGZpbGw9Im5vbmUiLz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8cmVjdCBmaWxsPSIjY2NjIiBzdHJva2U9Im5vbmUiIHg9Ii0yMi4wMDAwMTciIHk9IjEwMi41IiB3aWR0aD0iMzAwIiBoZWlnaHQ9IjUxIiBpZD0ic3ZnXzEyIiB0cmFuc2Zvcm09InJvdGF0ZSg0NSwgMTI4LCAxMjgpIi8+CiAgPHJlY3QgZmlsbD0iI2NjYyIgc3Ryb2tlPSJub25lIiB4PSItMjIuMDAwMDE3IiB5PSIxMDIuNSIgd2lkdGg9IjMwMCIgaGVpZ2h0PSI1MSIgaWQ9InN2Z18xNSIgdHJhbnNmb3JtPSJyb3RhdGUoMTM1LCAxMjgsIDEyOCkiLz4KIDwvZz4KPC9zdmc+);
        background-size: 0.875em 0.875em;
    }

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		display: block;
		margin-left: 0;
		padding: 0;
	}

	.toggled-on li,
	.toggled-on .children {
		display: block;
		float: none;
	}

	.toggled-on .nav-menu li > ul {
		-webkit-box-shadow: none;
		box-shadow: none;
		display: block;
		float: none;
		margin-left: 1.25em;
		position: relative;
		left: auto;
		top: auto;
	}

	.toggled-on .nav-menu li > ul a {
		width: auto;
	}
	
/*
	.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a {
		background-color: transparent;
		color: #ccc;
	}

	.toggled-on .nav-menu li a:hover,
	.toggled-on .nav-menu ul a:hover {
		background-color: #303030;
		color: #fff;
	}
*/
    
	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}

	.gallery-caption {
		display: none;
	}
	
/*
	div.hscroll:after,
	div.hscroll:before {
		content: url(/lib/img/longarrow-left.png);
		background-image: url(/lib/img/arrowline.png);
		background-repeat: repeat-x;
		line-height: 1;
		width: 100%;
		float:left;
		margin: 0.25em 0 0.25em;
		clear:both;
	}
	
	div.hscroll {
		margin: 0.5em 0 1em;
	}

	div.hscroll table {
		clear:both;
	}
*/
	
	/* Don't keep the navbar on top when scrolling */
	.navbar-fixed {
		position:relative;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.widget_arnoslanguagewidget {
		display:none;
	}

	h1, h2, h3, h4, h5, h6 {
		hyphens: auto;
	}

	.comments {
		float: none;
		white-space: pre;
		line-height: 2em;
	}
	.comments:before {
		content: '\A';
	}

	.entry-meta .edit-link {
		float: none;
		padding-left: 1em;
	}

	.site-main .widget-area {
		border-top: 1px solid #c0c0c0;
		padding-top: 1em;
	}

	/* avoid live search results outside view port*/
	#realTimeSearchResult {
		margin-top:0px;
		box-sizing:border-box !important;
	}
	
	.realTimeSearchSearchResult li a, .realTimeSearchSearchResultNone {
		padding: 0.5em !important;
	}
}

/* Nicer lists  */
.entry-content ol,
.entry-content ul {
	margin-bottom: 1em;
}

.entry-content ul {
	padding-left: 1.5em;
	margin-left: 0;
}

.entry-content ol {
	padding-left: 2em;
	margin-left: 0;
}

.entry-content li ol,
.entry-content li ul {
	margin: 0.5em 0 0 0;
}

.entry-content ol li,
.entry-content ul li {
	margin: 0 0 0.5em 0;
}

/* No bottom margin for the last paragraph in tables */

.entry-content td p:last-child {
	margin-bottom: 0;
}

/* Custom styles for Sitemap plugin */

ul.wsp-pages-list li.page_item,
ul.wsp-pages-list li.page_item ul,
ul.wsp-posts-list li.wsp-post {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.sitemap-date {
	color: #606060;
	margin-left: 0.5em;
}

/* Custom styles for language links */

.languages {
	float:right;
	margin-left:2em;
	font-style:italic;
}

.languages-frontpage {
	font-style:italic;
	text-align:right;
	margin-bottom:1em;
}

/* Custom styles for spoke length calculator */

#sc_param,
#sc_result {
	padding-bottom:1em;
}

.sc_error {
	-webkit-box-shadow: 0 0 0.25em 0.125em rgba(255,0,0,1);
	-moz-box-shadow: 0 0 0.25em 0.125em rgba(255,0,0,1);
	box-shadow: 0 0 0.25em 0.125em rgba(255,0,0,1);
}

/* Custom styles web statistics */

.statsbox {
	border:solid 1px #808080;
	padding:0.5em 0.25em 0.5em 0.25em;
	margin-bottom:1em;
}

/* Custom styles for DNS query tool */

.break {
	word-break: break-all;
}

/* Custom styles for the "scroll top" button */

#scrolltop-container {
    display: none;
    position: fixed;
	right:1.25em;
	bottom:1.25em;
    cursor: pointer;
    z-index: 999;
}
#scrolltop-container img {
	width:2.5em;
	height:2.5em;
}

/* Custom styles for Realtime Search */

#realTimeSearchResult {
	border:1px solid #404040;
}

/* Some other custom styles */

img.image25 {
	max-width: 25%;
}

img.image30 {
	max-width: 30%;
}

img.image40 {
	max-width: 40%;
}

img.image45 {
	max-width: 45%;
}

img.image50 {
	max-width: 50%;
}

img.image60 {
	max-width: 60%;
}

img.image75 {
	max-width: 75%;
}

img.image100 {
	max-width: 100%;
}

.raw th, .raw td {
	border: none;
}

.rawtop th, .rawtop td {
	border: none;
	vertical-align: top;
}

.gallery-caption-none {
	display: none;
}

table.framed {
	border: 1px solid #808080;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 1.25em 0 1.25em 0;
}

div.flex table.framed {
	margin: 0.5em 0 0.25em 0;
}	

table.framed th {
	padding: 0.25em;
	border: 1px solid #808080;
}

table.framed td {
	padding: 0.25em;
	border: 1px solid #808080;
}

div.hscroll {
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	margin:0 0 1em;
	padding: 3px 0;
}

div.hscroll table {
	margin:0.25em 0 0 0;
}

.clearall {
	clear:both;
}

.clearnone {
	clear:none;
}

.border {
	border: 1px solid #808080;
	padding: 0.25em;
}

.nowrap {
	white-space:nowrap;
}

.multicol2 {
	column-count: 2;
	-moz-column-count: 2;
	-webkit-column-count: 2;
}

.multicol3 {
	column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
}

.multicol4 {
	column-count: 4;
	-moz-column-count: 4;
	-webkit-column-count: 4;
}

div.qemp {
	padding: 0.5em 1em;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.5;
	background-image: url("images/rainbow.png");
	background-size: cover;
	color:#000;
	text-shadow: 0.125em 0.125em 0.25em #fff, -0.125em -0.125em 0.25em #fff, 0.125em -0.125em 0.25em #fff, -0.125em 0.125em 0.25em #fff;
}

p.form-submit {
	margin-top: 1.5em;
}

.alignright {
	text-align: right;
}

.ml-1 {	margin-left: 1em; }
.ml-2 { margin-left: 2em; }
.ml-3 {	margin-left: 3em; }
.ml-4 {	margin-left: 4em; }
.mr-1 {	margin-right: 1em; }
.mr-2 {	margin-right: 2em; }
.mr-3 {	margin-right: 3em; }
.mr-4 {	margin-right: 4em; }
.mb-1 {	margin-bottom: 1em; }
.mb-2 {	margin-bottom: 2em; }
.mb-3 {	margin-bottom: 3em; }
.mb-4 {	margin-bottom: 4em; }
.pl-1 {	padding-left: 1em; }
.pl-2 {	padding-left: 2em; }
.pl-3 {	padding-left: 3em; }
.pl-4 {	padding-left: 4em; }
.pr-1 {	padding-right: 1em; }
.pr-2 {	padding-right: 2em; }
.pr-3 {	padding-right: 3em; }
.pr-4 {	padding-right: 4em; }
.pb-1 {	padding-bottom: 1em; }
.pb-2 {	padding-bottom: 2em; }
.pb-3 {	padding-bottom: 3em; }
.pb-4 {	padding-bottom: 4em; }
.fr { float: right; }
.fl { float: left; }
.flex { display: flex; flex-flow: row wrap };

/* checkboxes below comment forms e-mail subscription for comment replies */

.comment-form-comment-subscribe input,
.comment-form-cookies-consent input,
.comment-form-privacy-consent input {
	margin-right: 0.5em;
}

a.urlexternal {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdib3g9IjAgMCAxNiAxNiIgd2lkdGg9IjE2IiB2ZXJzaW9uPSIxLjEiIGhlaWdodD0iMTYiPjxwYXRoIGQ9Im03Ljk1IDAuNjVjLTQuMSAwLTcuNCAzLjMtNy40IDcuNHMzLjMgNy40IDcuNCA3LjQgNy40LTMuMyA3LjQtNy40LTMuMy03LjQtNy40LTcuNHptMC44IDAuOWMxLjMgMCAyLjQgMC44IDMuNSAxLjNsMS44IDIuNS0wLjMgMS4xIDAuNiAwLjN2Mi40Yy0wLjIgMC43LTAuNiAxLjMtMC45IDItMC4yIDAuMSAwLTAuOC0wLjEtMSAwLTAuNi0wLjUtMC42LTAuOS0wLjItMC40IDAuMy0xLjQgMC4zLTEuNS0wLjQtMC4zLTAuOCAwLTEuNyAwLjMtMi41bC0wLjYtMC43IDAuMi0xLjgtMC44LTAuOSAwLjItMS0xLTAuNmMtMC4yLTAuMi0wLjYtMC4yLTAuNy0wLjQgMC4xIDAgMC4yLTAuMSAwLjItMC4xem0tMi42IDAuMXMwLjEgMCAwLjEgMC4xYzAuNCAwLjItMC4xIDAuNC0wLjIgMC42LTAuNSAwLjMgMC4zIDAuNyAwLjUgMSAwLjQtMC4xIDAuOC0wLjcgMS40LTAuNSAwLjctMC4yIDAuNiAwLjYgMS4xIDEgMC4xIDAuMiAwLjkgMC44IDAuNCAwLjYtMC41LTAuNC0xLTAuNC0xLjMgMC4xLTAuOCAwLjUtMC4zLTAuOS0wLjctMS4yLTAuNi0wLjctMC40IDAuNS0wLjQgMC45LTAuNCAwLTEuMS0wLjMtMS41IDAuMmwwLjQgMC42IDAuNS0wLjdjMC0wLjMgMC4xIDAuMiAwLjMgMC4zIDAuMSAwLjIgMC44IDAuNyAwLjMgMC45LTAuOCAwLjQtMS40IDEuMS0yLjEgMS43LTAuMiAwLjUtMC43IDAuNC0xIDAtMC43LTAuNC0wLjcgMC43LTAuNiAxLjFsMC42LTAuNHYxLjFjLTAuNCAwLjQtMC45LTAuNy0xLjMtMC45di0xLjZjMC0wLjQtMC4xLTAuOSAwLTEuMyAwLjgtMC45IDEuNy0xLjkgMi4yLTNoMC44YzAuNiAwLjIgMC4zLTAuNyAwLjUtMC42em0tMS4yIDguMmMwLjEgMCAwLjIgMCAwLjMgMC4xIDAuOCAwLjEgMS40IDAuNyAyIDEuMSAwLjUgMC41IDEuNiAwLjMgMS43IDEuMi0wLjIgMC45LTEuMSAxLjQtMS44IDEuNy0wLjIgMC4xLTAuNCAwLjItMC42IDAuMi0wLjcgMC4yLTEtMC42LTEuMi0xLjEtMC4zLTAuNy0xLjEtMS4yLTEtMi4xIDAtMC40IDAuMi0xIDAuNi0xLjF6IiBmaWxsPSIjODA4MDgwIi8+PC9zdmc+Cg==);
}

a.urlexternal {
    background-position: 0 center;
    background-repeat: no-repeat;
	background-size: 1em 1em;
    padding: 0 0 0 1.125em;
}

.overline {
	text-decoration: overline;
}

/* =Non active links to the current page
----------------------------------------------- */

a.nolink {
	text-decoration:none !important;
}

a.nolink:hover {
	color:#000000;
}

.entry-meta a.nolink:hover {
	color:#606060 !important;
}

/* Custom "Letter Avatar" */

.sgi-letter-avatar {
	width: 2.5em !important;
	height: 2.5em !important;	
}

.sgi-letter-avatar>span {
	font-family: Lato, sans-serif !important;
}

/* Print layout */
@media print {
	body {
		line-height: 1.2em;
	}
	.site-header,
	.site-main .sidebar-container,
	.nav-links,
	.leave-reply,
	.reply,
	.edit-link,
	.comment-respond,
	.comment-edit-link,
	.breadcrumb,
	.post-navigation-title,
	a.skip,
	.languages,
	.languages-frontpage {
		display: none;
	}
	
	.comments-area,
	table.framed {
		page-break-inside: avoid;
	}
	
	.comment-content {
		page-break-inside: auto;
	}
	
	.site-main {
		margin: 0;
		padding: 0;
		max-width: 100%;
	}

	.site-main .content-area {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	.hentry,
	.comment-list,
	.archive-header {
		border: none;
	}
	
	html {
		font-family: serif;
	}

	h1, h2, h3, h4, h5, h6,
	.entry-title {
		font-family: sans-serif;
	}
		
	code,
	kbd,
	pre,
	samp {
		font-family: monospace;
		padding: 0;
		white-space: pre-wrap;
	}

	.enlighter-default {
		font-family: monospace !important;
	}
	
	.entry-meta a:link,
	.entry-content a:link,
	.entry-content a:visited,
	.comment-metadata a:link,
	.comment-metadata a:visited,
	.comment-content a:link,
	.comment-content a:visited,
	.comment-author .url {
		text-decoration: none;
		color: #000;
	}
	
	.entry-meta a[rel="category tag"]:after,
	.entry-content a:not([data-rel]):after {
		content: " [" attr(href) "] ";
		font-style: italic;
	}
	
	.entry-meta a[rel="tag"]:after {
		content: " [" attr(href) "]";
		font-style: italic;
	}
	
	a.urlexternal {
		background-image: none;
		padding: 0;
	}
	
	.RGraph_tooltip {
		display: none !important;
	}
	
	#scrolltop-container {
		display: none !important;
	}
	
	iframe {
		border: 2px dotted #808080;
	}
}

/* Adjustments for dark mode */

@media (prefers-color-scheme: dark) {
	html,
	button,
	input,
	select,
	option,
	optgroup,
	textarea {
		background-color: #222;
		color: #fff;
	}
	
	body {
		color: #fff;
	}

	a:link {
		color: #88f;
	}

	a:visited {
		color: #a6a;
	}

	a.skip {
		color: #fff;
	}

	a.nolink:hover {
		color:#fff;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #fff;
	}
	
	.entry-meta {
		color: #aaa;
	}

	.entry-meta a {
		color: #aaa;
	}

	.entry-meta a.nolink:hover {
		color:#aaa !important;
	}
	
	.entry-title a {
		color: #fff;
	}

	.archive-meta {
		color: #aaa;
	}

	.archive-tags {
		color: #aaa;
	}

	.archive-header {
		border-bottom: 1px solid #666;
	}
	
	.widget {
		border-bottom-color: #666 !important;
	}
	.gallery {
		border-color: #666 !important;
	}
	
	input,
	textarea,
	select {
		border: 1px solid #666;
	}

	button,
	input[type="submit"],
	input[type="button"],
	input[type="reset"] {
		border: 1px solid #666;
	}

	input:focus,
	textarea:focus,
	select:focus,
	button:focus,
	input[type="submit"]:focus,
	input[type="button"]:focus,
	input[type="reset"]:focus,
	.paging-navigation a:focus,
	.post-navigation a[rel="next"]:focus,
	.post-navigation a[rel="prev"]:focus,
	.comment-reply-link:focus {
		border-color: #aaa;
		outline-style: none;
	}

	input[type="text"]:hover,
	input[type="email"]:hover,
	input[type="url"]:hover,
	select:hover,
	textarea:hover,
	button:hover,
	input[type="submit"]:hover,
	input[type="button"]:hover,
	input[type="reset"]:hover {
		border-color: #aaa;
	}

	button:active,
	input[type="submit"]:active,
	input[type="button"]:active,
	input[type="reset"]:active {
		background-color: #444;
	}

	caption,
	th,
	td {
		border-bottom: 1px solid #666;
	}

	fieldset {
		border: 1px solid #666;
	}

	table.framed {
		border: 1px solid #666;
	}

	table.framed th {
		border: 1px solid #666;
	}

	table.framed td {
		border: 1px solid #666;
	}

	.breadcrumb {
		border-bottom: 1px solid #666;
	}

	.paging-navigation a {
		border: 1px solid #666;
	}

	.paging-navigation a:hover {
		border-color: #aaa;
	}

	.post-navigation a[rel="prev"] {
		border: 1px solid #666;
	}

	.post-navigation a[rel="next"] {
		border: 1px solid #666;
	}

	.post-navigation a[rel="next"]:hover,
	.post-navigation a[rel="prev"]:hover {
		border-color: #aaa;
	}
	
	code, pre {
		background-color: #444 !important;
		color: #fff !important;
	}

	.comment-form .comment-notes-email {
		color: #aaa;
	}

	.comment-form .comment-notes-tags {
		color: #aaa;
	}

	.comment-reply-link,
	.comment-reply-login {
		border: 1px solid #666;
	}

	.comment-reply-link:hover {
		border-color: #aaa;
	}
	
	/* Custom style for web statistics */
	.statsbox {
		border:none;
		background: #fff;
	}

	#containerstats {
		background: #fff;
	}

	
	/* Keep styles for realtime search */
	.search-field {
		color: #000;
	}
	
	.realTimeSearchSearchResult li a {
		color: #009;
	}

	.realTimeSearchSearchResult li a:visited {
		color: purple;
	}
	
	/* This is a hack to deal with a bug in Firefox which ignores background-color in optgroup
	   also see https://bugzilla.mozilla.org/show_bug.cgi?id=1386174 */
	optgroup {
		background-color: #222221;
	}
}