/* Задайте своё человеческое название файла между '' */
/* --human-name-css: 'Баннер для незалогиненных'; */

/* Укажите имя автора между '' */
/* --human-author-css: 'Игорь Лохман'; */

/* Задайте путь до аватара автора между "" */
/* --human-author-image-css: "/wp-content/plugins/super-style/assets/image/igor-main-author-ava.png"; */

/* Задайте своё человеческое описание файла между '' */
/* --human-description-css: 'Показывает баннер над меню открытой школы для посетителей, которые не авторизовались.'; */

/* ----------------- */
/* НАСТРОЙКИ ДИЗАЙНА */
/* ----------------- */

:root {
	
/* Текст баннера */
--text-banner-not-logged: 'Залогиньтесь в школе, чтобы увидеть доступные разделы';

/* Фон баннера */
--bg-banner-not-logged: #ffffff;

/* Цвет текста в баннере */
--color-banner-not-logged: #222222;

/* Цвет тени под баннером */
--shadow-color-banner-not-logged: rgba(34, 60, 80, 0.8);

}

/* ------------------------- */
/* НЕ ТРОГАЙТЕ ВСЁ, ЧТО НИЖЕ */
/* ------------------------- */

/* Общие настройки */

body:not(.logged-in) .header-row:before {
	content: var(--text-banner-not-logged);
	display: flex;
	flex-wrap: wrap;
    text-align: center;
	justify-content: center;
    padding: 15px;
	color: var(--color-banner-not-logged);
	font-size: 17px;
    font-weight: normal;
	background: var(--bg-banner-not-logged);
    text-transform: uppercase;
}

/* Фиксируем баннер только на больших экранах */

@media (min-width: 768px) {
	
body:not(.logged-in) .header-row:before {
	width: 100%;
    position: fixed;
    z-index: 9999;
    top: 0;
	/* тень */
	-webkit-box-shadow: 0px 0px 30px -20px var(--shadow-color-banner-not-logged);
	-moz-box-shadow: 0px 0px 30px -20px var(--shadow-color-banner-not-logged);
	box-shadow: 0px 0px 30px -20px var(--shadow-color-banner-not-logged);
}

/* Смещаем панель меню */

body:not(.logged-in) .header-row {
	margin-top: 54px;
}
}
/* конец настроек для больших экранов */
/* ---------------------------------- */