@import url("fade.css");
/*The only warning this sheet gives is about the above imported style sheet (explanation inside that style sheet)*/
html {
	font-size: 62.5%;
	min-height: 100%;
}
.banner {
	width: 100%;
}
/*Background styling*/
body {
    background-color: #0D1B1E;
    background-image: url("images/backgroundimage.png");
    background-repeat: repeat;
    background-attachment: scroll;
	font-size: 1.6rem;
	line-height: 2rem;
	margin-bottom: 50px;
}

/*The content wrap styling*/
section.body-wrap {
    width: 75%;
    background-color: #feffff;
    background-repeat: repeat;
    background-attachment: scroll;
	box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.3);
    margin-right: auto;
    margin-left: auto;
	float: none;
}
section#main.body-wrap  {
	min-height: 100vh; /*100% of view point*/
}
section.content {
	padding: 60px;
}

/*Menu styling*/
nav {
    list-style:none;
    margin:0;
    padding:3px;
    text-align:center;
}
a:link{
	color: #3fb0ac;  
}
a:visited {
	color: #3b3a36;
}
a:hover {
	color: #b3c2bf;
}
nav a:link {
	font-family: 'Courier New', 'Sans-Serif';
	font-size: 1.4rem;
	font-style: normal;
	font-weight: 900;
	color: #3b3a36;
	text-decoration: none;
	display:inline-block;
    padding:20px;
}
nav li {
	display:inline;
}
nav ul {
	list-style-type: none;
}
nav a.selected {
	color: #c0dfd9;
	/*pointer-events: none; Doesn't pass validation, although it disables links*/ 
    cursor: default;
}

/*Footer styling*/
footer {
	background-color: #c0dfd9;
	color: #3b3a36;
	letter-spacing: 0.05rem;
	font-size: 1.5rem;
	text-align: center;
	line-height: 40px;
}
#index {
	margin-top: 80px; 
}

/*Content styling*/
h2,h3,p,li,dd,dt {
	font-family: 'Courier New', 'Sans-Serif';
	font-style: normal;
}
h1{	
	display: none;
}
h2{
	font-size: 2.5rem;
	font-weight: 700;
	color: #3b3a36;
	text-transform: capitalize;
}
h3 {
	font-size: 1.9rem;
	font-weight: 600;
	color: #3b3a36;
	text-transform: capitalize;
}
p,dd {
	text-align: justify;
	text-indent: 2em;
}
.first {
	text-indent: 0;
}
li,dd,dt {
	font-weight: 400;
}
li {
	padding-bottom: 5px;
}
dd {
	padding-bottom: 20px;
}
dt {
	padding-bottom: 10px;
}
/*First page quote styling*/
blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 20px;
	padding: 0.6em 20px;
	quotes: "\201C""\201D""\2018""\2019";
	font-size: 2rem;
	font-family: 'Courier New', 'Sans-Serif';
	width: 50%;
	text-align: center;
	margin-right: auto;
    margin-left: auto;
	float: none;
}
blockquote:before {
	font-family: auto;
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote p {
    display: inline;
}
.hangingindent {
	padding-left: 22px ;
	text-indent: -22px ;
} 
/*Styling that allows text-wrap*/
#floated{
    float: left;
    width: 350px;
	padding: 20px;
}
#container p {
	padding: 20px;
}

#submenu {
	background-color: #c0dfd9;
	margin-top: -7px;
}

.submenulink {
	color: white;
}

.content-greek {
	font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
}

#content-gr, #content-gr li, #content-gr p, #content-gr h4 {
	font-family: Open Sans,Helvetica Neue,Helvetica,Arial,sans-serif !important;
}

.button {
	background-color: #c0dfd9; /* Green */
	border: none;
	color: white;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	align-content: center;
	font-weight: bold;
}

.center {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
}

#long_h2 {
	line-height: 30px;
}

#poster {
    max-width: 100%;
    max-height: 100%;
}

/* Style buttons */
.btn {
  background-color: #3fb0ac;
  border: none;
  color: white !important;
  padding: 12px 30px;
  cursor: pointer;
  font-size: 20px;
  text-decoration: none;
}

/* Darker background on mouse-over */
.btn:hover {
  background-color: #c0dfd9;
}

.wrapper {
    text-align: center;
	padding-bottom: 30px;
}