/*
Theme Name: 7kingdoms
Theme URI: https://7kingdoms.ru
Author: Narwen
Author URI: https://7kingdoms.ru
Description: Style for 7kingdoms.ru
Version: 7.0 (27.06.2021)
License: 
License URI: 
Text Domain: 7kingdoms.ru
Tags: 
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* ================================================ */
/* Foundation CSS 6.4.2 */
/* ================================================ */


html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;box-sizing:border-box;font-size:100%;}body{margin:0;padding:0;}[hidden]{display:none;}*,*::before,*::after{box-sizing:inherit;}img{display:inline-block;vertical-align:middle;max-width:100%;height:auto;-ms-interpolation-mode:bicubic;}textarea{height:auto;min-height:50px;border-radius:3px;}select{box-sizing:border-box;width:100%;border-radius:3px;}button{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:3px;background:transparent;line-height:1;cursor:auto;}article,aside,footer,header,nav,section,main,details{display:block;}figcaption,figure{display:block;}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}small{font-size:80%;}img{border-style:none;}svg:not(:root){overflow:hidden;}

.row{max-width:70rem;margin-right:auto;margin-left:auto;}.row::before,.row::after{display:table;content:' ';-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-order:1;order:1;}.row::after{clear:both;}.row.collapse > .column,.row.collapse > .columns{padding-right:0;padding-left:0;}.row .row{margin-right:-.9375rem;margin-left:-.9375rem;}@media print,screen and (min-width: 48em){.row .row{margin-right:-.9375rem;margin-left:-.9375rem;}}@media print,screen and (min-width: 54em){.row .row{margin-right:-.9375rem;margin-left:-.9375rem;}}.column,.columns{width:100%;float:left;padding-right:.9375rem;padding-left:.9375rem;}.column:last-child:not(:first-child),.columns:last-child:not(:first-child){float:right;}.column.end:last-child:last-child,.end.columns:last-child:last-child{float:left;}.column.row.row,.row.row.columns{float:none;}.row .column.row.row,.row .row.row.columns{margin-right:0;margin-left:0;padding-right:0;padding-left:0;}.small-1{width:8.33333%;}.small-3{width:25%;}.small-4{width:33.33333%;}.small-5{width:41.66667%;}.small-6{width:50%;}.small-7{width:58.33333%;}.small-8{width:66.66667%;}.small-9{width:75%;}.small-10{width:83.33333%;}.small-11{width:91.66667%;}.small-12{width:100%;}.small-up-1 > .column,.small-up-1 > .columns{float:left;width:100%;}.small-up-1 > .column:nth-of-type(1n),.small-up-1 > .columns:nth-of-type(1n){clear:none;}.small-up-1 > .column:nth-of-type(1n+1),.small-up-1 > .columns:nth-of-type(1n+1){clear:both;}.small-up-1 > .column:last-child,.small-up-1 > .columns:last-child{float:left;}.small-up-2 > .column,.small-up-2 > .columns{float:left;width:50%;}.small-up-2 > .column:nth-of-type(1n),.small-up-2 > .columns:nth-of-type(1n){clear:none;}.small-up-2 > .column:nth-of-type(2n+1),.small-up-2 > .columns:nth-of-type(2n+1){clear:both;}.small-up-2 > .column:last-child,.small-up-2 > .columns:last-child{float:left;}.small-up-3 > .column,.small-up-3 > .columns{float:left;width:33.33333%;}.small-up-3 > .column:nth-of-type(1n),.small-up-3 > .columns:nth-of-type(1n){clear:none;}.small-up-3 > .column:nth-of-type(3n+1),.small-up-3 > .columns:nth-of-type(3n+1){clear:both;}.small-up-3 > .column:last-child,.small-up-3 > .columns:last-child{float:left;}.small-up-4 > .column,.small-up-4 > .columns{float:left;width:25%;}.small-up-4 > .column:nth-of-type(1n),.small-up-4 > .columns:nth-of-type(1n){clear:none;}.small-up-4 > .column:nth-of-type(4n+1),.small-up-4 > .columns:nth-of-type(4n+1){clear:both;}.small-up-4 > .column:last-child,.small-up-4 > .columns:last-child{float:left;}.small-up-5 > .column,.small-up-5 > .columns{float:left;width:20%;}.small-up-5 > .column:nth-of-type(1n),.small-up-5 > .columns:nth-of-type(1n){clear:none;}.small-up-5 > .column:nth-of-type(5n+1),.small-up-5 > .columns:nth-of-type(5n+1){clear:both;}.small-up-5 > .column:last-child,.small-up-5 > .columns:last-child{float:left;}.small-up-6 > .column,.small-up-6 > .columns{float:left;width:16.66667%;}.small-up-6 > .column:nth-of-type(1n),.small-up-6 > .columns:nth-of-type(1n){clear:none;}.small-up-6 > .column:nth-of-type(6n+1),.small-up-6 > .columns:nth-of-type(6n+1){clear:both;}.small-up-6 > .column:last-child,.small-up-6 > .columns:last-child{float:left;}.small-up-7 > .column,.small-up-7 > .columns{float:left;width:14.28571%;}.small-up-7 > .column:nth-of-type(1n),.small-up-7 > .columns:nth-of-type(1n){clear:none;}.small-up-7 > .column:nth-of-type(7n+1),.small-up-7 > .columns:nth-of-type(7n+1){clear:both;}.small-up-7 > .column:last-child,.small-up-7 > .columns:last-child{float:left;}.small-up-8 > .column,.small-up-8 > .columns{float:left;width:12.5%;}.small-up-8 > .column:nth-of-type(1n),.small-up-8 > .columns:nth-of-type(1n){clear:none;}.small-up-8 > .column:nth-of-type(8n+1),.small-up-8 > .columns:nth-of-type(8n+1){clear:both;}.small-up-8 > .column:last-child,.small-up-8 > .columns:last-child{float:left;}@media print,screen and (min-width: 48em){.medium-1{width:8.33333%;}.medium-2{width:16.66667%;}.medium-3{width:25%;}.medium-4{width:33.33333%;}.medium-5{width:41.66667%;}.medium-6{width:50%;}.medium-7{width:58.33333%;}.medium-8{width:66.66667%;}.medium-9{width:75%;}.medium-10{width:83.33333%;}.medium-11{width:91.66667%;}.medium-12{width:100%;}.medium-up-1 > .column,.medium-up-1 > .columns{float:left;width:100%;}.medium-up-1 > .column:nth-of-type(1n),.medium-up-1 > .columns:nth-of-type(1n){clear:none;}.medium-up-1 > .column:nth-of-type(1n+1),.medium-up-1 > .columns:nth-of-type(1n+1){clear:both;}.medium-up-1 > .column:last-child,.medium-up-1 > .columns:last-child{float:left;}.medium-up-2 > .column,.medium-up-2 > .columns{float:left;width:50%;}.medium-up-2 > .column:nth-of-type(1n),.medium-up-2 > .columns:nth-of-type(1n){clear:none;}.medium-up-2 > .column:nth-of-type(2n+1),.medium-up-2 > .columns:nth-of-type(2n+1){clear:both;}.medium-up-2 > .column:last-child,.medium-up-2 > .columns:last-child{float:left;}.medium-up-3 > .column,.medium-up-3 > .columns{float:left;width:33.33333%;}.medium-up-3 > .column:nth-of-type(1n),.medium-up-3 > .columns:nth-of-type(1n){clear:none;}.medium-up-3 > .column:nth-of-type(3n+1),.medium-up-3 > .columns:nth-of-type(3n+1){clear:both;}.medium-up-3 > .column:last-child,.medium-up-3 > .columns:last-child{float:left;}.medium-up-4 > .column,.medium-up-4 > .columns{float:left;width:25%;}.medium-up-4 > .column:nth-of-type(1n),.medium-up-4 > .columns:nth-of-type(1n){clear:none;}.medium-up-4 > .column:nth-of-type(4n+1),.medium-up-4 > .columns:nth-of-type(4n+1){clear:both;}.medium-up-4 > .column:last-child,.medium-up-4 > .columns:last-child{float:left;}.medium-up-5 > .column,.medium-up-5 > .columns{float:left;width:20%;}.medium-up-5 > .column:nth-of-type(1n),.medium-up-5 > .columns:nth-of-type(1n){clear:none;}.medium-up-5 > .column:nth-of-type(5n+1),.medium-up-5 > .columns:nth-of-type(5n+1){clear:both;}.medium-up-5 > .column:last-child,.medium-up-5 > .columns:last-child{float:left;}.medium-up-6 > .column,.medium-up-6 > .columns{float:left;width:16.66667%;}.medium-up-6 > .column:nth-of-type(1n),.medium-up-6 > .columns:nth-of-type(1n){clear:none;}.medium-up-6 > .column:nth-of-type(6n+1),.medium-up-6 > .columns:nth-of-type(6n+1){clear:both;}.medium-up-6 > .column:last-child,.medium-up-6 > .columns:last-child{float:left;}.medium-up-7 > .column,.medium-up-7 > .columns{float:left;width:14.28571%;}.medium-up-7 > .column:nth-of-type(1n),.medium-up-7 > .columns:nth-of-type(1n){clear:none;}.medium-up-7 > .column:nth-of-type(7n+1),.medium-up-7 > .columns:nth-of-type(7n+1){clear:both;}.medium-up-7 > .column:last-child,.medium-up-7 > .columns:last-child{float:left;}.medium-up-8 > .column,.medium-up-8 > .columns{float:left;width:12.5%;}.medium-up-8 > .column:nth-of-type(1n),.medium-up-8 > .columns:nth-of-type(1n){clear:none;}.medium-up-8 > .column:nth-of-type(8n+1),.medium-up-8 > .columns:nth-of-type(8n+1){clear:both;}.medium-up-8 > .column:last-child,.medium-up-8 > .columns:last-child{float:left;}}@media print,screen and (min-width: 54em){.large-1{width:8.33333%;}.large-2{width:16.66667%;}.large-3{width:25%;}.large-4{width:33.33333%;}.large-5{width:41.66667%;}.large-6{width:50%;}.large-7{width:58.33333%;}.large-8{width:66.66667%;}.large-9{width:75%;}.large-10{width:83.33333%;}.large-11{width:91.66667%;}.large-12{width:100%;}.large-up-1 > .column,.large-up-1 > .columns{float:left;width:100%;}.large-up-1 > .column:nth-of-type(1n),.large-up-1 > .columns:nth-of-type(1n){clear:none;}.large-up-1 > .column:nth-of-type(1n+1),.large-up-1 > .columns:nth-of-type(1n+1){clear:both;}.large-up-1 > .column:last-child,.large-up-1 > .columns:last-child{float:left;}.large-up-2 > .column,.large-up-2 > .columns{float:left;width:50%;}.large-up-2 > .column:nth-of-type(1n),.large-up-2 > .columns:nth-of-type(1n){clear:none;}.large-up-2 > .column:nth-of-type(2n+1),.large-up-2 > .columns:nth-of-type(2n+1){clear:both;}.large-up-2 > .column:last-child,.large-up-2 > .columns:last-child{float:left;}.large-up-3 > .column,.large-up-3 > .columns{float:left;width:33.33333%;}.large-up-3 > .column:nth-of-type(1n),.large-up-3 > .columns:nth-of-type(1n){clear:none;}.large-up-3 > .column:nth-of-type(3n+1),.large-up-3 > .columns:nth-of-type(3n+1){clear:both;}.large-up-3 > .column:last-child,.large-up-3 > .columns:last-child{float:left;}.large-up-4 > .column,.large-up-4 > .columns{float:left;width:25%;}.large-up-4 > .column:nth-of-type(1n),.large-up-4 > .columns:nth-of-type(1n){clear:none;}.large-up-4 > .column:nth-of-type(4n+1),.large-up-4 > .columns:nth-of-type(4n+1){clear:both;}.large-up-4 > .column:last-child,.large-up-4 > .columns:last-child{float:left;}.large-up-5 > .column,.large-up-5 > .columns{float:left;width:20%;}.large-up-5 > .column:nth-of-type(1n),.large-up-5 > .columns:nth-of-type(1n){clear:none;}.large-up-5 > .column:nth-of-type(5n+1),.large-up-5 > .columns:nth-of-type(5n+1){clear:both;}.large-up-5 > .column:last-child,.large-up-5 > .columns:last-child{float:left;}.large-up-6 > .column,.large-up-6 > .columns{float:left;width:16.66667%;}.large-up-6 > .column:nth-of-type(1n),.large-up-6 > .columns:nth-of-type(1n){clear:none;}.large-up-6 > .column:nth-of-type(6n+1),.large-up-6 > .columns:nth-of-type(6n+1){clear:both;}.large-up-6 > .column:last-child,.large-up-6 > .columns:last-child{float:left;}.large-up-7 > .column,.large-up-7 > .columns{float:left;width:14.28571%;}.large-up-7 > .column:nth-of-type(1n),.large-up-7 > .columns:nth-of-type(1n){clear:none;}.large-up-7 > .column:nth-of-type(7n+1),.large-up-7 > .columns:nth-of-type(7n+1){clear:both;}.large-up-7 > .column:last-child,.large-up-7 > .columns:last-child{float:left;}.large-up-8 > .column,.large-up-8 > .columns{float:left;width:12.5%;}.large-up-8 > .column:nth-of-type(1n),.large-up-8 > .columns:nth-of-type(1n){clear:none;}.large-up-8 > .column:nth-of-type(8n+1),.large-up-8 > .columns:nth-of-type(8n+1){clear:both;}.large-up-8 > .column:last-child,.large-up-8 > .columns:last-child{float:left;}}.column-block{margin-bottom:1.875rem;}.column-block > :last-child{margin-bottom:0;}

