/* UTILITY */
#pre-header .blue-button {
	border:     1px solid var(--hrz-header-preheader-button-bordercolor);
	background: var(--hrz-header-preheader-button-bgcolor);
	color:      var(--hrz-header-preheader-button-textcolor);
}

#pre-header .blue-button:hover {
	border:     1px solid var(--hrz-header-preheader-button-bordercolor-hover);
	background: var(--hrz-header-preheader-button-bgcolor-hover);
	color:      var(--hrz-header-preheader-button-textcolor-hover);
}

/* HEADER */
header > #pre-header {
	background: var(--hrz-header-preheader-bgcolor);
}

.navbar-brand {
	margin-right: 12px;
}

header .it-header-center-wrapper {
	background: var(--hrz-header-center-bgcolor);
}

#header-center .it-brand-wrapper img.icon {
	margin-right: 8px;
}

@media screen and (max-width: 992px) {
	.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
		width:  64px;
		height: 64px;
	}

	header #header-center .it-brand-tagline {
		padding-top: 0;
	}
}

/* Contacts section */
header #navbar-contacts-section .custom-icon {
	cursor: pointer;
}

/* Socials list */
header #pre-header .socials-list {
	padding:     0;
	margin:      0 16px 0 0;
	list-style:  none;
	align-items: center;
}

header .it-header-center-content-wrapper.centered {
	display:               grid;
	grid-template-columns: repeat(3, 1fr) auto;
	grid-template-rows:    1fr;
	grid-column-gap:       0;
	grid-row-gap:          0;
}

header .it-header-center-content-wrapper.centered .it-brand-wrapper {
	grid-column:     span 2;
	display:         flex;
	justify-content: center;
}

header .it-header-center-content-wrapper.centered .it-right-zone {
	justify-self: end;
}

#mobile-nav {
	z-index: 1001;
}

/* nav-link */
#menu-top a.list-item {
	width:       100%;
	height:      100%;
	display:     flex;
	align-items: center;
}

#menu-top .nested-list .dropdown.list-item {
	width:  100%;
	height: 100%;
}

#menu-top .nested-list .dropdown.list-item a.dropdown-toggle {
	width:       100%;
	height:      100%;
	display:     flex;
	align-items: center;
}

#menu-top .nested-list .dropdown.list-item a.dropdown-toggle > span {
	width:           100%;
	justify-content: center;
}

#menu-top .navbar a.nav-link {
	font-weight: 600;
	font-size:   .9em;
}

#menu-top .navbar .nav-link,
#menu-top .navbar .mobile-nav-link {
	font-size:      1.05em;
	text-transform: uppercase;
	padding:        10px 20px;
}

#menu-top .navbar .nav-item-no-children .nav-link {
	padding-bottom: 14px;
}

#mobile-navbar .mobile-nav-link {
	text-decoration: none;
}

#mobile-navbar .mobile-nav-link:hover,
.navbar .nav-link:hover {
	text-decoration: underline;
}

.navbar-nav .dropdown-menu .link-list-wrapper .link-list .list-item span {
	margin: 0;
}

#navC1 .link-scuola {
	color: var(--hrz-scuola-link-textcolor);
}

#navC1 .link-scuola:hover {
	color: var(--hrz-scuola-link-textcolor-hover);
}

#navC1 .link-scuola .icon {
	fill: var(--hrz-scuola-link-textcolor);
}

#navC1 .link-servizi {
	color: var(--hrz-servizi-link-textcolor);
}

#navC1 .link-servizi:hover {
	color: var(--hrz-servizi-link-textcolor-hover);
}

#navC1 .link-servizi .icon {
	fill: var(--hrz-servizi-link-textcolor);
}

#navC1 .link-novita {
	color: var(--hrz-novita-link-textcolor);
}

#navC1 .link-novita:hover {
	color: var(--hrz-novita-link-textcolor-hover);
}

#navC1 .link-novita .icon {
	fill: var(--hrz-novita-link-textcolor);
}

#navC1 .link-didattica {
	color: var(--hrz-didattica-link-textcolor);
}

#navC1 .link-didattica:hover {
	color: var(--hrz-didattica-link-textcolor-hover);
}

#navC1 .link-didattica .icon {
	fill: var(--hrz-didattica-link-textcolor);
}

.it-access-top-wrapper > .btn {
	background-color: var(--hrz-btn-color);
}

.nav-item .mobile-nav-link {
	font-weight:  600;
	padding-left: 24px;
}

.navbar-nav .dropdown .dropdown-menu {
	margin-top: 0;
}

.navbar-nav .dropdown-menu .list-item .icon {
	width:  23px;
	height: 23px;
	fill:   var(--hrz-main-link-color);
	margin: 0;
}

#menu-top .navbar button.close-menu {
	background:    var(--hrz-header-mobile-close-btn-bgcolor);
	color:         var(--hrz-header-mobile-close-btn-textcolor);
	width:         40px;
	height:        40px;
	border-radius: 50%;
}

