/**
    Copyright 2020 B. Lee Insurance
    All Rights Reserved.
    https://www.bleeins.com
**/
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

:root {
    --bg-color: white;
    --main-color: #222222;
    --visited-color: #666666;
    --hover-color: #777777;

    --banner-bg-color: white;
    --banner-color: #222222;
    --nav-bg-color: #222222;
    --nav-color: #eeeeee;
    --nav-hover-color: #eeeeee;
    --nav-visited-color: #eeeeee;
    --footer-bg-color: #616161;
    --footer-color: #eeeeee;

    --code-bg-color: #eeeeee;
    --code-color: #339933;

    --highlight-bg-color: yellow;
    --highlight-color: #222222;
}
/**
@media (prefers-color-scheme: dark) {
    :root {
        --bg-color: #222222;
        --main-color: #eeeeee;
        --code-bg-color: #6b6b6b;
        --code-color: #50ee50;
        --highlight-bg-color: #cccc00;
        --highlight-color: #eeeeee;

        --visited-color: #8a8a8a;
        --hover-color: #777777;
    }
}
**/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

video {
  width: 100% !important;
  height: auto !important; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

abbr[title] {
  border-bottom: 1px dotted;
  cursor: help;
  text-decoration: none; }

hr {
  margin-left: auto;
  margin-right: auto; }

ul {
  list-style-type: disc; }

ul ul {
  list-style-type: circle; }

ul ul, ol ul {
  margin-left: -1.5em; }

ul ol {
  margin-left: -1em; }

ul.no-bullet {
  list-style-type: none; }

html {
  font-size: 100%; }

body {
  background-color: var(--bg-color);
  color: var(--main-color);
  font-family: Arial, sans-serif;
  font-size: 1em;
  line-height: 1.45;
  margin: 0 auto;
  padding: 0; }

h1, h2, h3, h4 {
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-weight: inherit;
  line-height: 1.2;
  margin: 1.414rem 0 0.5rem 0; }

h1 {
  margin-top: 0;
  font-size: 2.074rem; }

h2 {
  font-size: 1.728rem; }

h3 {
  font-size: 1.44rem; }

h4 {
  font-size: 1.2rem; }

p {
  margin-bottom: 1.3rem; }

small, .smalltext {
  font-size: 0.833rem; }

.tinytext {
  font-size: 0.667rem; }

.microtext {
  font-size: 0.500rem; }

input {
  font-size: 1em; }

b, strong {
  font-weight: bold; }

blockquote {
  margin: 1em 40px; }

dfn {
  font-style: italic; }

mark {
  background-color: var(--highlight-bg-color);
  color: var(--highlight-color); }

pre {
  margin: 1.286em 0; }

pre, code, kbd, samp {
  font-family: "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;
  font-size: 1rem; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

code {
  background-color: var(--code-bg-color);
  color: var(--code-color); }

q {
  quotes: none; }
  q:before, q:after {
    content: '';
    content: none; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5rem; }

sub {
  bottom: -0.25rem; }

.justified {
  text-align: justify; }

.left {
  float: left;
  text-align: left; }

.right {
  float: right;
  text-align: right; }

.center {
  text-align: center; }

.center table {
  margin: auto; }

td.left,
td.right,
table.left,
table.right {
  float: none; }

.all-centered, .all-centered td, .all-centered th {
  text-align: center; }

.all-centered table {
  margin: auto; }

.full {
  width: 100%; }

.most {
  width: 90%; }

.threeqtr {
  width: 75%; }

.twothirds {
  width: 66%; }

.half {
  width: 50%; }

.third, .onethird {
  width: 33%; }

.quarter {
  width: 25%; }

.flash-alert {
  background-color: #fff6bf;
  color: #8c7800;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: center; }
  .flash-alert a {
    color: #594c00; }
    .flash-alert a:focus, .flash-alert a:hover {
      color: black; }

.flash-error {
  background-color: #fbe3e4;
  color: #97161b;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: center; }
  .flash-error a {
    color: #6a0f13; }
    .flash-error a:focus, .flash-error a:hover {
      color: #110203; }

.flash-notice {
  background-color: #e5edf8;
  color: #244e87;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: center; }
  .flash-notice a {
    color: #19375f; }
    .flash-notice a:focus, .flash-notice a:hover {
      color: #04080e; }

.flash-success {
  background-color: #e6efc2;
  color: #56651a;
  display: block;
  margin-bottom: 0.75em;
  padding: 0.75em;
  text-align: center; }
  .flash-success a {
    color: #333c10; }
    .flash-success a:focus, .flash-success a:hover {
      color: black; }

.redtext {
  color: red; }

a.redlink {
  color: red;
  text-decoration: none;
  border-bottom: 1px solid red; }
  a.redlink:hover {
    border-bottom: 0; }

.errmsg, #errorpane {
  background-color: #ffebeb;
  border: 1px solid #ffa7a7; }
  .errmsg a, #errorpane a {
    color: #ff0000; }

#errorpane {
  display: none;
  margin: 0.5rem auto;
  max-width: 28rem;
  text-align: left;
  width: 100%; }

input.error {
  border-color: #cc0000;
  outline: none; }

.notification,
#notificationpane {
  background-color: #fff6bf;
  border: 1px solid #8c7800;
  padding: 2px; }

.greenbox,
#greenpane {
  background-color: #e8ffc6;
  border: 1px solid #aaff2d;
  padding: 2px; }

button,
input,
select,
textarea {
  font-family: Arial, sans-serif; }

textarea,
select {
  border: 1px solid #999999; }

textarea {
  width: 100%; }

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"], textarea {
  border: 1px solid #999999;
  min-height: 1.286em;
  padding-left: 4px; }

input[type="color"]:disabled,
input[type="date"]:disabled,
input[type="datetime"]:disabled,
input[type="datetime-local"]:disabled,
input[type="email"]:disabled,
input[type="month"]:disabled,
input[type="number"]:disabled,
input[type="password"]:disabled,
input[type="search"]:disabled,
input[type="tel"]:disabled,
input[type="text"]:disabled,
input[type="time"]:disabled,
input[type="url"]:disabled,
input[type="week"]:disabled,
textarea:disabled {
  border: 1px solid #8f8f8f; }

a {
  text-decoration: none; }

a img {
  border: 0 !important; }

a:focus {
  outline: 1px dotted grey; }

a.standout {
  border-bottom: 1px solid var(--main-color);
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 0; }

img {
  border: 0;
  vertical-align: middle; }
  img.left {
    padding-right: 1rem; }
  img.right {
    padding-left: 1rem; }

figure {
  padding: 0;
  display: inline-block; }

.page-container {
  box-sizing: border-box;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  max-width: 100%;
  width: 100%;
  overflow: hidden;
  min-height: 100%; }

.flex-container {
  max-width: 1343px; }

.page-small {
  display: none; }

header {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  width: 100%; }

#banner {
  background-color: var(--banner-bg-color);
  color: var(--banner-color);
  box-sizing: border-box;
  height: 112px;
  margin: 0 auto;
  padding-right: 0.5em;
  text-align: center;
  width: 100%;
}
#banner a {
  border-bottom: 0;
  color: currentColor;
}
#banner a:hover {
  border-bottom: 1px solid currentColor;
}
#banner .logo {
  width: 70px;
  height: 90px;
  background-size: 70px 90px;
  background-image: url(/images/bee-logo.jpg);
  background-repeat: no-repeat;
  float: left;
  border: 0;
  outline: none;
  margin-top: 14px;
  margin-left: 8px;
  text-decoration: none; }
#banner .logo:link,
#banner .logo:active,
#banner .logo:hover,
#banner .logo:visited {
  border: 0;
  text-decoration: none; }

nav {
  background-color: var(--nav-bg-color);
  min-height: 50px;
  padding: 5px;
  width: 100%;
  margin: 0;
}
nav ul {
  list-style: none;
  list-style-type: none;
  line-height: normal;
  margin: 0 auto;
  padding: 0;
}
nav ul li {
  padding: 8px 0;
  list-style: none;
  text-align: center;
}
nav ul li > a {
  color: var(--nav-color);
  font-family: Arial, sans-serif;
  font-size: 1.1rem;
  border: 0;
  outline: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
}
nav ul li > a:hover,
nav ul li > a:focus {
  color: var(--nav-hover-color);
  border-bottom: 1px solid var(--nav-hover-color);
}
nav ul li > a:visited {
  color: var(--nav-visited-color);
}

@media screen and (min-width: 640px) {
  nav {
    box-sizing: border-box;
    min-height: 70px;
    display: table;
    table-layout: fixed;
  }
  nav ul {
    display: table-row;
    padding: 0;
    width: 100%;
  }
  nav ul li {
    padding: 0;
    box-sizing: border-box;
    display: table-cell;
  }
  nav ul li > a {
    box-sizing: border-box;
    display: block;
    height: 40px;
    max-height: 40px;
    padding-top: 8px;
  }
}
@media screen and (min-width: 1044px) {
  nav {
    min-height: 50px;
    height: 50px;
  }
}

/* Content */
#content {
  background-color: var(--bg-color);
  box-sizing: border-box;
  clear: both;
  float: left;
  margin: 0 auto;
  padding: 0 0.25rem;
  min-height: calc(100vh - 162px - 28px);
  width: 100%; }
#content a:link, #content a:active {
  color: var(--main-color);
  border-bottom: 1px solid; }
#content a:visited {
  color: var(--visited-color);
  border-bottom: 1px solid; }
#content a:hover {
  color: var(--hover-color);
  border-bottom: 0; }

