:root {
--backgroundColor: #fefbfb;
--backgroundTransparentColor: rgba(255, 255, 255, 0.8);
--sheetBackgroundColor: rgba(240,240,240,0.8);
--foregroundColor: #212121;
--thinRuleColor: #212121;
--headingsColor: #212121;
--headingsUnderlineColor: #212121;
--boldColor: #212121;
--boldUnderlineColor: #212121;
--linkColor: #0077FF;
--linkUnderlineColor: #0077FF;
--linkColorVisited: #0077FF;
--linkUnderlineColorVisited: #0077FF;
--hoverColor: #FF3985;
--hoverUnderlineColor: #FF3985;
--tagColor: #8024C0;
--tagUnderlineColor: #8024C0;
--adminColor: #17D685;
--adminUnderlineColor: #17D685;
--engineTextColor: #DEDEDE;
--engineTextUnderlineColor: #DEDEDE;
--markedTextBackground: #fffada;
--markedImageBorderColor: #0077FF;
--inputBackgroundColor: #f0f0f0;
--inputTextColor: #212121;
--imageBorderColor: #0077FF;
--disabledColor: #cccccc;
--activeColor: #FF3985;
--verifiedColor: #009900;
--errorColor: #b03000;
--currentItemBackgroundColor: #e8e8e8;
--windowBackgroundColor: #fefbfb;
--unsavedIndicatorColor: #b03000;
--subscribeButtonBackground: rgba(231,231,231,.8);
--subscribeButtonHoverBackground: rgba(212,212,212,.8);
--subscribeButtonTextColor: #212121;
--maxWidth: 1280px;
--marginTop: 36px;
--marginLeft: 16%;
--marginRight: 16%;
--marginTopCompact: 16px;
--marginLeftCompact: 5%;
--marginRightCompact: 5%;
--displayLogoMarginal: none;
--displayLogo: inline;
--displayLogoCompact: inline;
--columnSpacing: 20px;
--borderRadius: 8px;
--logoTop: -10px;
--logoSize: 50px;
--blogTitleFontSize: 16px;
--blogTitleLineHeight: 24px;
--subHeadingFontSize: 26px;
--subHeadingLineHeight: 34px;
--pageHeadingFontSize: 32px;
--pageHeadingLineHeight: 40px;
--noteTitleFontSize: 32px;
--noteTitleLineHeight: 40px;
--noteTitleFavouriteFontSize: 32px;
--noteTitleFavouriteLineHeight: 40px;
--noteTextFontSize: 16px;
--noteTextLineHeight: 24px;
--smallFontSize: 16px;
--smallLineHeight: 24px;
--bigButtonFontSize: 18px;
--bigButtonLineHeight: 26px;
--mainFontFamily: "Conqueror Sans";
--noteMainFontFamily: inherit;
--smallFontFamily: inherit;
}

@media (prefers-color-scheme: dark) {
    :root .e2-responds-to-dark-mode {
        --backgroundColor: #212121;
        --backgroundTransparentColor: #212121;
        --sheetBackgroundColor: rgba(40, 40, 40, .8);
        --foregroundColor: #FFFFFF;
        --thinRuleColor: rgba(192, 192, 192, .25);
        --headingsColor: #FFFFFF;
        --headingsUnderlineColor: rgba(255, 255, 255, .0);
        --boldColor: #FFFFFF;
        --boldUnderlineColor: var(--thinRuleColor);
        --linkColor: #03f7fb;
        --linkUnderlineColor: #03f7fb;
        --linkColorVisited: #03f7fb;
        --linkUnderlineColorVisited: #03f7fb;
        --tagColor: #17D685;
        --hoverColor: #FF3985;
        --hoverUnderlineColor: #FF3985;
        --adminColor: #17D685;
        --adminUnderlineColor: #17D685;
        --engineTextColor: rgb(128, 128, 128);
        --engineTextUnderlineColor: rgba(128, 128, 128, .25);
        --markedTextBackground: #443300;
        --markedImageBorderColor: #886600;
        --inputBackgroundColor: #404040;
        --inputTextColor: var(--foregroundColor);
        --imageBorderColor: #404040;
        --disabledColor: rgb(96, 96, 96);
        --activeColor: var(--headingsColor);
        --errorColor: rgb(240, 64, 32);
        --verifiedColor: rgb(64, 192, 32);
        --currentItemBackgroundColor: #303030;
        --windowBackgroundColor: #212121;
    }
}