/* ================================================ */
/* Magnific Popup CSS */
/* ================================================ */

.mfp-bg,.mfp-wrap{position:fixed;top:0;left:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{overflow:hidden;background:#0b0b0b;opacity:.87;filter:alpha(opacity=87);z-index:888888}.mfp-wrap{z-index:888889;outline:0!important;backdrop-filter: blur(3px);-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-close,.mfp-preloader{position:absolute;text-align:center}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ddd;top:50%;width:auto;margin-top:-.625rem;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ddd}.mfp-close,.mfp-preloader a:hover{color:#FFF}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:rgb(0 0 0 / 60%);border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;right:0;top:0;text-decoration:none;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;margin:0;font-style:normal;font-size:28px;font-family:monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#2d2e2e}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:20%}.mfp-counter{position:fixed;top:0;left:0;background:rgb(0 0 0 / 20%);padding:14px;color:#ddd;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #FFF;margin-left:39px}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{max-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto}.mfp-figure:after{position:absolute;left:0;top:40px;bottom:40px;right:0;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);}.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{position:fixed;bottom:0;left:0;width:100%;cursor:auto}.mfp-title{line-height:1.5;color:#F3F3F3;text-align:center;word-wrap:break-word;max-width:800px;margin:0 auto}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

/* ================================================ */
/* fonts */
/* ================================================ */

@font-face {
    font-family: 'PTSerifWeb';
    src: 
		url('https://7kingdoms.ru/w/skins/PlioNew/resources/fonts-woff/PT-Serif_Regular.woff2') format('woff2'), 
		url('https://7kingdoms.ru/w/skins/PlioNew/resources/fonts-woff/PT-Serif_Regular.woff') format('woff'); 
	font-weight: 400;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'PTSerifWeb';
    src: 
		url('https://7kingdoms.ru/w/skins/PlioNew/resources/fonts-woff/PT-Serif_Italic.woff2') format('woff2'), 
		url('https://7kingdoms.ru/w/skins/PlioNew/resources/fonts-woff/PT-Serif_Italic.woff') format('woff');
	font-weight: 400;
    font-style: italic;
	font-display: swap;
}
@font-face {
    font-family: 'PTSerifWeb';
    src: 
		url('https://7kingdoms.ru/w/skins/PlioNew/resources/fonts-woff/PT-Serif_Bold.woff2') format('woff2'), 
		url('https://7kingdoms.ru/w/skins/PlioNew/resources/fonts-woff/PT-Serif_Bold.woff') format('woff'); 
	font-weight: 700;
    font-style: normal;
	font-display: swap;
}

@font-face {
    font-family: 'PTSerifWeb';
    src: 
		url('https://7kingdoms.ru/w/skins/PlioNew/resources/fonts-woff/PT-Serif_Bold-Italic.woff2') format('woff2'),
		url('https://7kingdoms.ru/w/skins/PlioNew/resources/fonts-woff/PT-Serif_Bold-Italic.woff') format('woff');
	font-weight: 700;
    font-style: italic;
	font-display: swap;
}

/* ================================================ */
/* Styles */
/* ================================================ */

/**
 * Main
 */
 
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

html {
  scroll-behavior: smooth;
}
 
div,ul,ol,p,table,blockquote {margin:0;padding:0;} /* Reset */

html {
	font-size: 1rem;
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.5rem);
	line-height: 1.6;
	color: black;
	min-height: 0vw;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeSpeed;
}

body {
    background: #F3F3F3;
	font-family: Roboto, HelveticaNeue, Arial, sans-serif;
}

@media only screen and (min-width: 800px) {	
	body {
		font-family: 'PTSerifWeb', Georgia, serif;
	}
}


small {
    color: #767676;
    font-size: .8rem;
}

hr {
    text-align: center;
    margin: 1.875rem auto;
    border: 0;
    color: #767676;
    font-size: 1.875rem;
}

hr:before {
    content: "\00B7 \00B7 \00B7 \00B7 \00B7";
    letter-spacing: 1em;
}

ul,
ol {
    margin-left: 1.25rem;
    margin-bottom: 1.25rem;
    list-style-type: "—";
}

ol {
	list-style: decimal;
}

p + ul,
p + ol {
    margin-top: -0.315rem;
}

li {
    margin-bottom: 0.625rem;
    padding-left: 0.25rem;
    break-inside: avoid-column;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-top: .625rem;
}

.article-body ::marker {
    color: #767676;
	font-weight: 800;
}

dl {
	margin-bottom: 1.25rem;
}

dd {
	margin-bottom: 1.25rem;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1.25rem;
  display:block;
  overflow-x: auto;
}
th, td {
  padding: .315rem .625rem;
}
th, thead td {
    background: rgba(0, 0, 0, 0.15);
    font-weight: bold;
}
th, td {
  border: 1px solid rgba(150, 150, 150, 0.35);
}
@media only screen and (min-width: 1024px){
	table{
		font-size:.875rem;
	}
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

figure {
	margin: 0;
}

del {
	opacity: .8;
}

::-webkit-input-placeholder {
	color: #767676;
	font-family: Roboto,Tahoma, Geneva, sans-serif;
}

/**
 * Typography
 */

button,
input,
select,
textarea {
	color: #2d2e2e;
	font-family:Roboto, HelveticaNeue, Arial, sans-serif;
	font-size:.875rem;
    letter-spacing: 0;
    padding: .625rem 1.25rem;
    margin: 0;
    background: #fcfcfc;
	border: 1px solid rgba(150, 150, 150, 0.35);
	border-radius: .25rem;
}
button,
input{
	cursor: pointer;
}

h1,
h2,
h3,
h4{
	color: #4a485d;
	line-height: 1.325;
	margin: 1.25rem 0 .935rem;
}

h1 {
    font-size: 1.875rem;
	font-size: calc(1.875rem + 0.25vw);
}

h2 {
    font-size: 1.65rem;
	font-size: calc(1.65rem + 0.25vw);
    line-height: 1.225;
}

h3 {
    font-size: 1.25rem;
    font-size: calc(1.25rem + 0.25vw);
}

h4 {
    font-size: 1.125rem;
	font-size: calc(1rem + 0.25vw);
}

h5 {
    font-size: 1rem;
	color: #4a485d;
}

p {
	margin-bottom: 1.25rem;
}

strong {
	font-weight: 700;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {position: relative;margin-bottom: 1.25rem;padding-left: 1.5rem;}

blockquote p {
	margin-bottom: .625rem;
}

blockquote > p:last-child {
	margin-bottom: 0;
}

blockquote cite,
blockquote small{
    padding-top: .625rem;
}

blockquote p + cite,
blockquote p + p cite{
	margin-top: -0.315rem; /* wp hint if cite inside paragraph */
}

blockquote br + cite{
	margin-top: 0; /* wp hint if cite inside paragraph */
}

blockquote:before {
    position: absolute;
    width: 1.25rem;
    height: auto;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    color: #767676;
    top: 0;
    left: -0.1em;
	content: "\201C";
}

@media (max-width: 600px) {
	blockquote:before {
		left: -0.05em;
	}
}

address {
	font-style: italic;
	margin: 0 0 1.25rem;
}

code,
pre {
	font-family: monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

abbr[title] {
	border-bottom: 1px dotted #eaeaea;
	cursor: help;
	text-transform: uppercase;
    font-size: .65rem;
    letter-spacing: .1rem;
}

mark {
	background-color: #e4e9ff;
	text-decoration: none;
	padding-left:.25rem;
	padding-right:.25rem;
}

sup,
sub {
	font-size: .675em;
	height: 0;
	line-height: 0;
	position: relative;
	margin-left: .1rem;			   
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

big {
	font-size: 125%;
}

/**
 * Links
 */

a, 
a:link {
	color: #2d2e2e;
    text-decoration: none;
    transition: color .2s ease-in-out;
}

a:visited {
    color: #756e9f;
    text-decoration: none
}

a:hover {
    color: #962D3E;
    text-decoration: none
}

a:active  {
    color: #962D3E;
    text-decoration: none
}

h1 a:link,
h2,
h2 a:link,
h1 a:visited,
h2 a:visited,
h1 a:active,
h2 a:active {
    color: #4a485d;
}

h1 a:hover,
h2 a:hover {
    color: #962D3E
}

.article-body p a, 
.article-body table a, 
.article-body li a, 
.article-body figcaption a,
.ac-block a,
.warn a,
.infobox a,
#main-footer a{
    border-bottom: 1px solid rgba(150,150,150,.35);
    box-shadow: inset 0 -2px 0 0 rgba(150,150,150,.35);
}

/**
 * Small text
 */
 
.meta-date,
blockquote cite,
blockquote small {
	font-size: .75rem;
	font-style: italic;
	line-height: 1.5;
	color: #767676;
	display: block;
}


/**
 * Alignments
 */

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

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

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: .315em 2.5rem 1.25rem 0;
	max-width:50%;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: .315em 0 1.25rem 1.875rem;
	max-width:50%;
}

img.alignright,
img.alignleft {
   position:relative;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
    margin-top: 0;
    padding: .625rem 0;
	margin-bottom: 1.25rem;
}

.alignnone {
    display: inline-block;
    margin: .315rem 0
}

img.alignleft, img.alignright,
.wp-caption.alignleft, .wp-caption.alignright	{
		max-width: 50% !important;
		z-index:1;
}

@media only screen and (max-width: 640px) {	
  .alignright,.alignleft,blockquote.alignright,
  .wp-caption.alignright,.wp-caption.alignleft,
  img.alignright,img.alignleft{
    	margin: 1.25rem auto;
    	float:none;
    	display:block;
		max-width:100% !important;
    	}
}

/* ================================================ */
/* post-formats-quote */
/* ================================================ */

.post-formats-quote {
    padding: .315rem 1.25rem 1.25rem;
    text-align: center;
    margin-bottom: 3.75rem
}

.post-formats-quote blockquote {
	padding: 0;
	font-style: italic;
}

.post-formats-quote blockquote p {
    margin-bottom: .315rem;
    padding: 0
}

.post-formats-quote blockquote cite {
    color: #767676;
    display: block;
	margin-top: 0.625rem;
    font-style: normal;
}

.post-formats-quote img {
    margin: .315rem auto;
    display: block!important;
    width: 6rem;
    height: 6rem;
    object-fit: cover;
    border-radius: 50%;
}

.post-formats-quote blockquote::before,
.commentlist blockquote::before,
.post-formats-quote blockquote cite::before {
    display: none
}

.post-formats-quote-sidebar {
    padding: .625rem 1.25rem;
	border-radius: .25rem;
}

.post-formats-quote-sidebar blockquote {
    margin: .315rem 0;
    padding: 0
}

.post-formats-quote-sidebar blockquote p {
    margin: .315rem 0;
    padding: 0
}

.post-formats-quote-sidebar blockquote cite {
    color: #767676;
    font-size: .75rem;
    display: block;
}

/* ================================================ */
/* Category */
/* ================================================ */

.post-edit-link-top {
    background: rgba(0,0,0,.6);
    padding: 0 .625rem;
    color: #b5b5b5 !important;
    position: absolute !important;
    z-index: 1 !important;
    top: 0;
}

.catlist {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
	margin-bottom:0;
}

.catlist section {
    margin-bottom: 1.25rem !important;
	padding: 0!important;
	position: relative;
}

.catlist section > a:first-child{
	z-index: -1;
}

.catlist h5 {
    font-size: .875rem;
	font-weight: 400;
    word-wrap: break-word;
    line-height: 1.5;
	margin:.625rem 0;
}

.catlist h5 a:link {
    text-decoration: none;
    border: 0
}

.catlist img {
	display: block;
	object-fit: cover;
	width:100%;
}

.catlist img,
.gallery a.mfp-img>img {
    transition: opacity .2s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 1;
}

.catlist a:hover>img,
.gallery a.mfp-img:hover>img {
    opacity: .85;
    -webkit-backface-visibility: hidden;
}

/* ================================================ */
/* Single Page */
/* ================================================ */

/* Article / FrontPage */

ol.tag {
    margin: .625rem 0;
    list-style-type: none;
    font-size: .75rem;
    font-style: italic;
	overflow: hidden;
	text-transform: lowercase;
}

ol.tag li {
    float: left;
    margin: 0 .315rem .615rem 0;
	padding-left: 0;
}

ol.tag li a {
    float: left;
    border: 1px solid rgba(150, 150, 150, 0.35);
    background: #fcfcfc;
    border-radius: .25rem;
    transition: background-color .2s ease-in-out;
    text-decoration: none;
    padding: 0.12rem .625rem;
}

ol.tag li a:hover,
ol.tag li a:focus {
    background-color: rgba(150, 150, 150, 0.35);
    color: #4a485d;
}

ol.tag li a:active {
    background-color: rgba(150, 150, 150, 0.35)
}

ol.tag li.first,
ol.tag li.edit {
    margin-left: .625rem
}

ol.tag li.edit a {
    background: none;
    border-width: 0;
}

ol.tag a:link,
ol.tag a:visited {
    color: #767676;
    text-decoration: none;
    background-image: none
}

.posthead {
    position: relative
}

.posthead .meta-date {
    border-bottom: 1px solid rgba(150, 150, 150, 0.35);
	padding-bottom: .315rem;
}

.posthead h2 {
    margin: .625rem 60px 1.875rem 0;
}

.ribbon {
    background: url(images/ribbon.png) no-repeat transparent;
    height: 55px;
    line-height: 42px;
	display:block;
    position: absolute;
    right: 0;
    text-align: center;
    top: 15px;
    width: 36px
}

.ribbon a:link,
.ribbon a:visited,
.ribbon a:hover {
    color: #767676;
    font-size: 1.05em;
    text-shadow: 0 -1px 0 #181818;
    text-decoration: none;
	display: block;
    width: 100%;
}

.more-link {
    text-decoration: none!important
}

/* Article / Header */

.article-header {
    margin-bottom: 2.5rem;
}

@media (min-width: 900px) {
	.article-header h1 {
		width:82.5%;
	}	
}

.post-author-stat {
    color: #767676;
	font-size: .75rem;
	margin-bottom: .625rem;
	line-height: 3;
}

.post-author-stat>span+span:before {
    display: inline-block;
    width: 1.25rem;
    height: 1px;
    margin-right: 0.315em;
    content: '';
    vertical-align: middle;
    background-color: rgb(150 150 150 / 25%);
}

.post-author-stat>span{
    display: inline-block;
    margin-right: 0.315em;
	white-space: nowrap;
}

.post-count-share {
    padding: 0.315rem;
    padding-left: 0;
    color: #767676 !important
}

.post-count-share svg {
    vertical-align: text-bottom;
}

.post-author-stat .avatar{
    display: inline-block;
    margin-right: 0.315em;
    border-radius: 50%;
    width: 1.875em;
    height: 1.875em;    
}

.sticky {
    color: #498608;
    margin-right: .625rem;
    font-weight: 700;
    font-style: normal;
    cursor: help
}


/* Article Footer */

.article-footer{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top:2.5em !important;
  width:100%;
}
.article-footer .tag{
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}

.share-btn-mfp a {
    display: block;
    padding: .315rem;
    cursor: pointer;
}
.share-btn-mfp .mfp-close {
    background: none;
}
.share-btn-mfp {
	position: relative;
    background: #FFF;
    padding: 1.25rem;
    width: 90%;
    max-width: 500px;
    margin: 1.25rem auto;
    text-align: center;
    border-radius: 0.25rem;
}

.article-footer-author {
    padding-top: .625rem;
    font-size: .8rem;
}

/* Article / Body */

@media (min-width: 1024px) {
	.article-body{
		width: 82.5%;
		margin: 0 auto;
	}
	.postlist .article-body {
		width: 100%;
	}
}

.article-body h2 {
    margin-top: 2.5rem;
}

.article-body h3,
.article-body h4,
.article-body h5 {
    margin-bottom: .625rem;
	margin-top: 1.25rem;
}

.article-body h2 + h3,
.article-body h3 + h4,
.article-body h4 + h5,
.article-body .gallery + h3,
.article-body .gallery + h4 {
    margin-top: 1.25rem;
}

.article-body .gallery + h2{
	margin-top: 2.5rem;
}

/* Featured */

.featured-container {
    margin: 0 auto -.625rem;
    display: flex;
    flex-wrap: wrap;
	align-items: center;
	justify-content: stretch;
	overflow: hidden;
}

.wrap.featured-container {
    padding: 0;
	gap:0;
}

.featured {
    height: 10.25rem;
	position: relative;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    flex: 1 0 0;	
	transition: .2s filter;
}

.featured a {
    position: relative;
    z-index: 0;
}

.featured:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 0;
    right: 0;
    background: rgba(0,0,0,.2);
    background: linear-gradient(135deg,rgba(35, 35, 35, 0.9) 0%,rgba(0, 0, 0, 0.6) 30%,rgba(0,0,0,0) 100%);
}

.featured a h5 {
    color: #F3F3F3;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .6), 0 0 10px rgba(0, 0, 0, .6), 0 0 25px rgb(0, 0, 0);
    margin: 0;
	font-size:1.125rem;
    line-height: 1.325;
    padding: 2rem 1.85rem;
    padding-top: 2.75vmin;
}

.featured-block {
    z-index: -1;
}

.featured a:hover h5 {
    color: #DDD
}

.featured:hover {
	filter: brightness(0.72);
}
@media screen and (max-width: 960px) {
	.featured {height: 9em}
	.featured:nth-child(3) {display: none}
}
@media screen and (max-width: 728px) {
	.featured {height: auto;padding:1rem}
	.featured:nth-child(3),.featured:nth-child(2) {display: none}
}

/* Article - FrontPage - PageNav */

.nav-links {
    text-align: center;
    display: block;
    overflow: hidden;
    margin-bottom: 2.5rem;
    color: #b5b5b5;
    font-size: .75rem;
}

@media only screen and (max-width: 798px) {
	.nav-links {
		overflow-x: auto;
		white-space: nowrap;
		padding: .625rem 0;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: -ms-autohiding-scrollbar;
	}
	.nav-links .prev,.nav-links .next {
		display:none;
	}
}

.nav-links .page-numbers,
.nav-links .post-page-numbers{
    padding: .315rem 1rem;
    margin-right: 0.315rem;
    margin-bottom: 0.315rem;
    background: hsl(231deg 15% 9% / 2%);
    box-shadow: inset 0px 1px 0px hsl(0deg 0% 100% / 10%), 0px 0px 0px 1px hsl(231deg 15% 9% / 2%), 0px 1px 3px -1px hsl(231deg 15% 9% / 2%), inset 0 0.3px 0.4px hsl(0deg 0% 0% / 2%), 0 0.5px 1.5px hsl(0deg 0% 0% / 5%), 0 1.5px 3px hsl(0deg 0% 0% / 9%);
    border-radius: 0.25rem;
    transition: all .2s;
    color: #222;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

.nav-links .current,
.nav-links a.page-numbers:hover {
    border-color: #4a485d;
    color: #f3f3f3;
    background:#676483
}

.nav-links .dots {
	box-shadow: unset;
	background: none;
}

.screen-reader-text {
    position: absolute;
    left: -1000em
}

/* ================================================ */
/* Special elements */
/* ================================================ */

/* Article - Toggle elements */

.accordion {
    padding: 0;
    margin: 0;
    margin-bottom: .315rem
}

.accordion:last-of-type,
.accordion-wbg {
    margin-bottom: 1.25rem
}

.accordion h2 {
    margin-top: .625rem
}

.ac-head {
    cursor: pointer;
    overflow: hidden;
    -webkit-transition: background-color .2s ease-in-out;
    -moz-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

.ac-head span {
    float: right;
    font-style: italic;
	opacity: .55;
    font-size: 90%;	
}

@media only screen and (max-width: 640px) {
	.ac-head span{float:none;display:none}
}

.ac-block img {
    margin-top: 0!important
}

.ac-block {
    margin: 0;
	padding: 0.625rem 0;
    overflow: hidden
}

.ac-block p {
    margin-bottom: .625rem
}

.ac-block p:last-of-type {
    margin-bottom: 0
}

.ac-block p:empty {
    display: block;
}

.ac-block-bg {
    background: rgba(150, 150, 150, 0.35)
}

.ac-head-reg,
.ac-head-light{
	padding: 0.375rem 0.625rem;
    background: rgba(150, 150, 150, 0.35);
    margin: 0 -0.625rem;
    border-radius: 0.25rem;
}

.ac-head-light {
    background: #FFE794
}

.ac-head-wbg {
    display: table;
    background-color: #fcfcfc;
    border-radius: .25rem;
    font-style: italic;
    font-size: .85rem;
    border: 1px solid rgba(150, 150, 150, 0.35);
    background: #fcfcfc;
    transition: background-color .2s ease-in-out;
    text-decoration: none;
    padding: 0 .5rem;
}

.ac-head-reg:hover,
.ac-head-reg.ac-head-active {
    color: #fcfcfc!important;
    background: #4a485d;
    border-color: #4a485d
}

.ac-head-wbg:hover,
.ac-head-wbg.ac-head-active {
    border-color: #DDD!important;
    background: #DDD!important;
    color: #222!important
}

.ac-head-inline {
    display: inline-table;
}

.ac-head-inline:after {
    content: '\25BC';
    font-size: 15px;
    opacity: .8;
    margin-left: 3px;
    opacity:.6;
}

.ac-head-inline.ac-head-active:after {
    content: '\25B2';
}

.ac-head-inline:hover{
	opacity:.7;
}
.ac-head-inline.ac-head-active {
    background:none;
    color:inherit;
	font-weight: bold;
}

/* Article -  Quote and Box */

.warn,
.infobox {
    padding: 3.75%;
    padding: clamp(1.65em,3.75%,4em);	
    background-color: #f3f3f3;
	background-image: url(images/concrete-wall.png);
	margin-bottom: 1.25rem;
	font-size:90%;
	border-radius:.25rem;
}

@media (min-width: 1280px) {
	.warn,
	.infobox {
		margin-left: -2.5rem;
		margin-right: -2.5rem;
		padding: 2.5rem;
	}	
}

.postlist .warn,
.postlist .infobox {
    margin: 0 0 1.25rem 0;
}

.warn {
    background-color: #FFE794
}

.infobox p:last-child {
    margin-bottom: 0;
}

.infobox h1,
.infobox h2,
.infobox h3 {
    margin-top: 0
}

.hideblock,
#comments i {
    padding: 0 5px;
    font-weight: 400;
	filter: blur(7px);
}
.hideblock:hover,
#comments i:hover {
    filter: blur(0);
    cursor: pointer;
}
.epigraph {
    font-size: .825rem;
    margin-left: 20%;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
}

.epigraph:before {
    display:none;
}

.incut {
	font-size: .875rem;
	width: 90%;
	margin:0 auto;
	margin-bottom: 2.25rem;
}

.incut-quote {
    color: #767676;
	font-size: 1.25em;	
	font-style: italic;
}

.incut:before{
    display: block;
    width: 1.875rem;
    height: 1.875rem;
    content: '';
    margin-top: 1.25rem;
    margin-bottom: 0.625rem;
	background-repeat: no-repeat;
    background-position: center;
    background-image: url(images/7k_wolf.svg);
}

.incut.incut-quote::before {
    font-size: 3.65rem;
    content: "\201C";
    font-style: normal;
    color: #767676;
    margin-left: -0.25rem;
    margin-bottom: 1.875rem;
	font-weight: bold;
	background-image: none;
}

@media only screen and (min-width: 940px) {	

	.incut-left,
	.incut-right {
		width: 33.333333%;
		margin-top:0;
		margin-bottom:2.25rem;
	}
	
	.incut-left {
		margin-right: 2.25rem;
		margin-left:0;
		float: left;
	}
	
	.incut-right {
		margin-left:2.25rem;
		margin-right:0;
		float: right;
	}

	.incut-left:before,
	.incut-right:before{
		margin-top: -.2rem;
	}
	
	.incut-left:after,
	.incut-right:after{
		margin-bottom: -.2rem;
	}

}

.longread p {
    margin: 0;
    text-align: left;
    margin-bottom: .315rem;
}

.longread p+p {
    text-indent: 2.5em
}

.caps,
.longread p:first-child:first-letter {
    border: 3px solid rgba(150, 150, 150, 0.35);
	color:#4a485d;
    font-size: 3.5rem;
    font-weight: 600;
	float: left;
	line-height:  3rem;
	padding: .625rem;
	padding-top:.5rem;
	margin-right:.525rem;
	margin-left:-.65rem;
}

@media only screen and (min-width: 768px) { 
  .multi-columns ul,.multi-columns ol, .multi-columns p{column-count: 2;column-gap: 1.25rem;}
}

@media only screen and (min-width: 1400px) { 
  .multi-columns ul,.multi-columns ol, .multi-columns p{column-count: 3;}
}

.multi-columns li {break-inside:avoid;}

/* Media Floats */

.media--block{
  display: flex;
  align-items: flex-start;
}
.image--block {
  max-width: 30%;
  margin-right:5%;
}
.image--block--50p {
  max-width: 50%;
}
.image--block-reverse{
	order: 1;
	margin-right:0;
	margin-left:5%;
}
.content--block {
  flex: 1;
}

.media--block h2,
.media--block h3{
	margin-top: .625rem;
}

@media only screen and (max-width: 640px) {	
	.postlist .media--block,
	.article-body .media--block {
		margin-bottom: 1.625rem;
		display: block;
	}

	.postlist .image--block,
	.article-body .image--block {
		margin: 0;
		margin-bottom: 1.25rem;
		max-width: 100%;
	}
}
@media only screen and (min-width: 639px) {	
	.postlist .content--block,
	.article-body .content--block {
	  min-width: 20rem;
	}
}

/* WP-Polls */

.wp-polls {
    margin-bottom: 1.25rem;
}

.wp-polls-h1 {
    font-weight: 700;
    margin-bottom: .625rem;
}

.wp-polls-ul{
	list-style:none;
	margin:0;
	margin-bottom: .625rem;
}

.wp-polls-ul li {
    padding-left: 0;
}

.wp-polls input[type=checkbox],
.wp-polls input[type=radio]{
    transform: scale(1.4);
    margin:0 .275em 0;	
}
.wp-polls-loading {
    display: none;
}

.wp-polls-image {
    border: 0
}

.wp-polls .Buttons {
    background: #4a485d;
    color: #fcfcfc;
    border: 0;
    margin-right: .3em;
}

.wp-polls-ul em {
    color: #767676;
    font-size: .75rem;
}

.wp-polls .pollbar {
    margin: .625rem 0 1.25rem 0;
	margin: .8px;
    font-size: 1px;
    line-height: 5px;
    height: 5px;
    background: #4a485d
}

/* ================================================ */
/* Comments */
/* ================================================ */

ul.commentlist {
	margin: 0;
    list-style: none;
    margin-bottom: 2.5rem;
    font-size: .875rem;
}

.commentlist li.comment {
    margin-top: 1.625rem;
    display: flex;
    align-items: flex-start;
}

.commentlist img.avatar {
	margin-right: .625rem;
	min-width: 40px;
	display: block;
}

.commentlist .name{
    font-size: 1.125em;
    font-weight: 600;
    color: #4c6951;
    line-height: 1;
    text-decoration: none!important;
    margin-right: .625rem
}

.commentlist .byuser .name {
   color: #29a05a;
}

.commentlist .bypostauthor .name:after {
    content: " \2619";
    font-size:.65rem;
    font-weight:200;
    vertical-align: super;
}

.commentlist .mark-comment-cloned .name,
.commentlist .mark-comment-cloned .bypostauthor .name{
    color: #4a485d;
}

.commentlist .meta-date {
	font-size: .75rem;
	display:inline;
}

.commentlist p {
    margin: .315rem 0;
}

.commentlist p em {
    display: inline-block;
	position: relative;
}

.commentlist p em a {
    text-decoration: none!important;
    color: inherit !important;
}

.commentlist blockquote {
    background-image: none;
    color: #767676;
    font-style: italic;
    margin: .625rem;
    padding: .315rem .625rem;
    border-left: 2px solid rgba(158, 158, 158, .25);
}

#comments {
    display: block;
}

#comments p a {
    overflow-wrap: break-word;
    border-bottom: 1px solid rgba(150,150,150,.35);
    box-shadow: inset 0 -2px 0 0 rgba(150,150,150,.35);
}

