html,
body {
    max-width: 100%;
    font-size: 1em;
}

.clear {
    overflow: hidden;
    clear: both;
    content: "";
    display: table;
}

.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: 85%;
    z-index: 999;
}

.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: #fff;
    content: "";
}

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

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

.c-hamburger--htx {
    background-color: #474747;
}

.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: #cb0032;
}

.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;
}

body {
    font-size: 14px;
}

#wrapall {
    background: #474747;
    overflow-x: hidden;
}

#width-container {
    max-width: 1200px;
    margin: auto;
}

h1 {
    font-size: 2.5em;
}

h2 {
    font-size: 1.75em;
    font-weight: bold;
    /*line-height: 1.2;*/
    margin-bottom: 0px;
    color: #133C78;
}

h3 {
    font-size: 1.45em;
    /*font-variant: small-caps;*/
    margin-bottom: 0px;
    /*line-height: 1.2;*/
    color: #C70101;
}

p {
    font-size: 1em;
}

a {
    text-decoration: none;
    color: #23366E;
}

a:focus,
a:hover,
a:active {
    color: #028bff;
    text-decoration: underline;
}

#dnn_publicnoticesmiddle hr {
    background: url(//vrcdn.electionsfl.org/portals/flagler/images2017/wf_greenbar.jpg) no-repeat;
    height: 10px !important;
    border: 0px !important;
    border: 0;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    margin-top: 10px;
    margin-bottom: 10px;
}

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

#top {
    background: #031a80;
}

#dnn_toppane p,
#dnn_toppane Normal,
#dnn_toppane h1 {
    color: white;
}

#google_translate_element {
    float: right;
}

#regtotline {
    margin-top: 20px;
    padding-left: 50px;
    height: 50px;
}

#regtotimg {
    margin-top: 8px;
    color: white;
    font: bold 1.2em arial;
    text-align: right;
}

#regtotals {
    color: white;
    font-size: 1.2em;
    line-height: 27pt;
    font-weight: bold;
    text-align: left;
}

#registrationTotals {
    margin-left: -10px;
}

.registrationTotalsList li {
    display: inline;
    padding-right: 16px;
    position: relative;
}

.registrationTotalsList li:after {
    content: url(//vrcdn.electionsfl.org/portals/flagler/images2017/wf_registrationbar.png);
    position: absolute;
    left: -10px;
    top: -12px;
}

.registrationTotalsList li:first-child:after,
.registrationTotalsList li:nth-child(2):after {
    content: "";
}

.registrationTotalsList {
    margin-left: 0px;
}

.totalsValue {}

.dateValue {
    display: none;
}

.registrationTotalsList li .dateValue {}

#top {
    background: linear-gradient(white, #daedf7);
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    margin-top: 15px;
    height: 111px;
}

#logo {
    z-index: 9;
    text-align: center;
    margin-top: -25px;
}

#name {
    margin-top: 21px;
}

#kaiti {
    text-align: right;
    z-index: 9;
}

#quicklinksbar {
    height: 67px;
    background: #037eac;
    border-top: 1px solid #d6eff6;
    border-bottom: 1px solid #d6eff6;
    position: relative;
}


/* #quicklinksbar:before {
        content: url(//vrcdn.electionsfl.org/portals/flagler/images2017/wf_bluebarleftnew.png);
        left: -16px;
        position: absolute;
        bottom: -10px;
    }

    #quicklinksbar:after {
        content: url(//vrcdn.electionsfl.org/portals/flagler/images2017/wf_bluebarrightnew.png);
        right: -16px;
        position: absolute;
        bottom: -10px;
    } */

#qlbarleft {
    position: relative;
    right: 31px;
    bottom: 11px;
    height: 86px;
}

#qlbarright {
    position: relative;
    left: 77px;
    bottom: 11px;
    height: 85px;
}

#quicklinks {
    text-align: center;
    margin-top: 10px;
    z-index: 10;
}

#quicklinks a {
    color: white;
    padding: 0 22px;
    font-size: 20px;
}

#quicklinks a:hover {
    color: #23366e;
    text-decoration: none;
}

#middle {
    background: white;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

#dnn_contentpane {
    margin-top: 20px;
    margin-bottom: 20px;
}

#dnn_contentpane h2 {
    font-size: 1.75em;
}

#menubar {
    background: #23366e;
    padding: 20px 0;
}

#dnn_desktopmenu {
    margin-top: 20px;
}

#dnn_bottommenupane {
    padding: 0 15px;
}

#dnn_contentpane .DNNModuleContent {
    margin-left: 5px;
}

#facebook {
    margin-top: 50px;
}

#dnn_lowercontent {
    padding: 10px;
    margin-top: 30px;
    margin-bottom: 20px;
}

#rightside {
    padding-right: 10px;
}

div#rightside h1 {
    font-size: 26px;
}

div#rightside p {
    font-size: 1em;
}

#dnn_toppic h1 {
    display: none;
}

#search {
    background: #e3f2e7;
    padding: 15px;
}

.bcs-container-searchbox {
    background: white;
}

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

#publicnoticestop {
    background: #25408F;
    height: 35px;
    border: 1px solid #FEFEFF;
}

#publicnoticestop::before {
    content: url(//vrcdn.electionsfl.org/portals/flagler/images2017/wf_registerbluebarleft.png);
    position: relative;
    right: 93%;
    bottom: 1px;
}

#publicnoticestop::after {
    content: url(//vrcdn.electionsfl.org/portals/flagler/images2017/wf_registerbluebarright.png);
    position: relative;
    left: 4.5%;
    bottom: 1px;
}

#pntmiddle {
    font-size: 1em;
    color: white;
    height: 35px;
    line-height: 30px;
}

