/* Липкое меню */
.wp-block-template-part {
    position: sticky;
    top: 0;
    z-index: 999;
}

/*@media only screen and (orientation: landscape) and  (max-width: 781px)*/
@media only screen and  (max-width: 781px) {
	/* navigation-004 start */
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav .wp-block-navigation__container li a {
		font-size:18px;
	}
	.has-modal-open .wp-block-navigation .wp-block-navigation__responsive-dialog { 
		justify-content: center !important;
		display: flex; 
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav .wp-block-navigation__container {
		align-items:center !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav {
		flex-basis: 20% !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-logo {
		flex-basis: 80% !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-columns-wrapper .superbthemes-navigation-004-columns-nav nav {
		justify-content: end !important;
		display:flex !important;
	}
	.superbthemes-navigation-004 .superbthemes-navigation-004-headline {
		font-size:38px !important;
	}

	/* features-005 start */
	.superbthemes-features-005 .wp-block-columns .wp-block-column{
		max-width: 800% !important;
	}
	.superbthemes-features-005 .wp-block-columns .wp-block-column .wp-block-group {
		justify-content: center !important;
		flex-direction: center !important;
		flex-wrap: center !important;
		align-items: center !important;
	}

	
/* Navigation superbthemes navigation two columns */
.superbthemes-navigation-two-columns .superbthemes-navigation-two-columns-left {
	flex-basis: 80% !important;
}
.superbthemes-navigation-two-columns .superbthemes-navigation-two-columns-right {
	flex-basis: 20% !important;
}
.superbthemes-navigation-two-columns .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
	align-self: center;
}
.superbthemes-navigation-two-columns .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container li,
.superbthemes-navigation-two-columns .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container li .wp-block-navigation-item__content {
	align-self: center;
}
/* Скрываем обычное меню навигации, если оно не скрывается автоматически */
.superbthemes-navigation-004 .wp-block-navigation__container,
.superbthemes-navigation-two-columns

.wp-block-navigation__container {
    display: none; /* Скрываем обычное меню */
}

/* Показываем иконку бургер-меню */
.superbthemes-navigation-004 .wp-block-navigation__responsive-container-open /* Еще один возможный класс кнопки */
{
    display: block !important; /* Важно! Делаем ее видимой */
    visibility: visible !important; /* Убеждаемся, что не скрыта */
    /* Если иконка не появляется, возможно, у нее нулевые размеры. Попробуйте: */
    width: auto !important;
    height: auto !important;
    font-size: 24px !important; /* Примерный размер, если это иконка шрифта */
}

/* Убедитесь, что само диалоговое окно (меню) видно, когда оно открыто */
.superbthemes-navigation-004 .wp-block-navigation__responsive-dialog.is-menu-open {
    display: flex !important; /* Или block, в зависимости от того, как оно должно отображаться */
    position: fixed; /* Обычно всплывающие меню позиционируются как fixed */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8); /* Полупрозрачный фон */
    z-index: 9999; /* Чтобы меню было поверх всего */
    flex-direction: column; /* Элементы меню будут располагаться по вертикали */
    align-items: center;
    justify-content: center;
}
.superbthemes-navigation-two-columns .wp-block-navigation__responsive-dialog.is-menu-open {
    display: flex !important; /* Или block */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    z-index: 9999;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

}

.wp-block-group .wp-element-caption {
	font-size: 18px;
	color: #403425;
	font-family: oranienbaum;
}

@media (max-width: 599px) { /* Обычно для мобильных устройств используют breakpoint 768px или меньше */
	.wp-block-columns .wp-block-column .has-text-align-center {
		flex-direction: column-reverse; /* Размещаем элементы вертикально */
		align-items: center; /* Выравниваем по центру для мобильных */
	}

	/* Изменяем порядок для мобильных*/ 
	.wp-block-group {
		order: 1; 
        }
	.has-text-align-center {
		order: 2;
	}

	.wp-block-post-content .wp-block-columns .wp-block-column p {
		font-size: 14px;
        }

}

@media (min-width: 1080px) {
    .wp-block-post-content .wp-block-columns {
        max-width: 800px;
        margin-left: 0;
        margin-right: auto;
    }
}

@media (max-width: 767px) {
    .wp-block-post-content .wp-block-columns {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}