@charset "UTF-8";
/*
Theme Name: Blago Obninsk
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 7.0
Requires PHP: 7.2
Version: 1.5.9.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/
/* stylelint-disable at-rule-descriptor-value-no-unknown */
/* еще усложним задачу calc я использую не только для font-size: но и для других свойств например для width тоже - width: calc(200px + (44 - 20) * ((100vw - 320px) / (1920 - 320))); */
:root {
  --width: calc(0px + (260 - 0) * ((100vw - 320px) / (1024 - 320)));
  --font-color-default: rgb(9 9 27);
  --font-color-secondary: rgb(80 60 42);
  --bg-inverse2: #494949;
  --accent: #897666;
  --background-color: rgb(210 242 255);
  --background-second: rgb(2 10 16);
  --background-selected: rgb(43 45 65 / 33.7%);
  --background-transparent: rgb(14 14 19 / 85.5%);
  --selected-color: rgb(94 77 168);
  --themes-color: rgb(230 217 205);
  --background-thumb: rgb(86 56 20 / 76.7%);
  --scrollbar-thumb-bgcolor: rgb(231 231 231);
  --border-color: rgb(86 56 20 / 62.3%);
  --pos: center center;
  --size: 0;
  --inset-top: 0;
  --inset-right: 100%;
  --inset-bottom: 100%;
  --inset-left: 0;
  --stripe-width: 10px;
  --nav-marker-border: rgb(59 134 134);
  --sidebar-width: 28.5rem;
  --duration: 0.3s;
  --button-size: 4rem;
  --mob-expanded-width: 320px;
  --mob-collapsed-width: 4rem;
}

.perform-slide .swiper-slide {
  flex-direction: column;
  gap: 10px;
}

.gallery-image {
  height: 100%;
}
.gallery-image__body {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 10px;
  justify-content: space-around;
  height: 100%;
  margin: 4rem 0 2rem;
}
.gallery-image--2 .gallery-image__body .gallery-image__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: calc(50% - 20px);
}
@media screen and (width < 490px) {
  .gallery-image--2 .gallery-image__body .gallery-image__item {
    max-width: 100%;
  }
}
.gallery-image--3 .gallery-image__body .gallery-image__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: calc(33.3333333333% - 20px);
}
@media screen and (width < 960px) {
  .gallery-image--3 .gallery-image__body .gallery-image__item :root {
    --mq-header-size: big;
  }
  .gallery-image--3 .gallery-image__body .gallery-image__item {
    max-width: calc(50% - 20px);
  }
}
@media screen and (width < 490px) {
  .gallery-image--3 .gallery-image__body .gallery-image__item {
    max-width: 100%;
  }
}
.gallery-image--4 .gallery-image__body .gallery-image__item {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: calc(25% - 20px);
}
@media screen and (width < 1440px) {
  .gallery-image--4 .gallery-image__body .gallery-image__item {
    max-width: calc(33.3333333333% - 20px);
  }
}
@media screen and (width < 960px) {
  .gallery-image--4 .gallery-image__body .gallery-image__item :root {
    --mq-header-size: big;
  }
  .gallery-image--4 .gallery-image__body .gallery-image__item {
    max-width: calc(50% - 20px);
  }
}
@media screen and (width < 490px) {
  .gallery-image--4 .gallery-image__body .gallery-image__item {
    max-width: 100%;
  }
}
@media screen and (width <= 960px) {
  .gallery-image--4 .gallery-image__body {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (width <= 325px) {
  .gallery-image--4 .gallery-image__body {
    grid-template-columns: 1fr;
  }
}
.gallery-image__item {
  min-width: 200px;
}
.gallery-image__item a {
  position: relative;
  width: 100%;
  height: 100%;
}
.gallery-image__link {
  position: relative;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.gallery-image__link img {
  aspect-ratio: 3/2;
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: cover;
}
.gallery-image__link:hover .icon-zoom {
  transform: scale(1);
  text-align: center;
}
.gallery-image__link .icon-zoom {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  transition: all 0.4s ease-in-out;
}
.gallery-image__link .icon-zoom svg {
  width: 6rem;
  height: 6rem;
  filter: drop-shadow(0 0 7px rgba(0, 0, 0, 0.7));
  fill: rgb(232, 223, 216);
}

.gallery-news__image.ratio-default img {
  aspect-ratio: 3/2;
}
.gallery-news__image.ratio-middle img {
  aspect-ratio: 4/3;
}
.gallery-news__image.ratio-auto img {
  aspect-ratio: auto;
}

.caption-image {
  margin-top: 5px;
  border: 1px solid #503c2a;
  border-radius: 8px;
  height: 100%;
  padding: 10px 5px;
  font-size: 1.8rem;
  font-weight: 600;
  color: #503c2a;
  text-align: center;
}

.content-block__text {
  margin-bottom: 1rem;
}

/* Временно - удалить */
#wpadminbar {
  z-index: 21 !important;
}

.news-date span {
  color: #503c2a;
}
.news-date {
  font-weight: 600;
  text-align: right;
}

.wp-block-table {
  overflow: hidden;
}

.gallery-block {
  clear: both;
}

.pagination-news {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 2rem 0;
}
.pagination-news__list {
  display: flex;
  gap: 2rem;
  align-items: center;
}
@media screen and (width < 490px) {
  .pagination-news__list {
    gap: 1rem;
  }
}
.pagination-news__item {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  border: 1px solid rgba(80, 60, 42, 0.62);
  border-radius: 100vw;
  background-color: #e6d9cd;
  box-shadow: 0 0 4px 2px #e6d8cc;
}
.pagination-news__item input {
  text-align: center;
}
.pagination-news__item input[type=number]::-webkit-outer-spin-button,
.pagination-news__item input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  text-align: center;
}
.pagination-news__item {
  /* Firefox */
}
.pagination-news__item input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.pagination-news__item.is-active {
  color: #fff;
  background-color: #503c2a;
}
.pagination-news__item.is-active .pagination-news__link {
  color: #fff;
}
.pagination-news__link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 2rem;
  font-weight: 600;
  color: #503c2a;
  text-align: center;
}
.pagination-news .navigation {
  width: auto;
}
.pagination-news .navigation__button-prev, .pagination-news .navigation__button-next {
  margin: 0 4rem;
}
.pagination-news .navigation__button-prev.is-disabled, .pagination-news .navigation__button-next.is-disabled {
  pointer-events: none;
  opacity: 0.5;
}

