/* @import url("msgIcon.css"); */
@import url("pinIcon.css");
/* @import url("starIcon.css"); */
@import url("popupOverlay.css");

/*
:root{

	--col-prim-0:#273C4C;
	--col-prim-1:#5C788E;
	--col-prim-2:#446076;
	--col-prim-3:#142634;
	--col-prim-4:#0D1C28;

	--col-text-1:#FFFAF2;
	--col-text-2:#a8a8a8;

	--col-sec-0:#29553B;
	--col-sec-1:#629F7B;
	--col-sec-2:#488460;
	--col-sec-3:#143A23;
	--col-sec-4:#0C2C19;

	--col-sha-1:#000000;
}
*/

* {
  margin: 0 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Arial, SunSans-Regular, Sans-Serif;
}

h1 {
  font-size: 3em;
  font-weight: normal;
}

h2 {
  font-size: 2em;
  font-weight: normal;
}

h3 {
  margin-bottom: 0.5em;
}

header {
  display: block;
  max-width: 900px;
  padding: 0;
  height: 3em;
  background: #273C4C;
  /*prim 0*/
  margin: 0 auto;
  box-shadow: 0px 0px 10px #000000;
}

footer {
  display: block;
  max-width: 900px;
  padding: 0;
  height: 2em;
  background: #0D1C28;
  /*prim 0*/
  margin: 0 auto;
  box-shadow: 0px 0px 10px #000000;
}

body {
  height: 100vh;
  min-width: 100px;
  margin: 0 auto;
  background: linear-gradient(#446076, #0D1C28);
  /*prim 2, prim 4*/
  background-attachment: fixed;
  color: #000000;
}

section#content {
  background: linear-gradient(#446076, #142634);
  /* prim 2, 3*/
  color: #FFFAF2;
  /*text 1*/
  margin: 0.5em auto;
  max-width: 900px;
  min-height: 200px;
  padding: 0.5em 0.5em;
  box-shadow: 0px 0px 10px #000000;
  background-attachment: fixed;
  display: block;
}


/* ---------menu------------- */

nav {
  margin: 0 auto;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.nav li {
  display: inline;
  text-align: center;
  padding: 0;
}

.nav li a {
  display: inline-block;
  font-weight: bold;
  padding: 1em 1em;
}

.nav li a:link {
  text-decoration: none;
  color: #FFFAF2;
  /*text1*/
}

.nav li a:visited {
  text-decoration: none;
  color: #FFFAF2;
  /*text1*/
}

.nav li a:hover {
  background-color: #446076;
  /*prim 2*/
  color: #FFFAF2;
  /*text1*/
}

#headLogo {
  margin: 0 auto;
  height: 2.5em;
  vertical-align: middle;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

#headLogo:hover {
  background-color: #446076;
  /*prim 2*/
}


/* ---------tables------------- */

table {
  background-color: #0D1C28;
  /*prim 4*
	padding: 0.5em;
}

th{
	padding-right: 2em;
    text-align: left;
    border-collapse: collapse;
	border-bottom: 2px solid #446076; /*prim 2*/
}

td {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
  padding-right: 2em;
  text-align: left;
  border-collapse: collapse;
  border-bottom: 2px solid #142634;
  /*prim 3*/
}

.special-p-about {
  padding-top: 1em;
}

a {
  text-decoration: none;
  color: #a8a8a8;
  /*text 2*/
}


/* ---------map stuff------------- */

#mapid {
  height: calc(100vh - 7em);
}


/* ---------button------------- */

.button {
  text-decoration: none;
  border: 0.5em solid #488460;
  /*sec 2*/
  background-color: #488460;
  padding: 0 0.5em;
  color: #FFFAF2;
  /*text1*/
  font-weight: bold;
}

.button:hover {
  border: 0.5em solid #29553B;
  /*sec 0*/
  background-color: #29553B;
  color: #FFFAF2;
  /*text1*/
  cursor: pointer;
}


/* ---------general------------- */

.bulletlist {
  margin-left: 2em;
}

#banner {
  width: 100%;
}