/* start sticky */

* {
  padding: 0;
  margin: 0;
}
.container {
  position: relative;
  padding-top: 0;
}
.header,
.menu,
.footer {
  padding: 20px 0;
  text-align: center;
  color: #fff;
  font-family: Arial, Helvetica;
  width: 100%;
  position: relative;
  z-index: 2;
}
.menu {
  position: sticky;
  top: 0;
}
.menu.fixed {
  position: fixed;
}

.dropdown {
  position: absolute;
  width: 10px;
  display: inline-block;
  color: #FF0000;
  padding: 4px;
  font-size: 1.25em;
}
.dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  color: green;
  min-width: 280px;
  box-shadow: 0px 18px 16px 0px rgba(0,0,0,0.2);
  padding: 4px 8px;
  z-index: 1;
}
.dropdown:hover .dropdown-content {
  display: block;
}

.menu {
  color: #0041C2;
  font-family: arial, sans-serif;
  font-size: .8em;
  text-align: left;
  background-color: green;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 10;
  margin-right: 1em;
  padding: 5px 5px 30px 5px;
}

.ul-menu {
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
  color: #0041C2;
}
.ul-menu3col {
  columns: 3;
  -webkit-columns: 3;
  -moz-columns: 3;
  column-rule: 2pt dashed #ECEEF2;
  color: #0041C2;
}
.ul-menu2col {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-rule: 2pt dashed #ECEEF2;
  color: #0041C2;
}

/* end menu */

.anchor {
  position: absolute;
  transform: translateY(-7vh);
}

a {
  text-decoration: none;
}

/* ===== LIST BASE STYLES ===== */

.ol {
  padding-left: 0;
  font-family: arial, sans-serif;
  font-size: .95em;
}
.ul {
  padding-left: 0;
  font-family: arial, sans-serif;
  font-size: .95em;
}

/* top-level list items */
.ol li,
.ul li {
  font-family: arial, sans-serif;
  font-size: .95em;
  margin-left: 0;          /* remove old -2px */
  line-height: 1.25em;
  height: auto;
}

/* --- FIX #1: ALIGN TOP-LEVEL NUMBERED LISTS --- */
/* Numbers (1., 2., 3.) should sit under the paragraph text above */
.ol ol {
  margin-left: 0;       /* let the wrapper (.ol) handle the indent */
  padding-left: 25px;   /* normal space for numbers + text */
}


/* --- FIX #2: NESTED BULLETS UNDER “BLACKOUT DATES” --- */
/* Slight indent, not huge tab */
.ol ul,
.ul ul {
  margin-left: 0;
  padding-left: 12px;      /* small indent – about one “space” visually */
  list-style-type: circle;
}
.ol ul li,
.ul ul li {
  margin-left: 0;
}

/* FLUSH CLASSES */

.ul_flush {
  padding: 0px;
  padding-left: 10px;
  font-family: arial, sans-serif;
  font-size: 100%;
  margin-bottom: 0.5em;
}
.ol_flush {
  padding: 0px;
  padding-left: 10px;
  font-family: arial, sans-serif;
  font-size: 100%;
  margin-bottom: 0.5em;
}
.ol_flush2 {
  margin-left: 0px;
  padding-left: 0px;
  font-family: arial, sans-serif;
  font-size: 100%;
  margin-bottom: 0.5em;
  padding: 0px 5px 10px 5px;
}
.ul_flush2 {
  margin-left: 0px;
  padding-left: 0px;
  font-family: arial, sans-serif;
  font-size: 100%;
  margin-bottom: 0.5em;
  padding: 0px 5px 10px 5px;
}

/* BOXED LIST ELEMENTS */

.ul-before {
  overflow: hidden;
  position: relative;
  width: 95%;
  border-color: #424242;
  border-style: dotted;
  font-family: arial, sans-serif;
  font-size: 1em;
  margin: 0 auto;
  background-color: white;
}
.ul-before-wide {
  overflow: hidden;
  position: relative;
  width: 100%;
  border-color: #424242;
  border-style: dotted;
  font-family: arial, sans-serif;
  font-size: 1em;
  margin: 0 auto;
  background-color: white;
}
.ul-brown {
  line-height: 15px;
  padding: 10px 10px 10px 10px;
  overflow: hidden;
  position: relative;
  width: 95%;
  border-color: #424242;
  border-style: dotted;
  font-family: arial, sans-serif;
  font-size: 1em;
  margin: 0 auto;
  background-color: #FFBA10;
}

/* PAGE LAYOUT */

.wrapper {
  max-width: 825px;
  width: 100%;
  margin: 0 auto;
  background-color: #FFFFFF;
}
.wrapper-wide {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  background-color: #FFFFFF;
}
.page {
  width: 97%;
  margin: 0 auto;
  background-color: #FFFFFF;
  padding: 20px 5px 10px 5px;
}

/* DIVIDERS */

hr {
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-bottom: 3px green;
  margin-left: auto;
  margin-right: auto;
  border-style: inset;
  border-width: 1px;
  font-family: arial, sans-serif;
  width: 95%;
}

/* HEADINGS */

.title {
  color: #588711;
  font-family: arial, sans-serif;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  line-height: 1em; 
}
.title2 {
  color: #588711;
  font-family: arial, sans-serif;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  line-height: 1em;
}
.title-supp {
  color: #588711;
  font-family: arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  text-align: center;
}
h0 {
  display: block;
  color: #118740;
  font-family: arial, sans-serif;
  font-size: .75em;
  font-style: italic;
  margin-top: 0em;
  margin-bottom: .67em;
  padding: 15px 10px 0px 10px;
}
h20 {
  display: block;
  font-family: arial, sans-serif;
  color: #FF0000;
  font-size: 1.25em;
  margin-top: 0em;
  margin-bottom: 0;
  font-weight: bold;
  padding: 0px 10px;
}
h1 {
  display: block;
  color: #118740;
  font-family: arial, sans-serif;
  font-size: 2em;
  font-weight: bold;
  margin-top: 1em;
  margin-bottom: 0.67em;
}
h2 {
  display: block;
  font-family: arial, sans-serif;
  color: #FF0000;
  font-size: 1.5em;
  margin-top: 1.5em;
  margin-bottom: 0;
  font-weight: bold;
  padding: 0px 10px;
  line-height: 1em;
}
h3 {
  display: block;
  color: #0080ff;
  font-family: arial, sans-serif;
  font-size: 1.2em;
  margin-top: 1em;
  margin-bottom: 1em;
  font-weight: bold;
  padding: 0px 10px;
}
h4 {
  display: block;
  color: #6633ff;
  font-family: arial, sans-serif;
  font-size: 1.0em;
  margin-top: 1em;
  margin-bottom: 1em;
  font-weight: bold;
  padding: 0px 10px;
}

/* PARAGRAPHS */

p {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  font-family: arial, sans-serif;
  font-size: 0.9em;
  padding: 0px 10px;
  line-height: 1.25em;
}
p2 {
  display: block;
  margin-top: 1em;
  margin-bottom: 1em;
  font-family: arial, sans-serif;
  font-size: 0.9em;
  padding: 0px 10px;
}

/* FOOTER */

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: white;
  color: grey;
  height: auto;
  text-align: center;
  padding: 0px 0px;
}

/* IMAGES */

.img {
  max-width: 100%;
}

/* OVERLAY */

#overlay {
  position: fixed; /* Sit on top of the page content */
  display: none;   /* Hidden by default */
  width: 100%;     /* Full width (cover the whole page) */
  height: 100%;    /* Full height (cover the whole page) */
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 2;      /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}