/*======================================
Theme Name: Default Theme
Theme URI: http://america-xix.ru/
Version: 2.0.21
author:  ObanTM
author URI: http://facebook/ObanTM/
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/


/* CSS Reset 
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins,  q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video, main {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
tbody {
	width: 100%;
}


/* General Styles
-------------------------------------------------------------- */

:root {
	--bar-height: 4px;
	--bar-color: gainsboro;
	--bar-value: 20%;
	--scrollbar-color: rgba(220, 220, 220, 0.1);
	--body-color: #555;
	--dark-color: #6b89b4;
	--light-color: #fff; 
	--light-dark-color: rgba(99,136,178,0.5);
	--font-dark-color: #111;
	--font-light-color:  rgba(255,255,255, 0.7);
	--font-lighter-color: rgba(0,0,0,0.3);
	--size-base: 16px;
	--size-medium: 24px;
	--size-small: 14px;
	--size-xs: 10px;
	--size-large: 34px;
	--size-xl: 50px;
	--size-button: 30px;
	--size-header: 40px;
	--font-serif: "Noto Serif", Georgia, "Times New Roman", serif;
	--font-sans: "Roboto", Verdana, Arial, sans-serif;
	--line-height-base: 1.6;
	--line-height-header: 1.2;
	
}

html{
	overflow-x: hidden;
	font-size: var(--size-base);
}
body {
	font-family: var(--font-serif);
	font-weight: 400;
	color: var(--body-color);
	font-size: var(--size-base);
	line-height: var(--line-height-base);
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.menu, .list, .pager, .crumbs, .site-footer, .anchor  {
	font-family: var(--font-sans);
	list-style-type: none !important;
}
iframe {
	margin: 0 auto;
	display: block;
	max-width: var(--wrapper-width);
}
/* Links */
a, a:link, a:visited{
	color: var(--dark-color);
	text-decoration: underline;
}
a:hover, a:active {
	text-decoration: none;
}
	

/* Form Elements */
input, textarea {
  color: var(--body-color);
  font-family: sans-serif;
  font-size: 1rem;
}
input[type="submit"] {
	border: none;
	color: var(--body-color);
	padding: 0.5em;
	background-color: #eee;
}
input[type="submit"]:hover {
	background-color: #ddd;
	cursor: pointer;
}

.clearfix:before, .clearfix:after {
	content: " ";
	display: block;
}
.clearfix:after {
	clear: both;
}

input, textarea, select {
	max-width: 100%;
}
table {
	border: 1px solid;
	border-color: var(--bar-color);
	border-collapse: collapse;
	padding: 5px;
	min-width: var(--min-entry-width);
	max-width: 60%;
	margin: 0 auto;
	overflow: auto;
}
td, th {
	border: 1px solid var(--bar-color);
	padding: 5px;
}
.noborder, .noborder * {
	border: 0 !important;
	margin: 0;
}
th {
	font-weight: bold;
	
}

/* Basic Structure
-------------------------------------------------------------- */
.site-header, .site-footer {
	clear: both;
}
.site-theme-dark {
	color: var(--font-light-color);
	background: var(--dark-color);
}
.site-theme-light {
	color: var(--font-dark-color);
	background: var(--light-color);
}

#wrapper{
	box-sizing: border-box;
	min-height: 100vh;
}

.no-sidebar {
	display: block !important;
}

/* Text Elements
-------------------------------------------------------------- */

.entry-header {
	margin-bottom: 24px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-sans);
	font-weight: normal;
	position: relative;
	letter-spacing: -.02em;
	line-height: var(--line-height-header);
	
}
h1 {
    font-size: var(--size-large);
}
h2 {
    font-size: var(--size-medium);
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-weight: normal;
	font-size: var(--size-base);
	line-height: var(--size-base);
	font-style: italic;
}
p {
	letter-spacing: .015em;
	
}
.authors {
	margin: var(--size-base) 0;
}
.section-header {
	margin: var(--size-large) 0;
	font-weight: 500;
	text-transform: uppercase;
	position: relative;
}
.single p {
	margin: 0 0 var(--size-large);
}

.single p:first-of-type {
	margin-top: 0;
}
.single ul {
	list-style: disc;
	list-style-position: outside;
	margin: var(--size-xs) 0 var(--size-xs) var(--size-large);  
}
.single ol {
	list-style: decimal; 
	list-style-position: outside;
	margin: var(--size-xs) 0 var(--size-xs) var(--size-large);
}
.single ol.roman {
	list-style-type: upper-roman;
	list-style-position: outside;
	margin: var(--size-xs) 0 var(--size-xs) var(--size-large);  
}
.single div ul, .single div ol, .list {
	list-style: none;
	margin: 0 !important;
}
.single .source {
	border-top: 1px solid var(--bar-color);
	padding-top: var(--size-xs);
	text-align: center;
}
.single a:not(.link-context) {
	font-family: var(--font-sans);
}
.epigraph {
	width: 40%;
	font-size: var(--size-base);
	margin: 0 0 0 auto;
}
.epigraph .author {
	font-style: italic;
	text-align: right;
}
.epigraph:before, .epigraph:after {
	content: " ";
	display: block;
}
.epigraph:after {
	clear: both;
}

#civilwar_chrono {
	width: 60%;
	margin: 0 auto;
	border: 0;
}
#civilwar_chrono td {
	border: 0;
}
#civilwar_chrono .year h3 {
	text-align: center;
	margin-bottom: var(--size-xs);
}
#civilwar_chrono .date {
	width: 20%;
	text-align: left;
	vertical-align: middle;
}
#civilwar_chrono .event {
	vertical-align: middle;
}