/* Превью постов */
.e2-text-thumbnail {margin-top: 1em!important;margin-bottom: 0.4em!important;}
.e2-text-thumbnail .e2-note-thumbnail-wrapper {position: relative;overflow: hidden;}
.e2-text-thumbnail .e2-note-thumbnail-wrapper a {display: inline-block;border:none;}
.e2-text-thumbnail .e2-note-thumbnail-wrapper a.hover,
.e2-text-thumbnail .e2-note-thumbnail-wrapper a:hover {border-color: var(--hoverColor)}
.e2-text-thumbnail .e2-note-thumbnail-wrapper img {display: block;max-width: 100%;}
.e2-text-readmore
.e2-text-readmore a {margin-bottom: 0em!important;margin-top: 0em!important;}

.e2-user-picture-container {width: 50px;height: 50px;}
.mainmenu {display: inline-block;position: relative;bottom: 30px;right: -60px;}
.logoheadig {display: inline-block;position: relative;bottom: 36px;right: -8px;}


.e2-service-color-facebook {display: none;}
.e2-service-color-email {display: none;}

.lar, .las, .lab {font-family: Line Awesome Brands;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;display: inline-block;font-style: normal;font-variant: normal;text-rendering: auto;font-weight: 400;line-height: 1;}

.head-description p{font-size: calc(var(--noteTextFontSize) * 2); line-height: calc(var(--noteTextLineHeight) * 1.7); margin: 3.2rem 16% 3rem 16%;}

a {border: none;}
a.nu u {border: none;}
p {font-size: 1em; line-height: calc(1.618em + (1ex - 1ch));margin: calc(1em + (2ex - 1ch)) 2%;}
h1 {font-size: 1.7em!important;line-height: calc(1.4em + (1ex - 1ch))!important;}
h2 {font-size: 1.2em!important;line-height: calc(0.9em + (1ex - 1ch))!important;}

.engine{display:none!important;}
.e2-rss-button{display: none!important;}

.menu-button {border-radius: 4px;border: 1px solid;padding: 4px !important;font-size: 14px;line-height: 14px;font-weight: normal;margin-bottom: 8px;margin-right: 8px;}

.footer {text-align: center!important;}
#footer-links ul {text-align: center!important;}
#footer-links li {display: inline;font-size: 14px;text-align: center;}
.footer-button {padding: 4px !important;font-weight: normal;margin-right: 8px;}

.e2-note-meta{display:none!important;}
.e2-tags{display:none!important;}
.search-field__tags-icon{display:none!important;}
.e2-heading{display:none!important;}

.title-inner h1 {font-size: 1em!important;}
.flag {padding: 1em 0 1em 0;}

@media screen and (max-width: 960px) {
.head-description p {font-size: calc(var(--noteTextFontSize) * 1);line-height: var(--noteTextLineHeight);margin: 1rem 1rem 2rem 1rem;}
}

@media screen and (max-width: 767px) {
.e2-user-picture-container {width: 40px;height: 40px;}
.mainmenu {display: block;position: relative;bottom: 0px;right: 0px;}
.logoheadig {display: block;position: relative;bottom: 0px;right: 0px;padding-bottom: 0.4em;}
.header-content{max-width: 100%!important;}
.menu-button {margin-right: 0;font-size: 12px;}
.header-description{max-width: 100%!important;}
}