.latest-news {
  margin: 0 -2.4rem -4rem -1.4rem;
  padding-block: 3rem 0;
}
.latest-news .gallery-news__image {
  float: none;
  width: 100%;
  margin-bottom: 2rem;
}

.menu-list .aside-menu__list::before {
  background: none !important;
}
.menu-list .aside-menu__list > .aside-menu__item:first-child::after {
  background: none !important;
}

.current.ratio-default img {
  aspect-ratio: 3/2;
}
.current.ratio-middle img {
  aspect-ratio: 4/3;
}
.current.ratio-column-middle img {
  aspect-ratio: 2/3;
}
.current.ratio-column-small img {
  aspect-ratio: 3/4;
}
.current.ratio-column img {
  aspect-ratio: 3/4;
}
.current.ratio-auto img {
  aspect-ratio: auto;
}

.clergy-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: auto;
  margin: 0 auto;
}
.clergy-card span {
  display: block;
  line-height: 1;
}
.clergy-card__body {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 300px;
  height: 100%;
  text-align: center;
}
.clergy-card__image {
  width: 150px;
  margin: 0 auto;
}
.clergy-card__image img {
  display: block;
  width: 100%;
  mask-image: url("img/photo/mask-image.png");
  mask-repeat: no-repeat;
  mask-position: bottom center;
  mask-size: 100%;
}
.clergy-card__title-group {
  font-size: 2rem;
  color: #503c2a;
}
.clergy-card__info {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}
.clergy-card__rank {
  text-transform: uppercase;
}
.clergy-card__name {
  font-size: 28px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
}
@media (width >= 490.98px) and (width <= 1920px) {
  .clergy-card__name .t-019 {
    font-size: calc(19px + 9 * (100vw - 490px) / 1430);
  }
}
@media screen and (width < 490px) {
  .clergy-card__name {
    font-size: 19px;
  }
}
.clergy-card__post {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  height: 100%;
  line-height: 1;
}

