custom_current.css

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&family=Ubuntu+Condensed&display=swap');

:root {
--pagedjs-margin-right: 0in !important;
--pagedjs-margin-left: 0in !important;
--pagedjs-margin-top: 0in !important;
--pagedjs-margin-bottom: 0in !important;
}

/* Fonts */


/* Headers */
h1 {
  font-family: Ubuntu Condensed;
  text-transform: uppercase;
  color: white;
  background-color: #3c5b8c;
  size: 5em;
  padding-left: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: 5px;
}

h2 {
  font-family: Ubuntu Condensed;
  text-transform: none;
  color: #569b5e;
  size: 4em;
  padding-left: 40px;
}

h3 {
  font-family: Open Sans;
  text-transform: none;
  font-weight: 600;
  color: black;
  font-size: 16px;
  padding-left: 40px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-top: 0px;
}


h4 {
  font-family: Ubuntu Condensed;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: gray;
  size: 1em;
  padding-left: 35px;
  margin-top: 0.1em;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

h5 {
  font-family: Ubuntu Condensed;
  color: #3c5b8c;
  background-color:white;
  font-size: 2.7em;
  padding-left: 25px;
  padding-top: 25px;
  padding-bottom: 20px;
  margin-top: 0px;
  margin-bottom: 0px;
}

h6 {
  font-family: Ubuntu Condensed;
  color: #cfe23f;
  background-color: #4c95c8;
  font-size: 1em;
  padding-left: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-left:40px;
}

/*title*/
.title {
  font-family: Ubuntu Condensed;
  background-color: white;
  color: #569b5e;
  font-size: 2.8em;
  padding-top: 0px;
  padding-left: 100px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}


/* Body */

body {
  font-family: Open Sans;
  font-weight: 300;
  font-size: .85em;
  color: black;
  background-color: white;
  padding-left: 0px;
}

p {
  font-family: Open Sans;
  font-weight: 300;
  color: black;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Text box 1 */

.text-box-info {
background-color: #E2EFE1;
color: black;
border-style: solid;
border-width: 4px;
border-radius: 8px; /*rounds corners*/
border-color: #C8DCD2;
margin-left: 20px;
margin-right: 20px;
}

/* --- Center alignment ---*/
.aligncenter {
    text-align: center;
}

/* -------- Text box over image --------*/

/* Container holding the image and the text */
.container {
  position: relative;
  text-align: center;
  color: white;
}

/* bottom left text */
.bottom-left {
  position: absolute;
  background-color: #3c5b8c;
  top: 695px;
  left: 550px;
  font-family: Ubuntu Condensed;
  font-size: .8em;
  color: white;
}

/* facility comment */
.facility1 {
  position: absolute;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0);
  top: 575px;
  left: 222px;
  font-family: Ubuntu Condensed;
  font-size: 1em;
  color: black;
}

/* facility comment */
.facility2 {
  position: absolute;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0);
  top: 575px;
  left: 337px;
  font-family: Ubuntu Condensed;
  font-size: 1em;
  color: black;
}

/* facility comment */
.facility3 {
  position: absolute;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0);
  top: 575px;
  left: 452px;
  font-family: Ubuntu Condensed;
  font-size: 1em;
  color: black;
}

/* --- Circle-map1 --- */
.circle-map1 {
    position: absolute;
    width: 75px;
    height: 75px;
    background-color: rgb(234, 149, 92);
    background-color: rgba(229, 109, 19, .8);
    border: 1px solid #000000;
    border-radius: 50%;
    left: 200px;
    top: 525px;
    -webkit-shape-outside: circle();
    shape-outside: circle() margin-box;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 1px;
    margin-bottom: 10px;
    shape-inside: circle();
    font-family: Ubuntu Condensed;
    font-size: 1.7em;
    text-align: center;
    vertical-align: middle;
    line-height: 3;
    color: black;
}

/* --- Circle-map2 --- */
.circle-map2 {
    position: absolute;
    width: 75px;
    height: 75px;
    background-color: rgb(34, 144, 141);
    background-color: rgba(34, 144, 141, .8);
    border: 1px solid #000000;
    border-radius: 50%;
    left: 315px;
    top: 525px;
    -webkit-shape-outside: circle();
    shape-outside: circle() margin-box;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 1px;
    margin-bottom: 10px;
    shape-inside: circle();
    font-family: Ubuntu Condensed;
    font-size: 1.7em;
    text-align: center;
    vertical-align: middle;
    line-height: 3;
    color: black;
}

/* --- Circle-map3 --- */
.circle-map3 {
    position: absolute;
    width: 75px;
    height: 75px;
    background-color: rgb(86, 155, 94);
    background-color: rgba(86, 155, 94, .8);
    border: 1px solid #000000;
    border-radius: 50%;
    left: 430px;
    top: 525px;
    -webkit-shape-outside: circle();
    shape-outside: circle() margin-box;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 1px;
    margin-bottom: 10px;
    shape-inside: circle();
    font-family: Ubuntu Condensed;
    font-size: 1.7em;
    text-align: center;
    vertical-align: middle;
    line-height: 3;
    color: black;
}

/* --- Vertical Rectangle on map --- */
.rectangle {
  position: absolute;
  height: 180px;
  width: 75px;
  top: 500px;
  left: 700px;
  background-color: rgba(59, 138, 248, .6);
  border: 1px solid #3b8af8;
  font-family: Ubuntu Condensed;
  font-size: 1em;
  text-align: center;
  color: black;
}


/* --- Circle CAA --- */
.circle-caa {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: rgb(234, 149, 92);
    background-color: rgba(229, 109, 19, .8);
    border: 1px solid #000000;
    border-radius: 50%;
    left: 712.5px;
    top: 532px;
    -webkit-shape-outside: circle();
    shape-outside: circle() margin-box;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 1px;
    margin-bottom: 10px;
    shape-inside: circle();
    font-family: Ubuntu Condensed;
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    line-height: 2.8;
    color: black;
}

/* --- Circle CWA --- */
.circle-cwa {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: rgb(34, 144, 141);
    background-color: rgba(34, 144, 141, .8);
    border: 1px solid #000000;
    border-radius: 50%;
    left: 712.5px;
    top: 577px;
    -webkit-shape-outside: circle();
    shape-outside: circle() margin-box;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 1px;
    margin-bottom: 10px;
    shape-inside: circle();
    font-family: Ubuntu Condensed;
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    line-height: 2.8;
    color: black;
}

/* --- Circle RCRA --- */
.circle-rcra {
    position: absolute;
    width: 40px;
    height: 40px;
    background-color: rgb(86, 155, 94);
    background-color: rgba(86, 155, 94, .8);
    border: 1px solid #000000;
    border-radius: 50%;
    left: 712.5px;
    top: 622px;
    -webkit-shape-outside: circle();
    shape-outside: circle() margin-box;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 1px;
    margin-bottom: 10px;
    shape-inside: circle();
    font-family: Ubuntu Condensed;
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    line-height: 2.8;
    color: black;
}