.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 64px;
  height: 40px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
  left: 80%;
  bottom: 6px;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 26px;
  left: 18px;
  right: 18px;
  height: 4px;
  background: white;
}

.c-hamburger span::after,
.c-hamburger span::before {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: white;
  content: "";
}

.c-hamburger span::before {
  top: -10px;
}

.c-hamburger span::after {
  bottom: -10px;
}

.c-hamburger--htx {
  background-color: transparent;
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}

/*active state, i.e. menu open*/
.c-hamburger--htx.is-active {
  background-color: transparent;
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}

html,
body {
  padding: 0px;
  margin: 0px;
  max-width: 100%;
}

body {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 16px;
  background: #761779;
}

.container-fluid {
  max-width: 2000px;
  background: #540024;
}

a,
a:visited {
  color: rgb(41 110 169);
  text-decoration: underline;
  outline: 0;
}

h1 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 2.8em;
  color: #1e0958;
}

h2 {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 1.5em;
  color: #1e0958;
  font-style: italic;
}

h4 a {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: bold;
  color: #581332;
  font-size: 1.8em;
}

h4 a:hover {
  text-decoration: none;
  color: #581332;
}

h4 a:after {
  content: ">>";
}

p,
.Normal {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: #444445;
}

.officeworkerinfo {
  text-align: center;
  margin-bottom: 20px;
}

.no-pad {
  padding: 0px !important;
}

#wrap-all {
  background: #540024;
  overflow-x: hidden;
}

.dnnEditState .WFContainer_Title_h1:has(#modal)::before {
  content: "Modal Container. To Edit Modal, click the space below, then click the source button `<>` HTML button.";
  color: black;
}

#header {
  background: url(//vrcdn.electionsfl.org/portals/osceola/images2017/wf_staticbannerback_xlrg.jpg)
    no-repeat;
  background-size: cover;
}

#banner img {
  width: 100%;
}

#logo {
  z-index: 1;
  margin-top: -85px;
}

.osceolabtn {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Georgia;
  color: #ffffff !important;
  font-size: 20px;
  background: #4d0950;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin: 15px 0 25px 0;
}

.osceolabtn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

#menubackspan {
  text-align: center;
  margin-left: 24px;
  position: relative;
  z-index: 3;
}

#espbuttondiv {
  position: relative;
  z-index: 4;
}

#bing {
  position: relative;
  z-index: 2;
}

.bcs-modal {
  z-index: 2 !important;
}

.bsc-searchbox {
  width: calc(100% - 41px);
  height: 42px;
  vertical-align: bottom;
}

#supervisorpic {
  margin-left: 38%;
}

#esbutton,
#enbutton {
  background: #78177b;
  font-family: georgia;
  font-weight: bold;
  font-size: 1.2em;
  color: white;
  padding: 15px 30px;
  border: none;
  text-align: center;
}

#quicklinksrow {
  background: linear-gradient(#79177c, #4c084e);
  height: 165px;
  margin-top: -52px;
}

#quicklinks {
  border-top: 1px solid #bf55c1;
  border-bottom: 1px solid #bf55c1;
  height: 135px;
  margin: 12px 0;
}

#quicklinks a {
  font-family: Georgia;
  font-size: 2.2em;
  color: white;
  line-height: 1.2;
  display: table-cell;
  vertical-align: middle;
}

#quicklinks > div > a:visited {
  color: white !important;
}

#quicklinks a:hover {
  background: #520f2d;
  text-decoration: none;
}

#quicklinks h1 {
  display: none;
}

.qlbutton {
  text-align: center;
  display: table;
  height: 121px;
}

#regtotals {
  background: #b8b3f1;
}

#registrationTotals {
  font-weight: bold;
  padding-top: 6px;
}

.totalsValue {
  font-family: Arial;
  font-weight: bold;
  color: #1e0958;
  font-size: 1.5em;
}

.totalsField {
  font-family: Georgia;
  color: #1e0958;
  font-size: 1.2em;
}

.registrationTotalsList {
  display: inline-flex;
}

.registrationTotalsList li {
  list-style-type: none;
  padding: 0 72px;
}

#homemiddle {
  background: white;
}

#rightcontentpane {
  min-height: 636px;
}

#dnn_picrotator {
  background: white;
}

.chameleon_slider.NewsOne {
  border-radius: 0px !important;
}

#dnn_picrotator h1 {
  display: none;
}

#dnn_homerightpane {
  /*margin-top: 35px;*/
}

#dnn_homerightpane h1 {
  display: none;
}

#dnn_homerightpane img {
  display: block;
  max-width: 100%;
  height: auto;
}

.homecontentpane,
.backpagecontentpane {
  background: white;
}

#dnn_contentpane,
#dnn_rightside {
  margin-top: 8px;
}

.backpagecontentpane {
  padding: 15px 30px 15px 15px;
}

#footer {
  margin: 20px 0;
}

.footer-row {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  align-items: center;
  gap: 3rem;
}

@media (max-width: 675px) {
  .footer-row {
    flex-direction: column-reverse;
  }
}

#footercontentpane p {
  color: white;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 0.8em;
  margin-top: 10px;
}

#social {
  display: flex;
  align-items: center;
  gap: 5px;
}

#social img {
  width: 30px;
}

#copyright {
  font-family: Arial;
}

.dnnDropDownList .selected-item a,
.dnnDropDownList .selected-item a:link,
.dnnDropDownList .selected-item a:visited,
.dnnDropDownList .selected-item a:hover,
.dnnDropDownList .selected-item a:active {
  height: 35px !important;
}

