/* Add here all your css styles (customizations) */


@media (max-width:700px){
    .grandeSePiccolo{
    	font-size: 20px;
    	margin-left: 55px;
    	padding-bottom: 0px !important;
    	padding-top: 0px !important;
    }

}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:-10rem; /* 10rem is the min-width of dropdown-menu */
    margin-top:-6px;
}

/* rotate caret on hover */
.dropdown-menu > li > a:hover:after {
    text-decoration: underline;
    transform: rotate(-90deg);
} 

.min-menu {
	background-color: initial;
	border: initial;
	padding: 0px;
	font-weight: 900 !important;
}

.min-menu:hover {
	background-color: initial;
}

.menu-mobile {
	font-weight: 900 !important;
	position: relative;
}

#title-mobile {
	text-transform: uppercase;
	margin-top: 37px;
	line-height: 150%;
}

 #logo-mobile {
	 width: 100%;
	position: absolute;
	bottom: 100px;
	left: 0px;
	z-index: 5;
	padding-top: 100px;
}

.menu-mobile .nav-item {
	margin-top: -4px;
}

.menu-mobile .nav-item > .nav-link, #title-mobile {
	color: black;
	font-size: 200%;
	padding: 0px !important;
}

.menu-mobile .dropdown > .nav-link::after {
	/*display: none;*/
	position:relative;
	top: -1px;
}

.menu-mobile .navbar-collapse {
	margin-top: 40px;
}

.menu-mobile .dropdown-item > .nav-link, .menu-mobile .navbar-toggler {
	color: white !important;
	white-space: initial;
}

.collapsing {
    -webkit-transition: none;
    transition: none;
    
}

.g-bg-primary-opacity-0_8--after::after {
  background-color: rgba(211, 55, 40, 0.8) !important; }