#comments p em a {
    box-shadow: none;
}

#comments .children {
    margin: -10px 0 0 50px;
    list-style: none
}

#comments .children li.comment {
    padding: 10px 0
}

#comments .children img.avatar {
    max-width: 30px
}

ul.commentlist .comment-respond {
    margin: -10px 0 10px 50px
}

#comments aside{
    font-size: .8rem;
}

#comments aside p{
	margin:0 0 .625rem 0;
}

p.mute {
    background: #ffe794;
    padding: 1.25rem;
    text-align: center;
	font-style: italic;
    font-size: 1.25rem;
}

#commentform input:focus,
#commentform input:hover,
#commentform textarea:focus,
#commentform textarea:hover{
    outline: none;
    border-color:revert;
}

input.ed_button:focus,
input.ed_button:hover{
    background: #ffe794;
}

#commentform textarea {
    resize: vertical;
    width: 100%;
    border-radius: .25rem;
    padding: .7em;
    margin: 0;
}

#commentform .comment-form-email input,
#commentform .comment-form-author input {
    width: 100%;
	border-radius: .25rem;
    display: block
}

#submit,
#cancel-comment-reply-link {
	padding: .625rem 1.25rem;
    border-radius: .25rem;
    color: #fcfcfc;
    background: #4a485d;
}

