.image-responsive {
    display: block;
    max-width: 100%;
    height: auto;
    padding: 10px;
}

.redbutton {
    background: linear-gradient(#b50d0d, #880707);
    margin-bottom: 10px;
    border-radius: 10px;
    color: white !important;
    padding: 20px;
    line-height: 6;
}

.redbutton:hover {
    background: linear-gradient(#2b5499, #18386d);
}

body {
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    color: #2f2f2f;
    line-height: 1.4
}


/* Make background of only TQV white */

.DnnModule-TurnoutQuickView {
    background: white;
}

html,
body {
    min-height: 0!important;
    height: auto!important;
    position: inherit!important;
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.1em;
    color: #b7022d;
}

h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.7em;
    color: #095193;
}

h3 {
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 1.4em;
    color: #082553;
    font-weight: bold;
}

p,
.Normal,
.bluebox li,
.greybox li {
    font-size: 1.1em;
    line-height: 1.3;
}

li {
    font-size: 1.2em;
    line-height: 1.3;
}

.dnnTreeArea {
    width: 350px !important;
}

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

#wrapall {
    overflow-x: hidden;
}

.skip {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 1px;
    width: 1px;
    text-align: left;
    overflow: hidden;
}

a.skip:active,
a.skip:focus,
a.skip:hover {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible;
}

#banner {
    min-height: 100px;
}

#dnn_rotator {
    position: absolute !important;
    right: 0px !important;
    padding-left: 20px!important;
}

.chameleon_slider.NewsOne {
    background: none!important;
    border: none!important;
}

.chameleon_slider h1,
.chameleon_slider h1 a {
    color: #9ad3f3!important;
    font-size: 1.4em!important;
}

.chameleon_slider .main_panel .media_link {
    display: none!important;
}

#qlreg {
    background-color: #135b9e;
    background-image: url(//vrcdn.electionsfl.org/portals/sumter/images2019/wf_quicklinkback_xlg.jpg);
    background-size: cover;
}

#quicklinks {
    display: block;
    margin: 0 auto;
}

#quicklinks a {
    border-radius: 15px;
    width: 19%;
    height: 100px;
    background-color: #bf022f;
    box-shadow: 0px 4px 8px -3px white inset;
    border: 1px solid #71001b;
    text-decoration: none;
    display: table;
    margin: 14px 5px;
    float: left;
    padding: 0 25px;
}

#quicklinks a:hover,
#quicklinks a:focus {
    background: #e0f5fc;
}

#quicklinks a:hover .qword {
    color: #B7022D;
}

.qicon {
    float: left;
    margin: 25px 0 0 5px;
}

.qword {
    color: white;
    font-size: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 0 15px;
    line-height: 1.6;
    font-weight: bold;
}

.button a,
a.button {
    width: 100%;
    border-radius: 15px;
    background-color: white;
    box-shadow: -9px 16px 60px -27px lightgrey inset;
    border: 1px solid #add5e2;
    margin-top: 22px;
    text-decoration: none;
    color: #b7022d;
    font-size: 1.5em;
    font-weight: 500;
    font-family: Arial, Helvetica, sans-serif;
    padding: 10px;
    display: block;
}

.button a:hover,
a:button:hover {
    background-color: #b7022d;
    color: white;
}

#registrationtotals {
    height: 128px;
    display: table;
    width: 100%;
}

#regtotals {
    background-color: white;
    display: block;
    height: 128px;
}

#registrationTotals ul {
    list-style: none;
    color: #095193;
    text-align: center;
    line-height: 1.4;
    display: table-cell;
    vertical-align: middle;
}

#registrationTotals ul li {
    display: inline-block;
    padding-left: 20px;
}

#registrationTotals ul li:first-child {
    display: block;
    text-align: center;
}

.totalsField {
    font-size: 1.3em;
    font-weight: bold;
}

.totalsValue {
    font-size: 1.3em;
    padding-left: 5px;
}

.registrationTotalsList {
    margin-left: 0px;
}

.datePrelude {
    text-align: center;
}

.dateValue {
    text-align: center;
    position: relative;
}

main {
    display: flex;
}

#middle {
    background-image: url(//vrcdn.electionsfl.org/portals/sumter/images2019/wf_flagback_xlg.jpg);
    background-size: cover;
    background-color: #202F59;
}

.backpagecontentpane {
    min-height: 500px;
}


/* ENR Button padding bottom */

.DnnModule.DnnModule-DNNENR.DnnModule-32051 {
    padding-bottom: 40px;
}

#dnn_contentpane,
#rightmiddle,
#rightside {
    padding: 20px;
}

#dnn_rightsidecontentpane {
    overflow: hidden;
    padding: 0px;
    display: flex;
    flex-direction: column;
}

.homecontentpane p,
.homecontentpane h1,
.homecontentpane h2,
.homecontentpane h3,
.homecontentpane {
    color: white!important;
}

.backmiddle {
    border-top: #ba022d solid 10px;
}

.bluebox {
    background-color: #DEEEFA;
    padding-bottom: 15px;
}

.greybox {
    background-color: #E7E7E7;
    padding-bottom: 15px;
}

.greybox h1,
.bluebox h1 {
    text-align: center;
    text-transform: uppercase;
}

#contentmiddle {
    background-color: white;
}

nav {
    background-color: rgba(19, 91, 158, .6);
}

