/*IN++*/
/*Подключим шрифт:*/
@font-face {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 200; /* предположительно Regular */
    src: url('/wp-content/themes/flatsome-child/assets/fonts/Exo_2/Exo2-Medium.woff2') format('woff2');
} 

/*Меняет цвет фона всех страниц:*/
.page-wrapper {
    background-color: #004b76;
}


/*Размер шрифта в Топ баре:*/
.nav>li>a {
	font-size: 20px
}

/*Скрыл header-main, поскольку не стал разбиратся, как в нем поцентру сделать лого + меню. Да и меню с больших букв все.*/
.header-main {
	display: none;
}

/*Для мобилки:*/
@media (max-width: 767px) {
	/*В мобильной версии, меню на всю ширину, чтобы кнопка открытия бокового меню слева была.
	.nav li:last-child {
		width: 100%;
	}*/
		
	/*В мобильной версии, в боковом меню скроем лого.*/
	.ux-sidebar-menu-icon {
    display: none;
  }
}

.mobile-logo {
    display: flex;
    justify-content: center; /* Центрируем логотип */
    align-items: center; /* Вертикальное выравнивание */
    width: 100%; /* Устанавливаем ширину контейнера */
}

.mobile-logo-img {
    height: 70px;
	margin-left: -48px; /* Смещение логотипа влево на 40px. 40px - ширина кнопки. */
}

.logo-container {
    display: flex;
    justify-content: center; /* Центрирование по горизонтали */
    align-items: center; /* Центрирование по вертикали */
    flex: 1; /* Заполнение доступного пространства */
}

/*Фон вертикльного меню в моб.:*/
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {
	background-color: #006db3;
}

.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
	/*Изменим шрифт в боковом меню.*/
	font-family: 'Exo 2', sans-serif !important;
    font-weight: 200 !important;
	font-size: 20px !important; 
}

.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
		
	/*Цвет текста в боковом меню*/
	color: white;
	
}

.nav-uppercase>li>a {
	/*Текст не в верхнем регистре, в боковом меню*/
    text-transform: none;
}

/* прижимает футер к низу ++*/
#wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
	background-color: #004b76;
}


.footer-wrapper {
    margin-top: auto;
}
/* Футер прижимается к низу --*/
/*IN--*/