/* < !-- FOOTER STYLE --> */

footer figure {
    margin-inline-end: 0 !important;
}
footer figure {
  footer figure {
    margin-inline-end: 0 !important;
}
margin-inline-end: 0 !important;
}
.boxi img:hover {
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-filter: none;
-moz-filter: none;
-ms-filter: none;
-o-filter: none;
filter: none;
transform: scale(1.5, 1.5);
-ms-transform: scale(1.5, 1.5);
-webkit-transform: scale(1.5, 1.5);
}

.boxi img {
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

.boxi a {
margin: 0 20px;
}

.boxi {
display: flex;
align-items: center;
justify-content: center;
align-content: center;
}
/* < !--/ FOOTER STYLE --> */

/* < !-- MENU STYLE --> */
.bvi-open svg {
margin-left: 7px;
}

.bvi-widget, .bvi-shortcode a, .bvi-widget a, .bvi-shortcode {
    color: #686868;
    background-color: #ffffff;
}

.bvi-shortcode {
    box-shadow: 0pc 0px 5px 1px grey;
}


.bvi-widget .bvi-svg-eye, .bvi-shortcode .bvi-svg-eye {
max-height: 100px;
}

.gm-main-menu-wrapper .bvi-shortcode {
display: none;
}

.gm-main-menu-wrapper,
.gm-navigation-drawer {
z-index: 1000003 !important;
}

.bvi-shortcode {
border-radius: 10px;
margin-right: 24px;
padding: 5px 0;
}

#logo_title, #logo_title p, #logo_title br {
margin: 0;
font-size: 13px;
font-family: system-ui;
}

.wp-site-blocks {
margin-top: 70px;
}

header.gm-navbar {
position: fixed!important;
width: 100%;
top: 50px;
z-index: 1000001!important;
}

#widgetEsirGovSpbRu {
position: unset;
}

div[id^="html5-cumulus-"] canvas {
width: 100%;
margin: auto;
display: flex;
box-shadow: 0px 0px 10px #dddddd;
border-radius: 10px;
}

.html5_cumulus .widgettitle {
display: none;
}

.ocs-sideone {
height: calc(100vh - 70px);
top: 70px;
/*    padding-top: 50px;*/
}

.sideone-container {
margin: 5%;
padding: unset;
}

.ocs-slidebar {
box-shadow: grey 0px 0px 9px;
}

.ocs-mobile-menu {
z-index: 1000002 !important;
/*    position: absolute;*/
position: fixed;
height: 50px;
width: 50px;
margin: 10px 10px 10px 0px;
border: none;
box-shadow: 3px 0px 9px 0px #c3c3c3;
border-radius: 0px 10px 10px 0;
background: white;
}

.img-drop-shad {
filter: drop-shadow(3px 6px 3px gray);
}

.news-rubric {
display: none !important;
}

.marquee-v-scroll {
overflow-y: scroll;
scrollbar-width: none;
}

.marquee-h-scroll {
overflow-x: scroll;
scrollbar-width: none;
}

.widget-main,
.news-cover {
border-radius: 10px;
border: 0px solid black;
}

.news-cover {
box-shadow: -1px -1px 10px 3px grey;
}

hr.wp-block-separator {
margin: 25px;
}
/* < !--/ MENU STYLE --> */

/* < !-- MOBILE STYLE --> */
@media only screen and (max-width: 1024px) {
.ocs-mobile-menu {
    margin: 10px 10px 10px 0px;
}
.footer-col .cbb-block-parent.is-grid {
    display: grid;
    grid-template-columns: auto auto;
}
}
@media (max-width: 1023px) {
.gm-navbar .gm-logo {
    transition: opacity 0.2s 0.18s;
    margin-left: 55px;
}
}
@media only screen and (max-width: 781px) {
    footer-col .is-grid {
    grid-gap: 15px;
}
main.alignfull {
    /*margin: 100px 10px 25px!important;*/
}
.custom-right-sidebar {
    display: none;
}
.wp-site-blocks > .wp-block-group {
    padding: 0;
}
#js-show-iframe-wrapper .bf-19 {
    display: flex!important;
    
}
#js-show-iframe-wrapper .bf-19__decor {
    flex-basis: 40%;
}
#js-show-iframe-wrapper .bf-19__content {
    flex-basis: 60%;
}
#js-show-iframe-wrapper .bf-19__logo-wrap {
    top: unset!important;
    bottom: 45px;
}
}
@media only screen and (min-width: 769px) {
.widget-main,
.news-cover {
    height: calc(100vh - 120px - 2rem) !important;
    border-radius: 10px;
    border: 0px solid black;
    min-height: unset !important;
}
}
/* < !--/ MOBILE STYLE --> */