#submit:hover, #submit:focus{
	background:#2d2e2e;
}

#cancel-comment-reply-link {
    font-size: .75rem;
    font-style: italic;
    text-transform: lowercase;
}

.comment-mod {
    background-color: #962d3e;
    padding: 1.25rem;
    margin: 1.25rem 0;
    color: #FFF;
    font-size: .8rem;
    width: 100%;
}

.comment-form-author,
.comment-form-email{
	position:relative;
	margin-bottom: .625rem;
}

.comment-form-author input,
.comment-form-email input{
  border-radius: .25rem;
}

.comment-form-author label, .comment-form-email label {
    position: absolute;
    padding-left: 1.6rem;
    left: 0;
    font-size: .65rem;
    width: 100%;
    pointer-events: none;
	top: .315rem;
    color: #767676;
}

.comment-form-author input, .comment-form-email input {
    padding: 1.5rem .625rem .625rem;
}

#commentsclosed {
    text-align: center;
    padding: 1.25rem;
    background: #fcfcfc
}

.postcomment {
    position:relative;
	word-break: break-word;
}

.mark-comment-border {
    background: #FFE794;
	transition: background-color 500ms linear;
	border-radius:.25rem;
}

.mark-comment-cloned {
    border: 1px solid rgba(150, 150, 150, 0.35)!important;
    background: #F3F3F3;
    position: absolute;
    width: 100%;
	padding:.625rem 1.25rem;				
    max-width: 700px;
    min-width:450px;
    z-index: 99999999;
	font-size: .875em;
    line-height: 1.525;
	top:10px;
	right:10px;	
    border-radius:.25rem;
}

