/* Related CSS to the new nav -- on the development server i added this on the layout-1600.css file  */ 
.off-canvas-content {
    padding: 1rem;
}
.off-canvas-sidebar-open .off-canvas-sidebar {
    -webkit-transform: translateX(-46vw);
    transform: translateX(-46vw);
}

.off-canvas-sidebar {
    width: 46vw;
    right: -46vw;
    z-index: 9999;
}

/*aside.widget.widget-text {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
}*/

.menu-group {
    padding: 1rem;
}
.off-canvas-sidebar h2 {
    font-family: "Quadon", Arial;
    font-size: 1.2rem;
    font-weight: normal !important;
    letter-spacing: .05em;
    line-height: normal;
    text-transform: uppercase;
    margin: 0 0 1rem 0;
    border-bottom: 1px #d43c00 solid;
    padding-bottom: 0.5rem;
}
.off-canvas-sidebar .textwidget a {
    background: none;
    display: block;
    font-size: .82rem;
    padding: 0;
    margin-bottom: 3px;
    text-transform: none;
    color: white;
    letter-spacing: .1rem;
    text-decoration: none;
    border: 1px #004663 solid;
    border-right: none;
    border-left: none;
}
.off-canvas-sidebar .textwidget a.active, .off-canvas-sidebar .textwidget a:hover {
    background: none;
    border: 1px #d43c00 solid;
    border-left: none;
    border-right: none;
    padding: 0;
  
}


ul.social-icons.text-center {
    margin-top: 3rem;
}

/*the following class might be already fixed on the current site - makes the icons larger*/
.social-icons > li > a {
    font-size: 1.2125rem;
}

@media(max-width:821px){
		.mnav .grid-x .cell:first-child {
			margin-top: 1.7rem;
		}
		.off-canvas-sidebar {
    		width: 90vw;
			right: -90vw;
		}
		.off-canvas-sidebar {
    		width: 90vw;
			right: -90vw;
		}
		.off-canvas-sidebar-open .off-canvas-sidebar {
			-webkit-transform: translateX(-90vw);
			transform: translateX(-90vw);
		}
	}
	
menu {
    display: block;
    list-style-type: none;
    margin-block-start: 0;
    margin-block-end: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start:0;
}

#newsList, #events{
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(2, 2fr);
    column-gap: 3em;
    row-gap: 1.5em;
}

@media(max-width:600px){
    #newsList, #events{
        display: block;
    }
    #newsList li, #events li{
        margin-block:1.5em;
    }
}

@media (min-width:1600px){
    .module-cover h1, .module-cover-slides h1 {
    	font-weight: 500;
    	font-size: 5rem;
	}
	.hero p {
    	font-size: 1.2rem;
	}
}
@media (min-width:2300px){
    .hero h1, .module-cover-slides h1 {
    	font-weight: 500;
    	font-size: 5.5rem !important;
	}
	.hero p {
    	font-size: 1.5rem;
	}
	.hero-min.module-cover h1 {
		font-weight: 500;
		font-size: 5rem !important;
	}
	.hero-min.hero p {
		max-width: 90%;
		float: right;
    	font-size: 1.5rem !important;
	}
}