/**
 * Global styles that are not default-overrides or spcific to forms, tabs, 
 * navbar etc. go here.
 *
 * This file should ideally be almost completely empty.
 */

.meapp-spacer {
	height: 25vh;
}

.meapp-clear {
	clear: both;
	padding-bottom: 20px;
}

.meapp-article {
    padding: 88px 40px 88px 40px;
}

.meapp-section {
    padding: 0;
}

hr {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	margin: 20px 0;
}

h1, h2, h3, h4, h5 {
	color: #4E6D8D;
	margin: 0;
	margin-bottom: 1.75rem;
	/*
	margin-bottom: 2.25rem;
	*/
}

h1 {
	font-weight: 700;
	font-size: 24px;
}

h2 {
	font-size: 20px;
	font-weight: 400;
}

h3 {
	margin-top: 2.25rem;
}

a {
	color: #4e6d8d;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

.content-menu {
	margin-bottom: 10px;
	min-height: 38px;
}

/* form-section related stuff below is also relevant for details! */

.form-section h3 {
	margin: 0 0 10px 0;
}

.form-section {
	padding: 20px;
}

.form-section div {
	margin-bottom: 10px;
}

div.overview_link {
	/*
	margin-bottom: 1em;
	*/
	position: absolute;
	top: 60px;
	left: 40px;
}