@charset "utf-8";
/* COLORS:
  color: #3154B2;
  color: #9A4240;
  color: #9A4240;
  color: #FDD734;
*/

html, body {
    font-size: 14px;
    text-decoration: none;
    color: #3154B2;
    font-family: Arial, Helvetica, sans-serif;
    /*font-family: 'Patrick Hand SC', cursive;*/
}

#firstPageMap {
    width:98.8%; height:99%;
    align: center;
    font-size: 14px;
    text-decoration: none;
    color: #3154B2;
    font-family: Arial, Helvetica, sans-serif;
    z-index: 1;
    /*font-family: 'Patrick Hand SC', cursive;*/
    position:absolute;
    z-index:1;
    top: 4px;
    margin: auto;
}

a {
  background: #FFF;
  text-align: left ;
  padding: 2px 0;
  /*border-bottom: 1px solid #3154B2;*/
  text-decoration: none;
  color: #FFF;
  font-size: 24px;
}
a:hover,
a:active,
a:focus {
  background: #FFF;
}

a:link,a:visited {
    font-size: 24px;
    text-decoration: none;
    color: #9A4240;
}
a:hover {text-decoration: underline;}

#popupLink {
    font-size: 14px;
    text-decoration: none;
    color: #9A4240;
}


#titleDiv {
    position: absolute;
    left: 20px;
    top: 1%;
    font-size: 24px;
}

#linksDiv {
    position:absolute;
    right: 50px;
    top: 4px;
}

#centerDiv {
  display: block;
  align: center;
  position: absolute; left:40%;top:0.1%;
}

.ol-popup { z-index: 5; font-size: 14px; position: absolute; min-width: 180px; background-color: white; -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); padding: 15px; border-radius: 10px; border: 1px solid #ccc; bottom: 12px; left: -50px;}
.ol-popup:after, .ol-popup:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.ol-popup:after { border-top-color: white; border-width: 10px; left: 48px; margin-left: -10px;}
.ol-popup:before { border-top-color: #cccccc; border-width: 11px; left: 48px; margin-left: -11px;}
.ol-popup-closer { text-decoration: none; position: absolute; top: 2px; right: 8px;}
.ol-popup-closer:after { font-size: 14px;  content: "✖"; }

.about-popup { z-index: 99; font-size: 24px; position: absolute; left:28%;top:20%;margin:auto; min-width: 500px; background-color: white; -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2)); padding: 55px; border-radius: 10px; border: 5px solid #ccc; }
/*.about-popup:after, .ol-popup:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.about-popup:after { border-top-color: white; border-width: 10px; left: 48px; margin-left: -10px;}
.about-popup:before { border-top-color: #cccccc; border-width: 11px; left: 48px; margin-left: -11px;}*/
.about-popup-closer { text-decoration: none; position: absolute; top: 2px; right: 8px;}
.about-popup-closer:after { font-size: 14px;  content: "✖"; }