
.box-megamenu {
	background: white;
	opacity: 0.95;
	padding: 2rem 0rem;
	box-shadow: 0 0 4px rgb(0 0 0 / 25%);
}

.box-megamenu .box-megamenu-content {
	padding: 2rem 0rem;
}

.box-megamenu h1 {
		font-size: 1.73rem;
	color: var(--color-main);
	text-transform: uppercase;
	display: block;
	font-family: var(--font-alternative);
	margin-bottom: 2rem;
}

.box-megamenu p  {
	line-height: 1.5em;
}


.box-megamenu ul {
	margin-left: 0;
}

.box-megamenu ul li {
	font-size: 1rem;
	color: var(--color-black);
	text-transform: uppercase;
	display: block;
	font-family: var(--font-alternative);
	line-height: 2em;
}

.box-megamenu ul i {
	width: 2em;
	text-align: center;
}


.box-megamenu ul li a:link, 
.box-megamenu ul li a:visited {
   	color: var(--color-black);
    transition: all 0.5s ease-out;
}

.box-megamenu ul li a:active,
.box-megamenu ul li a:hover {
   	color: var(--color-grey);
    transition: all 0.5s ease-out;
}

.box-megamenu-content .two_columns {
      column-count: 2;
    column-gap: 1rem;
}

.box-megamenu-content div.link {
    font-family: var(--font-alternative);
    font-size: 0.8rem;
    text-transform: uppercase;
}

 .mega-menu .dropdown-pane {
  width: 100%;
  max-width: 100%;
}

.dropdown-pane {
    z-index: 10;
    display: none;
    width: auto;
    padding: 1rem;
    visibility: hidden;
    border: none;
    border-radius: 0;
    background-color: #fefefe;
    font-size: 1rem;
	 width: 100%;
    width: 100vw;
    margin: 0 auto !important;
    left: 0% !important;
    right: 0% !important;
}



.mega-menu > a::after {
  margin-top:0;
}