#dnn_publicnoticesmiddle {
    background: #e3f2e7;
    padding-left: 10px;
    padding-top: 10px;
}

#bottomcontent {
    margin-top: 50px;
}

#newlettersignuptop {
    text-align: center;
    position: relative;
}

#dnn_newslettersignup {
    background: #ededed;
    margin-top: 0px;
    margin-bottom: 30px;
}

#newslettersignupholder {
    margin: 10px 0 0 0;
}

#EDMCstyle1 .title {
    text-align: center;
}

#newlettersignuptop::before {
    content: url(//vrcdn.electionsfl.org/portals/flagler/images2017/wf_registerbluebarleft.png);
    position: absolute;
    left: -7px;
    top: -1px;
}

#newlettersignuptop::after {
    content: url(//vrcdn.electionsfl.org/portals/flagler/images2017/wf_registerbluebarright.png);
    position: absolute;
    right: -8px;
    top: -1px;
}

#nlsmiddle {
    font-size: 1em;
    color: white;
    height: 33px;
    line-height: 30px;
    background: #25408F;
}

#dnn_ctr14730_wfTITLE_titleLabel,
#dnn_newslettersignup h1 {
    display: none;
}

#dnn_newslettersignup {}

#dnn_countymaps {
    margin-bottom: 20px;
}

footer {
    padding: 25px 0;
}

footer h1 {
    font-family: arial;
    font-size: 1.2em;
    color: white;
    text-align: center;
    padding: 0px;
}

footer p,
footer a {
    color: white;
    text-align: center;
    font-weight: bold;
    font-size: 1em;
    line-height: 25px;
    font-family: arial;
}

footer a:hover {
    text-decoration: underline;
}

#address,
#hours,
#mailing,
#contact {
    margin-bottom: 20px;
}

@media (max-width: 1140px) {
    #regtotals,
    #regtotimg {
        font-size: .95em;
    }
    #quicklinks a {
        padding: 0 9px;
    }
}

@media (max-width: 1024px) {
    #quicklinks a {
        padding: 0px 14px;
        font-size: 18px;
    }
}

@media (max-width: 991px) {
    #width-container {
        margin: 0 20px;
    }
    #dnn_mobilemenu {
        position: absolute;
        right: -103%;
        top: 140px;
        z-index: 11;
        background: #474747;
        border-top: 1px solid white;
    }
    #regtotline {
        height: 70px;
    }
    #regtotimg {
        text-align: center;
    }
    .registrationTotalsList {
        text-align: center;
    }
    #logo {
        margin-top: -33px;
    }
    #quicklinks {
        text-align: left;
        margin-left: 52px;
    }
    #quicklinks a {
        padding: 0px 19px;
    }
    #dnn_desktopmenu {
        margin-top: 0px;
    }
    #dnn_toppic {
        display: none;
    }
    #dnn_publicnoticesmiddle {
        margin-bottom: 30px;
    }
    #publicnoticestop {
        margin-top: 10px;
    }
    #bottomcontent {
        margin-top: 0px;
    }
}

@media (max-width: 945px) {
    #regtotals {
        font-size: 1em;
    }
}

@media (max-width: 930px) {
    #quicklinks {
        margin-left: 0px;
    }
}

@media (max-width: 875px) {
    #quicklinks {
        margin-left: -23px;
    }
}

@media (max-width: 845px) {
    #quicklinks {
        margin-left: 0px;
    }
    #quicklinks a {
        padding: 0 7px;
    }
    #logo {
        margin-top: 0px;
    }
    #name {
        margin-top: 30px;
    }
}

@media (max-width: 768px) {
    #quicklinks {
        margin-left: -22px;
    }
}

@media (max-width: 767px) {
    #width-container {
        margin: 0px;
    }
    .registrationTotalsList li:first-child {
        display: none;
    }
    .registrationTotalsList li:after {
        content: "";
    }
    .registrationTotalsList {
        margin-left: 0px;
    }
    #regtotline {
        padding: 0px;
        margin-top: -36px;
        height: 110px;
    }
    #regtotimg img {
        margin: auto;
    }
    #regtotals {
        padding: 0px;
    }
    #registrationTotals {
        margin-left: 0px;
    }
    #top {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        margin-top: 0px;
        height: auto;
    }
    #dnn_mobilemenu {
        right: -100%;
        top: 120px;
    }
    #logo,
    #logo img,
    #name img {
        padding: 0px;
    }
    #name {
        margin-top: 17px;
        left: 5px;
    }
    #quicklinks {
        margin-left: 0px;
        text-align: center;
        padding: 0px;
    }
    #middle {
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    #dnn_newslettersignup {
        margin-top: 33px;
    }
}

@media(max-width: 610px) {
    #quicklinks a {
        padding: 0 3px;
        font-size: 1em;
    }
}

@media (max-width: 445px) {
    #quicklinks a {
        width: 20%;
        display: inline-block;
        line-height: 20px;
        vertical-align: middle;
    }
}

@media (max-width: 425px) {
    #dnn_mobilemenu {
        top: 125px;
    }
}

@media (max-width: 375px) {
    #registrationTotals {
        margin-left: 20px;
        margin-right: 20px;
    }
    .registrationTotalsList li {
        padding-right: 21px;
    }
    #quicklinks a {
        font-size: 16px;
        padding: 0px;
    }
    #dnn_mobilemenu {
        top: 160px;
    }
}

@media (max-width: 340px) {
    #quicklinks a {
        margin-top: 0px;
    }
}

@media (min-width: 992px) {
    #dnn_contentpane {
        padding-left: 12px !important;
    }
}