.comment-form-comment {
    position: relative;
	margin-bottom: .315rem;
}

#qt_comment_toolbar {
    margin-bottom: .315rem;
    margin-top: .5em;
}

#qt_comment_toolbar input {
    padding: .315rem .75em;
	margin: 0;
    margin-right: .5em;
    border-radius: .25rem;
    font-size: .75em;
}

.quicktags-toolbar input[value="link"] {
    text-decoration: underline
}

.quicktags-toolbar input[value="i"] {
    font-style: italic
}

.quicktags-toolbar input[value="b"] {
    font-weight: bold
}

/* ================================================ */
/* Dark */
/* ================================================ */

.dark {
    background: #2d2e2e url(images/dark_wall.png);
    color: #ddd;
    text-shadow: 1px 1px 0 #222;
}

.dark h2,
.dark h3,
.dark h4,
.dark h5 {
    color: #B5B5B5
}

.dark a,
.dark a:link {
	color: #f5f5f5;
}

.dark a:visited {
    color: #857272;
}

.dark a:hover,
.dark a:active {
    color: #676483;
}

.dark a:active  {
    color: #fcfcfc;
}


/* ================================================ */
/* Gallery & Media */
/* ================================================ */

.avatar {
	border-radius: 50%;
}

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

audio,
canvas {
	display: inline-block;
}