/* < !-- OTHER STYLE --> */
main.alignfull {
/*margin: 100px 100px 25px;*/
margin: 100px auto auto;
width: fit-content;
max-width: 95%;
}

#js-show-iframe-wrapper .bf-19__text {
font-size: 15px!important;
line-height: 20px!important;
font-weight: 300!important;
}
.widget-main {
height: calc(70vh - 120px - 2rem);
border-radius: 10px;
border: 0px solid black;
min-height: unset !important;
display: block !important;
overflow: hidden;
box-shadow: 1px 1px 7px 0px grey;
}
.widget-main > div {
transition: height 0.3s ease-in;
}
.widget-main > div > p {
top: 0px;
position: absolute;
z-index: 2;
padding: 12px 25px;
background: #ffffff8c;
width: 100%;
backdrop-filter: blur(5px);
font-size: 18px;
height: 100%;
opacity: 1;
transition: all 0.3s ease-in;
font-family: system-ui;
letter-spacing: 5px;
font-weight: 100;
}
.widget-main figure {
margin: 0;
}
H1 {
text-align: center;
}
main {
box-shadow: 1px -1px 10px 0px grey;
background: white;
padding: 20px !important;
border-radius: 10px;
}
a {
color: RoyalBlue;
transition: 800ms;
text-decoration: none;
}
a:hover {
color: green;
}
:active, :focus {
outline: 0;
outline-offset: 0;
}
aside.custom-right-sidebar {
padding: 20px;
border-radius: 10px;
background: white;
margin-left: 1rem;
box-shadow: 5px 5px 0px 0px #ababab;
}
.news-date {
max-width: 6rem;
margin-left: auto;
text-align: center;
position: absolute !important;
top: 2%;
right: 2%;
box-shadow: #a7a7a7 -2px 2px 8px 1px;
margin: 0;
}
.news-info {
backdrop-filter: blur(3px);
background: #808080a6;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

/* 1. Настраиваем основной контейнер */
.bb\:block-background.cbb-bg-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /* Скрываем инлайновый фон самого дива, но оставляем его доступным для наследования */
    background-clip: padding-box; 
    color: transparent; /* На всякий случай */
}

/* 2. НИЖНИЙ СЛОЙ: Размытый фон (Cover) */
.bb\:block-background.cbb-bg-image::before {
    content: "";
    position: absolute;
    top: -5%;
    left: -5%;
    width: 110%;
    height: 110%;
    background-image: inherit; /* Берет картинку из style родителя */
    background-size: cover;
    background-position: center;
    filter: blur(15px); /*brightness(0.6);*/
    z-index: 1; /* Явно задаем нижний порядок */
}

/* 3. ВЕРХНИЙ СЛОЙ: Четкое изображение (Contain) */
.bb\:block-background.cbb-bg-image::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: inherit; /* Берет ту же картинку */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 2; /* Ставим ПОВЕРХ размытого фона */
}

/* 4. Пробрасываем прозрачность для основного фона родителя */
/* Чтобы инлайновый background-image не перекрывал наши слои, 
   мы делаем его невидимым, но доступным для inherit */
.bb\:block-background.cbb-bg-image {
    background-color: #000 !important;
    background-blend-mode: multiply; /* Смешиваем с черным, если нужно */
}

/* 5. Контент (текст, дата) должен быть выше всего */
.news-info, .news-date, .bb\:link-to-post {
    position: relative;
    z-index: 10 !important;
}

.sm-cbb-grid-gap-row {
    row-gap: 10px;
}
/* < !--/ OTHER STYLE --> */