#search {
    padding: 0px;
    margin-bottom: 20px;
}

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

#translator {
    background: rgba(19, 91, 158, .6);
}

#left {
    background: rgba(19, 91, 158, .6);
}

#dnn_rightmiddlecontentpane h1 {
    background-image: linear-gradient(#666a6f, #6e7276);
    background-color: #666a6f;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    padding: 20px;
    margin-top: 0;
}

#dnn_rightmiddlecontentpane div {
    background-color: white;
}

.goog-te-gadget .goog-te-combo {
    width: 100%;
}

.goog-logo-link,
.goog-logo-link:link,
.goog-te-gadget {
    color: white!important;
}

.goog-te-combo {
    color: #666!important;
}

#dnn_ctr42830_ContentPane {
    padding-top: 10px;
}

#dnn_rightsidecontentpane h1 {
    background-image: linear-gradient( #b7022d, #960124);
    background-color: #960124;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    padding: 20px;
    margin-top: -2px;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 0px;
}

#dnn_rightsidecontentpane div:first-child {
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

#dnn_rightsidecontentpane a:link,
#dnn_rightsidecontentpane a:visited {
    color: #095193;
    font-weight: bold;
}

.lowerboxes {
    margin-top: 25px;
    margin-bottom: 25px;
}


/* CSS for Panes (DNN grouping) split width into panes */

.pane h1,
.pane ul,
.pane p {
    padding: 0px 15px;
}


/*--- easy dnn news styles ---*/

span.EDN_simpleDate {
    display: none;
}

.EDN_event-date {
    font-size: 20px;
}


/*---dnn pagemanagement styles ---*/

span.rtIn {
    font-size: 18px;
}

#footer {}

#footer {
    background: #022d65;
    padding: 25px 0 35px 0;
    margin-top: 20px;
}

#footer p {
    font: 1.2em Arial;
    color: #b2b1b1;
    font-weight: bold;
}

#footer a {
    color: #b2b1b1;
    font-weight: bold;
    text-decoration: underline;
}

#disclaimer {
    font: 1.2em Arial;
    color: #b2b1b1;
    line-height: 1.2;
    padding-right: 20px;
}


/*--- easy dnn styles ---*/

.edn_socialPrintWrapper {
    display: none !important;
}

@media(max-width: 1730px) {
    #quicklinks a {
        padding: 0 10px;
    }
}

@media(max-width: 1560px) {
    #quicklinks a {
        padding: 0px;
    }
}

@media (max-width: 1490px) {
    .totalsField,
    .totalsValue {
        font-size: 1.1em;
    }
}

@media (max-width: 1435px) and (min-width: 1200px) {
    .qword {
        font-size: 1.35em;
    }
}

@media (max-width: 1375px) and (min-width:1200px) {
    #quicklinks a {
        width: 18%;
    }
    #quicklinks a {
        width: 17.5%;
    }
}

@media (max-width: 1318px) {
    .greybox h1,
    .bluebox h1 {
        font-size: 1.7em;
    }
}

@media (max-width: 1259px) and (min-width:1200px) {
    .qword {
        font-size: 1.1em;
    }
}

@media (max-width: 1199px) {
    #regtotals,
    #registrationTotals {
        height: auto;
        padding: 7px 0;
    }
    .totalsField,
    .totalsValue {
        font-size: 1.8em;
    }
}

@media (max-width: 1150px) {
    .greybox h1,
    .bluebox h1 {
        font-size: 1.4em;
    }
}

@media (max-width: 1079px) and (min-width: 992px) {
    .qword {
        font-size: 1.25em;
    }
}

@media (max-width: 991px) {
    .greybox h1,
    .bluebox h1 {
        font-size: 2.1em;
    }
    main {
        display: block;
    }
    #phonemenu {
        background-color: #093A7D;
        height: 100;
    }
    #quicklinks a {
        width: 48%;
    }
    /*---Mobile Menu---*/
    .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;
        bottom: 70px;
    }
    .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;
    }
    .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;
    }
    /*---End Mobile Menu---*/
    #phonemenu {}
    #dnn_mobilemenu {
        position: absolute;
        z-index: 9;
        right: -100%;
        padding: 10px 0;
    }
    .mobilelogo img {}
    #rightmiddle,
    #rightside {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    #search {
        margin-top: 20px;
    }
    #dnn_contentpane {
        min-height: none;
    }
    .bluebox,
    .greybox {
        margin: 10px 0;
    }
    #translator {
        background: none;
        z-index: 9;
        margin: 15px 0;
    }
    #dnn_rightmiddlecontentpane h1 {
        margin-top: 65px;
    }
}

@media (max-width: 767px) {
    #phonemenu {
        min-height: 135px;
    }
    .mobilelogo img {
        margin: auto;
    }
    #dnn_mobilemenu {
        top: 125px;
    }
    .qword {
        font-size: 1.2em;
    }
    .qicon {
        margin: 15px 0 0 5px;
    }
    #quicklinks a {
        height: 80px;
        width: 47%;
    }
    .c-hamburger {
        bottom: 135px;
    }
    #regtotals,
    #registrationTotals {
        height: 170px;
    }
    .totalsField,
    .totalsValue {
        font-size: 1.2em;
    }
    #registrationTotals ul li {
        display: block;
    }
}