embed,
iframe,
object,
video {
	margin-bottom: 1.25rem;
	vertical-align: middle;
	max-width: 100% !important;
}

p > embed,
p > iframe,
p > object,
p > video {
	display:block;
	margin:0 auto;
	padding: 1.25% 0;
	max-width: 100% !important;
}

iframe[id^=telegram-post] {padding:0}

.wp-audio-shortcode,
.wp-video,
.mejs-audio,
.wp-playlist.wp-audio-playlist {
	font-size: 1.25rem;
	margin: 0 auto;
	margin-bottom: 1.5rem !important;
	max-width: 100% !important;
	overflow: hidden;
}

iframe[width][height][title] {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
}


@supports not (aspect-ratio: 1 / 1) {
	iframe[width][height][title] {
	  height:360px;
	}
}

.mfp-bottom-bar{
    background: rgb(0,0,0);
	background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);	
}
.mfp-title {
    text-shadow: 1px 1px 2px black, 0px 0px 3px black, 0px 0px 4px black;
    font-size: 1rem;
    padding: 1.25rem;
}

.gallery {
    margin-bottom: 1.25rem;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
	vertical-align:top;
}

figure:has(> figcaption) {
	vertical-align: top !important;
}

.gallery-item {
	padding:1.25%
}

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

.gallery-columns-3 .gallery-item {
	max-width: 33.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-icon img {
	margin: 0 auto;
}

.wp-caption-text,
.gallery-caption {
    padding: .625rem 0;
    font-size: .75rem;
    font-style: italic;
    line-height: 1.5;
    color: #767676;
    display: block;
}

/*  */
.gallery + .gallery,
.wp-caption + .wp-caption {
    padding-top: 0;
	margin-top: -1.25rem;
}

.gallery-caption {
	display: block;
}

.aligncenter .wp-caption-text {
    text-align: center
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}

.wp-caption {
    max-width:100%;
}

.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	padding-bottom: 1.25rem;
	margin-bottom: -.625rem;
}

.gallery-columns-2 .wp-caption-text,
.gallery-columns-3 .wp-caption-text{
	margin-bottom:-.875rem;		
}

@media only screen and (max-width: 940px) {	
	.wp-caption.alignright,
	.wp-caption.alignleft{
		margin-bottom:0;
	} 
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		max-width: 33.3%;
	}
	.gallery-columns-4.gallery-size-medium .gallery-item,
	.gallery-columns-8.gallery-size-medium .gallery-item{
		max-width: 50%;
	}
	.gallery-columns-2 .wp-caption-text,
	.gallery-columns-3 .wp-caption-text{
		margin-bottom:0;		
	}
}
@media only screen and (min-width: 941px) {
	.gallery.gallery-columns-2,
	.gallery.gallery-columns-3,
	.gallery.gallery-columns-4,
	.gallery.gallery-columns-5,
	.gallery.gallery-columns-6,
	.gallery.gallery-columns-7,
	.gallery.gallery-columns-8	{
        width: calc(100% + 2.5%);
	}
	.gallery-columns-2 .gallery-item:nth-child(2n+1),
	.gallery-columns-3 .gallery-item:nth-child(3n+1),
	.gallery-columns-4 .gallery-item:nth-child(4n+1),
	.gallery-columns-5 .gallery-item:nth-child(5n+1),
	.gallery-columns-6 .gallery-item:nth-child(6n+1),
	.gallery-columns-7 .gallery-item:nth-child(7n+1),
	.gallery-columns-8 .gallery-item:nth-child(8n+1) {
		margin-left:-1.25%;
	}
}

@media only screen and (max-width: 560px) {
	.gallery-columns-3.gallery-size-medium .gallery-item {max-width: 50%;}
	.gallery-columns-3.gallery-size-medium .gallery-item:nth-child(5n+1) {max-width: 100%;}
	.gallery-columns-3.gallery-size-large .gallery-item {max-width: 50%;}
	.gallery-columns-3.gallery-size-large .gallery-item:nth-child(5n+1) {max-width: 100%;}
}

.accordion .gallery-columns-3,
.accordion .gallery-columns-4{
	margin-top:0;
}

/* ================================================ */
/* Buttons */
/* ================================================ */

.btn{
    padding: .625em 1.25rem;
    background: #4a485d;
    color: #fcfcfc !important;
    border-radius: 0.25rem;
    border: 0;
    cursor: pointer;
    box-shadow:unset !important;
	white-space: nowrap;
    margin-bottom: 0.315rem;
    display: inline-block;
}
.btn-none{
    outline: 1px solid rgba(150,150,150,.35);
    outline-offset: -1px;
    background: none;
}
.btn:hover{background:rgba(150,150,150,.35)}

/* ================================================ */
/* Icons */
/* ================================================ */

.follow {
    display: inline-block;
    overflow: hidden;
    padding: .315rem 1rem;
    margin: .315rem 0;
}

.follow img {
    width: .8rem;
}

.follow:hover {
    background-color: #767676
}

/* ================================================ */
/* Plugins */
/* ================================================ */

/* Notification */

.notification{
	position: relative;
    font-size: .85rem;
    padding: 1rem 60px 1rem 1rem !important;
    background: #24223c;
    background: linear-gradient(to right,#171430,#312e50,#171430);
}
@media only screen and (min-width: 728px) {
	.notification{
		text-align: center;
	}
}
.notification-black{
    background: linear-gradient(to right,#161616,#000000,#161616)
}
.notification a{
	border-bottom: 1px solid rgba(150, 150, 150, 0.35);
}

.notification-close{
    position: absolute;
    right: .25rem;
    top: .85rem;
    background: 0;
    border: 0;
    width: 30px;
    height: 30px;
	text-indent: 200px;
    overflow: hidden;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUwxNyAxN00xNyAxTDEgMTciIHN0cm9rZT0iI0NDQyIvPgo8L3N2Zz4K) no-repeat center;
}
.notification-close:hover{
	opacity:.5;
}

/* Mediaelements.js */

.mejs-captions-selector {
    width: 80px !important;
}

.mejs-captions-text {
    line-height: 1.5 !important;
    text-shadow: 1px 1px 0px black;
    font-size: 1.25rem;
    padding: 1px 4px !important;
    background: rgba(20, 20, 20, .8) !important;
}

.mejs-captions-position{
	bottom:50px !important;
}

.mejs-time-slider,
.mejs-time-total {
    outline: 0 !important;
}

.mejs-poster {
    background-size: cover !important;
}

.mejs-iframe-overlay{
	display:none !important;
}

.ytp-pause-overlay {
    display: none !important;
}

/* to Top */

.cd-top {
    display: block;
	position: fixed;
    height: 40px;
    width: 40px;
    bottom:10px;
    left: 10px;
    z-index:100;
    text-indent: -9999px;
	opacity:.5;
	border:0;
	padding:0;
	border-radius: 0;
	background: rgba(29, 29, 29, 0.8) url(images/cd-top-arrow.svg) no-repeat center 50%;
	transition: all 0.3s;
}

.cd-top2 {
    background-image: url(//7kingdoms.ru/wp-content/themes/plio-grid-2/images/random.svg);
    background-size: 40%;
	bottom:60px;
}

.cd-top:hover {
    background-color: #4a485d;
	opacity:1;
}

@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
    }
    .cd-top2 {
        bottom:80px;
    }
}

.cd-edit {
	top: 60px;
    height: 40px;
    width: 40px;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 40px;
    position: fixed;
    right: 0;
    background: #962d3e;
    color: white !important;
}

/* Store */

.store {
    margin-bottom: .625rem;
    padding: .625rem 0;
    color: #767676;
    text-align: center;
    font-size: .625rem;
}