.info-content__image a:hover .icon {
  transform: scale(1);
}
.info-content__image a .icon {
  position: absolute;
  transform: scale(0);
  width: 90px;
  height: 90px;
  transition: all 0.4s ease-in-out;
}
.info-content__image a .icon svg {
  fill: rgb(232, 223, 216);
}
.info-content__title {
  width: 100%;
  margin-bottom: 4rem;
  line-height: 1;
  color: #503c2a;
  text-align: center;
  text-transform: uppercase;
}
.info-content__text {
  line-height: 100%;
}
.info-content__item {
  list-style-position: inside;
  list-style-type: disc;
}
.info-content__item:not(:last-child) {
  margin-bottom: 2rem;
}
.info-content a {
  position: relative;
  z-index: 1;
  color: #503c2a;
}
.info-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  transform: scaleX(0);
  width: 100%;
  height: 1px;
  opacity: 0.6;
  background-color: #503c2a;
  transition: transform 0.3s ease-in-out;
}
.info-content:hover::before {
  transform: scaleX(1);
}
@media screen and (width < 1140px) {
  .info-content .wp-block-table :root {
    --mq-header-size: big;
  }
  .info-content .wp-block-table {
    clear: both;
  }
}
.info-content ul li {
  list-style: disc inside;
}
.info-content ul,
.info-content ol {
  transform: translateX(1rem);
  margin-left: 1.6rem;
  margin-block: 1rem 2rem;
}
.info-content ul li,
.info-content ol li {
  line-height: 1.6;
}
.info-content ol li {
  list-style: decimal inside;
}
.info-content table {
  display: inline-table;
  border-collapse: collapse;
  break-inside: avoid;
  width: 100%;
  margin: 2rem 0;
  font-size: 1.6rem;
  white-space: wrap;
}
@media screen and (width < 1140px) {
  .info-content table :root {
    --mq-header-size: big;
  }
  .info-content table {
    clear: both;
  }
}
@media screen and (width <= 375px) {
  .info-content table {
    font-size: 11px;
  }
}
.info-content table td,
.info-content table th {
  word-break: normal;
  overflow-wrap: anywhere;
}
.info-content table thead {
  border-bottom: 2px solid #503c2a;
}
.info-content table thead tr {
  padding: 10px;
  font-size: 2rem;
  font-weight: 600;
  color: #775742;
  text-align: left;
  background-color: rgb(230, 217, 205);
}
.info-content table tbody td {
  padding: 10px;
  border-bottom: 1px solid var(--border-color) !important;
  vertical-align: middle;
}
.info-content table tbody tr td:nth-child(even) {
  border-right: 1px solid rgba(119, 87, 66, 0.68);
  border-left: 1px solid rgba(119, 87, 66, 0.68);
}
.info-content table tbody tr:nth-child(even) {
  background: rgb(230, 230, 230);
}
.info-content table th {
  padding: 10px;
  color: #503c2a;
  text-align: left;
  background-color: rgb(230, 217, 205);
}
.info-content table th:nth-child(1) {
  width: 10%;
}
.info-content a {
  position: relative;
  color: #503c2a;
  transition: color 0.3s ease-in-out;
}
.info-content a::before {
  content: "";
  position: absolute;
  bottom: 0;
  transform: scaleX(0);
  width: 100%;
  height: 1px;
  opacity: 0.6;
  background-color: rgb(80, 60, 42);
  transition: transform 0.3s ease-in-out;
}
.info-content a::after {
  bottom: 0;
  left: 0;
}
.info-content a:hover::before {
  transform: scaleX(1);
}
.info-content a:hover a {
  opacity: 1;
}
.info-content p {
  text-align: left;
}
@media screen and (width < 820px) {
  .info-content p :root {
    --mq-header-size: big;
  }
  .info-content p {
    display: inline;
  }
}

.map-block__body {
  width: 100%;
}
.map-block__content {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 500px;
  border-radius: 1rem;
}
.map-block__content .ymaps-2-1-79-map {
  width: 100% !important;
}
.map-block__content iframe {
  display: block;
  width: 100%;
  height: 450px;
  border: 0;
}

.gallery-clergy__item .icon {
  position: absolute;
  transform: scale(0);
  width: 90px;
  height: 90px;
  transition: all 0.4s ease-in-out;
}
.gallery-clergy__item:hover .icon {
  transform: scale(1);
}
.gallery-clergy__body {
  display: flex;
  flex-wrap: wrap;
  gap: 6rem 10px;
  justify-content: space-around; /* Элементы распределятся как нужно */
}
.gallery-clergy__body .clergy-card:nth-child(1) {
  flex: 1 1 100%;
  max-width: 100%;
}
.gallery-clergy__body .clergy-card {
  align-self: stretch;
}
.gallery-clergy__card {
  position: relative;
  flex: 1 1 20%;
  max-width: calc(25% - 10px); /* Ограничение, чтобы карточки не раздувались, если их мало */
  height: auto;
  margin-top: 125px;
  padding: 70px 3rem 30px;
  border-radius: 8px;
  text-align: center;
  background: rgba(247, 244, 241, 0.431372549);
  backdrop-filter: blur(8px);
  box-shadow: 0 0 6px 1px #e6d8cc;
}
.gallery-clergy .clergy-card__body {
  margin-top: 140px;
  padding: 70px 30px 30px;
  border-radius: 8px;
  background: rgba(247, 244, 241, 0.431372549);
  backdrop-filter: blur(8px);
  box-shadow: 0 0 6px 1px #e6d8cc;
}
.gallery-clergy .clergy-card__image {
  margin: -200px auto 0;
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 500;
  color: #503c2a;
}

.info-content__text p img {
  width: auto;
  max-width: 100%;
}
@media screen and (width < 400px) {
  .info-content__text p img {
    width: 100%;
    margin-block: 2rem;
  }
}
.info-content__text img.alignleft {
  float: left;
  margin-right: 2rem;
}
.info-content__text img.alignright {
  float: right;
  margin-left: 2rem;
}

@media screen and (width < 820px) {
  .info-content__image.right :root {
    --mq-header-size: big;
  }
  .info-content__image.right {
    padding: 1rem 0 !important;
  }
}

.inner-navigation__buttons {
  position: absolute;
  z-index: 9;
  top: 13%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.inner-navigation__button-next {
  margin-right: -2rem;
}
.inner-navigation__button-prev {
  margin-left: -2rem;
}
.inner-navigation__button-next, .inner-navigation__button-prev {
  outline: none;
  border: none;
  display: block;
  font-weight: 700;
  color: #503c2a;
}
.inner-navigation__button-next span, .inner-navigation__button-prev span {
  display: block;
}
.inner-navigation__button-next span .icon, .inner-navigation__button-prev span .icon {
  font-size: 5.4rem;
}
.inner-navigation__button-next.swiper-button-disabled, .inner-navigation__button-prev.swiper-button-disabled {
  opacity: 0.4;
}

/*# sourceMappingURL=style.css.map */