#content {
  padding-top: 4px;
  padding-bottom: 4px; }

/* Footer */
footer {
  background-color: var(--footer-bg-color);
  clear: both;
  color: var(--footer-color);
  font-size: 67.5%;
  margin: 0;
  min-height: 28px;
  padding-top: 6px;
  text-align: center;
  vertical-align: middle;
  width: 100%; }
footer a {
  font-size: 100%; }
footer a:link, footer a:active {
  color: currentColor;
  border-bottom: 1px solid; }
footer a:visited {
  color: currentColor;
  border-bottom: 0; }
footer a:hover {
  color: currentColor;
  border-bottom: 1px solid; }
footer #menu {
  display: none;
  font-size: 1rem;
  padding: 1.2rem;
  text-align: left; }
footer #menu a {
  font-size: 0.8rem; }

.ctabtn {
  background-color: #bbcc5c;
  background-image: -webkit-linear-gradient(#bbcc5c 20%, #75890c);
  background-image: linear-gradient(#bbcc5c 20%, #75890c);
  border: none;
  border-radius: 6px;
  color: white;
  font-size: 120%;
  outline: none;
  padding: 10px; }
.ctabtn:hover {
  cursor: pointer;
  background-color: #a4b357;
  background-image: -webkit-linear-gradient(#a4b357, #75890c);
  background-image: linear-gradient(#a4b357, #75890c); }
.ctabtn:focus {
  outline: 1px dotted grey; }
.ctabtn:disabled {
  background-color: #fefefe;
  background-image: -webkit-linear-gradient(#fefefe 0%, #d1d1d1 20%, #dbdbdb 75%, #e2e2e2);
  background-image: linear-gradient(#fefefe 0%, #d1d1d1 20%, #dbdbdb 75%, #e2e2e2);
  color: black;
  cursor: auto; }

.ulcol {
  margin: 1.45rem auto 0 auto;
  width: 100%;
  text-align: center; }
.ulcol ul {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
  vertical-align: top; }
.ulcol ul > li > ul {
  display: block; }

.triplet {
  margin: 0 auto;
  text-align: center;
  width: 100%; }
.triplet img {
  margin: 0 auto;
  display: inline; }

.placeholder,
.imgplaceholder {
  color: #a0a0a0;
  font-style: italic; }

.shadow {
  -webkit-box-shadow: 0 1px 5px 1px #bbbbbb;
  -moz-box-shadow: 0 1px 5px 1px #bbbbbb;
  box-shadow: 0 1px 5px 1px #bbbbbb; }

.missing, .lighter {
  color: #999999; }

.lighter {
  font-style: italic; }

input::placeholder {
  color: #a0a0a0; }

.form-group {
  display: table;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0.75rem;
  text-align: left;
  width: 18rem; }
.form-group:last-of-type {
  padding-bottom: 0; }
.form-group > label::after {
  content: '\A';
  white-space: pre; }
.form-group input + div,
.form-group select + div,
.form-group textarea + div {
  font-size: 0.75rem; }
.form-group .errormessage {
  color: red;
  font-size: 0.75rem; }

label[for] {
  cursor: pointer; }

.form-hint {
  color: grey;
  font-size: 0.75rem; }