/*
 * Header layout override for the MIGRU development and production copies.
 * Disable by renaming migru-local-header-layout.php.
 */

:root {
	--migru-gold: #b9913c;
	--migru-gold-dark: #9c7830;
	--migru-gold-text: #3f3f3f;
}

#site-logo img[src*="mig-ru.ru/wp-content/uploads/upper-logo.png"] {
	content: url("/wp-content/uploads/upper-logo.png");
}

body:not(.mobile_menu_active).transparent-header #headerwrap {
	position: sticky;
	top: 0;
	background: #fff;
	color: #000;
	border-bottom: 0;
	box-shadow: none;
	padding-bottom: 0;
}

body.admin-bar:not(.mobile_menu_active).transparent-header #headerwrap {
	top: 32px;
}

body:not(.mobile_menu_active).transparent-header #headerwrap.fixed-header {
	background: #fff;
	color: #000;
}

body:not(.mobile_menu_active).transparent-header #headerwrap.fixed-header::before {
	display: none;
}

body:not(.mobile_menu_active).transparent-header #header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	min-height: 96px;
	padding: 20px 0;
}

body:not(.mobile_menu_active).transparent-header #headerwrap.fixed-header #header {
	padding: 20px 0;
}

body:not(.mobile_menu_active).transparent-header #headerwrap.fixed-header .header-bar,
body:not(.mobile_menu_active).transparent-header #header .header-bar {
	display: block;
	flex: 0 0 auto;
	width: auto;
}

body:not(.mobile_menu_active).transparent-header #site-logo {
	line-height: 0;
	margin: 0;
}

body:not(.mobile_menu_active).transparent-header #site-logo img {
	display: block;
	height: 50px;
	max-height: 50px;
	width: auto;
}

body:not(.mobile_menu_active).transparent-header #mobile-menu {
	display: block;
	flex: 1 1 auto;
	height: auto;
	margin: 0;
	padding: 0;
	position: static;
	overflow: visible;
	width: auto;
	background: transparent;
	color: #000;
}

body:not(.mobile_menu_active).transparent-header #mobile-menu .navbar-wrapper {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: auto;
	background: #fff;
	color: #000;
}

body:not(.mobile_menu_active).transparent-header #main-nav-wrap {
	margin: 0;
}

body:not(.mobile_menu_active).transparent-header #main-nav {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 38px;
	margin: 0;
	padding: 0;
	background: transparent;
	color: #000;
}

body:not(.mobile_menu_active).transparent-header #main-nav > li {
	margin: 0;
}

body:not(.mobile_menu_active).transparent-header #main-nav a {
	color: #000;
	padding: .4em 0;
}

body:not(.mobile_menu_active).transparent-header #main-nav .sub-menu a {
	color: #353535;
	padding: .4em 1.4em;
}

body:not(.mobile_menu_active).transparent-header #main-nav .current-menu-item > a,
body:not(.mobile_menu_active).transparent-header #main-nav .current_page_item > a,
body:not(.mobile_menu_active).transparent-header #main-nav a:hover {
	color: var(--theme_accent);
}

body:not(.mobile_menu_active).transparent-header.header-classic #headerwrap {
	background: #fff !important;
	color: #000 !important;
	padding-bottom: 0 !important;
}

body:not(.mobile_menu_active).transparent-header.header-classic #headerwrap .navbar-wrapper {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	position: static !important;
	left: auto !important;
	bottom: auto !important;
	clear: none !important;
	width: auto !important;
	padding: 0 !important;
	background: #fff !important;
	color: #000 !important;
}

body:not(.mobile_menu_active).transparent-header.header-classic #headerwrap .navbar-wrapper-inner {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	background: #fff !important;
	color: #000 !important;
}

body:not(.mobile_menu_active).transparent-header.header-classic #main-nav-wrap {
	flex: 0 1 auto !important;
	margin: 0 !important;
}

body:not(.mobile_menu_active).transparent-header.header-classic #main-nav {
	margin: 0 !important;
}

body:not(.mobile_menu_active).transparent-header.header-classic #main-nav > li {
	float: none !important;
}

body:not(.mobile_menu_active).transparent-header.header-classic #main-nav > li > a {
	border-left: 0 !important;
	padding: .4em 0 !important;
}

