:root {
    --color-1: #2F2019;
    --color-2: #27292A;
    --color-3: #D7AF88;
    --color-4: #AF7E56;
}

h1 {
    font-size: clamp(1.31rem, calc(1.03rem + 1.22vw), 2.25rem);
}

h2 {
    font-size: clamp(1.19rem, calc(1.05rem + 0.57vw), 1.63rem);
    text-wrap: balance;
}

h3 {
    font-size: clamp(0.95rem, calc(0.84rem + 0.45vw), 1.30rem);
}

h4 {
    font-size: clamp(0.81rem, calc(0.72rem + 0.38vw), 1.11rem);
}

h5 {
    font-size: clamp(0.69rem, calc(0.61rem + 0.32vw), 0.94rem);
}

h6 {
    font-size: clamp(0.59rem, calc(0.52rem + 0.27vw), 0.80rem);
}

body {
    min-width: 375px;
}

a {
    text-decoration: none;
    color: initial;
}

a:visited {
    color: initial;
}

a:hover {
    color: initial;
}

.site_info {
    display: none;
}

.site_tel {
    font-size: 2rem;
}

.site_tel a {
    color: white;
    transition: color .3s ease;
}

.site_tel a:hover {
    color: var(--color-3, #D7AF88);
}

section > .wrapper,
header.entry-header > .wrapper,
.entry-content > .wrapper,
header > .wrapper {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
}

.entry-content > .wrapper > p,
.entry-content > .wrapper > ul,
.entry-content > .wrapper > ol {
    max-width: 774px;
}

article .content__inner h2 {
    text-transform: uppercase;
}

article .content__inner figure {
    margin-bottom: 1rem;
}

article .content__inner blockquote {
    padding-left: 1.5rem;
    border-left: 4px solid var(--color-4);
    font-style: italic;
}

article .content__inner ul {
    list-style: disc;
}

article .content__inner hr.wp-block-separator {
    max-width: 100%;
    border-top: 1px solid var(--color-4);
}

/* article .content__inner blockquote > * {
    font-weight: 300;
} */

article .content__inner > h2,
article .content__inner > h3,
article .content__inner > h4,
article .content__inner > h5,
article .content__inner > h6,
article .content__inner > p {
    margin-top: initial;
    margin-bottom: 1em;
    overflow:hidden;
}

.content__inner > ol,
.content__inner > ul {
    margin-top: initial;
    margin-bottom: 1em;
    padding-left: clamp(1.13rem, calc(1.02rem + 0.44vw), 1.38rem);
}

article .content__inner > p,
article .content__inner > ol,
article .content__inner > ul {
    font-size: clamp(1rem, calc(0.9rem + 0.44vw), 1.25rem);
}

.content__inner > ol li,
.content__inner > ul li {
    margin-bottom: .5em;
}

button.basic-button {
    border-color: none;
    border-radius: none;
    background: initial;
    line-height: initial;
    padding: 0;
    border: none;
}

button.basic-button a {
    font-size: 1em;
    background-color: #005892;
    color: white;
    padding: 1em 2em;
    border-radius: 10em;
    display: block;
    text-decoration: none;
    transition: all .3s ease;
}

button.basic-button a:hover {
    background-color: #00589280;
    transition: all .3s ease;
}

button.basic-button.album-link {
    display: block;
    margin: 0 auto;
}

button.basic-button.album-link i {
    position: relative;
    left: .3em;
    transition: all .3s ease;
}

button.basic-button.album-link:hover i {
    position: relative;
    left: .6em;
    transition: all .3s ease;
}

.back-to-cat button.basic-button i {
    position: relative;
    margin-right: .5em;
    right: .3em;
    transition: all .3s ease;
}

.back-to-cat {
    margin: 1em 0;
}

.back-to-cat button.basic-button:hover i {
    position: relative;
    margin-right: .5em;
    right: .6em;
    transition: all .3s ease;
}



section.padding {
    padding: clamp(2.75rem, calc(2.23rem + 2.21vw), 4rem) 0;
}

.content__inner {
    padding: clamp(2.75rem, calc(2.23rem + 2.21vw), 4rem) 0;
}

header.entry-header.padding {
    padding: clamp(1.38rem, calc(1.01rem + 1.55vw), 2.25rem) 0;
}

.smallW {
    width: 90%;
    max-width: 744px;
    margin: 0 auto;
}

.text-center {
    text-align: center;
}

.bigW {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
}

.no-select {
    user-select: none;
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
}

breadcrumbs {
    position:relative;
    display: block;
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
    margin-bottom: 4em;
}

.page-template-default breadcrumbs,
.page-template-page-comissions breadcrumbs {
    width: 90%;
    color: #fff;
}

breadcrumbs a {
    color: inherit;
    transition: color .3s ease;
}

breadcrumbs a:visited {
    color: inherit;
}

breadcrumbs a:hover {
    color: var(--color-1);
}

.section-main-banner breadcrumbs a:hover {
    color: var(--color-3);
}

.swiper {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.swiper .card-image {
    position: relative;
    border: 3px solid #fff;
    background-position: center center;
    background-size: cover;
}

.swiper .card-image::before {
    display: block;
    content: "";
    padding-top: 56%;
}

.swiper.bigSwiper .card-image::before {
    padding-top: 100%;
}

.swiper .card-image .card-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #01335990;
    backdrop-filter: saturate(0); 
        -webkit-backdrop-filter: saturate(0);
    transition: all .3s ease;
}

.swiper .swiper-slide-active .card-image .card-cover  {
    background-color: #01335900;
    backdrop-filter: saturate(100%); 
        -webkit-backdrop-filter: saturate(100%);
    transition: all .3s ease;
}

.swiper-outer-wrapper {
    position: relative
}

.swiper.bigSwiper  {
    width: 100%;
    padding: 3em 0 7em;
}

.swiper.bigSwiper .swiper-slide {
    width: 65%;
}

section.main-banner {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

section.main-banner .swiper-outer-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

section.main-banner .swiper-button-next, 
section.main-banner .swiper-button-prev {
    color: white;
    display: none;
}

section.main-banner .card-info {
    position: absolute;
    bottom: -3em;
    font-size: .9em;
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: all .3s ease;
}

.swiper .swiper-slide-active .card-info{
    opacity: 1;
    transition: all .3s ease;
}

section.main-banner .card-info span {
    font-size: 1em;
    background-color: #d9d9d917;
    padding: 1em 1em;
    border-radius: 10em;
    color: white;
}

div.pagination {
    width: 90%;
    margin: 0 auto;
    max-width: 1280px;
    display: flex;
    justify-content: center;
}

div.pagination ul.page-numbers {
    margin-top: 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #00589227;
    border-radius: 10em;
}

div.pagination ul.page-numbers li {
    margin: 0 .5em;
    padding: 1em;
}

div.pagination ul.page-numbers li a {
    color: white;
    text-decoration: none;
} 

.archive div.pagination ul.page-numbers li a {
    color:#013359;
}

div.pagination ul.page-numbers li span.current {
    color: white;
    background: color(srgb 0 0.3112 0.53);
    padding: .5em;
    border-radius: 1em;
    text-decoration: none;
    transition: all .3s ease;
}

div.pagination ul.page-numbers li span.current {
    background: color(srgb 0 0.3687 0.63);
    transition: all .3s ease;
}



div.pagination ul.page-numbers li a.prev.page-numbers,
div.pagination ul.page-numbers li a.next.page-numbers {
    background: transparent;
}


/*ГЛАВНОЕ МЕНЮ*/

#masthead {
    background-color: var(--color-1, #2F2019);
}

.top-menu {
    height: 7.563em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 1rem 0;
}

.site-branding {
    height: 100%;
    display: flex;
}

.custom-logo-link {
    display: block;
    height: inherit;
}

.custom-logo-link > img {
    width: auto;
    height: inherit;
}

.site-branding p.site-title {
    margin:auto;
    padding-left: 1rem;
}

.site-branding .site-title > span{
    font-size: 500;
    text-transform: uppercase;
}

.top-menu {
    font-size: .6em;
}

.top-menu .form-wrapper {
    display: none;
}

#search-form-header,
#search-form-footer,
#search-form {
    background-color: #d9d9d917;
    padding: .5em 1em;
    border-radius: 10em;
    display: flex;
    align-items: center;
}

#search-form {
    background-color: #01335942;
    max-width: 280px;
    justify-content: flex-end;
}

