/* Fonts - Do Not Alter */
@font-face {
    font-family: "Yantramanav";
    src: url("assets/Yantramanav/Yantramanav-Regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans";
    src: url("assets/noto_sans/notosans-regular.ttf") format("truetype");
    font-display: swap;
}

@font-face {
    font-family: "Yantramanav-Bold";
    src: url("assets/Yantramanav/Yantramanav-Bold.ttf") format("truetype");
    font-weight: bold;
    font-display: optional;
}

:root {
    --mud-palette-drawer-icon: #003b8d !important;
    #0060e6;
    --std-icon: #003b8d;
    --light-icon: #fff;
    --light-soft-icon: #f5f5f5;
    --accent-icon: #cc0000;
}

html, body {
    height: 100%;
    width: 100%;
}

body {
    margin: 0 !important;
    padding: 0 !important;
    font-weight: normal;
    font-family: "Noto Sans";
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Yantramanav';
}

h1 {
    font-size: 65px;
    font-weight: 400;
}

h2 {
    font-size: 55px;
    font-weight: 300;
}

h3 {
    font-size: 40px;
    font-weight: 400;
}

h4 {
    font-size: 35px;
    font-weight: 400;
}

h5 {
    font-size: 27px;
    font-weight: 400;
}

h6 {
    font-size: 22px;
    font-weight: 400;
}


p {
    padding: .5em;
}

hr {
    height: 0.5px;
    width: 100%;
    background: #ddd;
}

h2, h3 {
    margin: 10px 0 5px 0 !important;
    letter-spacing: 0;
    border-bottom: 1.5px solid #c2c2c2;
    padding: 0 !important;
}


.headerBtns {
    margin: 5px;
}

.mud-typography-h2, .mud-typography-h3 {
    margin: 10px 0 5px 0 !important;
    letter-spacing: 0;
    line-height: normal;
    border-bottom: 1.5px solid #c2c2c2;
    padding: 0 !important;
}

.mainBody a {
    text-decoration: none;
    color: #004cb8;
}
.mainBody a:hover {
    text-decoration: underline;
}
.mud-picker-content p {
    padding: 0 !important;
}

.mud-picker-static {
    height: fit-content;
}

.mud-expand-panel .mud-expand-panel-header {
    font-size: 1em !important;
}

.mud-panel-expanded .mud-expand-panel-header {
    border-bottom: 1px solid #c2c2c2;
    margin: 0 0 1em 0;
}

.mud-panel-expanded {
    margin: 0 !important;
}

.mud-layout {
    height: 100%;
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 1 auto;
}


.mud-typography-caption {
    font-size: 14px;
}

.mud-container-maxwidth-lg {
    max-width: 100% !important;
}

.mud-expansion-panels {
    border-radius: 0 !important;
}

.mud-button {
    padding: 10px;
    border-radius: 2px;
    line-height: unset;
}

    .mud-button.mud-button-filled-size-small {
        padding: 5px 10px;
    }

    .mud-button.mud-button-filled-size-large {
        padding: 14px 20px;
    }



.layoutContainer {
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
    justify-content: flex-start;
}

.mud-appbar .mud-toolbar-appbar {
    height: auto !important;
    display: flex;
    flex-direction: row;
    margin-bottom: 0.25em;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    padding: 0 !important;
}

.mainHeader {
    margin-bottom: 1em;
    min-height: 120px;
    justify-content: center;
}

    .mainHeader .headerTop {
        width: auto;
        display: flex;
        flex: 1 0 auto;
        justify-content: flex-start;
        align-items: center;
        padding: 5px;
    }

    .mainHeader .countyLogo {
        margin: 0 2em 0 0.5em;
    }

        .mainHeader .countyLogo img {
            height: 75px;
            width: auto;
        }

.menuContainer .mud-navmenu {
    min-width: 250px;
    transition: all 2s ease;
}

.menuTabMain {
    background: #bb1a35;
    border-radius: 0 !important;
    margin-bottom: 5px;
}

.mud-card.captioned {
    border-radius: 0;
    background: #f5f5f5;
    padding: 0 !important;
    margin: 1em 0;
    display: inline-block;
}

.mud-card.captioned-left {
    border-radius: 0;
    background: #f5f5f5;
    padding: 0 !important;
    margin: 1em 1em 1em 0em;
    display: inline-block;
    float: left;
}

.mud-card.captioned-right {
    border-radius: 0;
    background: #f5f5f5;
    padding: 0 !important;
    margin: 1em 0em 1em 1em;
    display: inline-block;
    float: right;
}

.mud-shrink ~ label.mud-input-label.mud-input-label-inputcontrol, .mud-input:focus-within ~ label.mud-input-label.mud-input-label-inputcontrol {
    transform: translate(0,1.5px) scale(.85) !important;
}
    .mainContent {
    display: flex;
    flex-direction: row;
    flex: 0 1 auto;
    padding-bottom: 25px;
}

.mainFooter {
    display: flex;
    flex-direction: column;
    flex: 0 1 auto;
    align-content: center;
    justify-content: center;
    text-align: center;
    padding: 1em;
    background: #003b8d;
    color: white;
}

    .mainFooter p {
        padding: 0 !important;
    }

/*
.footer-text {
    text-align: center;
}




.note-date-label{
    font-weight: 600;
}
.lastupdated-date-label{
    font-style: italic;
}
.validation-msg-font {
    font-size: small;
}
*/

.whiteLink, .whiteLink a, .whiteLink a:hover, .whiteLink a:visited {
    color: white !important;
}

.pullQuote {
    background-color: #f5f5f5;
    font-style: italic;
    padding: 1em;
    margin: 1em 3em;
    font-size: 1em;
    overflow-wrap: break-word;
}


/*media point
.mud-appbar .mud-toolbar-appbar {
    flex-direction: column;
}*/

.card {
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    width: 6in;
    height: 4.25in;
    border: 1px solid black;
    line-height: 5pt;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 10px;
}

.card-body {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
}

.half-card {
    width: 50%;
    /*flex: 0 0 auto;*/
}

.left-side {
    border-right: 1px solid black;
}


.card-header {
    font-size: 5pt;
    font-family: arial;
    width: 100%;
    min-height: 23px;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
}

.seal {
    border-width: 0px;
    width: 30px;
    margin: 10px;
}

.title-area {
    vertical-align: top;
    text-align: center;
    line-height: 18px;
}

.registration-details {
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
}

.district-details {
    padding: 0 10px;
    text-align: center;
}

.box {
    font-family: arial;
    font-size: 5pt;
    line-height: 6pt;
    border: 1px solid black;
    overflow: hidden;
    display: block;
    padding-top: 3px;
}

.validfrom-box {
    border-bottom: unset;
}

.validto-box {
    border-top: unset;
}

.box-title {
    font-weight: bold;
}

.box-subtitle {
    margin-left: 3px;
}

.box-value {
    font-size: 8pt;
    font-family: monospace;
    font-weight: bold;
    padding-top: 5px;
}

.perm-address-area {
    font-family: arial;
    font-size: 5pt;
    line-height: 6pt;
    padding-bottom: 5px;
}

.address-block {
    margin: 5px 0;
}

.address-spacing {
    line-height: 11pt;
}

.signature-area {
    font-family: arial;
    font-size: 4pt;
    line-height: 6pt;
    margin: 5px 0;
}

.sign-block {
    font-size: large;
    font-weight: bolder;
    line-height: 16pt;
    width: 95%;
    border-bottom: 2px solid black;
}

.keep-format {
    white-space: pre-wrap;
}

.cert-area {
    font-family: arial;
    font-size: 5pt;
    line-height: 6pt;
    width: 100%;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 3px 0;
    padding-left: 10px;
}

.cert-title {
    font-weight: bold;
    width: 195px;
}

.cert-value {
    font-family: monospace;
    font-size: 7pt;
    font-weight: bold;
}

.cardbase {
    font-family: arial;
    font-size: 5pt;
    line-height: 6pt;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 96px;
    width: 100%;
    border-bottom: black 1px dashed;
}

    .cardbase > .cardbaseblock {
        white-space: pre-wrap;
    }

.mail-address-area {
    font-family: arial;
    font-size: 5pt;
    line-height: 6pt;
    padding-left: 10px;
}

.mail-address-title {
    margin-bottom: 32px;
}

.voter {
    font-family: monospace;
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
    line-height: 10pt;
}



.registrationlabel {
    font-family: arial;
    font-size: 5pt;
    vertical-align: top;
    text-align: left;
}



.districtcell {
    width: 45px;
    vertical-align: top;
}



.t {
    border-top: 1px solid black;
}



.r {
    border-right: 1px solid black;
}



.l {
    border-left: 1px solid black;
}



.b {
    border-bottom: 1px solid black;
}



.districtlabel {
    font-family: arial;
    font-size: 5pt;
    vertical-align: top;
    text-align: center;
}



.district {
    font-family: monospace;
    font-size: 8pt;
    font-weight: bold;
    padding-bottom: 3px;
    vertical-align: bottom;
}



.signhere {
    font-family: arial;
    font-size: large;
    font-weight: bold;
    border-bottom-color: black;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}



.disclaimer {
    font-family: arial;
    font-size: 4pt;
}



.yearColor {
    background-color: #fefeaa;
}



a.disturl, a:link.disturl, a:visited.disturl, a:active.disturl, a:hover.disturl {
    font-family: monospace;
    font-size: 8pt;
    font-weight: bold;
}

/*RegDisplay*/

/*.voter-address-name{
    display:flex;
    flex: 0 0 auto;
    flex-direction:row;
}*/

.voter-top-area {
    display: flex;
    flex: 1 1 auto;
    flex-direction: row;
    flex-wrap: wrap;
}

.voter-top-card {
    max-width: 33%;
}

.site-footer {
    padding: 1em;
    background: #003b8d;
    color: white;
}

.footer-text {
    text-align: center;
}

.footer-text-privacy {
    color: white !important;
    text-decoration: underline !important;
}

    .footer-text-privacy a {
    }