.visually-hidden-focusable.skip-link,
.path-admin header {
	display: none !important;
}

/* STICKY STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header.is-sticky:not(.menu-open) {
  position: fixed !important;
  z-index: 100;
  top: 0;
  width: 100%;
  animation: slideDown 0.35s ease-out;
}
header.is-sticky.slide-up:not(.menu-open) {
	transform: translateY(-100%);
  animation: slideUp 0.35s ease-out;
}
header.is-sticky .pre-header {
	margin-top: -16px;	
}
header.is-sticky:not(.menu-open) .navbar-brand img {
	height: 40px;
}
header.is-sticky {
	background-image: linear-gradient(white, transparent) !important;
	background-color: white;
}

@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes slideUp {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-100%);
  }
}


.region-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 3rem 1rem;
  flex-wrap: wrap;
}
header.is-sticky .region-header {
	padding-top: 1rem;
	padding-bottom: 0.6rem;
}

.pre-header {
	background-color: #F0F0F0;
  width: 100%;
  display: flex;
  justify-content: end;
  margin-bottom: 1rem;
  position: static;
  height: 32px;
  padding-top: 6px;
}
@media (max-width: 767.98px) {
.pre-header {
  margin-top: -16px;
}
}
.pre-header:before {
	content: '';
	display: block;
	width: 100%;
	height: 32px;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #F0F0F0;
}
.pre-header > * {
	position: relative;
}

.region-header .menu--pre-header {
	width: 100%;
}
.region-header .menu--pre-header ul {
	display: flex;
	flex-direction: row;
	justify-content: end;
}
header .menu--pre-header .navbar-nav .nav-link {
  padding-top: 0;
  padding-bottom: 0;
  font-size: 14px;
}

header.is-sticky,
body:not(.page-node-1) header {
	position: absolute;
	z-index: 100;
	width: 100%;
	background-image: linear-gradient(black, transparent);
	/*border-radius: 24px 24px 0 0;*/
}
body:not(.page-node-1) header:not(.search-open):not(.is-sticky) .site-logo img {
	filter: brightness(0) invert(1);
}
body:not(.page-node-1) header:not(.is-sticky) #block-mapo-main-menu a,
body:not(.page-node-1) header:not(.is-sticky) #block-mapo-main-menu .nav-link:focus,
body:not(.page-node-1) header:not(.is-sticky) #block-mapo-main-menu .nav-link:active,
body:not(.page-node-1) header:not(.is-sticky) #block-mapo-main-menu .nav-link:hover,
body:not(.page-node-1) header:not(.is-sticky) #block-mapo-main-menu .navbar-nav .nav-link.active {
	color: white;
}
body:not(.page-node-1) header .nav-link:focus-visible {
  box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5);
}

body:not(.page-node-1) header a.bg-green-light.text-white {
	background-color: white !important;
	color: #39454A !important;
}


header.is-sticky .region-header .block-system-branding-block {
  margin-top: -4px;
}

.navbar-brand img {
  height: 48px;
}
@media (min-width: 992px) {
	/*.region-header .block-system-branding-block {
		margin-top: 1rem;
	}*/
  .navbar-brand img {
    height: 60px;
  }
}

.menu-bar .navbar-nav {
	flex-direction: row;
}

#block-mapo-main-menu {
	flex-grow: 2;	
}

/* MENU HAMBURGER */
.region-primary-menu {
	display: none;
	position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 100;
  padding: 1rem 3rem;
  background-color: var(--primary-dark);
}
.region-primary-menu.menu-open {
	display: flex;
	flex-wrap: wrap;
}

.region-primary-menu h5 {

}

.region-primary-menu .navbar-nav .nav-link.active {
  color: white;
  font-weight: bold;
}

.region-primary-menu .navbar-nav ul {
  list-style: revert;
}
.region-primary-menu li::marker {
  color: white;
}

.region-primary-menu .dropdown-toggle::after {
	display: none;
}