#search-form-header button,
#search-form-footer button,
#search-form button {
    border: none;
    border-color: initial;
    border-radius: 0;
    background: inital;
    color: initial;
    line-height: 1;
    padding: 0;
}

#search-form-header button,
#search-form-footer button,
#search-form button {
    width: 1.5em;
    height: 1.5em;
    background: none
}

#search-form-header > input,
#search-form-footer > input,
#search-form > input {
    background: transparent;
    border: none;
    color: white;
    border-radius: 0;
}

#search-form-header > input::placeholder,
#search-form-footer > input::placeholder,
#search-form > input::placeholder {
    font-weight: 100;
    color: #ffffff87;
}

#search-form-footer svg {
    font-size: .8em;
}

#search-form-footer {
    margin: 3em 0;
}



#primary-menu {
    display: none;
    width: 90%;
    margin: 0 auto;
    justify-content: space-between;
    height: 7vw;
    transition: height .4s ease;
}

#primary-menu .nav-logo-link a {
    height: auto;
    height: 3.6vw;
    width: 12.3vw;
    background: url('/wp-content/uploads/2022/08/black_logo_rus.png');
    background-size: cover;
    background-position: center center;
}

#primary-menu .nav-logo-link {
    display: flex;
    align-items: center;
}

.nav-logo-link a img {
    width: auto;
}

#primary-menu a {
    color: #fff;
    font-size: 1vw;
}

#primary-menu .sub-menu {
    position: absolute;
    display: block;
}

#primary-menu > li > ul.sub-menu {
    top: 2em;
}

/* #primary-menu > div,
#primary-menu > li {
    width: 16%;
} */

#primary-menu > li {
    font-size: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    transition: background 300ms ease;
}

#primary-menu > li > a {
    justify-content: center;
    height: 100%;
    display: flex;
    width: 100%;
    font-size: 0.85em;
    align-items: center;
    letter-spacing: .1em;
    font-weight: 400;
    text-transform: uppercase;
    z-index: 999;
    transition: color 300ms ease;
    color: var(--color-3, #D7AF88);
}

#primary-menu > li.current-menu-item > a {
    color: #fff;
}

#primary-menu > li:hover > a {
    color: #fff;
    transition: color 300ms ease;
}

#primary-menu > li > .sub-menu > li {
    width: 100%;
    /*background: rgb(237, 237, 237);*/
}

#primary-menu > li > ul {
    left: 0;
    background: rgba(237, 237, 237, 1);
    box-shadow: none;
    width: auto;
    max-height: 0;
    transition: max-height, .5s, padding .5s;
    overflow: hidden;
    top: 0;
    z-index: 99;
}

#primary-menu > li > ul.sub-menu > li > a {
    opacity: 0;
    display: block;
    color: #000;
    line-height: 1.2;
    text-decoration: none;
    margin: .8vw 0;
    font-weight: 400;
    width: 100%;
    padding: 0 1em;
    transition: all .3s ease;
}

#primary-menu > li > ul.sub-menu > li > a:hover {
    color: #000;
    transition: all .3s ease;
}

#primary-menu > li:hover > ul.sub-menu > li:nth-child(1) > a,
#primary-menu > li:active > ul.sub-menu > li:nth-child(1) > a,
#primary-menu > li:focus > ul.sub-menu > li:nth-child(1) > a {
    opacity: 1;
    transition: opacity .3s ease .2s;

}

#primary-menu > li:hover > ul.sub-menu > li:nth-child(2) > a,
#primary-menu > li:active > ul.sub-menu > li:nth-child(2) > a,
#primary-menu > li:focus > ul.sub-menu > li:nth-child(2) > a {
    opacity: 1;
    transition: opacity .3s ease .25s;
}

#primary-menu > li:hover > ul.sub-menu > li:nth-child(3) > a,
#primary-menu > li:active > ul.sub-menu > li:nth-child(3) > a,
#primary-menu > li:focus > ul.sub-menu > li:nth-child(3) > a {
    opacity: 1;
    transition: opacity .3s ease .3s;

}

#primary-menu > li:hover > ul.sub-menu > li:nth-child(4) > a,
#primary-menu > li:active > ul.sub-menu > li:nth-child(4) > a,
#primary-menu > li:focus > ul.sub-menu > li:nth-child(4) > a {
    opacity: 1;
    transition: opacity .3s ease .35s;

}

#primary-menu > li:hover > ul.sub-menu > li:nth-child(5) > a,
#primary-menu > li:active > ul.sub-menu > li:nth-child(5) > a,
#primary-menu > li:focus > ul.sub-menu > li:nth-child(5) > a {
    opacity: 1;
    transition: opacity .3s ease .4s;

}