strong, b {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
	font-size: var(--size-xs) !important;
}
sup {
	bottom: 1.5ex;
}
sub {
	top: .5ex;
}
blockquote {	
	margin: 1.5em 2em;
	font-size: var(--size-base);
}
blockquote p {
	display: block;
}
blockquote cite {
	display: block;
	margin: 0.5em 0 0 0.5em;
	color: #777;
}
.update-year input {
	display: none;
}
.update-year input+label+ul {
	opacity: 0;
	height:0;
	transition: ease 0.3s;

}
.update-year input+label {
	cursor: pointer;
	position: relative;
	display: block;
	font-size: var(--size-medium);
	width: 100%;
}
.update-year input:checked+label {
	font-weight: bold;
}
.update-year input:checked+label+ul {
	opacity: 1;
	height: 100%;
	font-size: 100%;
}
.update-year input+label::after {
	position: absolute;
	right: 5%;
	top: 0;
	border: solid var(--font-dark-color);
	height: var(--size-xs);
	width: var(--size-xs);
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	content: " ";
	-webkit-transform: rotate(45deg);
	display: inline-block;
	transition: ease 0.3s;


}
.update-year input:checked +label::after {
	 transform: rotate(-135deg);
	 -webkit-transform: rotate(-135deg);
	 top:40%;
}

/* Flex Styling
-------------------------------------------------------------- */
.primary {
	box-sizing: border-box;
	display: flex;
	flex-flow:row nowrap;
	justify-content: space-between;
}
.flex-center {
	display: flex !important;
	justify-content: center;
	align-items: center;
}
.flex-center-left {
	display: flex !important;
	justify-content: flex-start;
	align-items: center;
}
.flex-center-right {
	display: flex !important;
	justify-content: flex-end;
	align-items: center;
	margin: 0;

}
.flex-center-between {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
}
.flex-center-around {
	display: flex !important;
	justify-content: space-around;
	align-items: center;
}
.flex-top-center {
	display: flex !important;
	justify-content: center;
	align-items: flex-start;
}
.flex-top-left {
	display: flex !important;
	justify-content: flex-start;
	align-items: flex-start;
	margin: 0;
}
.flex-top-between {
	display: flex !important;
	justify-content: space-between;
	align-items: flex-start;
}


/* Header Styling
-------------------------------------------------------------- */
.site-header ul {
	opacity: 1;
}
.main-navbar li {
	height: var(--size-header);
}

.main-navbar-search {
	width: 260px;
}
.main-navbar-button {
	width: var(--size-header);
	height: var(--size-header);
}	
.main-navbar-button a {
	color: var(--font-light-color) !important;
	line-height: var(--line-height-header);
	font-size: var(--size-medium);
}
.site-logo a {
	flex-shrink: 2;
	height: var(--size-header);
}
.site-logo img {
	max-width: 100%;
	max-height: var(--size-header);
	height: auto;
}
.search-submit {
	visibility: hidden;
}


/* mmenu styling overwrite
-------------------------------------------------------------- */
#navigation:not(.mm-menu), #mm-search:not(.mm-menu) { 
	display: none;
}
.mm-menu a:not(.mm-navbar__title, .mm-btn_next) {
	color: var(--dark-color) !important;
	text-decoration: underline !important;
}
.mm-menu a:hover {
	text-decoration: none !important;
}
.mm-navbar > * {
	color: var(--light-dark-color);
}

.mm-menu_opened.mm-menu_pagedim-white~.mm-page__blocker {
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px) !important;
	background: transparent !important;
	overflow-y: scroll;
	touch-action: none;
	opacity: 1 !important;
}	

/* Widget Styling
-------------------------------------------------------------- */
aside {
	float: right;
}
.widgets {
	list-style-type: none !important;
}
.widget {
	position: relative;
	margin-bottom: 50px;
	font-size: var(--size-small);
	box-sizing: border-box;
	border: 1px solid var(--light-dark-color);
    box-shadow: 0px 0px 5px var(--light-dark-color);
}
.widget ul {
	list-style-type: none !important;
	margin: 1em 0 !important;
}
.widget li:not(.toc-item){
	margin: 0.5em 0;
	display: block;
}
.widget li ul {
	margin-left: 1em !important;
}
.widget-toc {
	max-width: 100%;
}	

.widget-title {
	padding: var(--size-small);
	font-size: var(--size-base);
	display: block;
	font-weight: normal;
	margin: 0;
	background: var(--dark-color);
	text-align: center;
	color: var(--light-color);
}
.widget-title a {
	color: var(--light-color) !important;
	text-decoration: none;
}	
.widget-navigation {
	padding: 0 10px 10px 10px;

}
.widget-navigation  a {
	display: block;
}

.widget-map ul, .widget-infographic ul {
	margin: 0;
	padding: 0;
}	

.slider-image {
	padding: 0;
	margin: 0;
}

/* Updates Styling
-------------------------------------------------------------- */
.new-item-image img {
	width: 100px !important;
	height: auto;
}
.updates-wrapper > li {
	border-bottom: 1px solid var(--light-dark-color);
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;	
}
.updates-wrapper > li:last-child {
	border: 0 !important;
}
.updates-date {
	font-weight: bold;
	font-style: normal;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	font-size: var(--size-base);
	border-bottom: 2px solid var(--light-dark-color);
}
.new-icon  {
	color: red !important;
}
.updates .new-icon {
	display: none;
}
.new-item-link a,
.new-item-nolink {
	font-size: var(--size-xs);
	color: red !important;
}

.has-new-items {
	margin-left: 0.5em;
	font-size: 12px !important;
	color: red !important;
}

.next-update {
	margin: 1em auto;
	text-align: center;
	cursor: pointer;
	color: var(--dark-color);
	padding: 12px;
	font-size: 1.2em;
	text-decoration: underline;
	font-weight: bold;
}
.next-update:hover {
	text-decoration: none;
}
.prev-updates {
	font-weight: bold;
	text-align: right;
}
.prev-updates a {
	display: block;
}