.store img {
    margin: .625rem auto;
}

/* ================================================ */
/* Header */
/* ================================================ */

.toggle-menu .menu-wrap
{
	position:absolute;
	top:100%;
	left:0;
	visibility:hidden;
	display: none;
}

.toggle-menu.no-js li > .menu-wrap
{
    transition: 0s all;
    transition-delay:.2s;
}

.toggle-menu.no-js li:hover > .menu-wrap
{
	visibility:visible;
}

.toggle-menu.no-js li:focus-within > .menu-wrap
{
	visibility:visible;
}

.toggle-menu .menu-wrap[aria-hidden="false"]
{
	visibility:visible;
	display: table;
}

.toggle-menu > li
{
	position:relative;
	display:flex;
	justify-content:stretch;
	flex-wrap:wrap;
	margin:0;
	padding-left:0;
	padding-right: .25rem;
	cursor:pointer;
	white-space:nowrap;
	align-items:center
}

.toggle-menu > li > a,.toggle-menu > li > button
{
	flex:1 0 auto;
	display:flex;
	flex-wrap:nowrap;
	align-items:center;
	border:0;
	line-height: 1;
	font-size:inherit;
	padding: 1.25rem;
	cursor:pointer
}

@media (min-width: 860px) {
	.toggle-menu > li > a,.toggle-menu > li > button
	{
		padding: .315rem;
		justify-content:center
	}
}

.menu-wrap
{
	z-index:2;
	transform:translateY(.315rem);
	transition:transform .2s,opacity .2s
}

.menu-wrap li
{
	margin:0;
	padding:0;
	padding-left: 0;
}

.menu-wrap[aria-hidden="false"]
{
	transform:translateY(0);
	opacity:1;
	flex:0 0 auto
}

.header-nav input.mobile-checkbox
{
	display:block;
	width:70px;
	height:70px;
	position:absolute;
	top:-10px;
	right:0;
	padding:0;
	cursor:pointer;
	opacity:0;
	z-index:2;
	-webkit-tap-highlight-color: transparent;
}

.header-nav label
{
	display:block;
	padding:1rem;
	width:100%;
	text-align:right;
	color:#FFF
}

.header-nav input.mobile-checkbox:checked  + label .mobile-checkbox-menu
{
	color:#ffe794;
	z-index:1;
	transform: scale(1.5, 0.25) rotate(90deg);
}

@media only screen and (min-width: 860px) {
	.header-nav input.mobile-checkbox,.header-nav label
	{
		display:none
	}
	.toggle-menu .menu-wrap
	{
		display: block;
	}
}

.header-nav
{
	height: 3.6em;
	z-index:2;
	line-height:1;
	position:relative;
	margin:0 auto;
	max-width: 60.25rem;
	width:100%;
	user-select:none;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:column;
}

@media only screen and (min-width: 860px) {
	.header-nav
	{
		flex-direction:row
	}
}

@media (min-width: 1152px) {
	.header-nav {
		max-width: 64rem;
	}
}

.header-wrap
{
	display:flex;
	align-items:center;
	background-color: #161616;
	max-width: 100%;
    max-height: 100%;
}

@media only screen and (max-width: 860px) {
	.header-wrap
	{
		position: sticky;
		top: 0;
		z-index: 999;
	}
	.main-menu {
		height: auto;
		display: block !important;
		/* max-height: calc(100vh - 3.85rem); */
		overflow: auto;
		visibility: visible;
		/* position: absolute; */
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		top: 3.5rem;
		-ms-scroll-chaining: none;
		overscroll-behavior: contain;
		-webkit-overflow-scrolling: touch;
	}
}
@media only screen and (min-width: 860px) {
	.header-wrap
	{
		background-image:url(images/header@1x.jpg);
		background-repeat:no-repeat;
		background-position:center center;
		background-size:cover;
		height: 3.875rem;
		position:static
	}
}

@media only screen and (min-width: 1400px) {
	.header-wrap
	{
		background-image:url(images/header@2x.jpg);
		background-size:cover
	}
}

.header-logo
{
	position: absolute;
    left: .9375em;
    max-width: 14rem;
    z-index: 90;
    filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.4));
    color: #ddd;
    height: auto;
	-webkit-backface-visibility:hidden
}

.header-logo:hover{
	color:#ffffff
}

@media only screen and (min-width: 860px) {
	.header-logo
	{
		display:flex;
		justify-content:flex-start;
		align-items:center;
		margin-top:1rem;
		position:relative;
	}
}

@media only screen and (min-width: 992px) {
	.header-logo
	{
		margin-top:1.25rem;
		max-width:16em
	}
}

@media only screen and (min-width: 1200px) {
	.header-logo
	{
		max-width: 17em;
	}
}

.main-menu
{
	width:100%;
	margin:0;
	line-height:2;
	list-style-type:none;
	display:flex;
	align-items:center;
	flex-grow:1;
	flex-direction:column;
	justify-content:flex-end
}

@media screen and (max-width: 859px) {
	.main-menu
	{
		background:#222;
		border-bottom: 1px solid #414141;
		opacity:0;
		transform:translateY(-1000px);
		transition:transform .25s ease
	}
	.main-menu,
	.main-menu > li,
	.main-menu > li > a, 
	.main-menu > li > button
	{
		display:block;
		width: 100%;
		text-align:left;
		-webkit-tap-highlight-color: transparent;
	}
	.header-nav input:checked ~ .main-menu
	{
		opacity:1;
		transform:translateY(0);
	}
}

@media only screen and (min-width: 860px) {
	.main-menu
	{
		flex-direction:row;
		width:auto;
		top:0;
		opacity:1;
		margin:0;
		padding:0
	}
}

.main-menu a,.main-menu button
{
	padding:.625rem;
	background:transparent;
	color:#ddd;
	text-decoration:none;
	font-family:inherit;
	border-radius:0;
	transition:padding .2s
}

@media only screen and (min-width: 860px) {
	.main-menu a,.main-menu button
	{
		padding:.375em
	}
}

.main-menu button:focus,.main-menu button:hover
{
	color:#ffe794;
}

.main-menu a:focus,.main-menu a:hover
{
	color:#ffe794
}

.main-menu .menu-wrap a:hover,.main-menu .menu-wrap a:focus
{
	background:rgba(0, 0, 0, 0.3);
	padding-left:1em
}

.main-menu > li
{
	border-top:1px solid rgba(150, 150, 150, 0.35);
	width:100%
}

@media only screen and (min-width: 860px) {
	.main-menu > li
	{
		border-top:0;
		width:auto
	}

	.main-menu > li.menu-item-mobile span
	{
		display:none
	}
}

.toggle-icon
{
	width: 1rem;
	height: 1rem;
	margin-left:.225rem;
	transition:all .2s ease
}

.text-icon
{
	display:inline-block;
	fill:currentColor;
	vertical-align:middle;
	margin: 0 .625rem;
}

@media (max-width: 859px) {
	.main-menu .toggle-icon,.main-menu .text-icon
	{
		position:absolute;
		right:10px
	}
}

.toggle-menu [aria-expanded="true"] svg
{
	transform:scaleY(-1)
}

.toggle-menu .menu-item-mobile [aria-expanded="true"] svg
{
	transform:scaleY(1)
}

.main-menu .menu-wrap
{
	min-width:100%;
	list-style:none;
	background-color:#2d2e2e;
}

.main-menu .menu-wrap[aria-hidden="false"]
{
	position:static;
	width:100%
}

@media (min-width: 860px) {
	.main-menu .menu-wrap
	{
		margin: 0;
	}
	.main-menu .menu-wrap[aria-hidden="false"]
	{
		position:absolute;
		top:2.25rem;
		min-width:12rem;
		left:0;
		width:auto;
		border-radius: 0.25rem;
		white-space:nowrap;
	}

	.sub-menu--right
	{
		left:auto!important;
		right:.315rem !important
	}
}

@media (max-width: 859px) {
	.main-menu [aria-expanded="true"]
	{
		background:#2d2e2e;
		font-weight: bold;
	}
	.main-menu .menu-wrap
	{
		padding-left: .625rem;
		padding-bottom: .625rem;
	}
}

.main-menu > li.menu-item-search .menu-wrap
{
	width:100%;
	padding:.625rem;
	padding-bottom: 1.5rem;
	border-radius:0;
}

.main-menu > li.menu-item-search form
{
	position:relative
}

@media (min-width: 860px) {
	.main-menu > li.menu-item-search
	{
		position:static
	}

	.main-menu > li.menu-item-search .menu-wrap
	{
		top:3.75rem;
		padding: 1.25rem 0;
	}
}

.menu-wrap ul
{
	list-style:none;
	margin:0;
}

@media (min-width: 860px) {
	.menu-wrap ul {
		font-size:.8rem;
	}	
}

.main-menu ul a
{
	display:block;
	padding-top:.315rem;
	padding-bottom:.315rem
}

@media (min-width: 860px) {
	.main-menu ul a
	{
		padding-right: .625rem;
		padding-left: .625rem;
		white-space:nowrap
	}
}

