h1 {font-size: 1.6em}
h2 {font-size: 1.4em}
h3 {font-size: 1.2em}
h4 {font-size: 1.1em}
h5 {font-size: 1.0em}
h6 {font-size: 1.0em}

h1.title {
	background-color: rgba(0,0,0,0.8);
	padding: 0.2em 0.5em;
	color:white;
	padding-right: 0em;
	border-radius: 0.3em 0.0em 0.0em 0.3em;
}

#logo {
		  width: 70%;
}

#page-content h1, #page-content h2 {
	padding: 0.2em 0.5em;
	width: 100%;
	color: #fff;
}
#page-content h1{
   	background-color: rgba(0,0,0,0.9);
}
#page-content h1 a{
    color:white;
}
#page-content h2{
    background-color: rgba(0,0,0,0.65);

}
/*Style for general links*/
a:hover {
	text-decoration:underline;
}

a ,.navbar-text, #menu-toggle + label{
	text-decoration:none;
   	color: #2c3e6e;

}


/*Link styling for header*/
a.menulink {
	text-decoration:none;
	padding-right:0.2em;
	padding-left:0.2em;
	display:inline-block;
}
a.head:hover, a.head:active, a.menulink:hover, a.menulink:active{

	background-color: black;
	color:white;
	text-decoration:none;
	/*padding:0.1rem;*/
}





#page-title > a:hover{
	text-decoration: none;
}

html, body {
	height: 100%;
	font-size: 15px;
	font-family: "Gill Sans", "Gill Sans MT", "" sans-serif;
	background-image:url('/2017/theme/pattern.png');
	color: black;
}

p {
	text-align: justify;
}

img {
	max-width: 100%;
}

#wrap {
	width: 100%;
	min-height: 100%;
	height: auto
}

.pagination {
	margin-top: auto;
	margin-bottom: auto;
	vertical-align: middle;
}

.btn-group {
	display: inline-block;
}
/*Navigation*/
#navbar {
	font-size: 1.2rem;
	color: #333;
}

#navbar .navbar-header {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	text-align: center;
}

#navbar .navbar-header > div {
	flex: initial;
}

.navbar-text {
	/*display: inline-block;*/
	/*width: 80%;*/
	font-size: 2rem;
	/*color: #2c3e6e;*/
	/*text-align: center;*/
}


.navbar-img {
	/*min-width: 9%;*/
	/*display: inline-block;*/
	/*text-align: center;*/
	margin-right: 2rem;
}

#menuitem-list {
	text-align: center;
	font-size: 25pt;
	padding-left: 0em;
	display: flex;
	flex-direction: row;
	justify-content: center ;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: 0.5em;
}
@media all and (max-width: 55rem) {
    #menuitem-list {
        flex-direction: column;
        align-items: center;
    }
}

.hide {
	display: none;
}

li.dropdown {
	/*display: inline-block;*/
	/*vertical-align: top;*/
	padding-right:2%;
	padding-left:2%;
	list-style-type: none;
	flex-basis: max-content;
}


ul.dropdown-content {
	font-size:65%;
	display: none;
	list-style: none;
	text-align: left;
	padding-left: 2em;
	padding-right: 1em;
	border:thin solid #333;
	position:absolute;
	background-color: rgba(255, 255, 255, 0.95);
	border-top: none;
	}
	#menu-toggle{
		display: none;
	}
	 #menu-toggle + label {
		display: none;
		 text-align: center;
		 font-size:1.5em;
		 border-bottom: dotted 2px darkgrey;
		 border-top: dotted 2px darkgrey;


	}
@media all and (max-width: 55rem) {
	ul.dropdown-content{
		text-align: center;
	}
	ul.dropdown-content{
		position: static;
	}
		#menu-toggle + label {
			display: block;
			margin-bottom: 0.2em;
		}
	#menu-toggle:checked + label{
		border-bottom: none;
	}

	#menu-toggle {
		opacity: 0;
		display: block;

	}
	#menu-toggle ~ #menuitem-list {
		display: none;
	}
	#menu-toggle:checked ~ #menuitem-list{
		display: block;
				 border-bottom: dotted 2px darkgrey;

	}
}
.dropdown:hover .dropdown-content {
	display: block;
}

.page-header {
	margin: 0;
	margin-bottom: 21px;
	padding: 0;
}

.article_info {
	padding: 0.1em 1em;
	border-radius: 0.3em;
	background-color: rgba(84, 191, 199, 0.5);
}

.pagination {
	font-size: 1.2em;
}

td.code {
	width:100%;
}

.panel-group {
	width:80%;
	margin:0 auto;
}


.panel, #page-content{
	background-color: rgba(183, 183, 183, 0.3);
	border-radius:0.3em 0.3em 0 0;

}

.panel{
	padding:1rem;
	/*margin-bottom:0.1em;*/
	/*background-color: #2c3e6e;*/
	margin-bottom: 1rem;
	/*border-bottom: 0.2em solid #ddd;*/
}

ul.pagination {
	text-align: center;
	font-size: 1.2em;
}

ul.pagination li {
	list-style: none;
	display: inline-block;
	padding: 0 0.2em;
}

.sr-only {
	display:none;
}

.container {
	width:90%;
	margin:0 auto;
}

#page-content {
	width: 80%;
	margin: 0 auto;
	/*background-color: #2c3e6e;*/
	/*color: #fff;*/
	padding: 1em;
	/*border-radius: 0.3em;*/
}

/*#page-content p {*/
	/*color: #E1FFFF;*/
/*}*/

#page-content .header {
	border-bottom: 0.1em dotted black;
	font-weight: bold;
}

#page-content .content {
	margin-top: 1em;
}

.wall-of-text {
	line-height: 1.5em;
	/*column-count: 2;*/
	column-width: 30em;
	column-gap: 1.5em;
	column-rule: dashed 0.1em red;
	widows: 3;
	orphans: 3;
}

/*.wall-of-text p {*/
	/*-webkit-margin-before: 0;*/
	/*-webkit-margin-after: 0;*/
/*}*/

.wall-of-text :not(p) {
	column-span: all;
}