/* Breadcrumbs
-------------------------------------------------------------- */
.crumbs {
	position: relative;
	white-space: nowrap;
	
}
.crumbs ol li, .crumbs ul li {
	display: inline-block;
}	
.crumbs a {
	font-size: var(--size-small);
}
.crumbs .swiper-slide{
	justify-content: flex-start;
	align-items: center;
	width: auto;
}
.crumbs a::after {
	display: inline-block;
	color: var(--dark-color);
	font-size: var(--size-base);
	margin: 0 5px;
	text-decoration: none;
}
.crumb-arrow::after {
	content: '>';
}
.crumb-bullet::after {
	content: '\2022';
}
.crumbs li:last-child a::after {
	display: none;
}
.breadcrumbs {
	margin: var(--size-medium) 0;
}
.updatecrumbs {
	padding: var(--size-xs) 0;
}



/* References styling
-------------------------------------------------------------- */
.references {
	font-size: var(--size-small);
	list-style: none !important;
	margin: 0 !important;
	overflow-x: auto;
}

.ref{
	background: var(--light-color);
	color: inherit;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
	font-size: var(--size-xs) !important;
	bottom: 1.5ex;
	transition: all 0.5s ease;
}
.ref:before, sup a:before, .cite-backlink a:before{
	content: "[";
}
.ref:after, sup a:after, .cite-backlink a:after {
	content: "]";
}
.scrolled-to{
	background: var(--light-dark-color);
	transition: all 0.3s ease;
}	
.scrolled-to, .scrolled-to a {
	color: var(--light-color) !important;	
}

.references-header .arrow{
	position: absolute;
	width: var(--size-medium);
	height: var(--size-medium);
	top: 0;
	right: 0;
	font-weight: 900;	
}
.arrow .chevron {
	transform: rotate(180deg);
	transition: transform 0.5s;
}
.references-open .chevron {
	transform: rotate(360deg);
	transition: transform 0.5s;
}
.cite-backlink {
	margin-right: 10px;
	
}
.cite-backlink a {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
	font-size: var(--size-xs) !important;
	bottom: 1.5ex;
}


/* Table of contents
-------------------------------------------------------------- */
.link-item {
	width: 100%;
	margin: 0 !important;
}
.link-item a, .toc-item a {
	display: block;
	padding: var(--size-xs);
}
.link-item.current-page  a{
	font-weight: bold;
	cursor: default;
	color:var(--font-dark-color);
	text-decoration: none;
}
.link-item:not(.grid-item) a , .toc-item a  {
	border-bottom: 1px solid var(--bar-color);
}
.link-item:not(.current-page):hover, .grid-item:hover, .grid-item:active, .update-year + label:hover, .link-item:not(.current-page):active, .toc-item a:hover {
	background: rgba(0,0,0,.1);
	transition: all .4s;
}
.link-item:last-child a ,  .toc-item:last-child a  {
	border-bottom: 0;
}

.toc-nested-items a {
	padding-left: 1em;
}	
.toc-link {
	margin-left: var(--size-base);
	color: var(--light-dark-color)  !important;
	text-decoration: none;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.toc-link:hover {
	color: var(--dark-color) !important;
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}
.toc-pages {
	display: flex;
	width: 150px;
	align-items: center;
	justify-content: end;
}

.toc-collection ol {
	list-style: none;
}
/* Images | Slider
-------------------------------------------------------------- */
.image:not(.slider-image) {
	max-width: 100%;
	height: auto;
	text-align: center;
	position: relative;
	border: 1px solid var(--light-dark-color);
    box-shadow: 0px 0px 5px var(--light-dark-color);
}
.caption-text {
	font-family: var(--font-serif);
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	
}
.caption-text p {
	margin: 0 !important;
	padding: 0 1em 0.2em;
}
.caption-dark {
	background: var(--dark-color);
	color: var(--light-color) !important;
}
.caption-dark a  {
	color: var(--light-color) !important;
}
.caption-title {
	font-weight: 600;
	margin: 0.5em !important;

}
.caption-author, .person-occupation {
	text-align: center;
}
.caption-source {
	text-align: center;
	font-size: var(--size-xs) !important; 
}
.widget-image .caption-title {
	text-align: center;
}
.grid-item-image .caption-title {
	font-weight: normal;
}
.aligncenter, .alignleft, .alignright {
	margin: var(--size-xl) auto;
	position: relative;
	text-align: center;
}
.alignleft {
	float: left;
	margin: 0 var(--size-xl) var(--size-xl) 0;
}
.alignright	{
	float: right;
	margin: 0 0 var(--size-xl) var(--size-xl);
}
img {
	max-width: 100%;
	height: auto;
	position: relative;
}
.padded-image {
	padding-top: 10px;
}
.slider-image, .full-image, .cropped-image {
	display: block;
	margin: 0 auto;
}
.slider-dark {
	border: 1px solid var(--light-dark-color);
    box-shadow: 0px 0px 5px var(--light-dark-color);
}
.slider-light {
	border: 1px solid var(--light-dark-color);
    box-shadow: 0px 0px 5px var(--light-dark-color);

}
.slider-button {
	background-color: var(--light-dark-color);
    width: calc(var(--swiper-navigation-size) *1.5 );
    border-radius: 50%;
    height: calc(var(--swiper-navigation-size) *1.5 );
    color: var(--light-color) !important;
}
.slider-button .swiper-button-disabled {
	opacity: 0;
}
.swiper-container .image {
	box-shadow: none;
}
.swiper-container:not(.swiper-container-initialized), .content-slider:not(.swiper-wrapper) {
	visibility: hidden;
}
.swiper-slide {
    background-size: cover;
    background-position: center;

}
.swiper-pagination-bullets {
	position: relative !important;
	margin-top: var(--size-base);
	left: auto;
	right: auto;
	bottom: auto;
	margin-bottom: var(--size-base);
	width: auto !important;
	float: right;
}
.swiper-pagination-item {
	display: inline-block;
	margin-left: 5px;
	font-size: var(--size-base);
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	color: var(--dark-color);
	border-color: var(--bar-color);
	cursor: pointer;
}
.swiper-pagination-active-item {
	color: var(--font-dark-color);
	font-weight: bold;
}
.swiper-pagination-new-item {
	color: red !important;
	border-color: red;
}
.swiper-container-thumbs .swiper-slide-visible{
	opacity: 0.3;
}
.swiper-container-thumbs .swiper-slide-thumb-active{
	opacity: 1;
}
/* Grid 
-------------------------------------------------------------- */
.grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, 200px);
	grid-gap: var(--size-xs);
	flex-basis: var(--min-entry-width);
	min-width: var(--min-entry-width);
}
.grid-item a, .grid-item a:hover {
	display: block;
	text-decoration: none;
}
.grid-item a .caption-title{
	display: block;
	text-decoration: underline;
	font-weight: 600;
}
.grid-item {
	display: block;
	margin: 0 auto;
	width: 200px;
	text-align: center;
}