.main-menu-line
{
	border-bottom:1px solid rgba(150, 150, 150, 0.35)
}

.searchButton
{
	position:absolute;
	bottom:0;
	top:0;
	right:.5em;
	border:0;
	padding:.15rem .625rem !important;
	font-size:.75em;
	cursor:pointer;
	white-space:nowrap;
	overflow:hidden;
	z-index:1
}

.searchInput
{
	color:#fcfcfc;
	background:rgba(0,0,0,0.2);
	padding-right:3em;
	font-size:1.125em;
	font-family:Roboto,Tahoma,Geneva,sans-serif;
	border:0;
	margin:0;
	width:100%
}

.searchInput:focus
{
	border:0;
	background:rgba(0,0,0,0.5);
	outline:0
}


/* ================================================ */
/* Footer */
/* ================================================ */
#main-footer{
	position: relative;
    display:block;
	padding: .625rem;
}

#main-footer p{
	font-size: .8rem;
	margin-bottom:.625rem;
}

#main-footer .age {
    position: absolute;
    font-size: 1.875rem;
    bottom: 1.25rem;
    right: 0;
    color: #c1c1c1;
}

/* ================================================ */
/* List with icon */
/* ================================================ */

.content-nav {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin: 1.25rem 0;
}

.content-nav-element {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    flex-grow: 1;
    width: 100%;
    margin-bottom: 1.25rem;
}

@media (min-width: 768px) {
	.content-nav-element {
		width: 50%;
	}	
}

.content-nav-element svg {
    margin-right:.625rem;
	fill: currentColor;
	width:1.875rem;
	height:1.875rem;
}

/* ================================================ */
/* Tables cards */
/* ================================================ */

.cards {font-size: .8rem}
.cards td{vertical-align: top;border:0;padding-left:0;padding-right:0}
.cards td:first-of-type:not(:last-of-type){opacity:.6;padding-right: 1.25rem}


/* ================================================ */
/* Sidebar */
/* ================================================ */

.sidebar h5 {
    margin: 0;
	font-size:1.125rem;
    padding-bottom: .315rem;
    border-bottom: 1px solid rgba(150, 150, 150, 0.35);
}

.sidebar ul {
    margin: 0;
	list-style: none;
}

.sidebar section {
    margin-bottom: 2.5rem
}

.sidebar .row .column{
    margin: 0;
	padding:1px;
}

.sidebar .date {
    color: #ddd;
    font-style: italic;
    background-color: #4a485d;
    padding: 0 .315rem;
    border-radius: .25rem;
    font-size: .75rem;
    float: right;
    margin-left: .625rem;
    margin-top: .315rem;
}

.sidebar .date-paste {
    background-color: #ddd;
	background-color: rgba(230, 230, 230, 0.75);
    color: #767676;
	margin-bottom: .875rem;
}

.upcoming li {
    border-left: 3px solid rgba(150, 150, 150, 0.35);
    padding-left: .625rem;
}

.header-item-elements{
	display: flex;
	align-items: baseline;
	justify-content: space-between;
    flex-wrap: wrap;
	margin-bottom: .625rem;
}
.header-item-links{
	display: block;
	margin: .315rem 0;
}

/* ================================================ */
/* Container */
/* ================================================ */

.wrapbg {
    background-color: #fcfcfc
}

.wrap {
    padding: 3.75%;
	padding: clamp(1.65em, 3.75%, 4em);
    margin: 0 auto;
    max-width: 60.25rem;
}

.wrap:after{
	clear: both;
	content: "";
    display: table;	
}

@media (min-width: 1152px) {
	.wrap {						  
		margin: .315rem auto;
		max-width: 64rem;
		border-radius: 0.25rem;
	}
}

@media (min-width: 960px) {
	.sidebar {
		width: 16rem;
		float: right;
		font-size: .8rem;
	}
	.postlist {
		margin-top: -.625rem;
		width: 100%;
		width: calc(100% - 18rem);
		float: left;
	}
	.wrap {
		padding-top:2.5%;
	}
}

.postlist section{
	margin-bottom:3.75rem;
}

@media (min-width: 1440px) {
	.postlist section{
		padding:0 .625rem;
	}
}

.article-body ul.row {
    margin-bottom: 1.25rem
}

@media only screen and (min-width: 900px) {
	.crow {
		position: relative;
	}
	.crow article {
		z-index: 1;
		position: relative;
	}
	.crow:before {
		content: ' ';
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0.5;
		z-index: 0;
		background-image: url(images/7k_dragon_border3_min.svg);
		background-repeat: no-repeat;
		background-size: 22.5rem;
		background-position: right top;
	}
}

@media only screen and (min-width: 940px) and (max-width: 1025px){
	.postlist img.alignright,
	.postlist img.alignleft {
    max-width: 350px;}
 }

li.column span {
    display: block;
    padding: 0;
    margin: .315rem 0;
    line-height: 1.25
}

li.column {
    list-style: none;
}

/* ================================================ */
/* Clearings */
/* ================================================ */

.clear:before,
.clear:after,
.nav-links:before,
.nav-links:after,
.commentlist blockquote:before,
.post-formats-quote-sidebar blockquote:before {
	content: "";
	display: table;
}
.clear,
.clear:after,
.nav-links:after {
	clear: both;
}

.nobr {
    white-space: nowrap
}

p:empty {
   display: none;
}

@media (pointer: coarse)  {
	.is-desktop {display:none !important}
	.is-touch {display: inherit}
}

@media (pointer: fine), (pointer: none) {
	.is-desktop {display: inherit}
	.is-touch {display:none !important}
}

/* ================================================ */
/* Dark Style */
/* ================================================ */

body{
	background: #2d2e2e url(images/dark_wall.png);
}

#main-footer{
	color: #767676;
}

.postmetas {
    background: rgb(0 0 0 / 20%);
	display: block;
}

/* ================================================ */
/* Dark mode */
/* ================================================ */

@media (prefers-color-scheme: dark) {
	body,.dark,#header-nav ul a{color:#b8b8b8}
	.postmetas{background: rgba(0, 0, 0, 0.15);}
	.wrapbg{background-color: #1d1e1e;background-color: rgba(0, 0, 0, 0.35);}
	mark {background: #383557;color: inherit;}
	img {opacity:.92;transition: opacity .5s ease-in-out;}
	img:hover {opacity: 1}
	a:link {color: #ddd;}
	a:visited {color: #767676}
	a:hover,a:active {color: #676483}
	a:active  {color: #fcfcfc}

			.article-body p a:visited,
			.article-body table a:visited,
			.article-body li a:visited {
				color: #767676
			}

			.article-body p a:hover,
			.article-body table a:hover,
			.article-body li a:hover{
				color: #676483;
			}
	h1,h2,h3,h4,h5,
	h1 a:link,h2 a:link,h1 a:visited,h2 a:visited,h1 a:active,h2 a:active,
	.nav-links .next,.nav-links .prev,.nav-links .current,.nav-links a:hover,
	.commentlist .mark-comment-cloned .name,.commentlist .mark-comment-cloned .bypostauthor .name{color: #c8c0ba;}
	.nav-links .page-numbers,.nav-links .post-page-numbers{color: #ddd;background: rgba(150, 150, 150, 0.25)}
	.ac-head-light,.warn {background: rgba(55, 53, 76, 0.5);}
	.infobox {background: #2d2e2e !important}
	h1 a:hover,h2 a:hover {color: #676483}
	.ac-head-wbg,ol.tag li a,.sidebar .date-paste {background: #2d2e2e;color:#b5b5b5}
	ol.tag li a:hover,ol.tag li a:focus{color: #fcfcfc;}
	button, input, select, textarea,#submit, #cancel-comment-reply-link {color: #b5b5b5;background: #2d2e2e;}
	.mark-comment-border {background: rgba(55, 53, 76, 0.5)}
	.mark-comment-cloned {background: #2d2e2e;}
	.incut-quote{color:#8f8ca9}
	@media (min-width: 860px) { .menu-item-search .menu-wrap {background:#2d2e2e} }
}

/* ================================================ */
/* Print */
/* ================================================ */

@media print and (min-resolution: 300dpi) {
	body,
	.wrap	{
		margin: 0;
		padding:0;
		color: #000;
		background: #fff;
		font-size:12pt;
		width:100%
	}	
	header, footer, aside, nav, form,
	.featured-container,.notification,.postmetas,.social-likes,ol.tag,.post-author-stat,.cd-top {
		display: none !important
	}
	article header{
		display:block !important;
	}
	.crow, .crow:before {background-image: none}
	.ac-block{display:block!important}
	.row,.column{width:auto;padding:0;border:0;float:none!important;color:#000;background:transparent}
	caption{background:#fff;margin-bottom:1.875rem;text-align:left}
	a[href^="http"]:not([href*="7kingdoms.ru"]):after{content:" (" attr(href) ")";word-break: break-all;}
	a,a:link,a:visited{color:#000!important;border:0!important}
	img,tr,figure{page-break-inside:avoid}
	p,h2,h3{orphans:3;widows:3}
	@page{margin:2cm}
	@page :first{margin-top:50pt}	
}