a:visited:not(#dnn_sitemenu > li > a) {
  /*color: #ffdffd !important;*/
}

@media (max-width: 18000px) {
  #logo {
    margin-top: -73px;
  }
}

@media (max-width: 1600px) {
  #quicklinks a {
    font-size: 1.8em;
  }

  #logo {
    margin-top: -60px;
  }
}

@media (max-width: 1550px) {
  #logo {
    margin-bottom: 10px;
  }

  .registrationTotalsList li {
    padding: 0 41px;
  }
}

@media (max-width: 1440px) {
  #quicklinks a {
    font-size: 1.9em;
  }

  #quicklinksrow {
    margin-top: -39px;
  }

  .registrationTotalsList li {
    padding: 0 30px;
  }
}

@media (max-width: 1366px) {
  #logo {
    margin-top: -50px;
  }

  .registrationTotalsList li {
    padding: 0 23px;
  }
}

@media (max-width: 1280px) {
  .registrationTotalsList li {
    padding: 0 15px;
  }
}

@media (max-width: 1200px) {
  #logo {
    margin-top: -44px;
  }

  #quicklinksrow {
    margin-top: -32px;
  }

  .registrationTotalsList li {
    padding: 0 26px;
  }

  .totalsField {
    font-size: 1em;
  }

  .totalsValue {
    font-size: 1.2em;
  }

  #rightcontentpane {
    min-height: initial;
    padding-right: 0;
  }

  #menubackspan {
    margin-left: 0px;
  }
}

@media (max-width: 1100px) {
  #quicklinks a {
    font-size: 1.6em;
  }
}

@media (max-width: 1024px) {
  h1 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 2.4em;
    color: #1e0958;
  }

  h2 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.1em;
    color: #1e0958;
    font-style: italic;
  }

  h4 a {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: bold;
    color: #581332;
    font-size: 1.4em;
  }

  h4 a:hover {
    text-decoration: none;
    color: #581332;
  }

  h4 a:after {
    content: ">>";
  }

  p,
  .Normal {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #444445;
  }

  #logo {
    margin-bottom: 4px;
  }

  .registrationTotalsList li {
    padding: 0 17px;
  }

  .totalsField {
    font-size: 0.9em;
  }

  .totalsValue {
    font-size: 1.1em;
  }

  #quicklinks a {
    font-size: 1.6em;
  }
}

@media screen and (max-width: 1015px) and (min-width: 992px) {
  .osceolabtn {
    font-size: 18px;
  }
}

@media (max-width: 991px) {
  #header {
    background: url(//vrcdn.electionsfl.org/portals/osceola/images2017/wf_staticbannerback_xlrg.jpg)
      no-repeat;
  }

  #supervisorpic {
    margin-left: 0%;
  }

  #logo {
    margin-top: -40px;
  }

  .registrationTotalsList li {
    /* display: -webkit-inline-box; */
    /* margin-left: 0px; */
    /* padding: 0px; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }

  .c-hamburger {
    left: 92%;
    bottom: 43px;
  }

  #dnn_mobilemenu {
    position: absolute;
    right: -100%;
    z-index: 2;
    background: #8f46a0;
  }

  #espbuttondiv,
  #phonemenu {
    z-index: 2;
  }

  #quicklinksrow {
    margin-top: -27px;
  }

  #quicklinks,
  #quicklinksrow {
    height: auto;
  }

  #quicklinks a {
    font-size: 1.5em;
  }

  .qlbutton {
    height: 60px;
  }

  #regtotals {
    text-align: center;
  }

  .registrationTotalsList {
    display: -webkit-inline-box;
    margin-left: 0px;
    padding: 0px;
  }

  .totalsField {
    font-size: 1em;
  }

  .totalsValue {
    font-size: 1.2em;
  }

  .dateValue,
  .datePrelude {
    display: none;
  }
}

@media (max-width: 768px) {
  #logo {
    margin-bottom: 2px;
  }

  #quicklinksrow {
    margin-top: -23px;
  }
}

@media (max-width: 767px) {
  #header {
    background: none;
  }

  .c-hamburger {
    left: 83%;
    bottom: 0px;
  }

  #dnn_mobilemenu {
    margin-top: 10px;
  }

  #espbuttondiv {
    z-index: 3;
    position: absolute;
  }

  #esbutton,
  #enbutton {
    font-size: 0.8em;
    padding: 15px 7px;
    width: fit-content;
  }

  #logo {
    margin-top: -43px;
    padding: 0px;
  }

  #quicklinksrow {
    margin-top: -10px;
  }

  #quicklinks a {
    font-size: 1.3em;
  }

  .registrationTotalsList,
  .dateValue,
  .datePrelude {
    display: block;
  }

  .registrationTotalsList {
    text-align: initial;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }

  .registrationTotalsList li {
    padding: 0 4rem;
    /* margin: auto; */
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }

  #dnn_ctl05_registrationTotalsList > li:nth-child(1) {
    padding: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .dateValue,
  .datePrelude {
    text-align: center;
    padding-left: 5px;
  }

  .demfield,
  .repfield,
  .othfield,
  .totfield {
    /*margin-left: 25px;*/
  }

  .demvalue,
  .repvalue,
  .othvalue,
  .totvalue {
    float: right;
    margin-right: 25px;
  }

  #dnn_homerightpane img {
    margin: 0 auto;
  }

  #social {
    text-align: center;
  }
}

.edsc3d__Theme1 .ms-nav-next,
.edsc3d__Theme1 .ms-nav-prev {
  filter: contrast(0.7);
  opacity: 0.7 !important;
}

.div.ctct-form-embed div.ctct-form-defaults * {
  width: 100% !important;
}