/* secondary menu */

.container_sec_menu {
	background-color: var(--second_color);
	color: var(--fourth_color);
	border-top: 2px solid var(--fourth_color);
	box-shadow: 0 1.5px 3px 0 var(--first_text);
	
	position: sticky;
	top: 85px; /* mod posizione servizi */
	z-index: 998;
}
@media screen and (min-width: 380px) and (max-width: 992px) {
	.container_sec_menu { top: 110px; }
}
@media screen and (min-width : 993px) {
	.container_sec_menu { top: 110px; border-top: unset; box-shadow: unset; position: static; }
}
	
	.text_sec_menu_item {
		text-align: center;
		text-transform: uppercase;
		padding: 7px 0;
		font-weight: 500;
		background-color: var(--first_color);
	}
	@media screen and (min-width : 993px) {
		#sec_menu_redux .text_sec_menu_item { display: none; }
	}
	
	.text_sec_menu_item .sec_menu_icon {
		width: 32px;
		height: 32px;
		padding-top: 6px;
		background-color: var(--fourth_color);
	}
	
		.text_sec_menu_item .sec_menu_icon svg {
			font-size: 18px;
			vertical-align: bottom;
			color: var(--first_color);
			filter: unset;
		}
		
	.container_sec_menu_item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 7px 15px 7px;
		max-width: 1400px;
		margin: auto;
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		.container_sec_menu_item { justify-content: space-evenly; }
	}
	@media screen and (min-width : 993px) {
		.container_sec_menu_item { justify-content: space-around; }
	}

		.sec_menu_item a {
			display: inline-flex;
			justify-content: center;
			align-items: center;
			color: var(--fourth_color);

		}
		
			.sec_menu_icon {
				display: inline-block;
				width: 40px;
				background-color: var(--first_light);
				height: 40px;
				border-radius: 50%;
				text-align: center;
				padding-top: 10px;
			}
			@media screen and (min-width : 993px) {
				.sec_menu_icon { margin-right: 10px; }
			}
				
				.sec_menu_icon svg {
					color: var(--fourth_color);
					font-size: 21px;
					filter: drop-shadow(1px 0.5px 1.5px #7d7d7d);
				}
				
				.sec_menu_icon svg.fa-parking-vr {
					font-size: 20px;
				}
				
				.sec_menu_label {
					display: none;
				}
				@media screen and (min-width : 993px) {
					.sec_menu_label { display: block; text-transform: uppercase; font-weight: 400; }
				}
			

#sec_menu_redux .text_sec_menu_item .sec_menu_icon {
	margin-left: 10px;
}
		
				
/* expanded */ 

#sec_menu_expanded {
	position: fixed;
    top: 85px; /* mod posizione servizi */
    left: 0;
	width: 100%;
    height: 100%;
    z-index: 999;
	padding: unset;
	display: flex;
	background-color: var(--first_light);
	display: none;
	overflow-y: scroll;
}
@media screen and (min-width : 380px) and (max-width : 992px) {
	#sec_menu_expanded { top: 110px; }
}
@media screen and (min-width : 993px) {
	#sec_menu_expanded { display: none; }
}

	#sec_menu_expanded .text_sec_menu_item .sec_menu_icon {
		background-color: var(--fourth_color);
	}

	#sec_menu_expanded .container_sec_menu_item {
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);	
		align-content: flex-start;
		padding: unset;		 
	}

		#sec_menu_expanded .sec_menu_item {
			width: 50%;
			padding: 20px;
			display: flex;
			justify-content: center;
			border-right: 5px solid var(--fourth_color);
			border-bottom: 5px solid var(--fourth_color);
			flex-direction: column;
			align-items: center;
			height: 22.4%; /* dimensione riquadri servizi */
		}

		#sec_menu_expanded .sec_menu_item:nth-child(even), #sec_menu_expanded .sec_menu_item:last-child {
			border-right: unset;
		}

		#sec_menu_expanded .sec_menu_item:nth-last-child(2):nth-child(odd), #sec_menu_expanded .sec_menu_item:last-child {
			border-bottom: unset;
		}

			#sec_menu_expanded .sec_menu_item a {
				flex-direction: column;
				color: var(--first_color);
			}
				
				#sec_menu_expanded .sec_menu_label {
					display: inline-block;
					text-align: center;
					margin-top: 10px;
					text-transform: uppercase;
					font-weight: 400;
					font-size: 19px;
				}
			
			#sec_menu_expanded .sec_menu_icon {
				width: 60px;
				height: 60px;
				padding-top: 15px;
				background-color: var(--first_color);
			}
				
				#sec_menu_expanded .sec_menu_icon svg {
					font-size: 30px;
					color: var(--fourth_color);
					filter: unset;
				}
			
			#srv_menu_close {
				padding: 7px 0;
				margin-bottom: unset;
			}
			
				#srv_menu_close .sec_menu_icon {
					width: 32px;
					height: 32px;
					padding-top: 6px;
					margin-left: 10px;
				}

					#sec_menu_expanded #srv_menu_close svg {
						color: var(--first_color);
						font-size: 18px;
					}