#primary-menu > li:hover > ul.sub-menu > li:nth-child(6) > a {
    opacity: 1;
    transition: opacity .3s ease .45s;

}

#primary-menu > li:hover > ul.sub-menu > li:nth-child(7) > a {
    opacity: 1;
    transition: opacity .3s ease .5s;

}

#primary-menu > li:hover > ul.sub-menu > li:nth-child(8) > a {
    opacity: 1;
    transition: opacity .3s ease .55s;

}

#primary-menu > li:hover > ul.sub-menu > li:nth-child(9) > a {
    opacity: 1;
    transition: opacity .3s ease .6s;

}

#primary-menu > li:hover > ul.sub-menu > li:nth-child(10) > a {
    opacity: 1;
    transition: opacity .3s ease .65s;

}

#primary-menu > li:hover > ul,
#primary-menu > li:active > ul,
#primary-menu > li:focus > ul {
    max-height: 1000px;
    transition: max-height, 1s, padding 1s;
    /*-webkit-backdrop-filter: blur(5px);*/
    /*backdrop-filter: blur(5px);*/
}

#mobile-menu .sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
}

.main-navigation ul ul {
    box-shadow: none;
}

.main-navigation ul ul a {
    width: 100%;
}

#mobile-menu .menu-item.open > .sub-menu {
    max-height: 500px; /* Укажите достаточно большое значение */
}

/*_____КНОПКА_МЕНЮ_____*/

.menu-toggle {
    position: absolute;
    background-color: transparent;
    top: -53px;
    right: 5%;
    z-index: 99999;
    color: #ccc;
    display: block;
    position: absolute;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 25px;
    height: 30px;
    font-size: 0;
    text-indent: -9999px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none;
    border: none;
    border-radius: none;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    transition: background 0.3s;
}

.menu-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: white;
    top: 0;
}

.menu-toggle:focus {
  outline: none;
}

.menu-toggle span {
  -webkit-transition: background 0s 0.3s;
  transition: background 0s 0.3s;
}
.menu-toggle span::before, .menu-toggle span::after {
  -webkit-transition-duration: 0.3s, 0.3s;
          transition-duration: 0.3s, 0.3s;
  -webkit-transition-delay: 0.3s, 0s;
          transition-delay: 0.3s, 0s;
}

.menu-toggle span::before {
  -webkit-transition-property: top, transform;
  transition-property: top, transform;
}
.menu-toggle span::after {
  -webkit-transition-property: bottom, transform;
  transition-property: bottom, transform;
}
.main-navigation.toggled .menu-toggle span {
  background: none;
}

.main-navigation.toggled .menu-toggle span::before, .main-navigation.toggled .menu-toggle span::after {
  background-color: #fff;
  -webkit-transition-delay: 0s, 0.3s;
          transition-delay: 0s, 0.3s;
}

.main-navigation.toggled .menu-toggle span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.main-navigation.toggled .menu-toggle span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.menu-toggle span {
    display: block;
    position: absolute;
    top: 12px;
    left: 0px;
    right: 0px;
    height: 2px;
    background: #fff;
}

.menu-toggle span::before, .menu-toggle span::after {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    content: "";
}

.menu-toggle span::before {
    top: -7px;
}

.menu-toggle span::after {
    bottom: -7px;
}
/*---------------*/
/*_____MOBILE_MENU_____*/

.main-navigation #mobile-menu li {
    float:none;
    border-bottom: 1px solid #ffffff16
}

#mobile-menu .sub-menu {
    width: 90%;
    position: relative;
    left: 7vw;
    max-height: 0px;
    transition: max-height .3s ease;
}

#mobile-menu .sub-menu.active {
    max-height: 1000px;
}

.main-navigation {
    position: relative;
    background-color: var(--color-2, #27292A);
}

.main-navigation #mobile-menu {
    display: block;
    max-height: 0px;
    transition: max-height, .7s, padding .7s;
    overflow: hidden;
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
}

.main-navigation.toggled #mobile-menu {
    max-height: 1000px;
    transition: max-height, .7s, padding .7s;
}

#mobile-menu .menu-item {
    overflow: hidden;
}

#mobile-menu .menu-item > a {
    color: #fff;
    padding: 1em; 
}

.t-nav_cat {
    border-bottom: 1px solid rgba(0, 0, 0, 0.32);
}

.t-nav_cat-label {
    position: relative;
    display: block;
    color: #000;
    text-transform: uppercase;
    letter-spacing: .04vw;
    font-weight: 700;
    font-size: 13px;
    padding: 36px 0;
    margin: 0;
}

.menu-item .t-nav__arrow {
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0,-50%) rotate(90deg);
    transform: translate(0,-50%) rotate(90deg);
    transition: -webkit-transform .2s cubic-bezier(.86,0,.07,1);
    transition: transform .2s cubic-bezier(.86,0,.07,1);
}

.menu-item.active .t-nav__arrow {
    transform: translate(0,-50%) rotate(270deg)
}


.m-logo-link {
    position: absolute;
    left: 11px;
    top: 0;
}

.m-logo img {
    height: 32px;
    margin-top: 17px;
}
/*______________________*/

/* ГЛАВНЫЙ БАННЕР */

section.main-banner {
    min-height: calc(100vh - 185px);
    background: linear-gradient(180deg, rgba(0,88,146,1) 0%, rgba(1,51,89,1) 100%);
}



/* FOOTER */

footer#colophon {
    background-color: var(--color-1);
}

footer#colophon svg {
    width: 2em;
    height: 2em;
}

footer#colophon .social svg {
    width: 4em;
    height: 4em;
    fill: #d9d9d966;
    transition: all .3s ease;
}

footer#colophon .social {
    display: flex;
    justify-content: center;
}

footer#colophon .social svg:hover {
    fill: var(--color-4);
    transition: all .3s ease;
}

footer#colophon .social > a {
    display: block;
    margin: 1em;
}

footer#colophon section > .wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.5em 0;
    border-top: 1px solid transparent;
    justify-content: space-between;
}

footer#colophon .link {
    display: flex;
    align-items: center;
    line-height: 1em;
    margin-bottom: 1.4em;
}

footer#colophon .link > a {
    text-decoration: none;
    color: #fff;
    transition: all .3s ease;
}

footer#colophon .link > a:hover {
    color: #ffffff66;
}

footer#colophon .link .icon {
    display: inline-block;
    height: 1.5em;
    width: 1.5em;
    margin-right: 1em;
    fill: #fff;
}

footer#colophon .link .icon > svg {
    width: inherit;
    height: inherit;
}