.menu-bar .nav-link:after {
    content: '';
    display: block;
    width: 0;
    border-bottom: 3px solid;
	  border-image: linear-gradient(to right, rgba(0, 0, 0, 0), white) 1;
	  padding-bottom: 4px;
    transition: width .3s;
}
header.is-sticky .menu-bar .nav-link::after {
  border-image: linear-gradient(to right, rgba(0, 0, 0, 0), black) 1;
}

.menu-bar .nav-link:hover:after {
    width: 100%;
}
.menu-bar .nav-link.is-active:after {
	width: 100%;
}
.menu-bar a {
	font-weight: 600;
}


header.is-sticky #menu img,
.page-node-1 #menu img {
  filter: invert(1);
}

#menu img,
#menu-close img {
	margin-top: -4px;
}
#block-mapo-menuclose {
  float: right;
  width: 50%;
  justify-content: end;
  display: flex;
}
#block-mapo-sitebranding-2 {
	width: 50%;
	margin-bottom: 40px;
}
#block-mapo-sitebranding-2 img {
	filter: brightness(0) invert(1);
}
.region-primary-menu:after {
	content: '';
	display: block;
	clear: both;
}
#block-mapo-chisiamo {
	clear: both;
}
.region-primary-menu nav {
	padding: 20px 40px;
	display: inline-block;
	width: 33.333%;
}
.region-primary-menu .navbar-nav .nav-link {
	white-space: normal;
  padding-left: 0;
}
@media (max-width: 767.98px) {
	.region-primary-menu nav li {
    max-height: 200px; /* fix bug mobile */
	}
}
.region-primary-menu nav h5 {
	color: var(--green-light);
}
.region-primary-menu nav a {
	color: white;
	padding-top: 0;
  padding-bottom: 0;
}
.region-primary-menu nav a:focus,
.region-primary-menu nav a:hover {
	color: #6E9E7C;
}

/* LANG */
#block-mapo-languageswitcher > ul {
	list-style: none;
	display: flex;
	margin: 0;
}
#block-mapo-languageswitcher > ul > li {
	white-space: nowrap;
	font-size: 14px;
}
#block-mapo-languageswitcher > ul > li:first-child:after {
	content: ' / ';
	color: initial;
	margin-right: 4px;
}
#block-mapo-languageswitcher .is-active {
	color: var(--green-light);	
}

/* SEARCH */
header.search-open:before {
	content: '';
	display: block;
	position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background-color: black;
  opacity: 0.5;
}
.region-secondary-menu {
	display: none;
	padding: 3rem;
	padding-bottom: 5rem;
	border-radius: 0 0 32px 32px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  background-color: white;
}
#block-mapo-searchicon img {
  width: 21px;
  height: 21px;
  margin-top: -8px;
}
#search-close img {
  margin-top: -4px;
}

#block-mapo-sitebranding {
	float: left;
}
#block-mapo-searchclose {
	float: right;
}
#block-mapo-searchform {
	clear: both;
}
.js-form-type-search input.form-search {
	background: #f0f0f0;
  width: 100%;
  height: 50px;
  padding-left: 64px;
  font-size: 24px;
  color: black;
}
.form-type-search {
	display: block;
	width: 100%;
}
#edit-keys {
	display: block;
	width: 100% !important;
	color: black;
	padding: 24px;
	padding-left: 60px;
}
#search-block-form .icon {
  top: 10px;
  left: 18px;
}
i.better_search {
  background: url(/sites/default/files/theme/search-icon.svg) center center no-repeat;
  background-size: cover;
}


.region-secondary-menu .navbar-nav .nav-link {
	padding: 0;
}
#block-mapo-quicklinks {
	padding: 0 10%;
}
#block-mapo-quicklinks .navbar-nav {
  columns: 4;
  display: block;
}
#block-mapo-quicklinks h5 {
  margin-bottom: 24px;
  font-weight: bold;
  font-size: 1rem;
}


@media (max-width: 767.98px) {
	.region-header,
	.region-primary-menu,
	.region-secondary-menu {
		padding: 1rem;
	}
	#block-mapo-languageswitcher ul {
		padding-left: 0;
	}
	
	.region-primary-menu nav {
		width: 100%;
	}
}