@media screen and (min-width:921px) and (max-width:1200px) { .slideshow>a { min-width: 33vw !important; } } @media screen and (min-width:921px) { :root{ --font-base-size: 16px; } html { font-size: 16px; font-size: var(--font-base-size, 16px); } .counter { text-align: right; } #nav .breadcrumbs { width: 222px; padding-top: 3px; padding-left: 0; overflow: visible; } .header-help-btn{ padding: 3px 8px 4px; margin-bottom: 8px; } .btn-settings{ top: auto; bottom: 8px; cursor: pointer; } #main { flex-shrink: 1; grid-column: 2; order: 2; } .wrapper { flex-wrap: nowrap; display: grid; grid-template-columns: 224px calc(100% - 508px) 224px; gap:20px; max-width: 1540px; margin: 0 auto; padding: 10px 0 0; } #main_title { font-size: min(calc(11px + 2.5vw), 44px); margin: 16px 0 10px; } #main>h1 { margin-bottom: 20px; } .top-saints { line-height: inherit; margin-bottom: 0; } .desk-hide { display: none; } body { padding-top: 0 !important; } .sidebar { font-size: 15px; font-size: calc( var(--font-base-size, 16px) * 0.9375 ); width: 100%; width: -webkit-fill-available; max-width: 270px; } #left-bar { order: 1; margin-left: -22px; margin-right: -24px; min-width: 266px; } #right-bar { margin: 0 -5px 0 -1px; order: 3; } #left-bar .widget { max-width: unset; margin-left: 0; margin-right: 0; } #right-bar .box { margin: 12px 0 0; min-width: unset; padding: 0 17px 15px 12px; } .mobnav { display: none !important; } .day__text p { font-size: 15px; font-size: calc( var(--font-base-size, 16px) * 0.9375 ); line-height: 17px; line-height: calc( var(--font-base-size, 16px) * 1.0625 ); } .expandable { max-height: 17em; } .slideshow>a { min-width: calc(33vw - 230px); } .boxer { padding: 12px 24px; margin: 17px; } .car-nav { opacity: 0; } #slider:hover .car-nav { opacity: 0.65; } #slider .car-nav:hover { opacity: 1; } .lightbox-body { min-width: 500px; } .lightbox-prev { left: 5vw; } .lightbox-next { right: 5vw; } .lightbox-img { cursor: zoom-in; } .lightbox-wrap.fullscreen, .lightbox-wrap.fullscreen .lightbox-body, .lightbox-wrap.fullscreen .lightbox-img-wrap{ padding:0; height: 100%; } .lightbox-wrap.fullscreen .lightbox-body{ overflow: auto; justify-content: unset; } .lightbox-wrap.fullscreen .lightbox-img-wrap{ overflow: auto; height: 100%; width: 100%; background: transparent; } .lightbox-wrap.fullscreen .lightbox-caption{ background: transparent; position: fixed; top:.5rem; right:0; z-index: 99; } .lightbox-wrap.fullscreen .lightbox-caption-text{ display: none; } .lightbox-wrap.fullscreen .lightbox-close{ background: #fafafa; background: var(--secondary-bg, #fafafa); line-height: 2rem; width: 2.2rem; } .lightbox-wrap.fullscreen .lightbox-img{ object-fit: none; margin: auto; max-height: unset!important; max-width: unset; min-height: 100%; cursor: zoom-out; -webkit-user-drag: none; user-drag: none; } .services-inner { column-count: 2; } .book { flex-basis: 50%; text-align: left; } .block { padding-left: 1rem; padding-right: 1rem; margin-bottom: 1rem; } .block h2 { margin-left: -1rem; margin-right: -1rem; margin-bottom: .75rem; width: auto; } #main .block p { text-align: justify; } .brif .thumb { float: right; } .brif-video{ max-width: 320px; } #main ul.cycles { width: 300px; } #calendar_day .cal { width: auto; margin-left: 0; margin-right: 0; } #calendar_day .oldstyle, #calendar_day .newstyle { font-size: 14px; font-size: calc( var(--font-base-size, 16px) * 0.875 ); } #calendar_day .oldstyle br{ display: initial; } #calendar_day .days { width: auto; font-size: 32px; } .article p { text-align: inherit; } .image-right { float: right; margin-top: 2px; margin-right: 0; margin-bottom: 2px; margin-left: 8px; } .image-left { float: left; margin-top: 2px; margin-right: 8px; margin-bottom: 2px; margin-left: 0px; } .services-inner h1 { font-size: 25px; } img.img-in-texts { width: 70px; } a.a-in-texts img { width: 70px !important; } #slider { margin: -8px 0 8px; padding: 0 30px; position: relative; } .slideshow { margin: 7px auto 16px; } .slideshow.dragging{ scroll-snap-type: none; scroll-behavior: initial; } .slideshow.dragging>a{ scroll-snap-align: none; } .slideshow.dragging, .slideshow.dragging *{ transition: none!important; } #holiday-description .holiday-image { float: right; } img[data-src] { min-height: unset; } .w-nav-top .row-fluid, #content { padding: 0 20px; } #main_title a { text-shadow: 0 0 8px #fff; } .readings { display: block; } .footer-container { justify-content: flex-end; } .otechnik { float: right; max-width: 50%; } } @media screen and (min-width:1201px) { .btn-settings{ bottom: 8px; } .calendar__day__current{ max-width: unset; } #calendar_day .oldstyle { text-align: right; order: unset; } #calendar_day .newstyle { text-align: left; } .readings-inner { display: flex; justify-content: space-between; gap: 1rem; } .readings-text { flex-grow: 1; } .readings-video { flex-shrink: 0; } .holiday-video__container { display: flex; justify-content: center; gap: 1rem; } } @media (max-width:1400px) { #main_title .mob-hide{ display: none; } } @media (min-width:1401px) { #main_title .mob-hide{ display: initial; } } @media (min-width:1541px) { /* larger than main container */ .slideshow>a { min-width: 294px; } } @media screen and (min-width:921px) and (max-width:1584px) { #left-bar { margin-left: -12px; min-width: 256px; } }