@media (min-width: 783px) {
	body:not(.mobile_menu_active).wp-theme-themify-ultra #headerwrap {
		position: sticky;
		top: 0;
		background: #fff !important;
		color: #000 !important;
		border-bottom: 0;
		box-shadow: none;
		padding-bottom: 0 !important;
	}

	body.admin-bar:not(.mobile_menu_active).wp-theme-themify-ultra #headerwrap {
		top: 32px;
	}

	body:not(.mobile_menu_active).wp-theme-themify-ultra #header {
		display: flex !important;
		align-items: center;
		justify-content: space-between;
		gap: 40px;
		min-height: 96px;
		padding: 20px 0 !important;
		position: static;
	}

	body:not(.mobile_menu_active).wp-theme-themify-ultra #headerwrap.fixed-header #header {
		padding: 20px 0 !important;
	}

	body:not(.mobile_menu_active).wp-theme-themify-ultra #headerwrap.fixed-header .header-bar,
	body:not(.mobile_menu_active).wp-theme-themify-ultra #header .header-bar {
		display: block;
		flex: 0 0 auto;
		float: none !important;
		width: auto !important;
		max-width: none;
	}

	body:not(.mobile_menu_active).wp-theme-themify-ultra #site-logo {
		line-height: 0;
		margin: 0 !important;
	}

	body:not(.mobile_menu_active).wp-theme-themify-ultra #site-logo img {
		display: block;
		height: 50px;
		max-height: 50px;
		width: auto;
	}

	body:not(.mobile_menu_active).wp-theme-themify-ultra #mobile-menu {
		display: block;
		flex: 1 1 auto;
		height: auto !important;
		margin: 0;
		padding: 0;
		position: static;
		overflow: visible;
		width: auto;
		background: transparent;
		color: #000;
	}

	body:not(.mobile_menu_active).wp-theme-themify-ultra #mobile-menu .navbar-wrapper {
		display: flex !important;
		align-items: center;
		justify-content: flex-end;
		position: static !important;
		left: auto !important;
		bottom: auto !important;
		clear: none !important;
		width: auto !important;
		padding: 0 !important;
		background: #fff !important;
		color: #000 !important;
	}

	body:not(.mobile_menu_active).wp-theme-themify-ultra #mobile-menu .navbar-wrapper-inner {
		display: flex !important;
		align-items: center;
		justify-content: flex-end;
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		background: #fff !important;
		color: #000 !important;
	}

	body:not(.mobile_menu_active).wp-theme-themify-ultra #main-nav-wrap {
		display: flex;
		flex: 0 1 auto !important;
		margin: 0 !important;
	}

	body:not(.mobile_menu_active).wp-theme-themify-ultra #main-nav {
		display: flex;
		align-items: center;
		justify-content: flex-end;
		gap: 38px;
		margin: 0 !important;
		padding: 0;
		background: transparent;
		color: #000;
	}

	body:not(.mobile_menu_active).wp-theme-themify-ultra #main-nav > li {
		float: none !important;
		margin: 0;
	}

	body:not(.mobile_menu_active).wp-theme-themify-ultra #main-nav > li > a {
		border-left: 0 !important;
		padding: .4em 0 !important;
	}

	body:not(.mobile_menu_active).wp-theme-themify-ultra #main-nav a {
		color: #000;
	}

	body:not(.mobile_menu_active).wp-theme-themify-ultra #main-nav .sub-menu a {
		color: #353535;
		padding: .4em 1.4em !important;
	}
}

@media (max-width: 782px) {
	body.admin-bar:not(.mobile_menu_active).transparent-header #headerwrap {
		top: 46px;
	}

	body.mobile-menu-visible #headerwrap #mobile-menu,
	body.mobile-menu-visible #headerwrap #mobile-menu.sidemenu-on,
	body.mobile_menu_active #headerwrap #mobile-menu,
	body.mobile_menu_active #headerwrap .sidemenu-on {
		background: #fff !important;
		background-image: none !important;
		color: #000 !important;
	}

	body.mobile-menu-visible #headerwrap #main-nav,
	body.mobile-menu-visible #headerwrap #main-nav a,
	body.mobile-menu-visible #headerwrap #main-nav ul a,
	body.mobile-menu-visible #headerwrap .sidemenu-on a,
	body.mobile_menu_active #headerwrap #main-nav,
	body.mobile_menu_active #headerwrap #main-nav a,
	body.mobile_menu_active #headerwrap #main-nav ul a,
	body.mobile_menu_active #headerwrap .sidemenu-on a {
		color: #000 !important;
	}

	body.mobile-menu-visible #headerwrap #main-nav a:hover,
	body.mobile-menu-visible #headerwrap #main-nav ul a:hover,
	body.mobile_menu_active #headerwrap #main-nav a:hover,
	body.mobile_menu_active #headerwrap #main-nav ul a:hover {
		color: #555 !important;
	}

	body.mobile-menu-visible #headerwrap #menu-icon-close,
	body.mobile_menu_active #headerwrap #menu-icon-close {
		color: #000 !important;
	}

	body.mobile-menu-visible #headerwrap #menu-icon-close::before,
	body.mobile-menu-visible #headerwrap #menu-icon-close::after,
	body.mobile_menu_active #headerwrap #menu-icon-close::before,
	body.mobile_menu_active #headerwrap #menu-icon-close::after {
		background-color: #000 !important;
	}

	body.mobile-menu-visible #headerwrap #main-nav .child-arrow,
	body.mobile_menu_active #headerwrap #main-nav .child-arrow {
		color: #000 !important;
		border-color: #000 !important;
	}
}