* { box-sizing: border-box; } :root { --font-base-size: 19px; } html { max-width: 100vw; max-height: 100vh; overflow-x: hidden !important; overflow-y: auto; scroll-behavior: smooth; font-size: 19px; font-size: var(--font-base-size, 19px); --cs-font: 'HirmosPonomar', 'Franklin Gothic', Impact, monospace; --body-bg: #fbf5ea; --text-color: #2b2b2b; --secondary-bg: #fafafa; --secondary-text-color: #3a3a3a; --widget-color: #600; --accent-color: #900; --grey: #737373; } html.del-scrollbar { overflow: hidden; height: 100%; } body { color: #2b2b2b; color: var(--text-color, #2b2b2b); padding: .7cm 0 0 0 !important; text-align: center; background: #fbf5ea; background: var(--body-bg, #fbf5ea); } @media (pointer:coarse) { body { position: relative; } } html, body { min-width: 273px; } summary, .pika-select-label, a { color: inherit; text-decoration: underline; text-decoration-color: #bbb; text-decoration-thickness: 1px !important; text-decoration-skip: ink; text-underline-offset: 2px; transition: color .3s ease, background .3s ease; cursor: pointer; } summary { position: relative; padding-left: 1em!important; } summary::marker { content: none; } summary:before { content: '\f0d7\20'; font-family: Fontawesome; position: absolute; margin: 0 0 0 -1em; font-size: 80%; font-weight: normal; line-height: 1.25; } details[open] summary:before { transform: scaleY(-1); } img { border: none; } a img { border: none; } label { cursor: pointer; } h1, h2, h3, h4, h5, h6, form, p, ul, ol { padding: 0; margin: 0; } ol { list-style-position: inside; } .clearfix:after { content: ''; display: table; clear: both; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } .hidden, li:empty, p:empty, div+br, script, noscript { display: none !important; } h1, h2, h3, h4, h5, h6 { text-align: center; font-family: 'Kurale', serif; color: #900; color: var(--accent-color, #900); } h1 { font-size: 25px; font-weight: bold; margin-bottom: 6px; line-height: 25px; margin-top: 8px; } h2 { color: #333; color: var(--secondary-text-color, #333); font-size: 16px; } h6 { font-size: 18px; font-weight: normal; margin-bottom: 8px; text-align: center; padding-top: 8px; line-height: normal; } ul { margin-left: 1.3em; } .list-none { list-style: none; margin-left: 0; } figure { margin: 0; } .d-block { display: block !important; } /* Header */ .w-nav-top { background: linear-gradient(to bottom, #94C2FF, #ACD8FE); /* background-image deferred */ } .w-nav-top .row-fluid { box-sizing: border-box; text-align: left; background: url('../img/bg/bg_cloud_mini.jpg') left top no-repeat; background-size: cover; padding: 0 12px; } #nav { text-align: center; margin: 0 auto; position: relative; padding: 0; } .clrf:before, .clrf:after { display: table; line-height: 0; clear: both; content: ''; } .counter { font-size: 12px; margin: 0 0 0 auto; } /* MOBILE NAV */ .mobnav { display: flex; width: 100%; justify-content: space-around; background: #fff; background: var(--secondary-bg, #fff); color: #2b2b2b; color: var(--text-color, #2b2b2b); transition: transform .5s ease; } .mobnav.hidden-on-scroll{ transform: translateY(-100%); } #mobnav { position: fixed; z-index: 555; top: 0; box-shadow: 0 1px 10px #9996; } .mobnav.subnav { box-shadow: 0 -1px 10px #9996; } .mobnav-btn { width: 100%; /*padding: 0..5cm; */ font-weight: bold; font-size: .5cm; line-height: .75cm; transition: color .25s ease, background .25s ease; } .active.mobnav-btn { color: #000; background: #FEEEC0; } .mobnav-date:after { content: '31'; margin-left: -1.35em; font-size: 0.6em; width: 1.2em; text-align: center; display: inline-block; } .btn-settings { position: absolute; top: 8px; right: 0; z-index: 2; } /* Top Donation Button */ .header-help-btn { text-decoration: none; width: 100%; font-size: 12px; background: #A70D2F!important; } /* H1 */ #main_title { float: none; margin: 0; padding: 0; font-weight: bold; font-family: var(--cs-font); font-size: calc(133vw / 19); /* mobile first */ line-height: 1.2; text-transform: uppercase; text-align: center; width: 100%; } #main_title h1 { font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; } #search { width: 100%; box-sizing: border-box; position: relative; margin: 0; padding: 0; clear: right; } #main_title a { white-space: nowrap; text-shadow: 0 0 5px #fff; display: inline-block; text-decoration: none; vertical-align: top; color: #900; color: var(--accent-color, #900); } #search form input[type=search] { cursor: text; height: 30px; margin: 0; padding: 0 48px 1px 8px; width: 100%; box-sizing: border-box; border: 1px solid #7f9db9; background-color: #fff; background-color: var(--secondary-bg, #fff); } .button { display: inline-block; padding: 0.29em 1em 0.3em; text-decoration: none!important; background: #ccc9; text-indent: 0; } .button, button, select, input:is([type=checkbox], [type=radio]) { cursor: pointer; } input:not([type=checkbox], [type=radio]), select, button, .button { border-radius: 3px; border: 1px solid #d3d3d3; } input[type=text]:focus, input.text:focus { outline: none; } input:is([type=checkbox], [type=radio]) { vertical-align: middle; margin: 0 4px 0 0; } #main input:not([type=checkbox], [type=radio]), #main select { height: 25px; font-size: 15px; } #search form { line-height: 0; } #search form input[type=search]:focus { outline: none; background: #fff; background: var(--secondary-bg, #fff); } #search form input[type=search]:not(:placeholder-shown) { background: #fff; background: var(--secondary-bg, #fff); } #search form button[type=submit] { cursor: pointer; } #search form button[type=submit] i { color: #5978b3; } .see_also { background: url('../img/book.png') no-repeat scroll 0 0 transparent; padding-left: 24px; background-size: 20px; background-position-y: -1px; } .block h3 .see_also { padding-left: 24px; } #holiday-description .brif ul li em { font-size: 14px; } #holiday-description .holiday-image { text-align: center; float: none; margin: 0; font-size: 10pt; margin: 4px 0px 2px 8px; } .search-form-button { position: absolute; top: 2px; right: 0; display: block; width: 30px; height: 25px; background: none; border: none; opacity: 0.4; } .search-form-field::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: gray; font-size: 15px; } .search-form-field::-moz-placeholder { /* Firefox 19+ */ color: gray; font-size: 15px; } .search-form-field:-ms-input-placeholder { /* IE 10+ */ color: gray; font-size: 15px; } .search-form-field:-moz-placeholder { /* Firefox 18- */ color: gray; font-size: 15px; } @media (hover: hover) { .speech:hover .search-form-button:hover { opacity: 1; } } .search-form-button:focus, .search-form-field:focus { outline: none; } .search-form-field { display: inline-block; width: 70%; height: 13px; padding: 8px 8px; padding-right: 30px; line-height: 25px; background: #fff; background: var(--secondary-bg, #fff); border: 1px solid #d3d3d3; border-radius: 6px; } .search-form-field::-webkit-search-cancel-button { -webkit-appearance: searchfield-cancel-button !important; position: relative; right: 25px; } .top-saints { width: 100%; background: linear-gradient(to bottom, #81a0da, #9bb3e1); color: #fff; color: var(--secondary-bg, #fff); font-size: 14px; padding: 2px 12px; margin-bottom: 14px; text-align: center; line-height: 2; overflow: auto; white-space: nowrap; } .top-saints a { font-weight: 700; color: #fff; color: var(--secondary-bg, #fff); margin: 0 3px; text-decoration: none; text-decoration-skip: none; text-decoration-skip-ink: none; } .top-saints .view_all a { margin: 0; font-weight: normal; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .65); } /* Content */ #content { padding: 0 12px; } .wrapper { padding-top: 0; padding-bottom: 20px; display: flex; flex-wrap: wrap; justify-content: space-between; } /* Main */ #main { flex: 1 0 100%; width: 100%; min-width: 260px; /* firefox flex fix */ margin: 0 auto; padding: 0; text-align: left; } #main, #right-bar .box { -moz-hyphens: auto; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; hyphenate-limit-chars: 5 3 3; } /* Calendar */ .general-info { box-sizing: border-box; padding: 0 12px; margin: 20px 0 20px; width: 100%; } .boxer { position: relative; border: 4px #900 double; border: 4px var(--accent-color, #900) double; padding: 12px 16px; margin: 0; width: auto; } .boxer:before { content: ''; position: absolute; left: -17px; top: -17px; right: -17px; bottom: -17px; pointer-events: none; } #calendar_day { width: 100%; } #calendar .day .row-fluid { display: flex; justify-content: space-between; align-items: flex-start; } .day .row-fluid:before, .day .row-fluid:after { content: none; } .calendar__day__current { display: flex; gap: 5px 10px; justify-content: center; align-items: flex-start; flex-wrap: wrap; color: #900; color: var(--accent-color, #900); max-width: 190px; } #calendar_day .next { position: relative; z-index: 1; order: 9; } #calendar_day .prev { position: relative; z-index: 1; } #calendar_day .nav { display: flex; align-items: center; font-size: 15px; font-weight: bold; height: 38px; line-height: 14px; text-decoration: none; image-rendering: -webkit-optimize-contrast; } .nav.prev-day { content: '#prev'; padding-left: 30px; margin-left: -14px; text-align: left; } .nav.next-day { content: '#next'; text-align: right; padding-right: 30px; padding-left: 0; justify-content: flex-end; margin-right: -14px; } @media (min-width: 921px) and (max-width:1040px) { #calendar_day .prev p, #calendar_day .next p { display: none; } } #calendar_day td { vertical-align: top; } #calendar_day .days { width: 96px; font-family: var(--cs-font); font-size: 16px; line-height: 1.2; font-weight: bold; margin: 0; text-align: center; text-transform: uppercase; } #calendar_day .days-mobile { width: 100%; font-family: var(--cs-font); font-size: 24px; line-height: 1; font-weight: bold; margin: 0; padding: 7px 0 0; text-align: center; text-transform: uppercase; min-height: 32px; } #calendar_day .oldstyle, #calendar_day .newstyle { font-size: 12px; font-size: calc( var(--font-base-size, 19px) * 0.63); text-align: center; } #calendar_day .oldstyle { color: #999; color: var(--grey, #999); padding: 0 8px 0 0; order: 3; } #calendar_day .oldstyle br { display: none; } #calendar_day .oldstyle a:link, #calendar_day .oldstyle a:visited { color: #999 !important; color: var(--grey, #999)!important; text-decoration: underline; text-decoration-color: #d3d3d3; } @media (hover: hover) { #calendar_day .oldstyle a:hover { color: #c00 !important; text-decoration: none; } } #calendar_day .newstyle { /*color: #c24827;*/ font-size: 14px; font-size: calc( var(--font-base-size, 16px) * 0.875); padding: 0 0 0 8px; /*width: 240px;*/ } #calendar_day .oldstyle strong, #calendar_day .newstyle strong, #calendar_day .newstyle h1 { font-size: 16px; font-size: calc( var(--font-base-size, 19px) * 0.8421); line-height: 14px; white-space: nowrap; } .newstyle h1 { padding: 0; margin: 0; } #calendar_day .oldstyle strong { color: #999; color: var(--grey, #999); } #calendar_day .newstyle strong, #calendar_day .newstyle h1 { font-weight: bold; font-family: Arial, Helvetica, sans-serif; } #calendar .post { /*float: left;*/ margin: 6px 0 0; text-align: center; width: 100%; } .day__post-wp { background: #7fc7ff; color: #fff; font-size: 14px; font-size: calc( var(--font-base-size, 16px) * 0.875); display: inline-block; padding: 0; position: relative; } .day__post-wp .shadow { padding: 3px 20px 4px; box-shadow: 0 8px 8px -7px #000c; } .day__post-wp.wp-white, .day__post-wp.wp-white a { color: #3a3a3a; color: var(--secondary-text-color, #3a3a3a); } .day__post-wp .lc, .day__post-wp .rc { position: absolute; top: 50%; margin-top: -15px; width: 13px; height: 29px; image-rendering: -webkit-optimize-contrast; color: transparent; overflow: hidden; } .day__post-wp .lc { left: -11px; content: '#l'; } .day__post-wp .rc { right: -11px; content: '#r'; } .day__post-wp a { color: #fff; text-decoration: underline; text-decoration-skip: ink; } .day__post-wp-white a { color: #000; text-decoration: underline; text-decoration-color: #d3d3d3; } #calendar_day .cal { padding: 0; width: 100%; margin-left: -20px; margin-right: -20px; } /* Boxer */ .boxer h4 { color: #c24827; font-family: 'Kurale', serif; font-size: 15px; font-weight: normal; margin: 0 0 8px; text-align: left; text-transform: uppercase; } /* Text */ .day__text { padding: 8px 0 0; width: 100%; color: #900; color: var(--accent-color, #900); } .day__text p { font-size: 16px; font-size: calc( var(--font-base-size, 19px) * 0.8421); line-height: 1.5; margin: 8px 0 0; text-align: center; } .day__text span { font-size: inherit !important; } .day__text p a:visited { color: #CC6666; } .day__text p a, #calendar_day .newstyle, #calendar_day .newstyle strong, #calendar_day .newstyle h1, #calendar_day .days, #calendar_day .nav { color: #900; color: var(--accent-color, #900); } .slideshow, #slider { margin: 0; } #slider { padding: 0 30px; position: relative; } #slider a, #slider div { outline: none; } .slideshow { display: flex; overflow-x: auto; scroll-behavior: smooth; scroll-snap-type: both mandatory; scrollbar-width: 0; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; padding-bottom: 8px; } .slideshow::-webkit-scrollbar { width: 2px; height: 2px; display: none; } .slideshow::-webkit-scrollbar-thumb { background: #900; background: var(--accent-color, #900); display: none; } .slideshow>a { scroll-snap-align: center; line-height: 0; margin: auto; display: block; text-align: center; min-width: calc(100vw - 130px); /* mobile first */ -webkit-user-drag: none; user-drag: none; } .slideshow img { min-height: 160px; margin: 0 auto; filter: drop-shadow(0px 3px 3px #400a); -webkit-user-drag: none; user-drag: none; } .slideshow .ikon-slide { width: 100% } /* единственное фото */ .slick-track>a { pointer-events: none; } .slick-track>a>* { pointer-events: all; } .car-nav { color: #900; color: var(--accent-color, #900); font-size: 1.5rem; display: flex; justify-content: center; align-items: center; position: absolute; text-align: center; top: 0; width: 30px; height: 100%; z-index: 5; cursor: pointer; } .car-nav#prev { left: 0; } .car-nav#next { right: 0; background-position: -29px center; } .car-nav#prev:before, .car-nav#next:before { font-family: FontAwesome; } .car-nav#prev:before { content: '\f104'; } .car-nav#next:before { content: '\f105'; } .slideshow:not(.slick-initialized) { min-height: 160px; } .car-nav.slick-disabled { color: #d3d3d3; } .slider-wrap { min-height: 120px; } #slider, #slider * { transition: all .5s ease; } #slider.thumbnails { display: none; position: fixed; top: 0; left: 0; right: 0; z-index: 1001; } #slider.thumbnails a:not(.current) { opacity: .3; } @media (hover: hover) { #slider.thumbnails a:hover { opacity: .9; } } #slider.thumbnails a.current { display: none; } .lightbox-wrap { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #000d; opacity: 0; transition: opacity .5s ease; } .lightbox-wrap.active { opacity: 1; } .lightbox-body { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; min-width: 100vw; max-width: 100%; max-height: 100%; height: fit-content; width: fit-content; } .lightbox-img-wrap { position: relative; max-height: 100vh; padding: .5rem .5rem .25rem; background: #fafafa; background: var(--secondary-bg, #fafafa); border-radius: 10px; } button:is(.lightbox-prev, .lightbox-next, .lightbox-close) { appearance: none; -webkit-appearance: none; color: #3a3a3a; color: var(--secondary-text-color, #3a3a3a); z-index: 2; border-radius: 50px; border: 0; } button:is(.lightbox-prev, .lightbox-next) { position: absolute; top: 40vh; background: #fafafa; background: var(--secondary-bg, #fafafa); line-height: 2rem; width: 2.2rem; } .lightbox-prev { left: 0 } .lightbox-close, .lightbox-next { right: 0 } button.lightbox-close { position: absolute; top: 0; background: transparent; line-height: 1.5; width: 1.5rem; } .lightbox-img { opacity: 0; max-width: 100%; max-height: 90vh; overflow: hidden; object-fit: contain; transition: opacity .5s ease; } .lightbox-img.loaded { opacity: 1; } .lightbox-caption { background: #fafafa; background: var(--secondary-bg, #fafafa); color: #3a3a3a; color: var(--secondary-text-color, #3a3a3a); padding-bottom: 5px; padding-right: 1em; border-radius: 10px; margin: -.33em auto 0; } html.fancybox-lock { overflow: hidden !important; } html.fancybox-margin { margin: 0; } .fancybox-overlay { max-width: 100vw; max-height: 100vh; } .fancybox-title.fancybox-title-inside-wrap { padding: 0 0 8px 0; } .fancybox-description.fancybox-title-inside-wrap { padding: 8px 0 0 0; text-align: left; } .fancybox-wrap-aligned { left: 50% !important; transform: translateX(-50%) !important; transition: width 150ms ease-in-out 0s, top 150ms ease-in-out 0s; } .fancybox-nav.fancybox-prev { left: -44px; padding-right: 44px; } .fancybox-nav.fancybox-next { right: -44px; padding-left: 44px; } /* Block */ .block { margin: 16px 0 0; text-align: left; width: 100%; clear: both; } .block h2 { width: 100%; color: #900; color: var(--widget-color, #900); font-size: 1rem; margin: 0 0 8px; padding: 8px 8px 12px; text-align: center; line-height: 1.25; } .block h3, .block h3 a { color: #900; color: var(--accent-color, #900); font-size: .9rem; margin-bottom: 8px; margin-top: 10px; padding: 0; text-transform: uppercase; text-align: left; } h3 a, h4 a, a h4 { color: #900; color: var(--accent-color, #900); } .block h3 .liturgical_instructions { text-transform: none; font-size: 1rem; } .readings-text { text-align: left; margin-bottom: 10px; } .readings-inner p { display: inline; } .readings .apostol-of-day { display: block; margin-top: 8px; } .readings-bible .fa { display: inline-block; transform: scaleX(-1) translateX(2px); font-size: 1.1em; } .block p { text-indent: 0 !important; } #main .block.remembrance-day p:only-child { text-align: center; } .info { text-indent: 0 /*15px;*/ } .info h4 { font-size: 1rem; } .info ul, .info ol { margin-left: 15px !important; } .info ul { list-style-type: disc; } .info li { margin-bottom: 8px; } .info p a { color: inherit; } .info .book p a, .info .book p a:visited { color: #3a3a3a; color: var(--secondary-text-color, #3a3a3a); text-decoration: none; } .info-more { float: right; width: 300px; line-height: 25px; border-radius: 25px; margin: -8px 0 0; text-align: center; text-decoration: none; color: #900; color: var(--accent-color, #900); } @media (hover: hover) { .block .info-more:hover { text-shadow: 0 0 0 #900; text-shadow: 0 0 0 var(--accent-color, #900); } } #link2sermons { display: block; padding-top: 8px; clear: both; } #main .block .book p { text-align: left; } .block.advice { text-align: left; } .info p a.more { color: #333; color: var(--secondary-text-color, #333); text-decoration: none; } .info .item { padding: 0 0 20px; } /* Блоки с 2 колонками */ .books-wrapper { display: flex; flex-wrap: wrap; gap: 8px 0; } /* Проповедь дня */ .sermons-inner img { max-width: 70px; } .sermons-list { list-style: none; margin-left: 0; } .book-author { display: block; } .block.books .item>p:first-of-type, .block.sermons .item>p:first-of-type { text-align: left; } .block.sermons p a { text-decoration: none; } /* Богослужебные указания */ .readings { display: flex; flex-wrap: wrap; } .readings-inner { line-height: 1.33; } .readings a { color: inherit; } .readings figure { order: 9; } .readings .caption { display: inline-block; width: 100%; /*330px;*/ order: 10; } figcaption, .readings .caption { text-align: center; font-size: 90%; line-height: 1.3; } .read-more-blank, .read-more-x, .more-link, #main .read-more, .read-more a, #show-all, #hide-translations { font-size: .8rem; margin: 8px 0 0; text-align: justify; cursor: pointer; color: #900; color: var(--accent-color, #900); text-decoration: none !important; display: inline-block; padding: 6px 10px; border-radius: 12px; white-space: nowrap; } .read-more, #show-all, #hide-translations { display: inline-block; margin-right: auto; text-align: center; cursor: pointer; } .read-more a { margin: 0; padding: 0; background: transparent; pointer-events: none; } .ogl2 { text-align: left !important; } .otechnik { margin: 0 20px 20px 20px; border: 1px solid #ccc; border-radius: 8px; padding: 8px; text-align: left !important; } .otechnik p { text-align: left !important; } .brif a { color: #900; color: var(--accent-color, #900); } .brif ul { list-style: outside; line-height: 1.2; margin: 0 0 30px 25px; } .brif .thumb { float: none; margin: 0 0 20px 25px; text-align: center; } .brif .thumb span { display: block; font-size: 12px; } .brif figure { margin: 0 1rem; } .block p>img, .block .alignleft { float: left; margin: 0 12px 8px 0; } .block .azbyka-saints p>img { float: none; margin: 0; } .block .alignright { float: right; margin: 0 0 8px 14px; } .block .details { display: none; } .anchor-slice p>.read-more, .anchor-slice p>.read-more-x, .anchor-slice p>.read-less { display: inherit; } .read-more-x a { float: left !important; } .radio:before, .audio:before, .video:before, .read-more:before, .read-more-x a:before, .read-less a:before { font-family: FontAwesome; font-weight: 400; color: inherit; margin-right: .33em; } .radio:before, .audio:before { content: '\f028'; } .video:before { content: '\f03d'; } .read-more:before, .read-more-x a:before { content: '\f0d7'; } .read-less a:before { content: '\f0d8'; } .taks_content strong+em { color: #737373; color: var(--grey, #737373); } .block .frame h3 { margin-bottom: 0px; margin-top: 0; font-weight: 700; text-transform: none; font-size: 1rem; padding-bottom: 0px; color: #3a3a3a; color: var(--secondary-text-color, #3a3a3a); } .block .frame+.frame { margin-top: 8px; } .block .frame p { line-height: 1.125; text-align: justify; } .block .frame span.glas { color: #999; color: var(--grey, #999); font-weight: normal; } .block h2.block_title { background: transparent; margin: 0; } .block h2.block_title, .block h3 { font-family: Arial, sans-serif; font-weight: bold; } h4 span.glas { color: #999; color: var(--grey, #999); font-weight: normal; margin-left: 8px; } /* Main */ #main ul.cycles { background: url('../img/dividers_13.svg') center bottom no-repeat; margin: 50px auto 30px; padding-bottom: 35px; text-align: left; width: 100%; } #main ul.cycles li { list-style: inside; } #main ul.cycles li a { color: #900; color: var(--accent-color, #900); text-decoration: underline; } #main p h2 { color: #3a3a3a; color: var(--secondary-text-color, #3a3a3a); font-size: 24px; margin: 20px 0 20px; line-height: 25px; } #main .block p { margin: 8px 0; } #main .block p:first-child { margin-top: 0; } #main .block p:last-child { margin-bottom: 0; } #main p small { font-size: 14px; font-size: calc( var(--font-base-size, 16px) * 0.875); line-height: 16px; } /* articles formatting */ .article :where(h2, h3, h4, h5, h6) { text-align: center; line-height: 1.1; margin-bottom: 0.5rem; } .article h2, .article .h2 { font-size: 14pt; } .article p { text-align: left; text-indent: 1em; margin-block-start: 0; margin-bottom: 1rem; margin-left: 0 !important; } .article .small { font-size: 14px; font-size: calc( var(--font-base-size, 16px) * 0.875); } .article .red { color: #d00; } .article .center { text-align: center; } /* .article p[style]>img { width: 100%; height: auto; } */ .article img { max-width: 100%; object-fit: cover; } .article .img-left { float: left; margin-right: 10px; } .article .img-right { float: right; margin-left: 10px; } .article table td, .article table th { padding: 0 0.5rem 1rem 0; } .article table td:last-child, .article table th:last-child { padding-right: 0; } .article table.equal-columns, .article table.equal-columns tbody { table-layout: fixed; } #main .article ol li { padding: 8px 0 8px 8px; border-bottom: 1px solid #e7ce91; margin-left: 1rem; } #main .article hr { width: 200px; } #main .article hr.wide { width: 100%; } #main .article hr.crimson { border: 0; border-top: 1.5px solid #900; border-top: 1.5px solid var(--accent-color, #900); height: 0; } #main .article>ul { margin-left: 1rem; margin-bottom: 1rem; } #main .article>ul>li>a { -webkit-margin-start: -2px; } #main .article ul li { text-align: left; } #main #featured .inner { text-align: center; } #main #featured h1 { line-height: 32px; } #main #featured h1 a { color: #900; color: var(--accent-color, #900); text-decoration: underline; text-decoration-skip: ink; } #main #featured #slider { margin: 6px auto 18px; } #main .pages_block .frame-wrapper { display: block; padding: 0 0 20px; } #main .pages_block iframe { width: 100%; height: 140px; border: 0; pointer-events: none; } /* Sidebars */ .unselectable, .sidebar label { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .sidebar .widget-title, .sidebar p.h4 { font-family: 'Kurale', serif; font-size: 18px; font-size: calc( var(--font-base-size, 19px) * 0.94737); line-height: 1; margin: 4px auto; padding: 0; text-align: center; font-weight: bold; } #left-bar.sidebar .widget-title{ font-family: inherit; text-align: left; padding-left: 1em; } #right-bar.sidebar .widget-title{ font-size: calc( var(--font-base-size, 19px) * 1.1); } .sidebar .menu-wrap{ margin-bottom: 1rem; } .sidebar .menu-wrap .widget-title{ text-align: left; } .widget form div+div, .form-row { margin: 8px 0 0; } .form-row:first-child { margin-top: 0; } .form-row.controls { text-align: center; display: flex; align-items: center; gap: 5px; } .widget input[type=text], .widget input[type=tel], .widget input[type=email], .widget input[type=submit], .widget select, .widget button { box-sizing: border-box; padding: 3px 8px; width: 100%; font-size: 1rem; line-height: 1.5; height: 2rem; border-radius: 5px; } .sidebar [type=submit] { color: var(--accent-color, #900); background: transparent; border: 1px solid; margin: 0 auto; text-align: center; } @media (hover: hover) { .sidebar [type=submit]:hover { background: #94030618; } } .sidebar a, .sidebar summary { color: #900; color: var(--accent-color, #900); text-decoration: none; } .sidebar .btn-year-calendar{ font-family: Helvetica, Arial, sans-serif; border: 1px solid var(--accent-color, #900); border-radius: 4em; text-decoration: none; font-weight: 300; text-transform: none; margin: auto; width: max-content; padding: 4px 10px 5px; display: block; } .sidebar .btn-year-calendar__wrap{ margin: 10px 0 3px; } /* Right Sidebar */ #right-bar .box { min-width: 250px; padding: 0 15px 15px; margin: 12px 23px 0; text-align: center; position: relative; background: linear-gradient(to bottom, #FDE294 0%, #FDEDBD 20px, #FDEDBD calc(100% - 20px), #FCDD83 100%); } #right-bar .widget-title { border-bottom: 1px solid #9004; margin: 0 0 8px; padding: 8px 0 8px; } #right-bar .dayfoto .widget-title { border-bottom: 0; margin: 0; } #right-bar a[href*="p-audio-calendar"]{ text-decoration: underline .1px #ccc; } /*#right-bar h4.prolog_header ~ p { padding-left: 8px; }*/ #right-bar .box { line-height: normal; } #right-bar p, #right-bar span { margin: 8px 0; } #right-bar p:last-child { margin-bottom: 0; } #right-bar .quote-of-day p { text-align: left; } #right-bar .box p.author { font-style: italic; text-align: right; } .author-name { font-size: 14px; font-size: calc( var(--font-base-size, 16px) * 0.875); font-style: italic; font-weight: 400; color: grey; } #right-bar .box.dayfoto { text-align: center; } #right-bar .box.dayfoto img { margin: 0 auto; width: 100%; max-height: 500px; } #right-bar .box.sticker { text-align: center; } #right-bar ul { margin-left: 1.1em; } .day-in-history p, .day-in-history ul { text-align: left; } .dayvideo .youtube, .dayvideo iframe, .dayfoto .dayfoto { border-bottom-left-radius: 8px; } /* SIDEBAR GLOBALS */ .sidebar .widget a { color: #900; color: var(--accent-color, #900); } .sidebar { color: #600; color: var(--widget-color, #600); font-size: 1rem; margin: 0 -10px; width: 100%; width: -webkit-fill-available; } /* Left Sidebar */ #left-bar { position: relative; top: 10px; padding: 42px 28px; align-self: flex-start; margin-bottom: 1rem; } #dp-calendar { margin-bottom: -18px; } #dp-calendar .dp-popup { overflow: hidden; margin: 0 -3px; padding: 0 3px; } #left-bar h3 { font-size: 1rem; line-height: 1; margin: 0 0 16px; padding: 0; text-transform: uppercase; } #left-bar #dp-calendar+h3 a { position: relative; margin-top: 2px; padding: 8px 0 3px 16px; } #left-bar .widget { position: relative; padding: 8px 0; border-bottom: 1px solid #9004; max-width: 320px; margin: 0 auto; image-rendering: -webkit-optimize-contrast; z-index: 1; } #left-bar .widget:last-child{ border-bottom: 0; } #left-bar .widget>a, #left-bar .widget-title>a, #left-bar .widget summary{ text-decoration: none; } #left-bar ul { margin: 0 8px; padding: 0; text-align: left; } #left-bar ul li { list-style-type: none; margin: 0; padding: 0; } #left-bar ul li a { color: #900; color: var(--accent-color, #900); display: block; padding: 2px 0 2px; text-decoration: none; } #left-bar ul li a:before { content: '\f105'; font-family: FontAwesome; margin-right: 4px; opacity: 0.5; } #left-bar #commemorationsWidgetResult ul li a { display: inline; } #left-bar #commemorationsWidgetResult ul li a:before { content: none; } #left-bar .month { background: transparent; border: 0; box-shadow: none; } /* Footer */ #footer { opacity: .6; padding: 20px; } .footer-container { font-size: 14px; font-size: calc( var(--font-base-size, 16px) * 0.875); display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; justify-content: center; margin: auto; } .footer-container__center { grid-column: 2; display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; align-items: center; } .footer-container:before, .footer-container:after { content: none } .footer-help-block { text-align: center; margin: 1rem 0; } .footer-help-btn { font-size: 1rem; padding: .25em 1em; } /* secondary */ .retypos-banner { width: 200px; vertical-align: middle; } .visible-tab { display: none; } .counter-hide { visibility: hidden; position: fixed; pointer-events: none; } div.block .frameblocclear { width: 100%; float: left; height: 0; } a.sermons, a.sermons:visited, a.pages, a.pages:visited { color: #333; color: var(--secondary-text-color, #333); text-decoration: none; } @media (hover: hover) { a.sermons:hover, a.pages:hover { color: #333; color: var(--secondary-text-color, #333); text-decoration: none; } } a.pages>p:first-of-type>img:first-of-type { float: left; width: 90px; margin-right: 8px; } a.pages>p:not(:first-of-type):last-of-type:after { content: '\f0da'; font-family: FontAwesome; } .commonwealth { line-height: 1.2; } .commonwealth a { margin-top: -8px; } .tooltipcontent .left { float: left; margin-right: 8px; } .saint-ideograph, .holiday-ideograph, .ikon-ideograph { width: 14px; vertical-align: bottom; margin-bottom: 2px; } .day__text p a.saint-ideograph-link { text-decoration: none; vertical-align: middle; } .day__text .saint-link-pic { color: #000; font-size: .8em; margin-right: 3px; } [data-tooltip] { position: relative } [data-tooltip]:hover:after { content: attr(data-tooltip); font-size: 12px; font-family: sans-serif; background: #fff; padding: 2px 5px 3px; border-radius: 4px; box-shadow: 0 1px 5px #c0c0c0; width: max-content; position: absolute; top: -1.25rem; left: 0; z-index: 100; } #calendar .holiday-ideograph-link, #calendar .holiday-ideograph-link, #calendar .ikon-ideograph-link { text-transform: none; text-decoration: none; } .date a.irrelevant { color: #a9a9a9; } .date i { font-size: 12px; } .ui-dialog .ui-dialog-titlebar-close span.ui-icon-closethick { margin: -8px; } div.ui-dialog { background: #f2ead8 none; } .saintsfoto { margin-bottom: 16px; margin-top: 7px; text-align: center; white-space: nowrap; } .caa { margin-bottom: 2rem; } #main .caa { margin-bottom: 0; } .caa a { text-decoration: underline; } .caa-block h3 { text-align: center; } .caa-block h4, .books h4 { margin: 1em; } #subscribe_form { text-align: left; } #cboxcontent { font-weight: bold; } .title-custom-character { font-family: "Arial", "Helvetica", sans-serif; font-weight: bold; } .player-time, a.player-time { color: #900; color: var(--accent-color, #900); font-weight: bold; text-decoration: none; } .player-time { border-left: none !important; margin: 0; margin-left: 5px; color: inherit; font-size: .7em; } .played, .duration { font-weight: bold; font-size: 1.1em; } a[href*=pravoslavnoe_bogosluzhenie] { padding-bottom: 2px; padding-top: 2px; } .holiday_link span { text-decoration: underline; } @media (hover: hover) { .holiday_link span:hover { text-decoration: none; } } #bg_year_calendar { text-align: center; } #bg_month_mcalendar { min-height: 165px; } #bg_calendar { --primary-color: #d7bc89; } #bg_calendar #header { display: none; /* TODO: убрать из вёрстки и не прятать */ } .wedding-calendar .wedding { background-color: #ffac8066!important; } #bg_year_calendar.wedding-calendar .pika-table { border: 1px solid #d7bc89; margin: 0 -1.25px -1.25px; } #bg_year_calendar.wedding-calendar .pika-month { border: 2px solid #d7bc89 } .legend { text-align: center; padding: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; } div.legend-wedding { display: inline-block; margin: 0px 5px; } .legend-wedding div { background-color: White; width: 15px; height: 15px; border: 1px solid grey; margin: 0px 5px; display: inline-block; background-color: PeachPuff; } .block .prayer_block { margin-bottom: 15px; } .taks_block .details>.read-less { padding-top: 15px; display: block; } .newmartyros_photo { margin: 8px; float: left; } td.current-month.calendar-holiday { background-color: #fb6e6e; } .services-inner, .services-inner h4 { text-align: left; } .services-inner h1, .services-inner h2 { color: #805536; line-height: 1.3em; } .services-inner h1 { font-size: 20px; } .services li { break-inside: avoid; } .services__canons, .services__akafists { -webkit-column-break-inside: avoid; column-break-inside: avoid; page-break-inside: avoid; } .audiobooks-inner .link{ display: flex; font-size: 0; } #main .audiobooks-inner .link p, #main .audiobooks-inner .link img{ margin-bottom:0; } .prolog:not(.prolog_header) { border-bottom: none !important; } .prolog a { color: #900; color: var(--accent-color, #900); } @media (hover: hover) { .prolog a:hover { color: #c00; } } .description h3, .description h4 { margin: 1em; } .block .description h4 { text-align: left; margin: 5px 3px; } .description ul span em { font-size: 11pt; } .scripture-sub { text-align: left !important; font-size: 14px; font-size: calc( var(--font-base-size, 16px) * 0.875); } #right-bar .audio_services .inline-player__wrap{ margin: 0; } .radio { text-align: center; border-top: 1px solid #9004; padding-top: 8px; } .widget-title .help-link{ float: right; margin-left: -1em; } .subscribe #birthday { visibility: hidden; height: 1px; width: 2px; position: absolute; } .pomin .widget-title .fa, .subscribe .widget-title .fa { margin-left: 5px; } .rites .rites_link { color: #900; color: var(--accent-color, #900); } @media (hover: hover) { .rites .rites_link:hover { color: #c00; } } .rites+p { margin-top: 8px; } .block h4 a.rites_download_link { color: #c00; } .rites_download_link_pdf:after, .rites_download_link_word:after { font-family: FontAwesome; margin-left: .3em; color: grey; text-decoration: none; font-weight: 400; } .rites_download_link_pdf:after { content: '\f1c1'; } .rites_download_link_word:after { content: '\f1c2'; } .hr { border-top: 1px dotted; width: 300px; } .tag-block .videos-block .video-block { min-width: 205px; min-height: 123px; float: left; position: relative; padding-right: 22px; } .tag-block .videos-block { position: relative; } .tag-block .videos-block .clear { clear: left; } b.fasting-message { font-size: 18px; color: #900; color: var(--accent-color, #900); } #calendar b.fasting-message a { color: #900; color: var(--accent-color, #900); } .tags { color: #f2ead8; text-align: center; clear: both; padding-top: 8px; } .tags a { color: #f2ead8; font-size: 12px; line-height: 14px; text-decoration: none; } .b-ukaz-wrap { position: relative; padding-left: 2.4em; } .b-ukaz-wrap .pref { position: absolute; left: 0; } .brif-video { text-align: center; aspect-ratio: 16/9; } .brif-video figcaption { text-align: center; } .block-audiobooks img { width: 70px; height: 70px; } .tag_links_holidays a, .tag_links_holidays b, .tag_links_holidays span { color: #900; color: var(--accent-color, #900) !important; font: normal 16px Arial, Verdana, Helvetica, sans-serif !important; text-transform: none !important; text-decoration: underline; } .tag_links_holidays ul { padding-left: 1rem; } .rites .fa-book { color: #646464; color: var(--secondary-color, #646464); } #mc-container { width: 80%; margin: auto; } .day__text a[href*="postov-i-trapez"] { color: #15a2f3; } .rating { float: left; width: 300px; } iframe.kv { height: 1700px; } .expandable { max-height: 19em; /* mobile first */ overflow: hidden; position: relative; } .sidebar .expandable { max-height: 0; } .expandable:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 32px; background: linear-gradient(to top, #fbf5ea, #fbf5ea00); background: linear-gradient(to top, var(--body-bg, #fbf5ea), transparent); z-index: 1; pointer-events: none; } .expandable.expanded { max-height: 100%; } .expandable.expanded:after { content: none; } .article .adaptive { width: 100%; text-align: left; } .article .adaptive td { text-align: left; vertical-align: top; line-height: 1.2; } .article .adaptive td p, .article .adaptive td div, .article .adaptive td a { text-align: left; line-height: 1.2; } .adaptive th, .adaptive td { padding: 2px 4px; } .nav__left { display: flex; flex-direction: column; justify-content: space-between; } .nav__right { display: flex; flex-wrap: wrap; gap: 3px; align-items: center; align-self: flex-start; margin: 2px 0 5px; width: 100%; } .top-telegram { font-size: 12px; } #button_help_out { margin: 20px auto 0; } button.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; } button.cupid-orange { background-color: #ee972f; background-image: linear-gradient(top, #ee972f, #f26b23); border: 1px solid #c6734a; border-bottom: 1px solid #c6734a; border-radius: 6px; box-shadow: inset 0 1px 0 0 #c6734a; color: #fff; font: 400 13px "Helvetica", "Arial", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; line-height: 1; padding: 8px 0; text-align: center; text-shadow: 0 -1px 0 #c6734a; width: 125px; font-family: arial; letter-spacing: 1px; text-transform: uppercase; } @media (hover: hover) { button.cupid-orange:hover { background-color: #f26b23; background-image: linear-gradient(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; } .image-left, .image-right { display: block; text-align: center; } #main .icon_fixed { display: block; text-align: center; width: 100%; } #content .icon_fixed { display: none; } .icon_fixed img { width: 100%; } #main .icon_fixed img { max-width: 250px; margin: auto; } @media screen and (max-width: 1200px) { .brif-video, .brif-video-left, .brif-video-right { float: none; clear: both; margin: auto; } } @media screen and (max-width: 1024px) { .icon_fixed { position: relative; right: 0; top: 0; margin: auto; width: 200px; } .caa p.icon_fixed { margin: auto !important; } } img[data-src] { background-repeat: no-repeat; background-position: 50% 50%; min-height: 66.5px; } .block img[data-src], .block img.loading { min-width: 70px; min-height: 93px; } img.square50 { min-height: 50px !important; min-width: 50px !important; } .dv-in-texts { clear: both; display: flex; min-height: 45px !important; } .dv-in-texts>a { line-height: 0; } img.img-in-texts { margin: 0 12px 0 0; width: 70px; } a.a-in-texts img { width: 50px !important; } span.arrow-in-texts { color: #a4a4a4; } .taks_audio { margin-left: 8px; display: inline-block; vertical-align: middle; } ul.lst_creations { margin: 0 0 0 1em !important; } ul.lst_creations li.lst_creations_li { list-style-position: outside; margin-bottom: 4px !important; } ul.lst_creations li.lst_creations_li a.lst_creations_a { display: block; } .description ul { margin: 0 0 0 1.5em !important; } .description ul li { list-style-position: outside; margin-bottom: 4px !important; } .ui-dialog.ui-widget.ui-widget-content { background: none; /* and no special background for the dialog */ } .ui-widget-overlay.ui-front { /* you want this */ opacity: .75; } .ui-widget-overlay { background-color: #4a4a4a !important; } #svcCheckEmail_notice.green { display: none !important; visibility: hidden !important; } .translate { color: #696969; font-size: 15px; } #namedayWidgetResult, .autocomplete { text-align: left; } #namedayWidgetResult { overflow-y: auto; max-height: 200px; scrollbar-width: thin; scrollbar-height: thin; } #namedayWidgetResult::-webkit-scrollbar { width: 6px; height: 6px; } #namedayWidgetResult::-webkit-scrollbar-thumb { background: #900; background: var(--accent-color, #900); width: 6px; } #namedayWidgetResult li { display: flex; gap: 2px; align-items: baseline; } #namedayWidgetResult li:before { content: '•' } #namedayWidgetResult .error, #commemorationsWidgetResult .error{ color: #E00; text-align: center; } .speech { position: absolute; top: 0; right: 20px; display: none; width: 30px; height: 100%; border: 1px solid transparent; background: transparent; text-align: center; opacity: .65; } .fa.speech { font-size: 16px; } .speech:before { vertical-align: -35%; } .search-form-field::-webkit-search-cancel-button { -webkit-appearance: default-button; right: 25px; } .search-form-field.hide_cross::-webkit-search-cancel-button { -webkit-appearance: none; } .lbl-day-today { font-family: Arial, Helvetica, sans-serif; font-size: 15px; margin-top: 8px; } a.novisited { color: inherit !important; } /* inline-audio */ .inline-player__wrap { display: inline-flex; align-items: center; gap: 5px; } .inline-player__wrap.has-progress.started { min-width: 200px; } .fa.inline-player, .inline-player { cursor: pointer; color: #ab343a; border: 2px solid; border-radius: 2em; transition: color .4s ease, background .4s ease, border .3s ease; display: inline-flex!important; align-items: center; justify-content: center; width: 1.75em; height: 1.75em; min-width: 1.75em; } .inline-player:before { padding-bottom: .02em; } .inline-player audio { display: none; } .article-single-content .inline-player__wrap.active .fa.inline-player, .inline-player__wrap.active .inline-player { color: #fff; background: #900; box-shadow: 0 0 8px #900; border-color: #fff; } .inline-player__wrap.active .fa.inline-player:before { content: "\f04c"; transform: scale(0.75); } .inline-player__wrap.loading .inline-player:before { content: "\f021"!important; } .inline-player__wrap.error .inline-player:before { content: "\f00d"!important; } .player-total, .player-time { font-family: sans-serif; font-size: 0.8em; font-weight: bold; color: #ab343a; white-space: nowrap; } .player-line { --player-percent: 0%; display: inline-block; width: 100px; max-width: 0px; transition: max-width 1.5s ease, margin 1.5s ease; } .inline-player__wrap.loading .player-line { background-image: repeating-linear-gradient(-45deg, #fff 0, #fff 10px, #ddd 10px, #ddd 20px)!important; background-size: calc(10*(10px/0.707)) 100%!important; animation: barberpole 10s linear infinite; } @keyframes barberpole { 0% { background-position: 0 0; } 100% { background-position: calc(10*(12px/0.707)) 100%; } } .inline-player__wrap.started .player-line { flex-grow: 100; position: relative; margin: 0; max-width: 100vw; height: 1rem; cursor: pointer; background: linear-gradient(to right, #900 0%, #900 var(--player-percent), #ccc var(--player-percent), #ccc 100%); } .inline-player__wrap.active .player-line:after { content: ''; position: absolute; left: calc(var(--player-percent) - 4px); width: 1rem; height: calc(100% + .5rem); top: -.25rem; background: #fff; border: 1px solid #ccc; z-index: 1; } .inline-audio-bar { position: fixed; bottom: 6px; right: 50px; z-index: 100; font-size: 2rem; display: none; } .inline-audio-bar.active { display: flex } .inline-audio-bar .fa { justify-content: center; height: 2.5rem; width: 2.5rem; color: #900; border-width: 4px; font-size: 1.2rem; line-height: 1.3; } .inline-audio-bar .fa-play { padding-left: 5px; } .play-pause { cursor: pointer; } .play-pause.active:before { content: "\f04c"; } @media (min-width: 921px) { .inline-audio-bar { bottom: 20px; right: 100px; } } /* end inline audio */ .nowrap { white-space: nowrap; } .panzoom { object-fit: none } .fancybox-image { cursor: zoom-in; } /* helpers */ .text-center { text-align: center; } .text-red { color: #ff0000; } .fa { min-width: 1em; } .widget-x-calendar { position: relative; } .glass { color: #999; color: var(--grey, #999); } .videoiframe { display: block; margin: auto; } /* MEDIA: TABLET AND UP */ @media screen and (min-width:521px) { #content, .w-nav-top .row-fluid { padding-left: 20px; padding-right: 20px; } #main { text-align: justify; } .sidebar { width: 50%; max-width: unset; } .slideshow>a { min-width: calc(33vw - 60px); } .videoiframe { float: right; margin: 10px 0 10px 10px; } } @media screen and (max-width: 920px) { .mob-hide { display: none; } } table { padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; } table td { vertical-align: top; } table[border="1"] :where(td, th) { border: .01px solid #2b2b2b; border: .01px solid var(--text-color, #2b2b2b); padding: 3px 5px 4px; } @media screen and (max-width: 520px) { .bread, .breadcrumbs { line-height: 1.5; } /* mobile tables */ table { width: 100%; display: block; border: 0; overflow-x: auto; } table tbody { display: table; } table th, table td { min-width: 2em; } table.narrow-mobile-columns th, table.narrow-mobile-columns td { min-width: unset; } table.adaptive { display: block; border: 0; overflow-x: auto; } table.adaptive tbody { display: table; border-collapse: collapse; } table.adaptive th, table.adaptive td { padding: 3px 5px 4px; border: .01px solid #2b2b2b; border: .01px solid var(--text-color, #2b2b2b); } .block .frame p { text-align: left; } } #flash-messages .alert { background: #990000; color: #fff; font-weight: bold; padding: 10px 5px; } #flash-messages .btn-close { color: #fff; float: right; appearance: none; background: transparent; border: 0; } #flash-messages .btn-close:before { font-family: FontAwesome; content: '\f00d' } /* bible_refs_tooltip */ .bg_data_title { position: static; white-space: nowrap; cursor: pointer; } .bg_data_tooltip { display: none; position: absolute; white-space: normal; overflow-y: hidden; overflow-x: hidden; z-index: 101; left: 0; top: 80px; width: 240px; max-height: 240px; max-width: 600px; margin: 0; padding: 5px 5px 5px 10px; border: 1px solid #767676; font-family: sans-serif; font-size: 12px; font-style: normal; font-weight: 400; font-stretch: normal; color: #000; text-decoration: none; text-align: start; background-color: rgba(253, 253, 255, .99); box-shadow: 5px 5px 5px -3px rgba(118, 118, 118, .9); } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; margin-top: .5rem; margin-bottom: .5rem; } .pagination-sm .page-link { padding: .25rem .5rem; font-size: .875rem; line-height: 1.5; } .pagination .page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: .2rem; border-bottom-left-radius: .2rem; } .pagination .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; } .pagination .page-item.active .page-link { z-index: 1; background-color: #ead9b3; border-color: #ead9b3; } .pagination .page-link:not(:disabled):not(.disabled) { cursor: pointer; } .pagination a { color: #900; color: var(--accent-color, #900); } input:invalid { border: #900 solid 2px; } .source, #main .block p.source { text-align: right; font-size: 14px; line-height: 1; font-style: italic; }