/* Library
-------------------------------------------------------------- */

.branch {
	padding-left: 2em !important;
	font-size: var(--size-base);
	list-style: none !important;
}
.single a.top:hover {
	color: #333;
}

.single section {
	margin-bottom: 2em;
}
.list-item {
	border-bottom: 1px solid var(--bar-color);
	padding-bottom: var(--size-base);
	padding-top: var(--size-base);

}
.list-item:last-child {
	border-bottom: 0;
}
.list-item .entry-description {
	margin: 0;
}
.list-item-header {
	padding-bottom: 0.5em;
}
.list-item-header h3 {
	font-weight: 700;
	border: 0;
}
.list-item-header h3 a  {
	color: var(--dark-color);
}
.list-item-original {
	font-size: var(--size-base);
	font-style: italic;
}

.list-item-children   {
	margin-left: 2em !important;
	clear: both;
	float: none;
	font-size: var(--size-base);
}
.list-item-thumbnail {
	margin-right: var(--size-large);
	margin-bottom: var(--size-large);
	flex-shrink: 0;
	float: left;
}
.list-item-new {
	margin-left: var(--size-xs);
	flex-shrink: 2;
}

.anchor {
	padding: 0 0.5em 0 0;
}
.progress-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	display: none;
	z-index: 10;
	height: var(--bar-height);
}
.progress-wrapper .holder {
	position: relative;
}
.reading-points {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 11;
}
.progress-wrapper .point a {
	display: inline-block;
	height: var(--size-base);
	width: var(--size-base);
	border: 1px solid var(--bar-color);
	border-radius: 50%;
	background: var(--bar-color);
}
.progress-wrapper .point a:after{
	content: "";
}
.progress-wrapper .read a {
	color: var(--dark-color);
	background: var(--dark-color);
	border-color: var(--dark-color);

}
progress {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: absolute;
	top: 50%;
	width: 100%;
	height: var(--bar-height);
	background-color: var(--scrollbar-color);
	border: none;
}
progress::-moz-progress-bar {
	background-color: var(--dark-color);
	opacity: 1;
}
progress::-webkit-progress-bar {
	background-color: var(--scrollbar-color);
	opacity: 1;

}
progress::-webkit-progress-value {
	background-color: var(--dark-color);
	opacity: 1;

}
progress::-ms-fill {
	background-color: var(--dark-color);
	opacity: 1;

}
.entry-links{
	width: 90%;
	text-align: center;
	margin: var(--size-large) auto;
}
.entry-description, .entry-publication, .entry-source {
	font-family: var(--font-sans);
	font-size: var(--size-small);
	line-height: var(--line-height-base);
	margin-top: var(--size-large);
}
.entry-publication {
	border: 1px solid var(--light-dark-color);
    box-shadow: 0px 0px 5px var(--light-dark-color);
	padding: var(--size-small);
}
.entry-publication p, .entry-source p {
	margin-bottom: var(--size-base);
}	
.single .entry-publication:not(:last-child) {
	margin-bottom: var(--size-medium);
}



/* Modal window general styles
-------------------------------------------------------------- */
.modal-window {
	position: fixed; 
	-webkit-backdrop-filter: blur(2px);
	backdrop-filter: blur(2px);
	width: 100%;
	height: 100%;
	top: -9999px;
	left: -9999px;
	z-index: 1000;
	opacity: 0.5;
}