footer#colophon  .col-1 {
    display: flex;
    flex-direction: column;
    justify-content: center;;
}

footer#colophon .col-3.branding {
    width: 200px;
}

footer#colophon p.site-title {
    margin: 0;
    text-align: center;
}

footer#colophon p.site-title > span {
    font-weight: 200;
    font-size: .9em;
}

/* SINGLE PAGE */

.headline__stamps {
    width: 1em;
    height: 1em;
}

.single .headline {
    width: 90%;
    max-width: 744px;
    margin: 0 auto 3em;
}

.single-news .headline h1, .headline h1 {
    font-size: 1.8em;
}

.single .headline .headline__stamps > svg {
    height: 1.4em;
    font-weight: 400;
    font-size: 1.4em;
    color: rgb(0,173,239);
    line-height: 1.4em;
    vertical-align: middle;
    margin-right: 20px;
    box-sizing: border-box;
}

.single .article__img {
    text-align: left;
    display: block;
    position: relative;
}

.single .article__img .wrapper {
    text-align: left;
}

.single .article__img {
    text-align: center;
    display: flex;
    position: relative;
    width: 100%;
    margin: 0 auto;
    max-height: 400px;
    margin-top: 2em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.single .article__img img {
    height: auto;
    width: auto;
    max-height: 100%;
    max-width: 744px;
}

.home main.site-main {
    padding: 0;
    color: #000;
}

main.site-main {
    background-color: #fff;
    color: #000;
}

article .content__inner > * {
    max-width: 744px;
}

.content__inner p {
    font-size: clamp(1rem, calc(0.9rem + 0.44vw), 1.25rem);
    line-height: 1.5em;
    margin-bottom: 1.5em;
}

/* Страница архива  */



/* tax-person_category */

section.person-section > .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;;
}

section.person-section > .wrapper .item {
    margin: 1em;
}

section.person-section > .wrapper .item .card-wrapper {
    overflow: hidden;
    border-radius: 20em;
}

section.person-section > .wrapper .item .person-image {
    -webkit-transform: translate3d(0,0,0) scale3d(1,1,1);
    transform: translate3d(0,0,0) scale3d(1,1,1);
    transition: all .3s ease;
}

section.person-section > .wrapper .item:hover .person-image {
    -webkit-transform: translate3d(0,0,0) scale3d(1.1,1.1,1.1);
    transform: translate3d(0,0,0) scale3d(1.1,1.1,1.1);
    transition: all .3s ease;
}