#menu-top #mobile-navbar a.list-item {
	padding: 8px 24px;
}

/* searchbar */
.it-search-wrapper .searchbar {
	color:        var(--hrz-header-search-textcolor);
	background:   var(--hrz-main-color);
	border-color: var(--hrz-header-search-bordercolor);
	width:        10vw;
}

.searchbar:focus {
	color: var(--hrz-header-textcolor);
}

.it-search-wrapper label {
	color: var(--hrz-header-textcolor);
}

header .header-center-search-icon {
	color: var(--hrz-header-search-icon-textcolor);
	fill:  var(--hrz-header-search-icon-textcolor);
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a {
	color: var(--hrz-header-textcolor);
}

.it-header-center-wrapper .it-header-center-content-wrapper .it-brand-wrapper a .icon {
	fill: var(--hrz-header-textcolor);
}

.it-header-slim-wrapper .it-header-slim-wrapper-content a .icon {
	width:  25px;
	height: 25px;
}

#header-center {
	height:  auto;
	padding: 24px;
}

#menu-top {
	background: var(--hrz-header-menutop-bgcolor);
}

#header-center .it-brand-text {
	padding-bottom: 8px;
}

#header-center .it-brand-subtitle {
	margin-bottom: -4px;
	font-size:     1.5em;
	font-weight:   400;
}

#header-center .it-brand-tagline {
	padding-top: 8px;
}

.divider {
	display: none;
}

.banner-pon {
	width:       200px;
	height:      40px;
	margin-left: 8px;
}

.menu-top-toolbar {
	list-style:    none;
	display:       flex;
	align-items:   center;
	margin-bottom: 0;
	padding-left:  8px;
}

.menu-top-toolbar li {
	padding: 0 8px;
}

.menu-top-toolbar .accesibility-button {
	line-height: 100%;
}

header #pre-header .socials-list li:hover {
	background: var(--hrz-light-icon-btn-bgcolor-hover);
}

.contacts-nav-menu::before {
	left: 6px;
}

.contact .dropdown-menu.contacts-nav-menu {
	top:       -6px !important;
	max-width: 35vw;
}

.contacts-nav-menu ul li a {
	display:     flex;
	align-items: center;
	padding:     0 16px;
}

.contacts-nav-menu ul li a span {
	padding-left:    8px;
	margin-right:    0;
	text-decoration: underline;
}

.contact .contacts-nav-menu ul li:hover a span {
	color: var(--hrz-main-link-color-hover);
}

.contact .contacts-nav-menu ul li:hover a .icon {
	text-decoration: none;
}

.contacts-nav-menu .icon {
	min-width: 25px;
}

#login-section a:hover {
	text-decoration: none;
}

/* Accessibility-button */
#accessibility-section .accessibility-button:hover > .blue-icon {
	color: var(--hrz-light-icon-btn-textcolor-hover);
}

#accessibility-section .accessibility-button {
	padding: 8px;
}

#accessibility-section .accessibility-button i {
	font-size: 40px;
}

#accessibility-section .dropdown-menu {
	padding: 16px;
}

#accessibility-section .dropdown-menu ul li {
	margin: 8px 16px;
}

#accessibility-section .dropdown-menu ul li a {
	color: var(--hrz-main-link-color);
}

#accessibility-section .dropdown-menu ul li:hover a {
	color: var(--hrz-main-link-color-hover);
}

#accessibility-section .contrast-section .btn {
	background: var(--hrz-btn-color);
	color:      var(--hrz-light-text-color);
	padding:    8px 16px;
	margin:     8px;
}

#accessibility-section .contrast-section .btn:hover {
	background: var(--hrz-btn-color-hover);
}

#accessibility-section .contrast-section > div {
	padding: 8px 0;
}

/* Notifications Section */
#search-notification {
	z-index: 1005;
}

#menu-top.sticky {
	position: fixed;
	top:      0;
	width:    100%;
	z-index:  102;
}

/* Media query */
@media screen and (min-width: 992px) {
	li.nav-item:focus-within > .dropdown-menu {
		display: block;
	}

	li.nested-list:focus-within > .dropdown > .dropdown-menu {
		display: block;
	}

	.navbar-nav .dropdown:hover .dropdown-menu:not(.sublist) {
		display: block;
	}

	.l2_links .dropdown:hover > .dropdown-menu {
		display: block;
	}
}

@media screen and (max-width: 992px) {
	#mobile-navbar .nav-item {
		margin:      8px;
		line-height: 2;
	}

	#mobile-navbar .nav-item:last-child {
		margin-bottom: 16px;
	}

	#mobile-navbar .dropdown-menu .link-list-wrapper {
		margin-bottom: 0;
	}

	#mobile-navbar .nav-item:nth-child(1):not(.pnrr) .dropdown-toggle > .icon {
		fill: var(--hrz-menu-top-item-text-color);
	}

	#mobile-navbar .pnrr.nav-item:nth-child(1) .dropdown-toggle > .icon {
		fill: var(--hrz-scuola-link-textcolor);
	}

	#mobile-navbar .pnrr.nav-item:nth-child(2) .dropdown-toggle > .icon {
		fill: var(--hrz-servizi-link-textcolor);
	}

	#mobile-navbar .pnrr.nav-item:nth-child(3) .dropdown-toggle > .icon {
		fill: var(--hrz-novita-link-textcolor);
	}

	#mobile-navbar .pnrr.nav-item:nth-child(4) .dropdown-toggle > .icon {
		fill: var(--hrz-didattica-link-textcolor);
	}
}

