@import url('https://fonts.googleapis.com/css2?family=Newsreader:ital@0;1&family=Poppins&display=swap');
 
body {
	background-color: #003D4C;
	font-size:18px;
	overflow-x:hidden;
	padding:0;
	max-width:720px; 
	margin:0 auto !important; 
	float:none !important;
}

h1, h2, h3, h4 {
	font-family: 'Poppins', sans-serif;	
}

div, p {
	font-family: 'Newsreader', serif;	
}

div, p {
	line-height:1.6;
	font-size:inherit;
}

h4 {
	line-height:1.6;
	font-size:18px;
	margin-bottom:0px;
}

p {
	margin-bottom:1.6em;
}

b {
	font-weight:400;
}

a {
	color:#002B80;
	text-decoration:none;
}

#header {
	background-color:#000;
	border-color:#000;
	border-style:solid;
	color: #FFF;
	font-family: 'Poppins', sans-serif;
	font-size: 50px;
	border-width:1px;
	padding:10px 35px;
	max-width:718px;
}

#bodytext {
	background-color:#FFF;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	padding:10px 35px;
}

/* INPUTs */
.nicetextinput {
	font-family: 'Poppins', sans-serif;	
	width:100%;
	padding: 12px 12px;
	margin: 8px 0;
	box-sizing: border-box;
	border: 1px solid #003D4C;
}

.nicebutton {
	font-family: 'Poppins', sans-serif;	
	width:50%;
	padding: 12px 12px;
	margin: 8px 0;
	box-sizing: border-box;
	border: 1px solid #003D4C;
	text-align: left;
	background-color: #F6BE00;
}

.nicetextinput:focus {
	border-color: #F6BE00;
}

.nicebutton:focus, .nicebutton:hover, .nicebutton:active  {
	border-color: #F6BE00;
	background-color: #003D4C;
	color: #FFF; 
}


/* DETAILPANE is an expandable environment for creating a detailpanepage */
.detailpane {
	font-size:15px;
	margin: 10px 0px 0px 0px;
}

.detailpane > p{
	margin:0px;
}

.detailpane > p+p{
	text-indent:25px;
	margin:0px;
}

/* TALK is an environment for listing talk */
.talk {
	margin:0px 25px 25px 25px;
}

.talk > p{
	margin:0px;
}

.talk > p+p{
	text-indent:25px;
	margin:0px;
}

label{
	text-decoration:none;
	color:#002B80;
	cursor:pointer;
}

/* I HAVE SPLIT THIS OUT; NOT SURE WHETHER IT'S WISE; made italic too, check format */
.navbar {
	overflow: hidden;
	background-color:#F6BE00;
	font-family: 'Poppins', sans-serif;	
	border-color: #000;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
}

/* Style the links inside the navigation bars */
.navbar a {
	float: left;
	display: block;
	color: #000;
	text-align: left;
	text-decoration: none;
	height: 27px;
	display: inline;
}

.navlink-l {
	padding: 15px 0px 15px 34px;
	min-width: 145px;
}
.navlink-c {
	padding: 15px 0px 15px 35px;
	min-width: 145px;
}
.navlink-r {
	padding: 15px 0px 15px 35px;
	min-width: 144px;
}

/* Change the color of links on hover */
.navbar a:link, .navbar a:visited {
	color: #000;
}

.navbar a:hover, .navbar a:active, .activenavbar {
	background-color: #003D4C !important;
	color: #FFF !important; 
}

/* Hide the link that should open and close the navbar on small screens */
.navbar .navicon {
	display: none;
	padding: 13px 0px 17px 0px;
	min-width: 54px;
	width: 54px;
	max-width: 54px;
}

/* When the screen is less than 720 pixels wide, hide all links, except for the first one. 
Show the link that should open and close the navbar (.icon) */
@media screen and (max-width: 720px) {
	.navbar a:not(:first-child) {
		display: none;}
	.navbar a.navicon {
		float: right;
		display: block;}
	.navbar.responsive {position: relative;}
	.navbar.responsive a.navicon {
		position: absolute;
		right: 0;
		top: 0;}
	.navbar.responsive a {
		float: none;
		display: block;
		text-align: left;}
} 

.navburger {
	width: 35px;
	background-color: #000;
	height: 4px;
	margin: 5px 10px;
}