section.person-section > .wrapper .item .person-image {
    width: 200px;
    height: 200px;
    border-radius: 300px;
    background-color: #d9d9d917;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}

section.person-section > .wrapper .item a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.person-section > .wrapper .item .info {
    color: white;
    text-decoration: none;
    text-align: center;
    font-size: .8em;
}

section.person-section > .wrapper .item .info h3 {
    font-size: 1.2em;
}

.person-image.no-image {
    opacity: .66;
}


/* Персональная страница */

.single.single-legend .headline,
.single.single-veteran .headline {
    max-width: 1280px;
    margin-bottom: 6em;
}

header .title-row {
    background: transparent;
    padding-top: 17em;
    position: relative;
}

.single.single-veteran .headline  h1 span.last_name,
.single.single-legend .headline  h1 span.last_name {
    text-transform: uppercase;
    font-weight: 600;
}

.single.single-legend .headline h1.title,
.single.single-veteran .headline h1.title {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.single.single-legend .headline h1.title > div,
.single.single-veteran .headline h1.title > div {
    text-align: center;
}

.single.single-veteran .headline h1.title > *,
.single.single-legend .headline h1.title > * {
    margin-right: .3em;
}

.single.single-veteran .headline h2.dates > *,
.single.single-legend .headline h2.dates > * {
    font-weight: 300;
}


.single.single-veteran .headline .wrapper,
.single.single-legend .headline .wrapper {
    padding: 1em;
    border-radius: 10em;
    background: #00589227;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;;
    padding-left: 0%;
    font-size: .8em;
}

.single.single-legend .headline .title-row .person_img,
.single.single-veteran .headline .title-row .person_img {
    width: 280px;
    height: 280px;
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    border-radius: 50%;
    border: 1em solid #E1EFFF;
    background-color: white;
}

.single.single-legend article,
.single.single-veteran article {
    margin-top: 6em;
}

.single.single-legend  .punkts .item > p,
.single.single-veteran  .punkts .item > p {
    margin-top: 0;
}

.single.singlelegend .punkt-title,
.single.single-veteran .punkt-title {
    font-size: 1.1em;
    font-weight: 500;
}

.medals {
    background: #00589227;
    padding: 2em 1em;
    border-radius: 3em;
    margin: 3em auto;
}

.medals h2 {
    text-align: center;
}

.medals > .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.medals .item .medal-image {
    width: 150px;
    height: 150px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.medals .item {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 200px;
    align-items: center;
    margin: 1em;
}

section.photo > .wrapper {
    width: 90%;
    max-width: 1130px;
    margin: 0 auto;
    height: 100%;
}

section.photo .slider-outer-wrapper {
    margin: 0 -5%;
    padding: 0;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

section.photo .swiper-slide .card_image {
    background-size: cover;
    background-position: center;
}

section.photo .swiper-slide .card_image:before {
    padding-top: 100%;
    content: "";
    display: block;
}

section.photo .slider-outer-wrapper .swiper {
    padding: 0 5%;
}

.swiper-button-next, .swiper-button-prev {
    color: #005892;
}

.swiper-button-prev:after, .swiper-button-next:after {
    text-shadow: 0px 0px 5px gray;
}

section.photo .s-button.swiper-button-next, section.photo .s-button.swiper-button-prev {
    padding-bottom: 2.4em;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.pag-wrapper.do {
    display: none;
}

section.photo .s-button.swiper-button-next, section.photo .s-button.swiper-button-prev {
    padding-bottom: 2.4em;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: 0;
}

.swiper-pagination.dots {
    display: block;
    position: absolute;
    bottom: -30px;
}

section.photo .swiper-pagination-bullet-active {
    background-color: #005892;
}

.arrow-2 {
    cursor: pointer;
    height: 3em;
    width: 3em;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all .1s ease;
    margin-right: .5em;
    transition: all .3s ease;
    
}

.arrow-2-top, 
.arrow-2-bottom {
    background: #999999;
    height: 2px;
    width: 3em;
}

.s-button .arrow-2-top, 
.s-button .arrow-2-bottom {
    height: 3px;
}

.arrow-2-top {
    margin-bottom: -.35em;
}
.arrow-2-top {
    transform: rotate(45deg);
    transform-origin: bottom right;
}
.arrow-2-bottom {
    transform: rotate(-45deg);
    transform-origin: top right;
}
.arrow-2-top::after, 
.arrow-2-bottom::after {
    background: #000;
    content: '';
    height: 100%;
    position: absolute;
    top: 0;
    transition: all 0.15s;
}
.arrow-2-top::after {
    left: 100%;
    right: 0;
    transition-delay: 0s;
}
.arrow-2-bottom::after {
    left: 0;
    right: 100%;
    transition-delay: 0.15s;
}

article .content__inner > ._3d-flip-book.fb3d-link-lightbox-mode {
    padding: 1em;
    background: red;
    border-radius: 10em;
}

/* Страница альбома  */

.single-album .gallery-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
}

.single-album .gallery-wrapper .item {
    width: 49%;
    position: relative;
    margin-bottom: .5%;
    margin-right: .5%;
}

.single-album .gallery-wrapper .item:nth-child(2n) {
    margin-right: 0%;
}

.single-album .gallery-wrapper .item:before {
    padding-top: 100%;
    content: "";
    display: block;
}

.single-album .gallery-wrapper .item a {
    position:absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.single-album .gallery-wrapper .item {
    width: 33%;
}

.single-album .gallery-wrapper .item:nth-child(2n) {
    margin-right: .5%;
}

.single-album .gallery-wrapper .item:nth-child(3n) {
    margin-right: 0%;
}

.fa-house {
    color: white;
    transition: color .3s ease;
}

.fa-house:hover {
    color: var(--color-1);
}

.section-main-banner .fa-house:hover {
    color: var(--color-3);
}

footer .other-links {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

footer .other-links > div {
    margin: 1em;
}

footer .other-links a {
    text-decoration: none;
    width: 2em;
    height: 2em;
    display: flex;
    justify-content:center;
    align-items: center;
    padding: 2em;
    opacity: 1;
    background-color: #d9d9d966;
    color: var(--color-1);
    border-radius: 3em;
    background-size: cover;
    background-position: center center;
    transition: all .3s ease;
    font-weight: 600;
}

footer .other-links a:hover {
    background-color: var(--color-4);
    transition: all .3s ease;
}

/* Резуллтаты поиска  */

.search-results main#primary > *{
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
}

.page-title {
    margin-bottom: 1.5em;
}

#main, .archive main {
    min-height: 70vh;
}

.category-cloud, .tag-cloud {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.category-cloud a, .tag-cloud a {
    display: inline-block;
    margin: 5px;
    padding: .5em 1em;
    background: #005892;
    color: #fff;
    text-decoration: none;
    border-radius: 10em;
    transition: background .3s ease;
}

.category-cloud a:hover, .tag-cloud a:hover {
    background: #00589280;
    transition: background .3s ease;
}

.sticky-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
    height: 100%;
}

.single-podcast .has-post-thumbnail .headline {
    width: 100%;
}

.sticky-wrapper .pc-cover {
    width: 100%;
    position: relative;
    top: 0;
    margin-right: 1.5em;
    margin: 0 auto ;
}

.single-podcast article .content__inner > * {
    width: 100%;
}

.single-podcast .headline {
    width: 100%;
}

article .sticky-wrapper .content-wrapper {
    width: 100%;
}

/* AI STYLE  */

.ai-wrap {
    background-color: #013359;
    /* border-radius: 2em; */
}

.ai-wrap .ai-track {
    background-color: initial;
}

.ai-wrap .ai-track:hover, .ai-wrap .ai-track.ai-track-active,
.ai-wrap .ai-audio-control,
.ai-wrap .ai-volume-bar.ai-volume-bar-active::before,
.ai-wrap .ai-btn:hover, .ai-wrap .ai-track-progress-bar
  {
    background-color: #005892;
    transition: background .3s ease;
}

.ai-wrap .ai-audio-control:hover {
    background-color: #00589280;
    transition: background .3s ease;
}

.ai-wrap .ai-volume-bar {
    background-color: initial;
    border-right: 1px solid transparent;
}

.ai-wrap .ai-btn {
    background: transparent;
}

.ai-wrap .ai-audio-controls-meta .ai-btn {
    border-radius: 10em;
}
.ai-wrap .ai-track-progress{
    background-color: #fff;
}

a.btn {
    font-size: clamp(0.94rem, calc(0.89rem + 0.21vw), 1.13rem);
    padding: 1em 1.35em;
    margin: 0 auto;
    position: relative;
    display: inline-block;
    cursor: pointer;
    border: none;
    background-color: var(--color-4, #AF7E56);
    text-align: center;
    color: white;
    font-weight: 300;
    transition: background .3s ease;
}

a.btn:hover {
    background-color: #8a6445;
}

a.btn.transparent {
    border: 1px solid var(--color-3);
    background-color: transparent;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

a.btn.transparent:hover {
    background-color: var(--color-4);
    border: 1px solid var(--color-4);
}

#share-button  {
    display: inline-block;
    margin: 5px;
    padding: .5em 1em;
    background: #005892;
    color: #fff;
    text-decoration: none;
    border-radius: 10em;
    transition: background .3s ease;
}

#share-button:hover {
    background: #00589280;
    transition: background .3s ease;
}

.short-link-container {
    width: 90%;
    max-width: 1280px;
    margin: 1em auto;
}

.single .bc-share-wrapper {
    display: flex;
    justify-content: space-between;
    width: 90%;
    max-width: 1280px;
    flex-wrap: wrap;
    margin: 0em auto 4em;
}

.single .bc-share-wrapper breadcrumbs {
    margin-top: 1em;
    margin-right: .5em;
}

article > footer {
    width: 90%;
    margin: 3em auto 0;
    max-width: 1280px;
    padding-top: 2em;
    border-top: 1px solid #005892;
}

.ya-share2 {
    margin-top: 1em;
}

.single .bc-share-wrapper .ya-share2__container_size_m .ya-share2__item_more.ya-share2__item_has-pretty-view .ya-share2__link_more.ya-share2__link_more-button-type_short {
    background: #00589227;
}


._3d-flip-book .book-thumbnail img {
    min-width: 280px;
}

.section-main-banner {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 29rem;
}

.single-person .section-main-banner {
    height: auto;
}

.single-person .section-main-banner {
    background: #58575C;
    background: linear-gradient(to top right, rgba(88, 87, 92, 1), rgba(150, 150, 150, 1) 60%, rgba(186, 187, 191, 1));
}

.single-person .section-main-banner .photo-block {
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: clamp(1rem, calc(0.39rem + 2.61vw), 3rem);
    padding: 1.5rem 0;
}

.single-person .section-main-banner .photo-block .person_photo {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 15rem;
    width: 15rem; 
    border-radius: 15rem;
    flex-shrink: 0;
}

.single-person .section-main-banner .photo-block .main-info{
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1rem;
}

.single-person .section-main-banner .photo-block img{
    height: 100%;
    width: auto;
}

.single-person .section-main-banner h2{
    color: var(--color-3, #D7AF88);
}

.single-person .section-about-union {
    background: initial;
}

.single-person .section-about-union .wrapper {
    border-bottom: 1px solid var(--color-4);
}

.single-person .section-about-union .right {
    position: relative;
    display: none;
}

.single-person .section-about-union .right svg {
    display: none;
    position: absolute;
    right: 0%;
    height: 50%;
    bottom: 5%;
}

.single-person .section-about-union .right svg path {
    fill: #03030308;
}

.single-person .section-about-union .wrapper > .right {
    padding: .5px 5%;
}

.single-person section.rewards ul {
    display: block;
    columns: 1 auto;
    column-gap: 1rem;
    padding-left: 1rem;
}

.single-person section.rewards ul li {
    break-inside: avoid; /* запрещаем разрыв внутри элемента */
    page-break-inside: avoid; /* для старых браузеров */
    margin-bottom: .9rem; /* отступ между элементами */
    list-style: disc;
    padding-right: 2rem;
}

.section-main-banner::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(90deg,rgba(0, 0, 0, 0.61) 0%, rgba(0, 0, 0, 0.12) 100%);
}

.section-main-banner .wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.page-template-default .section-main-banner {
    display: flex;
    flex-direction: column;
    height: auto;
    min-height: 29rem;
}

.page-template-default .section-main-banner .wrapper {
    flex-grow: 1;
}

.section-main-banner h1 {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
}

.section-main-banner h1 .first-letter {
    font-weight: 700;
    color: var(--color-4, #AF7E56);
    /* color: red; */
}

/* section-about-union */

.section-about-union .wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.section-about-union h2 {
    margin-bottom: 1em;
    text-transform: uppercase;
}

.section-about-union .wrapper > *,
section.rewards .wrapper > * {
    flex: 1 1 100%;
    padding: clamp(3.63rem, calc(2.54rem + 4.64vw), 6.25rem) 5%;
}

section.rewards .wrapper > * {
    padding-left: 0;
}

section.rewards h2 {
    margin-bottom: 1em;
    text-transform: uppercase;
}

.section-about-union .wrapper .right {
    background-color: var(--color-4, #AF7E56);
}

.section-about-union .wrapper .right a {
    color: #fff;
}

.section-about-union .wrapper .right a > div {
    transition: all .3s ease;
}

.section-about-union .wrapper .right a:hover > div {
    color: var(--color-3);
}

.single-person .content__inner {
    border-top: 1px solid var(--color-4);
 }

.section-about-union .wrapper .right ul.list,
.section-about-union .wrapper .right ul.list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.section-about-union .wrapper .right ul.list li,
.section-about-union.comissions ul.comm_list li {
    border-bottom: 1px solid #dedede;
    
}

.section-about-union.comissions ul.comm_list {
    list-style: disc;
    padding-left: 1.3rem;
}

.section-about-union .wrapper .right ul.list li a,
.section-about-union.comissions .comm_list_item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: clamp(1.13rem, calc(1.02rem + 0.44vw), 1.38rem);
    line-height: 1em;
    padding: 1em 1em 1em 0;
    transition: all .3s ease;
}

.section-about-union .wrapper .right ul.list li .person_name a,
#ispolnitelny_sovet .section-about-union .wrapper .right ul.list li .person_name a {
    display: block;
    font-size: initial;
    padding: 0;
}

.section-about-union.comissions .comm_list_item {
    font-weight: 300;
    font-size: clamp(1rem, calc(1.02rem + 0.44vw), 1.25rem);
}

.section-about-union .wrapper .right ul.list li a:hover {
    cursor: pointer;
    color: #ffce9d;
}

.section-about-union .wrapper .right ul.list li a svg {
    transform: rotate(0deg);
    transition: all .3s ease;
}

.section-about-union .wrapper .right ul.list li a:hover svg {
    transform: rotate(45deg);
}

.section-about-union a.btn {
    margin-top: 5rem;
}

a > svg.arrow-icon {
    width: .8rem;
    height: .8rem;
    margin-left: 1.5em;
}

/* .section-about-union TYPE_TWO */

.section-about-union.type_two .left {
    background-color: var(--color-4, #AF7E56);
    color: #fff;
}

.section-about-union.type_two .right {
    background-color: #fff;
    color: #000;
}

.section-about-union.type_two a.btn {
    background-color: #fff;
    color: var(--color-4, #AF7E56);
}

.section-about-union.type_two a.btn:hover {
    background-color: #dfdfdf;
}

.section-about-union.type_two .wrapper .right a {
    color: #000;
}

.section-about-union.type_two .wrapper .right a svg path {
    fill: #000;
}

.section-about-union.type_two .wrapper .right ul.list li,
.section-about-union.comissions .wrapper .right ul.list li {
    border-bottom: 1px solid #9e9e9e;
}

.section-about-union.type_two .wrapper .right ul.list li a:hover {
    color: #7a7a7a;
}

/* section-news-type */

.section-news-type {
    position: relative;
    background: center/cover no-repeat;
    color: #fff;
}

.bg-cover {
    background: center/cover no-repeat;
}

.section-news-type .item a.title-link {
    color: white;
    transition: all .3s ease;
}

#posts-container .item a.title-link {
    color: #000;
    transition: all .3s ease;
}

.section-news-type .item a.title-link:hover {
    color: var(--color-3, #D7AF88);
}

#posts-container .item a.title-link:hover {
    color: var(--color-4, #AF7E56);
}

.blur-bg {
    position: relative;
}

.section-news-type::before,
.blur-bg::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #3b210bbd;
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.section-news-type .wrapper {
    position: relative;
}

.section-news-type h2.b_title,
.blur-bg h2.b_title,
.section-balance h2.b_title {
    color: var(--color-3, #D7AF88);
    text-transform: uppercase;
}



/* news-type-swiper */

.section-news-type .swiper,
.section-docs .box-wrapper,
.blur-bg .box-wrapper {
    margin-top: clamp(3.5rem, calc(2.62rem + 3.76vw), 3.63rem);
}

.item.news-type {
    padding: 25px 33px 55px;
    border: 2px solid var(--color-3, #D7AF88);
    box-sizing: border-box;
    height: 100%;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.item.news-type h3.i_title {
    font-size: clamp(1.13rem, calc(1.07rem + 0.22vw), 1.25rem);
}

.item.news-type .date {
    margin: 1rem 0;
    color: #bcbcbc;
    font-weight: 300;
}

#posts-container .item.news-type .date {
    color: var(--color-3, #D7AF88);
    font-weight: 400;
}

.item.news-type .content {
    color: #b8b8b8;
}

#posts-container  .item.news-type .content {
    color: #818181
}

#posts-container a.arrow svg path {
    fill: var(--color-4);
}

.news-type-swiper  {
    width: 100%;
}

.news-type-swiper  .swiper-wrapper {
    display: flex; 
    align-items: stretch;
}

.news-type-swiper .swiper-slide {
    height: auto; 
    box-sizing: border-box;
}

a.arrow,
div.arrow {
    position: absolute;
    bottom: .5rem;
    right: 1em;
}

a.arrow svg,
div.arrow svg {
    width: 1rem;
    height: 1rem;
    margin: 0;
    transform: rotate(0deg);
    opacity: .3;
    transition: all .3s ease;
}

a.arrow:hover svg,
a:hover div.arrow svg {
    opacity: 1;
    transform: rotate(45deg);
}

a.arrow svg path,
div.arrow svg path {
    fill: #fff;
    
}

a.category-link {
    display: inline-block;
    padding: .5em 1.25em;
    background-color: var(--color-3);
    color: #000;
    margin-bottom: 1.5em;
    font-size: .75rem;
    transition: all .3s ease;
}

a.category-link:hover {
    background-color: var(--color-4);
}

.controls {
    margin-top: 2rem;
    display: none;
    justify-content: center;
    gap: 1rem;
    user-select: none; /* Запрет выделения текста */
    -webkit-user-select: none; /* Для Safari */
    -moz-user-select: none; /* Для Firefox */
    -ms-user-select: none; /* Для IE/Edge */
}

.controls .c-wrapper {
    position: relative;
    width: 6rem;
    height: 2rem;
}

.controls .c-wrapper svg {
    width: 1rem;
    height: 1rem;
}

.swiper-button-next svg, .swiper-button-prev svg {
    fill: #fff;
}

.swiper-button-next:after, .swiper-button-prev:after {
    display: none;
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .6;
}

.button-wrapper {
    width:100%;
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
}

.page-banner h1::first-letter {
    color: var(--color-4, #AF7E56);
}

/* .docs-list {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
}

.docs-list > * {
    flex: 1 1 100%;
}

.docs-list li a {
    display: block;
    padding: 1rem;
    background-color: var(--color-4, #AF7E56);
    color: #fff;
} */

.docs-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 15px;
}

.docs-list li {
    position: relative;
}
  
.docs-list a {
    height: 100%; /* Занимаем всю высоту li */
    display: flex;
    align-items: initial;
    justify-content: initial;
    background-color: var(--color-4, #AF7E56);
    color: white;
    padding: 1rem;
    padding-bottom: 4rem;
    transition: all .3s ease;
}

.docs-list a:hover {
    background-color: #815e41;
}

.file-type,
.docs-list svg {
    position: absolute;
    bottom: .5rem;
    right: .5rem;
    font-weight: 900;
    color: #fff;
    opacity: .2;
    line-height: 1em;
    font-size: 2rem;
}

.docs-list a > svg.arrow-icon {
    margin-left: 0;
    width: 2rem;
    height: 2rem;
}

.section-docs h2.b_title {
    color: var(--color-4);
}

.section-about-union.type_three .right,
.section-about-union.type_four .right {
    color: white;
}

.section-about-union.type_three .right .list-post,
.single-office .section-about-union .right .list-post {
    font-size: .875rem;
    text-transform: uppercase;
    color: var(--color-3);
    font-weight: 400;
    margin-bottom: .75em;
}

.single-office .section-about-union ul.list {
    width: 100%;
}

.section-about-union.type_three .right ul li,
.single-office .section-about-union ul.list li {
    padding: 1rem 0;
}

.section-about-union.type_three .right ul li .last_name,
.section-about-union.type_four .right ul li .last_name {
    text-transform: uppercase;
}


.type_four .list-item {
    display: flex;
    align-items: center;
}

.type_four .list-item .number {
    margin-right: 1rem;
    font-weight: 500;
    font-size: 1.25rem;
}

.type_four .list-item {
    padding: 1rem 0;
    border-bottom: 1px solid #000;
}

.blur-bg .wrapper {
    position: relative;
    color: #fff;
}


.section-supervisory-type .box-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 20px;
    padding: 20px;
}
  
.section-supervisory-type .box-wrapper .person {
    background-color: transparent;
    border: 2px solid var(--color-3, #D7AF88);
    padding: 1rem;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}
  
.section-supervisory-type .box-wrapper .person span {
    display: block;
    margin-bottom: .3125rem;
    font-size: 1rem;
    line-height: 1.4;
}
  
.section-supervisory-type .box-wrapper .last_name {
    font-weight: 600;
    color: #fff;
    font-size: 1.125rem;
    text-transform: uppercase;
}
  
.section-supervisory-type .box-wrapper .first_name, .section-supervisory-type .box-wrapper .middle_name {
    color: #fff;
    font-weight: 400;
}
  
@media (max-width: 768px) {
    .section-supervisory-type .box-wrapper {
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: 15px;
    }
}
  
@media (max-width: 480px) {
    .section-supervisory-type .box-wrapper {
      grid-template-columns: 1fr;
    }
}

.balance {
    font-size: clamp(2.75rem, calc(2.23rem + 2.21vw), 4rem);
    font-weight: 800;
    margin: .5em auto;
}

.section-about-union.type_five .list {
    display: flex;
    flex-direction: column;
    gap: .5rem;
}


.section-about-union.type_five .list-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    padding: .5rem;
    border-bottom: 1px solid #dddddd;
}

.section-about-union.type_five .list-item .i_title {
    flex-shrink: 0;
    width: 150px;
    color: var(--color-4);
    font-weight: 500;
}

.cover {
    background: center/cover no-repeat;
}

.section-about-union.type_five .right h2 {
    color: #fff;
}

.section-about-union.type_five .right .cover {
    aspect-ratio: 1 / 1;
    width: 50%;
}

section.section-balance {
    background-color: #d8d8d8;
}

.section-balance h2.b_title {
    color: var(--color-4);
}

header.entry-header {
    background-color: var(--color-4);
    color: #fff;
    font-weight: 600;
}

.allpage header.entry-header {
    background-color: #af7e56a4;
    position: relative;
}

article.allpage {
    color: #fff;
   
}

article.allpage::before {
    backdrop-filter: saturate(0) blur(3px);
    -webkit-backdrop-filter: saturate(0) blur(3px);
}

.section-offices .box-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    grid-auto-rows: 1fr;
    gap: 1.25rem;
    padding: 1.25rem;
    align-items: stretch;   
}

.section-offices .box-wrapper .item {
    height: 100%;
}

@media (max-width: 768px) {
    .section-offices .box-wrapper {
      grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
      gap: 15px;
    }
}
  
@media (max-width: 480px) {
    .section-offices .box-wrapper {
      grid-template-columns: 1fr;
    }
}

.section-offices .box-wrapper .item {
    position: relative;
}

.section-offices .box-wrapper .item a {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-decoration: none;
    color: inherit;
    background-color: transparent;
    border: 2px solid var(--color-3, #D7AF88);
    padding: 1rem 1rem 2rem;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

.section-offices .box-wrapper .item a .type_office {
    font-size: 1rem;
    color: var(--color-3, #D7AF88);
}

.section-offices .box-wrapper .item h3.i_title {
    font-size: 1.2rem;
    text-align: center;
}

.section-offices .box-wrapper .item svg.arrow-icon {
    position: absolute;
    opacity: .3;
    bottom: .5rem;
    right: .5rem;
    transform: rotate(0);
    transition: all .3s ease;
}

.section-offices .box-wrapper .item a:hover svg.arrow-icon {
    transform: rotate(45deg);
    opacity: .6
}

ul.page-numbers {
    display: flex;
    gap: 1.25rem;
    margin: 0 auto;
    justify-content: center;
    padding: 1rem 0 2rem;
}

ul.page-numbers a > svg.arrow-icon,
.pagination-wrapper a > svg.arrow-icon {
    margin-left: 0;
}

ul.page-numbers a > svg.arrow-icon.next,
.pagination-wrapper a > svg.arrow-icon.next {
    transform: rotate(45deg);
}

ul.page-numbers a > svg.arrow-icon.prev,
.pagination-wrapper a > svg.arrow-icon.prev {
    transform: rotate(-135deg);
}

.pagination-wrapper.dark_style svg path {
    fill: var(--color-4);
}

.pagination-wrapper.dark_style a.page-numbers {
    color: var(--color-4);
}

a.page-numbers {
    color: #9a9a9a;
}

.section-about-union.type_six .right {
    color: #fff;
}

.section-about-union.type_six {
    border-bottom: 1px solid var(--color-4, #AF7E56);
}

.section-about-union .box-wrapper.contacts {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.section-about-union .box-wrapper.contacts .item {
    display: flex;
    align-items: center;
}

.section-about-union .box-wrapper.contacts .item i {
    width: 2rem;
    flex-shrink: 0;
    font-size: 1.75rem;
    color: var(--color-4, #AF7E56);
    margin-right: .5em;
}

.section-about-union .right .info-block {
    font-size: 1.25rem;
}

.section-about-union .right .info-block .i_last_name {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.25em;
}

.section-about-union .right .info-block .i_first_name,
.section-about-union .right .info-block .i_middle_name {
    color: #dcdcdc;
}

.section-about-union .right .box-wrapper,
.section-about-union .dir_mob_block .box-wrapper,
.single-office .section-about-union .box-wrapper .chief {
    display: flex;
    gap: 2rem;
    align-items: center;
    flex-wrap: wrap;
}

.single-office .section-about-union .right .box-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}



.section-about-union .dir_mob_block h3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.section-about-union .dir_mob_block .box-wrapper {
    margin-bottom: 2rem;

}


.section-about-union .right .box-wrapper .cover,
.section-about-union.comissions .dir_mob_block .box-wrapper .cover  {
    flex-shrink: 0;
    width: 10rem;
    aspect-ratio: 1 / 1;
    background: center/cover no-repeat;
    border-radius: 10rem;
}


.section-about-union.requisites h3.b_subtitle,
.section-about-union.comissions h3.b_subtitle {
    font-weight: 300;
    margin-bottom: 1.5em;
    font-size: 1.25rem;
}

/*  */

.categories-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}

.category-item {
    display: inline-block;
    padding: 8px 15px;
    background-color: #f0f0f0;
    text-decoration: none;
    color: #000;
    transition: all 0.3s ease;
}

.category-item:visited {
    color: #000;
}

.category-item:hover, .category-item.active {
    background-color: var(--color-3);
    color: #000;
}

.pagination-wrapper {
    width: 100%;
    flex-shrink: 0;
    margin-top: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 1.25rem;
}


#posts-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1.5rem;
}

#posts-container > .item {
    flex: 1 1 100%;
    height: auto;
}

.archive-page {
    background: center/cover no-repeat;
}

#posts-container {
    padding-bottom: clamp(3.5rem, calc(2.62rem + 3.76vw), 3.63rem);
}

.category #posts-container {
    padding: clamp(3.5rem, calc(2.62rem + 3.76vw), 3.63rem) 0;
}

section.categories-cloud {
    padding-top: clamp(3.5rem, calc(2.62rem + 3.76vw), 3.63rem);
}

.entry-content {
    padding: clamp(3.5rem, calc(2.62rem + 3.76vw), 3.63rem) 0;
}

.i_value {
    cursor: pointer;
    padding: .5em .75em;
    display: inline-block;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 5px;
    transition: all 0.2s;
}
  
.i_value:hover {
    background-color: #f5f5f5;
}
  
.toast {
    visibility: hidden;
    min-width: 250px;
    background-color: #333;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    padding: 16px;
    position: fixed;
    z-index: 1000;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
}
  
.toast.show {
    visibility: visible;
    opacity: 1;
}

.section-about-union.comissions .wrapper .left {
    border-bottom: 1px solid var(--color-4);
}

.section-about-union.comissions .wrapper .right {
    border-bottom: 1px solid #fff;
    color: white;
}

.page-template-page-comissions .section-about-union:last-child .left {
    border-bottom: initial;
}

.page-template-page-comissions .section-about-union:last-child .right {
    border-bottom: initial;
}

.section-about-union.comissions .right {
    display: none;
}

.blog .page-numbers.current {
    color: var(--color-3, #D7AF88);
}