@media screen and (min-width: 992px) {
	/* Search button */
	#header-center .it-search-wrapper button.search-link {
		width:            48px;
		height:           48px;
		border-radius:    24px;
		display:          flex;
		justify-content:  center;
		align-items:      center;
		margin-left:      16px;
		border:           none;
		transition:       .3s;
		background-color: var(--hrz-header-search-bgcolor)
	}

	/* Allineamento nav-link menu top */
	.navbar-nav .dropdown-menu a {
		color:       var(--hrz-main-link-color);
		font-weight: 400;
	}

	.navbar-nav .link-list .dropdown-menu.sublist {
		top:  calc(50% - 15px);
		left: 15vw;
	}

	@supports (-moz-appearance:none) {
		header .navbar-nav .link-list .dropdown-menu.sublist {
			top:  calc(50% - 25px);
			left: 15vw;
		}

		header .navbar-nav .link-list .dropdown-menu.sublist::before {
			top: 16px;
		}
	}

	.l1_links .dropdown-menu::before {
		z-index: -1;
	}

	.navbar-nav .link-list .dropdown-menu.sublist:before {
		top:  5px;
		left: -8px;
	}

	.navbar-nav .link-list .list-item .btn-dropdown {
		text-align: left;
	}

	.navbar-nav .link-list .list-item .btn-dropdown:focus {
		box-shadow: none;
	}

	.navbar-nav .nav-item li {
		height: 40px;
	}

	.l1_links li:hover {
		background: var(--hrz-header-menutop-link-bgcolor-hover);
	}

	.l3_links_menu:hover {
		display: block;
	}

	/* colore nav dropdown menu */
	.navbar .nav-item.dropdown .dropdown-menu,
	.navbar .nav-item.dropdown .dropdown-menu.show::before {
		background: var(--hrz-header-menutop-bgcolor);
		box-shadow: 0 1rem 3rem rgb(0 0 0 / 18%);
	}

	.navbar .nav-item.dropdown .dropdown-menu li span,
	.navbar .nav-item.dropdown .dropdown-menu li span .icon {
		color: var(--hrz-main-link-color);
		fill:  var(--hrz-main-link-color);
	}

	.navbar .nav-item.dropdown .dropdown-menu li:hover span,
	.navbar .nav-item.dropdown .dropdown-menu li:hover span .icon {
		color: var(--hrz-main-link-color-hover);
		fill:  var(--hrz-main-link-color-hover);
	}

	#mobile-nav .l3_links_menu .l3_links:hover span:not(.l4_links span) {
		color: var(--hrz-main-link-color-hover);
	}

	#mobile-nav .l4_links span {
		color: var(--hrz-main-link-color);
	}

	#mobile-nav .l4_links:hover span {
		color: var(--hrz-main-link-color-hover);
	}

	.navbar-nav .dropdown-menu {
		width: 15vw;
	}
}

/* Responsivness menu top */
@media screen and (max-width: 992px) {
	/* Menù top */
	.it-header-wrapper .it-nav-wrapper .it-header-navbar-wrapper {
		transition: padding-top .3s;
		position:   relative;
		margin-top: 0;
		display:    flex;
		padding:    16px;
	}

	.divider {
		display:    block;
		width:      90%;
		text-align: center;
	}

	/* Searchbar mobile */
	.it-search-wrapper .form-group {
		width: 90%;
	}

	#dropdown-searchbar .dropdown-menu {
		background: var(--hrz-header-mobile-search-bgcolor);
		padding:    8px 14px;
		top:        130%;
		min-width:  45vw;
	}

	#dropdown-searchbar .dropdown-menu::after {
		content:          " ";
		position:         absolute;
		top:              -6px;
		left:             6px;
		width:            18px;
		height:           18px;
		border-radius:    4px;
		background-color: var(--hrz-header-mobile-search-bgcolor);
		transform:        rotate(45deg);
	}

	#dropdown-searchbar .dropdown-menu button {
		background: var(--hrz-header-mobile-search-btn-bgcolor);
		margin:     14px;
		padding:    8px;
	}

	.it-search-wrapper label {
		color: var(--hrz-header-search-textcolor);
	}

	.it-search-wrapper .searchbar {
		width:        100%;
		border-color: var(--hrz-header-search-textcolor);
	}

	.it-search-wrapper .searchbar::placeholder {
		color:     var(--hrz-header-search-textcolor);
		font-size: 1em;
	}

	/* Close menu toggle */
	#mobile-nav .close-div {
		position: static;
	}
}