/*
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.41
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;
}

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%;
}

/*
.entry-content p {
	font-family: "Georgia", "Noto Serif", serif;
}

.entry-content .wp-caption-text,
.entry-content .gallery-caption,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content form,
.entry-content th,
.entry-content p {
	font-family: "Lato", sans-serif;
}
*/

/* 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;
}

.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;
}

.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;
}

.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;
}

/* WP Lyte customization */

.lyte-wrapper {
	margin:0px !important;
}

.lL {
	margin:0px !important;
}

.lyte_disclaimer {
	display: block;
	font-style: italic;
	margin-top: -1em;
}

/* 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;
	}

	.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;
}

/* 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;
	}
	
	.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,
	a.urlemail,
	a.urlxmpp {
		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: #888;
	}

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

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

	.archive-meta {
		color: #888;
	}

	.archive-tags {
		color: #888;
	}

	.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: #888;
		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: #888;
	}

	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: #888;
	}

	.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: #888;
	}
	
	code, pre {
		background-color: #444 !important;
		color: #fff !important;
	}

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

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

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

	.comment-reply-link:hover {
		border-color: #888;
	}
	
	/* 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;
	}
}
