/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ :root { --body-bg: #FFF; --side-bg: #FFF; --widget-bg: #FBF5EA; --text-color: #222; --link-color: #6B4F38; --accent-color: #AB343A; --font-base-size: 15px; --text-font: Helvetica, Arial, sans-serif; --title-font: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif; --text-align: left; } html { line-height: 1.15; -webkit-text-size-adjust: 100% } body { margin: 0 } main { display: block } h1 { font-size: 2em; margin: .67em 0 } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1rem; max-width: 100%; overflow: auto; } a { background-color: transparent } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted } b, strong { font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline!important; } sub { bottom: -.25em } sup { top: -.33em } img { border-style: none } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible; } button, input, textarea{ border-radius: 4px; } button, select { text-transform: none } [type=button], [type=reset], [type=submit], button { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } select, label:has(input), label[for]{ cursor: pointer; } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { vertical-align: baseline } textarea { overflow: auto } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details { display: block } summary { cursor: pointer; display: list-item } template { display: none } [hidden] { display: none } html { overflow-x: hidden!important; } @charset "UTF-8"; @font-face { font-family: "AncientKyivNormal"; src: url('../fonts/AncientKyivNormal.woff2') format('woff2'), url('../fonts/AncientKyivNormal.woff') format('woff'), url("../fonts/AncientKyivNormal.otf") format("opentype"); font-display: swap; } @font-face { font-family: 'Georgia-my'; src: url('../fonts/subset-Georgia-Bold.eot'); src: url('../fonts/subset-Georgia-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/subset-Georgia-Bold.woff2') format('woff2'), url('../fonts/subset-Georgia-Bold.woff') format('woff'), url('../fonts/subset-Georgia-Bold.svg#Georgia-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Georgia-my'; src: url('../fonts/subset-Georgia.eot'); src: url('../fonts/subset-Georgia.eot?#iefix') format('embedded-opentype'), url('../fonts/subset-Georgia.woff2') format('woff2'), url('../fonts/subset-Georgia.woff') format('woff'), url('../fonts/subset-Georgia.svg#Georgia') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } a, button { cursor: pointer } script, noscript, .hidden { display: none !important; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; white-space: nowrap; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; -webkit-clip-path: none; clip-path: none; height: auto; margin: 0; overflow: visible; position: static; width: auto; white-space: inherit; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } /* ============================ GRID ============================ */ .container { width: 100%; padding-right: 1.3333rem; padding-left: 1.3333rem; margin-right: auto; margin-left: auto; } .container-fluid { width: 100%; padding-right: 1.3333rem; padding-left: 1.3333rem; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 960px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1000px; } } /* ============================ MAIN ============================ */ html { box-sizing: border-box; font-size: 15px; font-size: var(--font-base-size); -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; font-family: var(--text-font, 'Helvetica, Arial, sans-serif'); font-size: 1.1667rem; font-weight: normal; line-height: 1.2; color: #222; color: var(--text-color, #222); background-color: #fefefe; background-color: var(--side-bg, #fff); } img { max-width: 100%; height: auto; vertical-align: middle; outline: none; border: none; } img.portrait { height: 200px; width: auto; } ::-moz-selection { text-shadow: none; color: #fefefe; background: #222; } ::selection { text-shadow: none; color: #fefefe; background: #222; } *, *::before, *::after { box-sizing: inherit; } article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { display: block; } audio, canvas, progress, video { display: inline-block; } hr { display: block; height: 0; margin: 1rem 0; padding: 0; border: 0; border-top: 1px solid #ccc; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } @media (min-width: 921px) { :root{ --text-align: justify; } html { font-size: 12px; font-size: calc(var(--font-base-size) - 3px); } } /* ============================ TYPOGRAPHY ============================ */ a { text-decoration: none; color: var(--link-color, #6b4f38); /* color: #18530B; color: #2B9614; */ outline: none; text-underline-offset: 2px; } @media(hover) { a:hover, a:visited:hover, a:active, a:visited:active, a:focus a:visited:focus { text-decoration: underline; color: var(--link-color, #6b4f38); /* color: #18530B; color: #2B9614; */ } } a:visited { text-decoration: none; color: var(--link-color, #6b4f38); /* color: #18530B; color: #2B9614; */ } .main-area-content .buttons{ display: flex; gap: .5em; flex-wrap: wrap; } a.button, .article-single-content a.button { text-decoration: none; } h1, h2, h3, h4, h5, h6, .widget-title { margin-bottom: 0.5rem; margin-top: 0; clear: both; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-family: var(--title-font, '"Lucida Sans Unicode", "Lucida Grande", sans-serif'); text-decoration: none; color: var(--link-color, #6b4f38); } h2, h3, h4, h5, h6 { text-align: left; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:visited:hover, h2 a:visited:hover, h3 a:visited:hover, h4 a:visited:hover, h5 a:visited:hover, h6 a:visited:hover, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color: inherit; } h1 { font-size: 2.5rem; } h2 { font-size: 2rem; } h3 { font-size: 1.6667rem; } h4 { font-size: 1.5rem; } h5 { font-size: 1.3333rem; } h6 { font-size: 1.1667rem; } .article-single h2 { font-size: 120%; } .article-single h3 { font-size: 110%; } .article-single h4 { font-size: 100%; } .article-single h5 { font-size: 90%; } .article-single h6 { font-size: 70%; } blockquote { margin: 0; padding-left: 10px; margin-top: 1rem; margin-bottom: 1rem; border-left: 5px solid var(--link-color, #6b4f38); } ul { padding: 0 0 0 1.3em; } ol { padding: 0 0 0 1.3em; } p, ul, ol{ margin: 0 0 1rem 0; } p:last-child, ul:last-child, ol:last-child { margin-bottom: 0; } b, strong, .strong { font-weight: bold; } .flex{ display: flex; gap: .5em; } table { display: table; border-collapse: collapse; width: 100%; } table.equal-columns{ table-layout: fixed; } table.col-1-numeric th:nth-of-type(1), table.col-1-numeric td:nth-of-type(1){ width: 1em; min-width: 1em; } table, tbody { vertical-align: top; } th, td { border: 1px solid #ccc; padding: 2px 4px; } table.no-border, table.no-border tr, table.no-border th, table.no-border td { border:0; padding-left:0; padding-right:0; } @media screen and (max-width:661px) { /* mobile tables */ table { width: 100%; display: block; border: 0; overflow-x: auto; } table tbody { display: table; border-collapse: collapse; width: inherit; table-layout: inherit; } /* table th:first-of-type, table td:first-of-type, table .narrow{ min-width:unset; } */ table.narrow-mobile-columns th, table.narrow-mobile-columns td { min-width: unset; } } .main-area-content h1 { margin-top: 0; font-size: 2rem; } .main-area-content p { display: block; margin-bottom: 1rem; } p:last-child, p:only-child { margin-bottom: 0; } .main-area-content ul, .main-area-content table, .main-area-content p { content-visibility: auto; } .main-area-content p, .main-area-content li { word-break: break-word; } .scrolled .main-area-content ul, .scrolled .main-area-content table, .scrolled .main-area-content p { content-visibility: visible; } .main-area-content figure { max-width: 100%; } .section-title { margin-top: 0; } .section-caption { margin-top: 0; } .all-posts-count { display: block; margin-bottom: 10px; font-size: 1.3333rem; text-align: center; color: #808080; } .main-page-content .wsp-container .wsp-category-title a { font-weight: bold; } .main-page-content .wsp-container a, .main-page-content li a.bg_hlnames { font-weight: normal; } .main-page-content>h3+ul, .main-page-content>h4+ul { margin-top: -.5rem; } .main-page-content ul, .main-page-content ol { padding-left: 1.1em; } .main-page-content ol.offset-3{ padding-left: 2.4em; } .main-page-content ul li { position: relative; } .main-page-content li+li { padding-top: .25em; } /* .main-page-content ul li::before { content: ""; display: inline-block; width: 0; height: 0; vertical-align: middle; margin-right: 5px; border: 4px solid transparent; border-left-color: var(--link-color, #6b4f38); }*/ .main-page-content ul li h1, .main-page-content ul li h2, .main-page-content ul li h3, .main-page-content ul li h4, .main-page-content ul li h5, .main-page-content ul li h6, .main-page-content ul li p { display: inline; margin: 0; vertical-align: middle; } /*.main-page-content ul ul { margin: 5px 0; padding: 0; } .main-page-content ul ul li { padding-left: 1.3333rem; }*/ .main-box { width: 100%; max-width: 95rem; margin-left: auto; margin-right: auto; padding-left: 10px; padding-right: 10px; } .text-center { text-align: center!important; } .text-left { text-align: left!important; } .text-right { text-align: right!important; } .small { font-size: 12px!important } .text-white { color: #fefefe; } .text-dark { color: #222; } ul li a, ul li a:hover, ul li a:visited:hover, ul li a:visited, .article-single-content ul li a.fa, .article-single-content ul li a.fa:hover, .article-single-content ul li a.fa:visited:hover, .article-single-content ul li a.fa:visited { color: var(--link-color, #6b4f38); } /* ============================ 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: 0.4em 1em 0.6em 0; } blockquote.alignright, .wp-caption.alignright, img.alignright { margin: 0.4em 0 0.6em 1em; } blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter { clear: both; margin-top: 1rem; margin-bottom: 1rem; } .wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter { margin-bottom: 1.2em; } figure, .wp-caption.aligncenter { text-align: center; } img.alignright, img.alignleft { width: 100%; } @media (min-width: 521px) { img.alignright, img.alignleft { width: auto; } } /* ============================ BUTTONS ============================ */ button, .button, input[type="button"], input[type="submit"], input[type="reset"] { appearance: none; color: #65503F; border: 1.5px solid; border-radius: 5px; padding: .25em .5em; } .btn { display: inline-block; text-align: center; text-decoration: none; vertical-align: middle; outline: none; } .btn-small { padding: 4px 20px; font-size: 12px; text-align: center; } .btn-orange { text-decoration: none; color: #fefefe; background: #ee972f; background: linear-gradient(to bottom, #ee972f 0%, #f26b23 100%); border: 1px solid #c6734a; border-radius: 4px; } .btn-orange:hover, .btn-orange:visited:hover, .btn-orange:focus, .btn-orange:visited:focus { text-decoration: none; color: #fefefe; background: #f26b23; background: linear-gradient(to bottom, #f26b23 0%, #ee972f 50%, #f26b23 100%); } .btn-orange:active, .btn-orange:visited:active { text-decoration: none; color: #fefefe; background: #f26b23; } .btn-orange:visited { text-decoration: none; color: #fefefe; } .btn-gray { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration: none; color: #222; background: #ddd; border: 1px solid #ddd; border-radius: 0; transition: all 0.4s ease; } .btn-gray:hover, .btn-gray:visited:hover, .btn-gray:focus, .btn-gray:visited:focus { text-decoration: none; color: #222; background: #eaeaea; border-color: #eaeaea; } .btn-gray:active, .btn-gray:visited:active { text-decoration: none; color: #222; background: #bfbfbf; border-color: #bfbfbf; } .btn-gray:visited { text-decoration: none; color: #222; } .btn-rect { border-radius: 0; } .btn-full { width: 100%; } .round { border-radius: 4rem; } /* Зелёная кнопка */ .cupid-green:active { border: 1px solid #5b992b; border-bottom: 1px solid #538c27; box-shadow: inset 0 0 8px 4px #548c29, 0 1px 0 0 #eeeeee; } .cupid-green:hover { background-color: #76b347; background-image: linear-gradient(to top, #76b347, #5e9e2e); box-shadow: inset 0 1px 0 0 #8dbf67; cursor: pointer; } .cupid-green { background-color: #7fbf4d; background-image: linear-gradient(to top, #7fbf4d, #63a62f); border: 1px solid #63a62f; border-bottom: 1px solid #5b992b; border-radius: 3px; box-shadow: inset 0 1px 0 0 #96ca6d; color: #fefefe; font: bold 16px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; line-height: 1; padding: 7px 14px 8px 14px; text-align: center; text-shadow: 0 -1px 0 #4c9021; width: auto; } /* Оранжевая кнопка */ button.cupid-orange { background-color: #ee972f; background-image: linear-gradient(to top, #ee972f, #f26b23); border: 1px solid #c6734a; border-bottom: 1px solid #c6734a; border-radius: 6px; box-shadow: inset 0 1px 0 0 #c6734a; color: #fefefe; font: 400 1.3333rem "Helvetica", "Arial", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; line-height: 1; padding: 7px 14px 7px 14px; text-align: center; text-shadow: 0 -1px 0 #c6734a; width: auto; font-family: arial; font-size: 1.0833rem; letter-spacing: 1px; text-transform: uppercase; } button.cupid-orange:hover { background-color: #f26b23; background-image: linear-gradient(to top, #f26b23, #ee972f); box-shadow: inset 0 1px 0 0 #ce973f; cursor: pointer; } button.cupid-orange:active { border: 1px solid #d1840c; border-bottom: 1px solid #538c27; box-shadow: inset 0 0 8px 4px #ca5711, 0 1px 0 0 #eeeeee; } /* ============================ FORMS ============================ */ input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { display: inline-block; vertical-align: middle; border: 1px solid #ccc; outline: none; background: #fefefe; background: var(--body-bg, #fefefe); color: #222; color: var(--text-color, #222); } input::-webkit-input-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input:-moz-placeholder, input::placeholder, textarea::-webkit-input-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder, textarea:-moz-placeholder, textarea::placeholder { color: #ccc; } textarea { min-height: 4.2rem; } input[type="submit"], input[type="button"], input[type="reset"], button { outline: none; cursor: pointer; } select { display: inline-block; border: 1px solid #ccc; outline: none; cursor: pointer; overflow: hidden; /* Apple devices fix */ } textarea { display: inline-block; width: 100%; resize: vertical; outline: none; } label { cursor: pointer; } form { position: relative; } summary::marker { font-family: FontAwesome; content: '\f0da\a0'; } details[open]>summary::marker { content: '\f0d7\a0'; } [disabled] { cursor: default; } .form-full-width { width: 100%; } .form-center { text-align: center; } /* ============================ LAYOUT: HEADER ============================ */ .header { padding-top: 0.625em; padding-bottom: 0.625em; } .header-top { display: flex; justify-content: space-between; align-items: center; width: 100%; padding-bottom: 10px; } .header-breadcrumbs { display: block; } .header-search { width: 100%; padding: 0; } .header-back { display: block; } .header-main { display: block; justify-content: space-between; align-items: center; padding-bottom: 10px; position: relative; width: 100%; } .header-settings { text-align: right; position: absolute; right: 0; top: 75px; } .header-logo { text-align: center; margin-bottom: 0; width: 100%; } .logo .main-title{ position: relative; display: inline; width: 100%; font-family: "AncientKyivNormal", "League Gothic", "Myriad Pro Condensed", "Arial Narrow", sans-serif; font-size: 42px; font-weight: normal; line-height: 1.2; text-transform: uppercase; text-decoration: none; text-align: center; color: var(--link-color, #6b4f38); } .logo a:hover, .logo a:visited:hover, .logo a:focus, .logo a:visited:focus, .logo a:active, .logo a:visited:active { text-decoration: underline .1px #ccc; color: var(--link-color, #6b4f38); } .logo a:visited { text-decoration: none; color: var(--link-color, #6b4f38); } .header-decor, .vignette { display: block; width: 100%; height: 2rem; background: transparent url("../images/decor.svg") 50% 50% no-repeat; background-size: contain; } .header-login { font-size: 0.875em; /*margin-top:-40px;*/ margin-top: -.3em; text-align: right; white-space: nowrap; position: absolute; right: 0; } .header-login .fa-sign-in { font-size: 115%; } .header-subtitle { margin-top: 0; margin-bottom: 10px; font-family: "Verdana", "Helvetica", "Arial", sans-serif; font-size: 1em; font-weight: 700; text-align: center; color: #909090; } .header-epigraph { width: 100%; margin-top: 10px; margin-bottom: 10px; font-size: 0.875em; text-align: center; color: var(--accent-color, maroon); } .logo { display: block; margin-bottom: 10px; } .help-btn { background: #4F99E3; color: #fff!important; border-radius: 40px; padding: 3px 8px 3px 8px; } .help-btn, .help-btn:hover { text-decoration: none; } .help-btn:hover { background: #900; } .header-help-btn { position: absolute; left: -10px; } .footer-help-btn { line-height: 1; padding: 7px 14px 7px 14px; font-size: 1.0833rem; letter-spacing: 1px; text-transform: uppercase; } @media screen and (min-width: 961px) { .header-main { width: auto; display: flex; } .header-search { width: auto; padding-right: 10px; } .header-settings { display: block; position: static; margin-left: auto; margin-right: 1rem; } .header-login { margin-right: 10px; margin-top: 0; left: auto; right: 0; } .header-help-btn { left: auto; right: 0; bottom: 0; } } @media screen and (min-width: 481px) { .logo .main-title { font-size: 4.6rem; } } /* ============================ LAYOUT: TOP MENU - см стили, дублирующиеся для всех проектов, в top-menu.css ============================ */ .pre-header-nav { padding: 10px; font-weight: 700; font-size: 1.5rem; letter-spacing: -1px; color: var(--link-color, #6b4f38); display: block; background: #FBF5EA; background: var(--widget-bg, #FBF5EA); text-align: center; } /* ============================ LAYOUT: FOOTER ============================ */ footer.footer { align-items: center; padding: 1.3333rem 1.6667rem; font-weight: normal; color: var(--link-color, #6b4f38); background: #FBF5EA; background: var(--widget-bg, #FBF5EA); border-radius: 6px; margin-bottom: 20px; } .footer-info { width: 100%; margin-bottom: 10px; text-align: center; } .footer-box { width: 100%; max-width: 250px; margin: 0 auto; margin-bottom: 10px; text-align: center; } .footer-copy { text-align: center; margin: 0 auto; margin-bottom: 5px; } .footer-copy p { margin-bottom: 5px; } .footer-nav .fa { margin-right: 0.3em; } .footer-nav { margin: 0; padding: 0; list-style: none; } .footer-nav>li { display: inline-block; padding-right: 5px; font-weight: bold; white-space: nowrap; } .footer-nav>li>a { display: inline; text-decoration: none; color: var(--link-color, #6b4f38); } .footer-nav>li>a:hover, .footer-nav>li>a:visited:hover, .footer-nav>li>a:focus, .footer-nav>li>a:visited:focus, .footer-nav>li>a:active, .footer-nav>li>a:visited:active { text-decoration: underline; color: var(--link-color, #6b4f38); } .footer-nav>li>a:visited { text-decoration: none; color: var(--link-color, #6b4f38); } .footer-btn { padding: 8px 16px; font-size: 1.5rem; text-transform: uppercase; font-weight: normal; } @media screen and (min-width: 481px) { .footer-btn { padding: 10px 20px; } } /* ============================ COMPONENT: ARTICLE ============================ */ .article { display: flex; flex-wrap: wrap; padding: 0; margin-bottom: 1.5rem; gap: 0 1.5rem; padding-bottom: 1rem; border-bottom: 1px solid #ccc; } .single .article { margin-bottom: 0; } .article-image { margin: 0 0 1.5rem; } .article-image img { display: inline-block; width: 105px; height: 100%; object-fit: cover; } .article-content { display: flex; flex-direction: column; gap: .5rem; flex: 1; } .article-categories { width: 100%; margin: 0; padding: 0; font-size: 1rem; font-weight: normal; list-style: none; } .article-categories>li { display: inline; margin-right: .5em; } .article-categories>li:after { content: "\2022"; color: var(--link-color, #6b4f38); display: inline-block; } .article-categories>li:first-child:after, .article-categories>li:last-child:after { content: none; } .article-categories>li>a { display: inline; text-decoration: none; color: var(--link-color, #6b4f38); } .article-categories>li>a:hover, .article-categories>li>a:visited:hover, .article-categories>li>a:focus, .article-categories>li>a:visited:focus, .article-categories>li>a:active, .article-categories>li>a:visited:active { text-decoration: underline; color: var(--link-color, #6b4f38); } .article-categories>li>a:visited { text-decoration: none; color: var(--link-color, #6b4f38); } .article-title { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 1.5rem; line-height: 1; margin-bottom: 0; } .article-title a { text-decoration: none; color: var(--link-color, #6b4f38); } .article-title a:hover, .article-title a:visited:hover, .article-title a:focus, .article-title a:visited:focus, .article-title a:active, .article-title a:visited:active { text-decoration: underline; color: var(--link-color, #6b4f38); } .article-title a:visited { text-decoration: none; color: var(--link-color, #6b4f38); } .article-excerpt { font-family: var(--text-font, 'Helvetica, Arial, sans-serif'); font-size: 1.3333rem; font-weight: normal; line-height: 1.2; text-align: left; } .article-excerpt p { margin-bottom: 0; } .article-footer { width: 100%; margin-top: auto; padding: 0; border-radius: 0; clear: both; white-space: nowrap; } .article-footer__read{ display: none; } .article-bar { margin: 0; padding: 0; font-size: 1.1667rem; font-weight: normal; list-style: none; display: flex; justify-content: flex-end; gap: 1rem; } .article-bar>li { padding: 3px 0 1px; color: var(--link-color, #6b4f38); } .article-bar>li>a { text-decoration: none; color: var(--link-color, #6b4f38); } .article-bar>li>a:hover, .article-bar>li>a:visited:hover, .article-bar>li>a:focus, .article-bar>li>a:visited:focus, .article-bar>li>a:active, .article-bar>li>a:visited:active { text-decoration: underline; color: var(--link-color, #6b4f38); } .article-bar>li>a:visited { text-decoration: none; color: var(--link-color, #6b4f38); } .article-bar>li.left { float: left; order: -1; } .article-bar-has-menu { position: relative; } .article-bar-submenu { position: absolute; top: 100%; right: 0; z-index: 10; opacity: 0; max-height: 0px; overflow: hidden; pointer-events: none; width: auto; min-width: 125px; margin: 0; padding: 0; background: var(--side-bg, #f3f3f3); border: 1px solid #d3d3d3; list-style: none; transition: max-height 1s ease, opacity .01s ease .9s; } .article-bar-has-menu:hover .article-bar-submenu { max-height: 700px; /*Достаточно?*/ pointer-events: all; opacity: 1; transition: max-height 1s ease, opacity .01s ease 0s; } .article-bar-submenu>li { display: block; border-bottom: 1px solid #d3d3d3; } .article-bar-submenu>li:last-child { border-bottom: none; } .article-bar-submenu>li>a { display: block; padding: 5px; text-decoration: none; color: var(--link-color, #6b4f38); } .article-bar-submenu>li>a:hover, .article-bar-submenu>li>a:visited:hover, .article-bar-submenu>li>a:focus, .article-bar-submenu>li>a:visited:focus, .article-bar-submenu>li>a:active, .article-bar-submenu>li>a:visited:active { text-decoration: underline; color: var(--link-color, #6b4f38); background: var(--side-bg, #fefefe); } .article-bar-submenu>li>a:visited { text-decoration: none; color: var(--link-color, #6b4f38); } .article-post-footer { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: .5rem; margin: .75rem 0; } .article-footer__read { margin-right: auto; } .article-single { display: block; border-bottom: none; } .article-single-header { position: relative; display: flex; } .article-single-image { margin-top: 0; margin-right: 1.3333rem; margin-bottom: 10px; } .article-single-image img { display: inline-block; width: 105px; } .article-single-info { position: relative; flex: 1; display: flex; flex-wrap: wrap; gap: .5rem .75rem; margin-bottom: .5rem; } .article-single-info p, .article-single-info #my_book { margin: 0; } .article-single-rating { margin-left: auto; text-align: right; } .article-single-header h1 { display: block; width: 100%; font-family: var(--title-font, "Lucida Sans Unicode", "Lucida Grande", sans-serif); font-size: 2rem; font-weight: bold; line-height: 1.1; color: var(--link-color, #6b4f38); } .article-rating { display: block; margin-bottom: 10px; } .article-single-content, .related-posts{ display: block; font-size: 1.3333rem; font-weight: normal; text-align: left; line-height: 1.3; margin-bottom: 1em; } .article-excerpt, .article-single-content { text-align: var(--text-align, justify); } .article-single-print { display: inline-block; font-size: 2rem; } .social-share__wrap { display: inline-block; white-space: nowrap; } .social-links { margin-right: auto; white-space: nowrap; } .social-links .fa { font-size: 1.33em; vertical-align: middle; } .social-links .social-links__tg { color: #429BC9; margin-right: 1em; } .social-links .social-links__vb { color: #7360f2; } .social-links .fa-viber { /* vertical-align:-.1em; */ width: 1em; height: 1em; background-image: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 512 512"%3E%3Cpath fill="white" d="M444 49.9C431.3 38.2 379.9.9 265.3.4c0 0-135.1-8.1-200.9 52.3C27.8 89.3 14.9 143 13.5 209.5c-1.4 66.5-3.1 191.1 117 224.9h.1l-.1 51.6s-.8 20.9 13 25.1c16.6 5.2 26.4-10.7 42.3-27.8c8.7-9.4 20.7-23.2 29.8-33.7c82.2 6.9 145.3-8.9 152.5-11.2c16.6-5.4 110.5-17.4 125.7-142c15.8-128.6-7.6-209.8-49.8-246.5zM457.9 287c-12.9 104-89 110.6-103 115.1c-6 1.9-61.5 15.7-131.2 11.2c0 0-52 62.7-68.2 79c-5.3 5.3-11.1 4.8-11-5.7c0-6.9.4-85.7.4-85.7c-.1 0-.1 0 0 0c-101.8-28.2-95.8-134.3-94.7-189.8c1.1-55.5 11.6-101 42.6-131.6c55.7-50.5 170.4-43 170.4-43c96.9.4 143.3 29.6 154.1 39.4c35.7 30.6 53.9 103.8 40.6 211.1zm-139-80.8c.4 8.6-12.5 9.2-12.9.6c-1.1-22-11.4-32.7-32.6-33.9c-8.6-.5-7.8-13.4.7-12.9c27.9 1.5 43.4 17.5 44.8 46.2zm20.3 11.3c1-42.4-25.5-75.6-75.8-79.3c-8.5-.6-7.6-13.5.9-12.9c58 4.2 88.9 44.1 87.8 92.5c-.1 8.6-13.1 8.2-12.9-.3zm47 13.4c.1 8.6-12.9 8.7-12.9.1c-.6-81.5-54.9-125.9-120.8-126.4c-8.5-.1-8.5-12.9 0-12.9c73.7.5 133 51.4 133.7 139.2zM374.9 329v.2c-10.8 19-31 40-51.8 33.3l-.2-.3c-21.1-5.9-70.8-31.5-102.2-56.5c-16.2-12.8-31-27.9-42.4-42.4c-10.3-12.9-20.7-28.2-30.8-46.6c-21.3-38.5-26-55.7-26-55.7c-6.7-20.8 14.2-41 33.3-51.8h.2c9.2-4.8 18-3.2 23.9 3.9c0 0 12.4 14.8 17.7 22.1c5 6.8 11.7 17.7 15.2 23.8c6.1 10.9 2.3 22-3.7 26.6l-12 9.6c-6.1 4.9-5.3 14-5.3 14s17.8 67.3 84.3 84.3c0 0 9.1.8 14-5.3l9.6-12c4.6-6 15.7-9.8 26.6-3.7c14.7 8.3 33.4 21.2 45.8 32.9c7 5.7 8.6 14.4 3.8 23.6z"%2F%3E%3C%2Fsvg%3E'); background-repeat: no-repeat; background-position: 49% 50%; background-color: #7360f2; background-size: 75%; border-radius: 20em; } .social-links .fa-viber:before { content: none; } .social-links .social-links__ig { color: #D0417F; } .main-area-content h1 a, .article-single-content a, .taxonomy-description a { text-decoration: underline; text-decoration-color: #ccc; text-decoration-thickness: 1px; text-underline-offset: 1px; } .taxonomy-description { margin-bottom: 1.5rem; font-size: 1.25rem; } @media screen and (min-width: 961px) { .article { padding-bottom: 0; } .article-excerpt, .article-single-content { line-height: 1.4; } .single .article-footer, .page .article-footer { margin-left: -1em; margin-right: -1em; width: -webkit-fill-available; } .article-footer__read{ display: inline-block; font-size: 1.5em; } .article-footer__read a{ display: inline-block; width: 3em; } } @media screen and (max-width: 480px) { .article-image { width: 100%; text-align: center; } } @media screen and (max-width: 450px) { .article-bar { font-size: 1rem; } .article-single-header { flex-wrap: wrap; } .article-single-image { width: 100%; margin-right: 0; margin-bottom: 15px; text-align: center; } .article-single-info { width: 100%; } } /* PAGINATION */ .pagination.loading{ text-align: center; } .pagination.loading>*{ display:none; } .pagination.loading:after{ display: inline-block; font-family: Fontawesome; content: '\f021'; font-size: 50px; color: var(--link-color, #6b4f38); animation: 1s rotateFull infinite; } .pagination.finished:after{ font-family: inherit; content: 'На этом пока всё.'; font-size: inherit; animation: none; } /* POEM */ .poem { padding-left: 2em; margin-bottom: 1rem; } @media(min-width:520px) { .poem { padding-left: 25%; } } /* ============================ COMPONENT: BACK BUTTON ============================ */ .back-button { display: inline-block; font-size: 45px; text-decoration: none; color: #d3d3d3; transition: all 0.4s ease; } .back-button:hover, .back-button:visited:hover, .back-button:focus, .back-button:visited:focus, .back-button:active, .back-button:visited:active { text-decoration: none; color: #800000; } .back-button:visited { text-decoration: none; color: #d3d3d3; } /* ============================ COMPONENT: SEARCH FORM ============================ */ form#labnol { display: block; } .search-form { position: relative; display: none; width: 100%; margin-right: auto; margin-left: auto; } .search-form-field { display: inline-block; width: 100%; padding: 5px 10px; padding-right: 30px; font-size: 1.5rem; line-height: 2rem; border: 1px solid #d3d3d3; } .search-form-button { position: absolute; top: 0; right: 0; display: block; width: 30px; border: 1px solid transparent; background: transparent; } .search-form-button, .search-form-field { height: 3rem; } @media screen and (min-width: 961px) { .search-form-button, .search-form-field { height: 2.7rem; } } /*-------------------------------------------------------------- # Голосовой поиск --------------------------------------------------------------*/ .speech { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; right: 25px; width: 32px; height: 100%; border: 1px solid transparent; font-size: 18px; text-align: center; cursor: pointer; transition: color .3s ease, background .3s ease, border .3s ease, transform .3s ease, box-shadow .3s ease, opacity .3s ease; background: transparent; } .voice-search .speech { color: #800; background: #fff; border-radius: 40px; box-shadow: 0 0 40px #d00; transform: scale(1.5); opacity: 1; } .fa-spoon { transform: rotate(180deg); } .fa-volume-control-phone { transform: rotate(-45deg); } /* ============================ COMPONENT: WIDGET ============================ */ .widget { margin-bottom: 20px; } .widget-title { text-align: center; margin-bottom: 5px; font-size: 1.5rem; font-weight: normal; line-height: 1.2; color: var(--link-color, #6b4f38); } .tagcloud, .textwidget, .widget_nav_menu, .widget-item { display: block; margin: 0; padding: 8px 8px 20px; background: #FBF5EA; background: var(--widget-bg, #FBF5EA); } .textwidget ul, .widget_nav_menu ul, .widget-item ul { margin-bottom: 0; } .widget-item ul ul { padding-left: 1em; } .textwidget li, .widget_nav_menu li, .widget-item li { padding-top: 3px; padding-bottom: 3px; } .widget+.widget, .widget-item+.widget-item { margin-top: 20px; } .widget-inner { display: block; padding: 5px; background: #FBF5EA; background: var(--widget-bg, #FBF5EA); /*border: 1px solid #fefefe;*/ } .widget-inner-in-menu { margin-top: 10px; } .widgets-sidebar { margin-bottom: 20px; } .widget-item .bg-az-top-posts>li a, .widget-item .bg-az-counter p { color: var(--link-color, #6b4f38); } .tagcloud, .textwidget, .widget_nav_menu, .widget-padding, .single .article-footer, .page .article-footer { background: #FBF5EA; background: var(--widget-bg, #FBF5EA); /*border: 8px solid #FBF5EA;*/ border-radius: 6px; } .single .article-footer, .page .article-footer{ padding-right: 1em; border-bottom: 0; } /*.widget-item, .widget-padding{ border: .5px solid var(--link-color, #6b4f38)22; }*/ .btn-more-widgets-wrap{ text-align: center; margin-top: -34px; } footer + .btn-more-widgets-wrap{ margin-top: -14px; } .btn-more-widgets{ border-radius: 2em; text-transform: lowercase; min-width: 108px; color: white; padding-left: 2em; padding-right: 2em; background: #6B4F38; background: var(--link-color, #6B4F38); } @media (min-width:921px) { .tagcloud, .textwidget, .widget_nav_menu, .widget-item { padding-bottom: 8px; } } /* ============================ COMPONENT: MOST POPULAR ============================ */ .wpp-list { margin: 0; padding: 0; font-size: 1.1667rem; list-style: none; } .wpp-list>li { position: relative; padding: 5px; text-decoration: none; line-height: 1.2; color: #999; transition: all 0.4s ease; } .wpp-list>li .count { font-size: 1.1667rem; font-weight: normal; } .wpp-list>li:hover { background: #fefefe; } .wpp-list>li:hover .count { color: #e88f57; } .wpp-list>li::before { content: ""; display: inline-block; width: 4px; height: 4px; margin-right: 5px; vertical-align: middle; background: var(--link-color, #6b4f38); border: none; border-radius: 50%; } .wpp-list li a { vertical-align: middle; text-decoration: none; color: #000; } .wpp-list li a:hover, .wpp-list li a:visited:hover, .wpp-list li a:focus, .wpp-list li a:visited:focus, .wpp-list li a:active, .wpp-list li a:visited:active { text-decoration: underline; color: var(--link-color, #6b4f38); } .wpp-list li a:visited { text-decoration: none; color: #000; } .wpp-list-clear { display: block; margin-top: 10px; margin-bottom: 10px; font-size: 1.1667rem; font-weight: bold; text-align: center; } .wpp-list-forum-btn { margin-top: 10px; margin-bottom: 5px; text-align: center; } /* ============================ COMPONENT: LAST COMMENTS ============================ */ .comment-form-cookies-consent { display: none!important; } .last-comments { overflow: hidden; } .last-comments-item { margin: 0; padding: 5px; font-size: 1.25rem; line-height: 1.2; transition: all 0.4s ease; } .last-comments-item:hover { background: #fefefe; } .last-comments-item:last-child { margin-bottom: 0; } .last-comments-author { color: #999; } .last-comments-text a { text-decoration: none; color: var(--link-color, #6b4f38); } .last-comments-text:hover, .last-comments-text:visited:hover, .last-comments-text:focus, .last-comments-text:visited:focus, .last-comments-text:active, .last-comments-text:visited:active { text-decoration: underline; color: var(--link-color, #6b4f38); } .last-comments-text:visited { text-decoration: none; color: var(--link-color, #6b4f38); } @media screen and (max-width: 480px) { .comments-list ul, .comments-list ol { margin-left: 15px; } } /* ============================ COMPONENT: SUBSCRIBE ============================ */ .subscribe { padding-top: 10px; padding-bottom: 10px; text-align: center; /*border: 1px solid #d3d3d3;*/ } .subscribe-caption { margin-bottom: 10px; font-size: 1.25rem; } .subscribe-field { width: 80%; margin-bottom: 5px; padding: 5px; } .subscribe-submit { width: 80%; padding: 5px 4px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; text-decoration: none; color: #222; background: #ccc; border: 1px solid #ccc; transition: all 0.4s ease; } .subscribe-submit:hover, .subscribe-submit:visited:hover, .subscribe-submit:focus, .subscribe-submit:visited:focus { text-decoration: none; color: #222; background: #dad8d8; } .subscribe-submit:active, .subscribe-submit:visited:active { text-decoration: none; color: #222; background: #b9b9b9; border-color: #b9b9b9; } .subscribe-submit:visited { text-decoration: none; color: #222; } /* ============================ COMPONENT: LEFT NAV ============================ */ /* .sub-menu, .sub-menu-closed { display: none; } */ .left-nav ul { display: none; } .menu-expand-subcats .left-nav>li>.sub-menu.sub-cats, .menu-expand-subcats .left-nav>li>.sub-menu.has-subchildren, .menu-expand .left-nav>li>.sub-menu { display: block; } .left-nav { margin: 0; padding: 0; /*border: 1px solid #fefefe;*/ list-style: none; } .left-nav li { padding-top: 0; padding-bottom: 0; } .left-nav>li { display: block; font-size: 1.4rem; font-weight: bold; color: #000; background: #FBF5EA; background: var(--widget-bg, #FBF5EA); } .left-nav a { display: block; transition: background 0.4s ease, color 0.4s ease; } .left-nav .current-menu-item { font-weight: bold } .left-nav .sub-menu li.current-menu-item>a:before { /*content:'›';*/ color: inherit; opacity: 1; } .left-nav>li>a { display: block; padding-top: 6px; padding-left: 24px; padding-right: 5px; padding-bottom: 5px; /*border-bottom: 1px solid #fefefe;*/ } .left-nav>li>a:empty { background: transparent; } .left-nav a, .left-nav a:visited { color: #222; color: var(--text-color, #222); background: transparent; border-radius: 5px; } @media(hover) { .left-nav a:hover { color: #6b4f38; color: var(--link-color, #6b4f38); text-decoration: none; } } .left-nav .sub-menu li>a { position: relative; } .left-nav .sub-menu li>a:before { content: '•'; color: var(--link-color, #6b4f38); opacity: .6; position: absolute; z-index: 1; margin-left: -1em; top: .25em; } @media(hover) { .left-nav a:hover, .left-nav a:visited:hover, .left-nav a:focus, .left-nav a:visited:focus, .left-nav a:active, .left-nav a:visited:active { background-color: #fefefe; background-color: var(--body-bg, #fff); } } .left-nav>li:last-child>a { border-bottom: none; } .left-nav>li:last-child>ul.sub-menu { border-bottom: none; } .left-nav>li>a { position: relative; } .left-nav>li>a::before { content: ""; position: absolute; top: 1rem; left: 4.75px; display: inline-block; width: 7px; height: 7px; background-color: #ddc07a; border-radius: 5px; } .left-nav>li.menu-item-has-children>a::before { top: .8em; left: .2rem; display: inline-block; width: 0; height: 0; border: 5px solid transparent; border-top-color: var(--link-color, #6b4f38); background-color: transparent; border-radius: 0; transform: rotate(-90deg); transform-origin: 50% 15%; transition: transform .3s ease; } .left-nav>li.menu-item-has-children>a.active::before { transform: rotate(0); } .left-nav .sub-menu { margin: 0; padding: 0; /*border-bottom: 1px solid #fefefe;*/ list-style: none; font-size: 1.1667rem; font-weight: normal; } .left-nav a.initial-active+.sub-menu{ display: block; } .left-nav .sub-menu a { padding-top: 3px; padding-left: 24px; padding-right: 10px; padding-bottom: 3px; vertical-align: middle; transition: all 0.4s ease; } .left-nav .sub-menu>li>a:visited { text-decoration: none; } .left-nav .sub-menu>li a { position: relative; } .left-nav .sub-menu .sub-menu a { padding-left: 2.7em; } .left-nav .sub-menu .sub-menu .sub-menu { background: #edecec; } .left-nav .sub-menu .sub-menu .sub-menu a { padding-left: 3.6em; } .left-nav .sub-menu .sub-menu .sub-menu .sub-menu a { padding-left: 4.6em; } .left-nav .sub-menu .menu-item-has-children>a:not(.initial-active):before { position: absolute; left: 1.3rem; content: "\f055" } @media screen and (max-width: 960px) { .left-nav>li { font-size: 1.3333rem; } } .left-nav .sub-menu .menu-item-has-children>a:not(.initial-active):before, .left-nav .sub-menu .menu-item-has-children>a:after { font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; } .left-nav .sub-menu .menu-item-has-children>a:after { content: "\f105"; margin-left: 8px; } .left-nav .sub-menu .menu-item-has-children>a.active:not(.initial-active):before { content: "\f056"; } .widgets { margin-bottom: 20px; } /* Два столбика для горизонтальных мобил и планшетов */ @media (min-width: 521px) and (max-width: 920px) { #header-navigation, .widget-navi>.widget>div, .widgets { column-count: 2; } #header-navigation>li, .widget { break-inside: avoid; } } /* ============================ COMPONENT: TAGS CLOUD ============================ */ .tags-cloud { padding: 5px; text-align: justify; } .tags-cloud a { text-decoration: none; color: var(--link-color, #6b4f38); vertical-align: middle; } .tags-cloud a:hover, .tags-cloud a:visited:hover, .tags-cloud a:focus, .tags-cloud a:visited:focus, .tags-cloud a:active, .tags-cloud a:visited:active { text-decoration: underline; color: var(--link-color, #6b4f38); } .tags-cloud a:visited { text-decoration: none; color: var(--link-color, #6b4f38); } /* ============================ COMPONENT: SCROLL TOP ============================ */ .scroll-top { order: 10; transition: opacity 0.6s ease; opacity: 0; pointer-events: none; } .scroll-top.active { opacity: 1; pointer-events: all; cursor: pointer; } .scroll-top:hover, .scroll-top:focus { opacity: 1; } /* ============================ COMPONENT: BREADCRUMBS ============================ */ .breadcrumbs { margin: 0; padding: 0; list-style: none; font-size: 12px; } .breadcrumbs>li { position: relative; display: inline; } .breadcrumbs>li::after { content: ""; display: inline-block; width: 0; height: 0; border: 4px solid transparent; border-left-color: var(--link-color, #6b4f38); margin-left: .5em; } .breadcrumbs>li:last-child::after { display: none; } .breadcrumbs>li>a { display: inline; padding: 5px 0; } /* ============================ COMPONENT: SETTINGS ============================ */ .settings-wrap { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; display: none; z-index: 98; background: #fefefe88; display: flex; align-items: center; justify-content: center; } .settings-button { display: inline-block; width: 30px; height: 30px; padding: 0; border: none; font-size: 32px; opacity: 0.6; cursor: pointer; } .settings-button svg { width: 100%; height: 100%; background-color: white; fill: #b69c88; color: #b69c88; cursor: pointer; } .settings-button:hover { opacity: 1; } .settings-box { position: relative; font-size: clamp(12px, 1rem, 15px); line-height: 1; z-index: 100; display: block; width: auto; height: auto; padding: 10px; text-align: left; background: #FBF5EA; border: 8px solid #fdfcf6; color: #222; border-radius: 6px; box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); user-select: none; } .settings-item { display: flex; align-items: center; padding-top: 4px; padding-bottom: 4px; font-size: 1.25em; white-space: nowrap; } .settings-caption { display: inline-block; vertical-align: middle; margin-right: 5px; font-weight: normal; width: 9em; } .settings-item .btn-details { position: relative; } .settings-item .btn-details.active:after { content: attr(title); position: absolute; top: 0; left: 0; transform: translate(-50%, -100%); max-width: 300px; width: 60vw; white-space: normal; text-align: center; font-family: sans-serif; background: #222; color: #fff; padding: 5px 5px 8px; border-radius: 5px; z-index: 3; } .settings-field { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-left: 0px; margin-right: 10px; vertical-align: middle; background: #fff; border: 1px solid #000; border-radius: 6px; font-weight: bold; position: relative; } .settings-field, .settings-field:hover, .settings-field:active { text-decoration: none; } .settings-field:after { font-family: Fontawesome; } .settings-field.settings-color-box { overflow: hidden; } .settings-field.settings-color-box[data-id="0"] { background: transparent; appearance: none; padding: none; } .settings-field.settings-color-box[data-id="0"]:after { content: '\f128'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .settings-color-box::-webkit-color-swatch { width: 100%; height: 100%; border: 0; margin: 0; padding: 0; border-radius: 4px; transform: scale(1.5); } .settings-field.settings-color-box[data-id="1"] { background: #222; } .settings-field.settings-color-box[data-id="3"] { background: #FBF5EA; } .settings-field.settings-color-box[data-id="4"] { background: #fff; } .settings-field.settings-color-box:after { color: #fff; } .settings-field.settings-color-box.selectedBox:after { content: '\f00c'; text-shadow: 0 0 3px darkred, 0 0 3px darkred; } .settings-field.settings-field-select { width: calc(100% - 10em); } .settings-colors-wrap { margin-bottom: 10px; } .settings-colors-wrap summary{ font-size: 1.25em; background: transparent; } .settings-text { margin-right: 5px; } .settings-close { position: absolute; top: 5px; right: 5px; width: 20px; height: 20px; background: transparent; opacity: 0.3; transition: all 0.4s ease; } .settings-close:hover { opacity: 1; } .settings-close:before, .settings-close:after { content: " "; position: absolute; left: 10px; width: 2px; height: 20px; background-color: #222; } .settings-close:before { transform: rotate(45deg); } .settings-close:after { transform: rotate(-45deg); } .settings-reset { display: inline-block; padding-left: 1.2em; background-size: 1em; margin-top: 5px; font-weight: bold; float: right; } .settings-field.selectedBox { border: 3px solid darkred; background-color: darkred; color: #fff; display: inline-flex; align-items: center; justify-content: center; } .selectedLink { color: darkred; font-weight: bold; text-decoration: none; } .letter-size { display: inline-block; color: darkred; font-weight: bold; margin-right: 10px; cursor: pointer; height: 36px; line-height: 30px; width: 36px; font-size: 1.3333rem; border: 3px solid transparent; border-radius: 6px; text-align: center; vertical-align: middle; } /* Кнопки изменения размера шрифта */ .letter-button { display: inline-block; color: #f8f8f8; background-color: var(--link-color, #6b4f38); font-weight: bold; margin-right: 10px; cursor: pointer; height: 36px; line-height: 36px; width: 36px; border-radius: 6px; text-align: center; vertical-align: middle; } .main-nav-list span.selected-button, .letter-button { background-color: var(--link-color, #6b4f38); color: #f8f8f8; } .main-nav-list span.selected-button i:before{ content: '\f00d'; } .letter-button { position: relative; top: 0; left: 0; } .letter-button:active { box-shadow: 1px 1px #f8f8f8, 2px 2px var(--link-color, #6b4f38); top: 2px; left: 2px; } a.letter-button, a.letter-button:focus, a.letter-button:hover, a.letter-button:visited { color: #f8f8f8; text-decoration: none; } @media (min-width:961px) { .settings-colors-wrap summary, .settings-item { font-size: 1.5em; } } @media screen and (max-width: 960px) { #settings-full, .settings-close { display: none; } } @media screen and (max-width: 480px) { .settings-box { width: 100%; } } /* ============================ COMPONENT: SITE ============================ */ .ext-link:after, a[data-external]:after, .menu-item a[target="_blank"]:after { font-family: FontAwesome; content: '\f14c'; color: #ccc; font-size: 1rem; margin-left: .25rem; font-style: normal; } .no-before-pics a:before, a.no-before-pics:before, .no-after-pics a:after, a.no-after-pics:after, .no-ext-link a:after, a.no-ext-link:after{ content: none!important; } .az-icon { display: inline-block; width: 12px; height: 12px; margin-left: 2px; margin-right: 2px; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; outline: none; } .az-icon-audio { background-image: url("../images/icons/audio.svg"); } .az-icon-video { background-image: url("../images/icons/video.svg"); } .az-icon-rss { background-image: url("../images/icons/rss.svg"); } a[href$=".pdf"]:before { content: '\f1c1'; display: inline-block; font-family: FontAwesome; margin-right: .33em; /*padding-left: 20px; background: url("../images/icons/pdf.svg") no-repeat -4px/contain;*/ } .djvu:before, a[href$=".djvu"]:before { content: ''; display: inline-block; height: 1em; background: url("../images/icons/djvu.svg") no-repeat right/contain; } .orphus-box { display: inline-block; margin-top: 5px; margin-bottom: 5px; } .h3 { margin-left: 40px; } .h4 { margin-left: 80px; } .h5 { margin-left: 120px; } .h55 { margin-left: 160px; } .h555 { margin-left: 200px; } .greek_font { font-family: "Palatino Linotype", "Old Standard TT", "Theano Didot", "DejaVu Serif", "Tahoma"; font-size: 1.6667rem; } .synopsis { font-size: 1.0833rem; vertical-align: top; text-align: left; padding: 2px 4px; } .synopsind { font-size: 0.8333rem; vertical-align: top; text-align: left; color: navy; position: relative; bottom: 0.2rem; } .SVD { text-align: left; font-size: 1.6667rem; border-right: 0px solid red; width: 100%; } .synRaskr { vertical-align: bottom; padding-right: 4px; border-left: 0px; font-size: 1.0833rem; font-family: Times; font-weight: bold; color: brown; border-color: black; cursor: pointer; } .kuplet { font-size: 1.0833rem; text-align: left; margin: 3px 0 3px 9em; text-indent: 0; } .kupletS { font-size: 1.0833rem; text-align: left; margin: 0 0 3px 5em; text-indent: 0; } .KupletPod { font-size: 1.0833rem; text-align: left; margin: 0 0 6px 10em; font-style: italic; text-indent: 0; } .podpisR { margin: 4px 0 12px 0; text-indent: 0; text-align: right; font-size: 1.0833rem; font-style: italic; } .podpis { margin: 4px 0 3px 0; text-indent: 0; text-align: left; font-size: 1.0833rem; font-style: italic; } .predis { margin: 0 10px 0 10px; font-size: 1.0833rem; } .oglav { text-align: left; } .vd { font-size: 1rem; text-align: right; } .vd:before { content: "Источник: "; font-weight: bold; font-style: italic; } p.vd>a.ext { font-size: 1rem; } .format_notes { padding: 10px 0px 0px 60px; display: block; margin-top: 25px; width: 80%; } /* ============================ SECTIONS ============================ */ .section--default { padding-top: 1.2em; padding-bottom: 1.2em; } .section--small { padding-top: 1em; padding-bottom: 1em; } .section--medium { padding-top: 2em; padding-bottom: 2em; } .section--large { padding-top: 3em; padding-bottom: 3em; } .section--white { background: #fefefe; } /* ============================ SECTION: MAIN AREA ============================ */ .main-area { display: flex; flex-wrap: wrap; width: 100%; } #header, .main-area { padding-left: 3rem; padding-right: 3rem; background: var(--body-bg, #fff); } .main-area-sidebar { order: -1; width: 24rem; position: relative; transition: transform 1s ease, margin 1s ease, opacity 1s ease; } .btn-sidebar-toggle{ display: none; } .sidebar-toggle.sidebar-hide .main-area-sidebar { transform: translateX(-25rem); position: absolute; opacity: 0; pointer-events: none; z-index: 7; } .sidebar-toggle.sidebar-hide .main-area-sidebar aside { position: relative; } .sidebar-toggle.sidebar-hide .main-area-content { width: 100%; padding-left: 30px; padding-right: 30px; } /* MAIN */ .main-area-content { width: calc(100% - 24rem); padding-left: 4rem; margin-left: auto; margin-bottom: 5rem; word-break: break-word; -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 5 3 3; } .main-area-full { width: 100%; } /*preloader*/ .preloader{ position: fixed; z-index: 999; color: #fff; background: #999; padding: 5px; border-radius: 2em; line-height: 0.8!important; animation: 1s rotateFull infinite; } @keyframes rotateFull{ from { transform: rotate(0deg); } to { transform: rotate(360deg); } } /* @media screen and (min-width: 961px) { .main-area{ padding: 0.8333rem; } } */ @media screen and (max-width: 960px) { .main-area-sidebar { width: 100%; margin-bottom: 1rem; } .main-area-content { width: 100%; padding-left: 0; padding-top: 0; } #header, .main-area { padding-left: .75rem; padding-right: .75rem; } .breadcrumbs { font-size: 1rem; line-height: 1.5; } #header, .header-main { padding-bottom: 0; } .header-top { flex-direction: column-reverse; align-items: flex-start; } } @media screen and (max-width: 480px) { .main-area { padding-left: 10px; padding-right: 10px; } } @media (min-width: 961px){ .sidebar-toggle .btn-sidebar-toggle{ display: block; position: fixed; top: 45%; font-size: 1.5em; width: 2em; line-height: 2em; text-align: center; margin-left: 1rem; z-index: 10; cursor: pointer; transition: transform .5s ease; color: var(--link-color); } .sidebar-toggle.sidebar-hide .btn-sidebar-toggle{ transform: rotate(-180deg); } } /* ============================ SECTION: NO RESULTS ============================ */ .no-results-title { font-size: 1.6667rem; color: #222; } .no-results-caption { font-size: 1.1667rem; font-weight: normal; } .no-results-form { padding: 10px; margin-bottom: 20px; background: var(--link-color, #6b4f38); } .retypos { display: none; } .retypos-banner { margin: 10px 25px; } /*** НАЧАЛО: меню мобильной версии сайта ***/ /* ============================ SECTION: MOBILE MENU ============================ */ div.main-nav-list { position: sticky; top: 0; text-align: center; align-items: center; background: #FBF5EA; background: var(--widget-bg, #FBF5EA); color: #6b4f38; color: var(--link-color, #6b4f38); margin: 0 auto; width: 100%; min-width: 310px; z-index: 9999; transition: transform .5s ease; } .main-nav-list.hidden-on-scroll{ transform: translateY(-100%); } .main-nav-list ul { list-style: none; margin: 0px auto; padding: 0px; width: 100%; display: flex; } .main-nav-list ul>li { text-align: center; flex-grow: 1; } .main-nav-list span { display: block; text-decoration: none; background: #FBF5EA; background: var(--widget-bg, #FBF5EA); color: #6b4f38; color: var(--link-color, #6b4f38); padding: 0px 5px; font-family: arial; font-size: 20px; line-height: .75cm; transition: all 0.3s 0.01s ease; cursor: pointer; } .main-nav-list span.disabled{ color: #ccc; pointer-events: none; cursor: default; } @media screen and (min-width: 959px) { .main-nav-list { display: none; } } @media screen and (max-width: 960px) { div.header-back, div.header-search, .settings-button, div#widgets, div.widget-navi { display: none; } } * /*** КОНЕЦ: меню мобильной версии сайта ***/ /* ============================ PLUGINS ============================ */ .wppb-form-field ul li::before, .anycomment-socials ul li::before { border: 0; } .wppb-user-forms { margin-bottom: 20px; } #bg_counter_rate_box { display: inline-block; vertical-align: bottom; } /* bg_bibrefs fix */ .bg_data_tooltip img { display: none; } /* ============================ ECWID ============================ */ @media screen and (min-width: 959px) { div.showcase { float: right; } } #left-navigation>li .sub-menu.active { display: block; } details.main_menu { -webkit-tap-highlight-color: transparent; } /* COMMON | Global */ .warning { color: #e00000; } .locked-block { display: block!important; } .sidebar-hide .main-area-sidebar aside:before, .widget-item, .widget-padding, .tagcloud, .textwidget, .widget_nav_menu, .article-image img, .article-single-image img, aside footer, .single .article-footer, .page .article-footer { border-radius: 6px; box-shadow: 4px 4px 10px -4px #3a3a3a3a; } audio.no-player { display: none; } a.pluso-more { margin-right: 0!important; } /* TOOLTIP */ .tooltip { display: none; position: absolute; border: 1px solid #333; background-color: #161616; border-radius: 5px; padding: 4px 10px 6px; max-width: 300px; z-index: 9999; } .tooltip-content { color: #fff!important; font-size: 12px Arial; margin: 0!important; position: unset!important; } /* MOBILE FIXES */ @media screen and (max-width: 480px) { .header-login, .bg_favorite { font-size: 1rem; } } @media screen and (min-width: 960px) { .m-show { display: none!important; } div.bg_forreaders div a { width: 38px; height: 38px; } .opened_child .left-nav li.current-menu-ancestor>.sub-menu { display: block; } } @media screen and (max-width: 959px) { .m-hide { display: none!important; } .opened_child--mobile .left-nav li.current-menu-ancestor>.sub-menu { display: block; } } /* Chrome content visibility */ .article-single-print, .article-single-share, .related-posts, .comments, .comments-area { content-visibility: auto } /* Disable rating for pages */ .page .article-single-rating { display: none; } /* social share */ .social-share__wrap i { font-size: 1.3rem; line-height: 2rem; height: 2rem; text-align: center; vertical-align: middle; border-radius: 4px; margin: 0 0 0 .5rem; color: #999; } .social-share__wrap a i { width: 2rem; background: var(--link-color, #6b4f38); color: #fff; color: var(--body-bg, #fff); } .social-share__wrap a i:hover { background: #963D42; } .social-share__pre { margin-bottom: .2rem; } .social-share__wrap .fa-paper-plane:before { font-size: .8em; vertical-align: bottom; } .fa-viber:before { content: url('../images/icons/viber.svg'); vertical-align: -1px; } /* toolbox */ #az_toolbox { display: flex; justify-content: flex-end; align-items: center; font-size: .5cm; color: var(--link-color, #6b4f38); position: fixed; bottom: 0; left: 0; right: 0; height: .75cm; line-height: .75cm; z-index: 100; pointer-events: none; background: var(--widget-bg, #fff); } #az_toolbox>* { pointer-events: all; flex-grow: 1; text-align: center; } @media (min-width:921px) { #az_toolbox { /* font-size:2.5rem; */ flex-direction: column; gap: 20px; top: 50px; bottom: 0; left: auto; right: 1rem; padding: 1rem 0; height: auto; border: 0; background: transparent; } #az_toolbox>* { flex-grow: 0; } } @media (min-width:1201px) { #az_toolbox { right: calc(50vw - 50rem); } } /* Fix external highlight */ a.no-after-icon:after, .no-after-icon a:after, a[href*="/biblia/"]:after, a[href*="/menology/"]:after, a[href$="/gid"]:after, a[href$="/drevo-sajta"]:after, a[href$="-kanaly"]:after, .bg_hlnames:after { content: none!important; } /* значки для плагина Вадима, остальные стили загрузятся отложенно */ .bgp-img-inline { width: 1.2em; height: 1.2em; } /* Пока FontAwesome не загрузился */ i.fa{ font-style: normal; } .fa-volume-up:before { content: "\25B6"; }