.modal-window * {
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.modal-window .controls {
	position: absolute;
	z-index: 150;
	top: 16px;
	right: 16px;
}
.modal-window .panel {
	position: absolute;
	width: 100%;
	display: table-cell;
	text-align: center;
	bottom: 16px;
}
.modal-container {
	background: var(--dark-color);
	border: 1px solid var(--light-dark-color);
	position: relative;
}
.modal-container.form {
	background: var(--light-color);
	padding: 16px;
}
html.block {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
body.block {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}	

/* Fullscreen image
-------------------------------------------------------------- */
.stage {
	position: relative;
	overflow: hidden;
	max-height: none;
	background: var(--light-color);
	width: 100%;
}
.container {
	width: 100%;
	background: var(--light-color);
	height: 100%;
	max-height: none;
}
.modal-window img {
	max-width: none;
	height: auto;
	width: auto;
}
.modal-window .caption {
	width: 100%;
	min-height: 32px;
	padding-top: 10px;
	box-sizing: border-box;
}
.fullsize-image-buttons {
	position: absolute;
	z-index: 9999;
	top: var(--size-xs);
	display: inline-block;
	right: var(--size-xs);
	vertical-align: middle; 
}
.fullsize-image-buttons .button {
	margin-left: var(--size-base);
}
.opacity {
	opacity: 0;
	transition: opacity 0.2s ease;
}
.show-fullsize-image:hover .opacity, .opacity:hover, .modal:hover .opacity {
	opacity: 1;
	transition: opacity 0.2s ease;
}
.draggable {
    cursor: move;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.draggable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
.scrollbar-map > .scroll-element_outer {
    display: none;
    height: 100px;
    position: absolute;
    right: 20px;
    bottom: 10px;
    width: 100px;
}
.scrollbar-map > .scroll-element_outer .scroll-element_size,
.scrollbar-map > .scroll-element_outer .scroll-element_track {
	opacity: 0.7;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
.scrollbar-map > .scroll-element_outer .scroll-bar {
    border: 2px solid var(--light-color);
	opacity: 1;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-map > .scroll-element_outer.scroll-scrollx_visible,
.scrollbar-map > .scroll-element_outer.scroll-scrolly_visible {
    display: block;
}

/* Mistake report
-------------------------------------------------------------- */
.spelling-key {
	border-radius: 2px;
	padding: 2px;
	border: 1px solid var(--bar-color);
}
.white {
	border-color: var(--font-light-color);
}

.report-body textarea {
	display: block;
	box-sizing: border-box;
	resize: none;
}
.report-body .user-comment {
	margin-top: 16px;
}
.selected {
	color: red;
	font-weight: bold;
}
.close-x {
	position: absolute;
	top: -15px;
	right: -15px;
	display: flex;
	z-index: 2;
	background: var(--light-color);
	justify-content: center;
	align-items: center;
}
.report-buttons {
	padding: 1em 0;
}
.report-buttons input[type="button"] {
	padding: 0.5em;
	cursor: pointer;
}
.report-buttons .close-button {
	border: 1px solid var(--light-dark-color) !important;
}
.report-buttons .action-send, .close-button-right {
	background: var(--dark-color);
	color: var(--light-color);
	border: 0;
	float: right;
}
.report-title.ok {
	color: green;
}
.report-title.notok {
	color: red;
}
.banner {
    position: fixed;
	opacity: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	
}
.banner > div {
	display: flex;
	padding: 1em 0;
	justify-content: center;
	align-items: center;
}
.banner  button {
	background: transparent;
	color: var(--light-color);
	cursor: pointer;
	border: 0;
	padding: 0;
	margin: 0;
}
.banner-top {
	top: 0;
}
.banner-bottom {
	bottom: 0;
}

/* Tooltip
-------------------------------------------------------------- */
.tooltip-wrapper{
    position: absolute;
    z-index: 100;
	box-sizing: border-box;
	padding: var(--size-small);
	border: 1px solid var(--light-dark-color);
    box-shadow: 0px 0px 5px var(--light-dark-color);
	background: var(--light-color);
	opacity: 0;
	left: -99999px;
}
.tooltip-slide {
	position: fixed;
	width: 100%;
	z-index: 10;
	left: 0;
	right: 0;
	bottom: 0;
} 
.tooltip-content  {
	color: var(--font-dark-color);
	word-wrap: break-word;
	white-space: pre-line;
	font-size: 12px;
}
.tooltip-image {
	float: left;
	margin-top: 5px;
	margin-right: var(--size-xs);
	margin-bottom: var(--size-xs);
}
.toooltip-caption {
	align-self: flex-start;
}
.tooltip-no-image{
	display: block;
}
.tooltip-arrow {
	width: 10px;
	height: 10px;
	position:absolute;
	border-color: var(--dark-color);
    border-width: 1px;
    background-color: var(--light-color);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	
}
.tooltip-top .tooltip-arrow {
	top: auto;
    right: auto;
	bottom: -6px; 
    left: 50%;
    margin: 0 0 0 -4px;
	border-style: none solid solid none;
}
.tooltip-bottom .tooltip-arrow {
	top: -6px !important;
    left: 50%;
    margin: 0 0 0 -4px;
    right: auto;
	border-style: solid none  none solid;
}
.tooltip-left .tooltip-arrow {
    right: -6px;
    left: auto;
    top: 50%;
	bottom: auto;
	border-style: solid solid none none;
}
.tooltip-left-top .tooltip-arrow {
    right: -6px;
    top: 2px;
	bottom: auto;
	border-style: solid solid none none;
}
.tooltip-right-top .tooltip-arrow {
    left: -6px;
    top: 2px;
	bottom: auto;
	border-style: none none solid solid;
}
.tooltip-slide .tooltip-arrow {
    display: none;
}

/* Animation
-------------------------------------------------------------- */
.visible:not(.modal-window) {
	opacity: 1;
}
.modal-window.visible {
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.slide-up-in {
	animation: slide-up-in 0.2s ease forwards;

}
.slide-up-out {
	animation: slide-up-out 0.2s ease forwards;

}
.slide-down-in {
	animation: slide-down-in 0.2s ease forwards;

}
.slide-down-out {
	animation: slide-down-out 0.2s ease forwards;

}
.fade-in {
	animation: fade-in 0.2s ease forwards;

}
.fade-out {
	animation: fade-out 0.2s ease forwards;

}
.fade-down-in {
	animation: fade-down-in 0.2s ease forwards;

}	
.fade-down-out {
	animation: fade-down-out 0.2s ease forwards;

}	
.fade-up-in {
	animation: fade-up-in 0.2s ease forwards;

}	
.fade-up-out {
	animation: fade-up-out 0.2s ease forwards;

}	
.fade-left-in {
	animation: fade-left-in 0.2s ease forwards;

}
.fade-left-out {
	animation: fade-left-out 0.2s ease forwards;

}
.fade-right-in {
	animation: fade-right-in 0.2s ease forwards;

}
.fade-right-out {
	animation: fade-right-out 0.2s ease forwards;

}
.loading{
	position: absolute; 
	left: 0; 
	top: 0; 
	right: 0; 
	bottom: 0; 
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--light-color);
} 
.loading span {
	font-size: 70px; 
}

	
/* keyframes */
@keyframes fade-in{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fade-out{
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}
/* slide up */
@keyframes slide-up-in {
	from {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		transform: translateY(100%);
	}
	to {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes slide-up-out {
	from {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	to {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		transform: translateY(100%);
	}
}
/* slide down */
@keyframes slide-down-in {
	from {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	to {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes slide-down-out {
	from {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	to {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		transform: translateY(-100%);
	}
}
/* fade-in down */
@keyframes fade-down-in {
	from {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		transform: translateY(-20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes fade-down-out {
	from {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	to {
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		transform: translateY(-20px);
	}
}

/* fade-in up */
@keyframes fade-up-in {
	from {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-moz-transform: translateY(20px);
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes fade-up-out {
	from {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		transform: translateY(0);
	}
	to {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-moz-transform: translateY(20px);
		transform: translateY(20px);
	}
}

/* fade in from left */
@keyframes fade-left-in {
	from {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		transform: translateX(-20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes fade-left-out {
	from {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		opacity: 0;
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		transform: translateX(-20px);
	}
}
/* fade in from right */
@keyframes fade-right-in {
	from {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		transform: translateX(20px);
	}
	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes fade-right-out {
	from {
		opacity: 1;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		transform: translateX(0);
	}
	to {
		opacity: 0;
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		transform: translateX(20px);
	}
}


/* Search Form
-------------------------------------------------------------- */
.search-form {
	display: block;
	position: relative;
	background: var(--light-color);
	width: 100%;
	height: var(--size-header);
	border: 1px solid;
	border-color: var(--bar-color);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	overflow: hidden;
}
.search-form .screen-reader-text {
	display: none;
}
.search-form .search-field {
	display: inline-block;
	margin: 0;
	top: 2px;
	left: 2px;
	width: calc(100% - var(--size-large));
	height: 100%;
	background: var(--light-color);
	border: 0;
	padding: 0.4em;
	font-size: 16px;
	opacity: 0.9;
	color: #333;
	
}
.search-form .search-field:focus {
	outline: none;
	appearance: none;
	-webkit-appearance: none;
}
.search-form .search-field::-webkit-search-cancel-button {
	appearance: none;
	-webkit-appearance: none;
}
.fontawesome-i2svg-active .search-form .search-submit {
	border: 0;
	position: absolute;
	background: transparent;
	cursor: pointer;
	text-decoration: inherit;
	font-size: var(--size-medium);
	color: var(--dark-color);
	top: 7px;
	right: 0;
}
.search-form .search-submit:hover {
	opacity: 0.8;
}

/* Footer
-------------------------------------------------------------- */
.credits {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.credits ul {
	display: flex;
	justify-content: flex-start;
}
.credits .license {
	margin-right: var(--size-medium);
	flex-flow: row nowrap;
}
.credits .site-map {
	justify-content: flex-end;
}

.disclaimer {
	font-size: 0.75em;
	clear: both;
    padding-top: 2em;
}
.site-footer a:link, .site-footer  a:visited {
	color: rgba(255,255,255, 0.9);
}
.site-footer a:hover, .site-footer  a:active {
	border-bottom: none;
	text-decoration: none;
}

/* Buttons flow
------------------------------------------------------------------- */
.entry-buttons {
	margin: var(--size-large) 0;
	flex-flow: row nowrap;
	width: 100%;
	border-top: 1px solid var(--bar-color);
	border-bottom: 1px solid var(--bar-color);
	padding: var(--size-medium) 0;
	visibility: hidden;
}
.buttons-row {
	display: inline-flex;
}
.buttons-row li {
	margin-right: 5px;
}
.buttons-row  li:last-child {
	margin-right: 0;
}
.buttons-column {
	display: flex;
	margin: 0;
	flex-direction: column;
	overflow: auto;
}
.share-buttons-wrapper li {
	margin-bottom: 5px;
}


/* Button
------------------------------------------------------------------- */
.button {
	visibility: hidden;
	display: inline-block;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.button a {
	display: block;
	font: var(--font-sans) !important;
	font-size: var(--size-base);
	text-decoration: none;
}

.fontawesome-i2svg-active .button, 
.fontawesome-i2svg-active .search-submit, 
.fontawesome-i2svg-active .icon, 
.fontawesome-i2svg-active .new-icon, 
.fontawesome-i2svg-active .entry-buttons  {
	-webkit-transition:all 100ms;   
	-moz-transition:all 100ms;
	-o-transition:all 100ms;
	transition:all 100ms; 
	cursor: pointer;
	visibility: visible;

}
.round-button:hover, .popup-open, .new-icon:hover {
	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	-o-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}
.round-button {
	color: var(--light-dark-color);
	border: 1px solid;
	border-radius: 50%;
	width: var(--size-button);
	height: var(--size-button);
	box-sizing: border-box;
	background: transparent;	
	font-size: var(--size-base);
	font-weight: 400!important;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.rounded-button {
	color: var(--light-dark-color);
	border: 1px solid;
	border-radius: var(--size-medium);
	box-sizing: border-box;
	background: transparent;
	font-size: var(--size-base);
	height: var(--size-button);
	display: inline-flex;
	justify-content: center;
	align-items: center;
	padding: var(--size-small);
}
.button-icon {
	color: var(--light-dark-color);
}
.red-button {
	background: red;
	border-color: red;
	color: var(--light-color);
}
.rounded-button:not(.red-button):hover {
	background-color: var(--dark-color);
	color: var(--light-color);
	text-decoration: none;
	transition: all .4s;
}
.rounded-button:not(.red-button):hover a {
	color: var(--light-color);
	text-decoration: none;
}
.rounded-button.red-button:hover a {
	text-decoration: underline;
}
.white-button {
	background: var(--light-color);
}
.over-image-button {
	background: rgba(255, 255, 255, 0.8);
}
.border-button {
	border-color: var(--font-light-color);
	background: transparent;
}
.white-button .button-icon, .white-button .button-icon:visited{
	color: var(--light-dark-color);
}
.footer-button .button-icon, .footer-button .button-icon:visited {
	color: var(--font-light-color) !important;
}	
.red-button .button-icon, .red-button .button-icon:visited {
	color: var(--light-color) !important;
}
.close-aside {
	position: absolute;
	right: 5px;
	top: 5px;
	font-size: var(--size-medium);
}
.close-aside a {
	text-decoration: none;
}


/* Share buttons *
-------------------------------------------------------------- */
.share-buttons .button-icon {
	color: var(--light-color);
}
.facebook-button  {
	border-color: #45639e;
	background-color: #45639e;
}
.vk-button {
	border-color: #51749c;
	background-color: #51749c;
}
.twitter-button  {
	border-color: #23b9eb;
	background-color: #23b9eb;
}
.odnoklassniki-button  {
	border-color: #fa890f;
	background-color: #fa890f;
}
.telegram-button  {
	border-color: #0088cc;
	background-color: #0088cc;
}
.whatsapp-button  {
	border-color: #5edb57;
	background-color: #5edb57;
}
.viber-button {
	border-color: #9147ab;
	background-color: #9147ab;
}
.yacoll-button {
	border-color: #ec1c00;
	background-color: #ec1c00;
}
.share-buttons-trigger {
	box-shadow: 0 0 6px 0 var(--dark-color), 0 4px 10px 0 var(--light-color);
}
.share-buttons-trigger a {
	color: var(--dark-color) !important;	
}

/* Icons
------------------------------------------------------------------- */
.icon {
	padding: 0 0.2em;
	visibility: hidden;
}
.icon-file {
	font-size: var(--size-medium);
}
.icon-word {
	color: rgb(9,94,161) !important;	
}
.icon-powerpoint {
	color: rgb(252,103,23) !important;
}
.icon-download {
	color: rgb(102,51,153) !important;
}
.icon-pdf {
	color: #fd1d1b !important;
}
.icon-txt {
	color: rgb(155,140,121) !important;
}
.icon-print {
	color: var(--dark-color);
}
.icon-arrow {
	color: var(--dark-color);
	font-size: var(--size-xs);
	display: flex;
	margin: 0 5px;
	justify-content: center;
	align-items: center;
}

/* Scroll to top 
------------------------------------------------------------------------- */
#scroll-to-top {
	position: fixed;
	right: 20px;
	bottom: 30px;
	display: flex; 
	justify-content: center; 
	align-items: center;
	opacity: 0;
}

/* PDF inline 
------------------------------------------------------------------------*/
.pdfemb-viewer {
    margin: 0px auto !important;
    border: 1px solid rgba(99,136,178, 0.2) !important;
}
.pdfemb-toolbar {
    display: flex !important;
    justify-content: center;
    background-color: transparent !important;
}
.pdfemb-toolbar button, .pdfemb-toolbar button[disabled] {
    background-color: var(--dark-color) !important;
    border: 1px solid rgba(99,136,178, 0.2) !important;
    border-radius: 15px !important;
    color: var(--light-color) !important;
}
.pdfemb-toolbar button:hover {
	background-color: 1px solid rgba(99,136,178, 0.2) !important;
	color: var(--dark-color) !important;
}
.pdfemb-toolbar div {
	color: var(--dark-color) !important;
}
.pdfemb-pageturner{
	background-color: rgba(99,136,178, 0.2) !important;
}

/* Sitemap *
-------------------------------------------------------------- */
.sitemap-item-root > a {
	font-size: var(--size-medium);
}
.sitemap-level{
	list-style: none;
	list-style-position: outside;
	margin-left: var(--size-base);
}
.sitemap-level a {
	font-size: var(--size-base);
}
.sitemap-level-title > a{
	font-weight: bold;
}

/* Hide elements while making screenshots *
-------------------------------------------------------------- */
.making-screenshot .no-print:not(.screenshot-area) {
	display: none !important;
}

/* Hide elements for desktop
------------------------------------------------------------- */
.desktop-hidden {
	display: none;
}
.__ym_wv_ign {
	display: none !important; 
}
/* Media Queries 
--------------------------------------------------------------*/
@media only screen and (max-width: 64em) {
	.header-visible {
	margin-top: calc(1em + 50px) !important;
	}
	body {
	font-size: 1rem;
	}
	#wrapper {
	margin: var(--size-base);
	width: auto;	
	}
	.mobile-hidden, 
	.header-search,
	#scroll-to-top,
	#related  {
	display: none !important;
	}
}

@media only screen and (max-width: 48em) {
	:root {
		--size-large: 28px;
	}
	.primary:not(.no-sidebar) {
	display: flex;
	flex-direction: column-reverse;
	border: 0;
	}
	.desktop-hidden {
	display: flex;	
	}
	.credits, .credits ul {
	flex-direction: column-reverse;
	justify-content: space-around;
	}
	.entry-header {
	border-bottom: 1px solid var(--bar-color);
	padding-bottom: var(--size-base);
	}
	.credits li  {
	display: inline-block;
	clear: both;
	float: none;
	margin: 0.1em 0;
	text-align: center;
	}
	.credits .license {
	margin: 0;
	}
	.social ul {
	margin:  0;
	}
	.buttons-row {
	display: flex;
	}
	.button, .button:hover {
	transform: scale(1);
	width: var(--size-header);
	height: var(--size-header);
	}
	.epigraph, 
	.next-update, 
	.prev-updates, 
	.front-page_updates,
	.widget, 
	.alignright, 
	.alignleft,	
	aside, 
	figure {
	display: block;
	width: 100%;
	max-width: 100%;
	float: none;
	text-align: left;
	clear: both;
	font-size: 100%;
	border: 0;
	margin: 0 auto;
	}
	.widget, 
	.alignright, 
	.alignleft,
	.prev-updates,
	aside, 
	figure{
	margin: 20px auto;	
	}	
	.tooltip-wrapper {
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	}
	.widgets {
	flex-basis: auto;
	}
	.stage {
	overflow: auto;
	}
	.list-item-children {
	margin-left: 0;
	}
	iframe {
	width: 100%;
	overflow-x: scroll;
	}
	.breadcrumbs.swiper-container {
	margin-top: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: var(--size-large);	
	border-bottom: 1px solid var(--bar-color);
	}
	.crumbs:not(.swiper-container) {
	visibility: hidden;	
	display: none;
	}
	.crumbs a {
	font-size: 11px;
	}
	.swiper-scrollbar {
    height: 2px !important;
	bottom: 0 !important;
	left: 0 !important;
	width: 100% !important;
	background: var(--scrollbar-color);
	}
	.swiper-scrollbar * {
	background: var(--dark-color) !important;
	}
	.references {
	display: none;
	}
	.list-item-thumbnail {
	display: inline;
	max-width: 100px;
	margin: 0 var(--size-medium) var(--size-medium) 0;
	float: left;
	}
	.close-x {
	right: 5px;
	top: 9px;
	height: var(--size-large);
	width:	var(--size-large);
	font-size: var(--size-base);
	}
	.scrollbar-map > .scroll-element_outer {
    display: none;
    height: 100px;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 100px;
	}
	.scrollbar-map > .scroll-element_outer .scroll-element_size,
	.scrollbar-map > .scroll-element_outer .scroll-element_track {
    background-color: #999;
    background-color: rgba(153, 153, 153, 0.4);
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
	}
	.scrollbar-map > .scroll-element_outer .scroll-bar {
    background-color: rgba(255, 255, 255, 0.5);
    height: 100%;
	border: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
	}
	.scrollbar-map > .scroll-element_outer.scroll-scrollx_visible,
	.scrollbar-map > .scroll-element_outer.scroll-scrolly_visible {
    display: block;
	}
	.opacity {
	opacity: 1;
	}
	.inner {
	padding: var(--size-base) var(--size-xs);
	}
	.mobile-navbar {
	text-align: center;
	line-height: 20px;
	height: 40px;
	padding: 0 10px;
	margin: 0;
	border-color: var(--bar-color);
	border-style: solid;
	transition: opacity .4s ease;
	background: var(--light-color);	
	}
	.mobile-navbar-content {
	position: relative;	
	}
	.mobile-navbar-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	}
	.mobile-navbar a {
	box-sizing: border-box;
	color: var(--font-lighter-color);
	text-decoration: none;
	display: block;
	padding: 10px 0;
	}
	.main-navbar-left {
	flex-grow: 1;
	}
	.site-logo {
	justify-content: flex-start;
	flex-grow: 1;
	}
	.fixed-navbar {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1;
	}
	.fixed-header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 2;
	}
	.fixed-navbar-top{
	top: 0;
	border-bottom-width: 1px;
	}	
	.fixed-navbar-bottom {
	border-top-width: 1px;
	bottom: 0;	
	}
	.search-form-wrapper.mm-panel_opened{
	display: flex;
	align-items: center;
	}
	.mm-wrapper_opened .fixed-navbar{
	z-index: 0;
	}
	.mm-wrapper_opened .fixed-header{
	z-index: 1;
	}
	.mm-listitem > span{
	color: var(--dark-color) !important;
	}
	.mm-menu_position-top{
	border-bottom: 1px solid var(--bar-color);
	}
	.mm-menu_position-bottom{
	border-top: 1px solid var(--bar-color);
	}
	.mm-menu .close-aside {
	display: none;
	}
	.mm-panel .list-item{
	border: 0;
	}
	table {
	border: 1px solid var(--bar-color);
    float: none !important;
	display: block;
    margin: 1em 0;
	min-width: 100%;
	width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
	}
	.grid {
	display: block;
	flex-basis: 100%;
	min-width: auto;
	}
	.grid-item {
	width: 100%;	
	}
	.grid-item-image {
	width: 100%;
	display: flex;
	align-items: flex-start;
	}
	.grid-item-image picture {
	max-width: 150px;
	margin-right: var(--size-medium);
	}
	.entry-buttons {
	position: fixed;
	bottom: 50px;
	right: 20px;
	padding: 0;
	border: 0;
	margin: 0;
	z-index: 1000;
	width: 45px;
	}
	.share-button, .footer-button {
	display: inline-flex !important;
	}
	.new-item-link {
	font-weight: bolder;
	text-align: center;
}	
	
}
@media print {
	body, 
	.entry, 
	#wrapper, 
	.primary { 
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	line-height: 1.45; 
	font-family: var(--font-serif); 
	color: var(--font-dark-color); 
	position: relative;
	word-wrap: break-word; 
	font-size: 14pt; 
	}
	h1,h2,h3,h4,h5,h6 { 
	page-break-after:avoid; 
	font-family: var(--font-serif);
	}
	h1{
	font-size:19pt;
	}
	h2{
	font-size:17pt;
	}
	h3{
	font-size:15pt;
	}
	h4,h5,h6{
	font-size:14pt;
	}
	p, h2, h3 { 
	orphans: 3; 
	widows: 3; 
	}
	blockquote { 
	margin: 1.2em; 
	padding: 16px;  
	font-size: var(--size-medium); 
	}
	img { 
	float: left; 
	margin: 1em 1.5em 1.5em 0; 
	max-width: 100% !important; 
	}
	a img { 
	border: none; 
	}
	a:link, a:visited { 
	background: transparent; 
	font-weight: 700; 
	text-decoration: underline;
	color:#333 !important; 
	}
	a:link[href^="http://"]:after, a[href^="http://"]:visited:after { 
	content: " (" attr(href) ") ";
	font-size: 12px; 
	}
	a[href^="http://"] {
	color:#000; 
	}
	a[href$=".jpg"]:after, a[href$=".jpeg"]:after, a[href$=".gif"]:after, a[href$=".png"]:after { 
	content: " (" attr(href) ") ";
	display:none; 
	}
	a[href^="#"]:after, a[href^="javascript:"]:after {
	content: "";
	}
	table { 
	margin: 1px; 
	text-align:left; 
	}
	th { 
	border-bottom: 1px solid #333;
	font-weight: bold; 
	}
	td { 
	border-bottom: 1px solid #333; 
	}
	th,td { 
	padding: 4px 10px 4px 0; 
	}
	tfoot { 
	font-style: italic; 
	}
	caption, .caption-text { 
	background: var(--light-color); 
	margin-bottom:2em; 
	text-align:left; 
	color: #333;
	}
	thead {
	display: table-header-group;
	}
	img,tr {
	page-break-inside: avoid;
	} 
	.no-print {
		display:none !important;
	}
}
@page {
	margin: 2cm 1.5cm 2cm 3cm !important;
}