@import url("");
@import '//use.typekit.net/lra4kae.css';

h1 {
    font-size: 44.2px !important;
}

h2 {
    font-size: 37.57px !important;
}

h3 {
    font-size: 31.9345px !important;
}

h4 {
    font-size: 27.144325px !important;
}

h5 {
    font-size: 23.07267625px !important;
}

h6 {
    font-size: 19.6117748125px !important;
}

:root {
    /* autoprefixer: off */
    --white: white;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --yellow: #c7d827;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --lt-blue: #0A7D8A;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --dk-blue: #092841;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --nav-bg: rgba(9, 40, 65, 0.6);
    /* autoprefixer: on */
    /* autoprefixer: off */
    --label-color: #595d64;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --input-bg: #e4f1fd;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --bg-grad: linear-gradient(135deg, #092841, #145386);
    /* autoprefixer: on */
    /* autoprefixer: off */
    --lt-grey: #e9ebed;
    /* autoprefixer: on */
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
p,
blockquote,
th,
td,
label,
.datafield span,
.datafield div {
    font-size: 17px;
    line-height: 1.24;
}

@media only screen and (min-width: 1156px) {
    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    pre,
    form,
    fieldset,
    p,
    blockquote,
    th,
    td,
    label,
    .datafield span,
    .datafield div {
        font-size: 17px;
    }
}

body {
    font-size: 17px !important;
    font-family: "indivisible", system-ui, sans-serif;
    background: var(--dk-blue);
    color: var(--dk-blue);
}

@media all and (min-width: 1156px) {
    body {
        font-size: 17px !important;
    }
}

form {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: white;
}

    form footer#footer_wrapper {
        margin-top: auto;
    }

a {
    color: inherit;
    text-decoration: underline !important;
    transition: 0.2s;
}

    a:hover {
        color: inherit;
        text-decoration-color: rgba(0, 0, 0, 0) !important;
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "headline-gothic-atf", Impact, system-ui, sans-serif;
    color: var(--dk-blue) !important;
}

.button,
.button.button-edit {
    background: var(--yellow) !important;
    border: 0 !important;
    font-family: "indivisible", system-ui, sans-serif !important;
    text-transform: capitalize;
    color: var(--dk-blue) !important;
    border-radius: 500px !important;
    text-align: center !important;
    padding: 5px 29px !important;
    transition: 0.2s;
    text-decoration: none !important;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    min-height: 57.5px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .button:hover,
    .button.button-edit:hover {
        background: var(--dk-blue) !important;
        color: white !important;
    }

#ctl00_Body___100__divQuickLinks__1,
#ctl00_Body___100__lblQuickContacts__1,
.yourinfo {
    overflow-wrap: break-word;
}

header.header_wrapper {
    background: var(--bg-grad);
    height: auto !important;
    border-bottom-left-radius: 72px;
    padding-bottom: 72px;
}

    header.header_wrapper .logoimage {
        background: url("../images/unac-uhcp-logo.png") center center no-repeat !important;
        background-size: contain !important;
        width: 156px;
        display: inline-block;
        text-align: center;
        height: 132px;
        margin-top: 15px;
    }

    header.header_wrapper .userinfo {
        color: white;
    }

        header.header_wrapper .userinfo .logoutlink {
            color: white;
        }

    header.header_wrapper #google_translate_element {
        margin: 12px 0;
    }

    header.header_wrapper .nav-utility {
        margin-top: 0px !important;
    }

.goog-te-gadget > div {
    display: flex;
    justify-content: end;
}

.row {
    width: 1605px;
    max-width: 95vw;
}

.goog-te-combo {
    width: auto !important;
}

#content_nav {
    font-family: "indivisible", system-ui, sans-serif;
}

    #content_nav nav {
        background: none !important;
    }

.login #content_nav nav {
    border-top: 0;
}

#content_nav nav > ul {
    background: var(--nav-bg);
    border-radius: 10rem;
    min-height: 6.4rem;
    align-items: center;
    gap: 1.5rem;
    min-height: 64px;
    padding-left: 2rem;
    padding-right: 2rem;
}

    #content_nav nav > ul > li > a {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

#content_nav nav ul ul {
    background: var(--lt-blue);
    border-radius: 2.4rem;
    padding: 2.8rem 3.2rem;
}

    #content_nav nav ul ul a {
        font-weight: 300;
    }

    #content_nav nav ul ul ul {
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    }

#content_nav nav .haschildren {
    padding-right: 0;
}

#content_nav nav li {
    text-wrap: nowrap;
    border: none;
    min-height: unset;
    background: none !important;
    box-shadow: none !important;
}

    #content_nav nav li:hover {
        background: "" !important;
    }

    #content_nav nav li a {
        color: white;
        padding-left: 9px;
        font-size: clamp(14px, 1.2vw, 19px);
        font-weight: 600;
        padding-left: 0;
        line-height: 1.44em;
        text-decoration: none !important;
    }

        #content_nav nav li a:hover {
            color: white;
            text-decoration: underline !important;
        }

        #content_nav nav li a.current {
            color: white;
        }

@media all and (min-width: 640px) {
    #content_nav nav > ul {
        max-width: 90vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: center;
        width: fit-content;
    }
}

@media all and (max-width: 639px) {
    header.header_wrapper .logoimage {
        width: 90px;
        height: 76px;
    }

    header.header_wrapper {
        border-radius: 0;
    }

    #content_nav li.mobile_menu {
        text-align: center;
        padding-left: 30px;
    }

    #content_nav nav ul ul li.haschildren a {
        left: unset !important;
    }

    #content_nav nav > ul {
        background: white;
        border-radius: 0;
    }

        #content_nav nav > ul ul {
            display: block !important;
            background: none !important;
            padding: 0 !important;
            border-bottom: 1px solid var(--dk-blue);
            border-radius: 0 !important;
            padding-bottom: 16px !important;
        }

            #content_nav nav > ul ul li {
                display: list-item !important;
            }

            #content_nav nav > ul ul ul {
                border: 0;
                box-shadow: none !important;
            }

        #content_nav nav > ul a,
        #content_nav nav > ul a.current {
            color: var(--dk-blue);
            display: block;
        }

            #content_nav nav > ul a:hover,
            #content_nav nav > ul a.current:hover {
                color: inherit;
            }
}

#content_wrapper {
    background: white;
}

    #content_wrapper .shadedpanel {
        background: white !important;
        border-radius: 0px !important;
        border: 0 !important;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

        #content_wrapper .shadedpanel span div {
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        #content_wrapper .shadedpanel .datafield :where(span, div) {
            padding-left: 0;
        }

    #content_wrapper .panel h4.head-icon-yourinfo,
    #content_wrapper .panel h4.head-icon-quicklinks,
    #content_wrapper .panel h4.head-icon-quickcontacts {
        padding-left: 0;
        background: none;
    }

    #content_wrapper .postcontent {
        margin-bottom: 27.506px;
    }

        #content_wrapper .postcontent img[align=left] {
            display: block;
            float: left;
            margin: 0 0.85em 0.85em 0;
        }

        #content_wrapper .postcontent img[align=center] {
            display: block;
            margin: 0 auto 0.85em;
        }

        #content_wrapper .postcontent img[align=right] {
            display: block;
            margin: 0 0 0.85em 0.85em;
        }

    #content_wrapper .datafield span,
    #content_wrapper .datafield div {
        padding-left: 0.5em;
    }

    #content_wrapper .relateddocuments {
        margin-left: 0 !important;
    }

        #content_wrapper .relateddocuments ul {
            margin-left: 0 !important;
            margin-top: 0.5em;
        }

table.dataTable {
    border-bottom: 1px solid #ddd !important;
}

    table.dataTable th {
        border-bottom: 1px solid #ddd !important;
    }

.date {
    display: flex;
    flex-wrap: nowrap;
    justify-items: center;
    gap: 0.5rem;
}

    .date > * {
        flex: 1;
    }

select, input:is([type=text], [type=password]),
textarea {
    border-radius: 0 !important;
    width: 100% !important;
    padding: 5.5px;
    background: var(--input-bg);
    border-radius: 2px;
    border: solid 2px var(--dk-blue);
}

    select[type=text], select[type=password], input:is([type=text], [type=password])[type=text], input:is([type=text], [type=password])[type=password],
    textarea[type=text],
    textarea[type=password] {
        min-height: 33px;
    }

.emaillink {
    margin-top: 38px;
    display: inline-block;
}

.alwayslabel {
    background: none;
    color: var(--label-color) !important;
    font-family: "Helvetica Neue", Arial, "Lucida Grande", Tahoma, Verdana, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding-left: 0;
    border-radius: 0;
    width: 100%;
}

.alwayshowlabel :is(input, select) {
    width: 100%;
}

label {
    margin-bottom: 18px;
}

footer {
    background: var(--dk-blue) !important;
    border-radius: 72px 72px 0 0;
}

    footer #footer {
        border: 0;
        margin-top: 60px;
    }

        footer #footer div {
            font-size: 12px;
        }

        footer #footer .copyright div {
            color: white !important;
        }

            footer #footer .copyright div a {
                color: var(--dk-blue);
            }

                footer #footer .copyright div a:hover {
                    color: inherit;
                }

.eventcalendar .day {
    padding: 3px 5px;
}

    .eventcalendar .day .eventcalendarlink:not([title=""]) {
        color: "";
        background: "";
        padding: 8px 0;
        margin: 5px 0;
        display: block;
        border-radius: 4px;
        text-align: center;
        font-size: 90%;
    }

        .eventcalendar .day .eventcalendarlink:not([title=""]):hover {
            text-decoration: none;
            opacity: 0.8;
        }

.eventcalendar .eventcalendardetails {
    background: none;
}

    .eventcalendar .eventcalendardetails .availableevent {
        border-radius: 0;
        background: none;
    }

        .eventcalendar .eventcalendardetails .availableevent .headline {
            color: "";
        }

.wizardbutton {
    line-height: 31px !important;
}

@media all and (min-width: 768px) {
    .wizardbutton {
        margin-left: 6px;
        margin-right: 6px;
    }
}

.eventdetails .overflow.bar {
    background: none;
    border: 0;
}

    .eventdetails .overflow.bar .wizardbutton {
        margin-left: 14px;
    }

.eventdetails .topbar {
    border: 0;
}

.eventpage {
    border: 0;
}

.passwordbox {
    display: flex;
    flex-wrap: wrap;
}

.passwordmeter {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.login #ctl00_Body___101__lblSignupTitle__1 {
    margin-top: 0 !important;
}

.login #content_wrapper {
    background: white;
    background-size: cover;
}

.login .smallfont {
    margin-top: 1em;
}

.login .loginimage {
    display: none !important;
}

@media all and (min-width: 768px) {
    .login #ctl00_Body___101__divLoginPanelB__1 {
        font-size: 84%;
    }

        .login #ctl00_Body___101__divLoginPanelB__1 a[data-buttonname=lnkForgotUsername] {
            margin-top: 95px;
            white-space: nowrap;
        }

        .login #ctl00_Body___101__divLoginPanelB__1 a[data-buttonname=lnkForgotPassword] {
            margin-top: 62px;
            white-space: nowrap;
        }
}

.login #ctl00_Body___101__chkRememberMe__1 {
    white-space: nowrap;
    display: flex;
    align-items: center;
}

@media all and (min-width: 768px) {
    .login #ctl00_Body___101__chkRememberMe__1 {
        margin-top: 19px;
        font-size: 84%;
    }
}

@media all and (min-width: 768px) {
    .login #ctl00_Body___101__divSubmitLeft__1 {
        padding-left: 0 !important;
    }
}

@media only screen and (min-width: 768px) {
    header .logoimage {
        display: block;
        width: 330px;
        float: left;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

@media only screen and (min-width: 1156px) {
    header .logoimage {
        margin-top: 45px;
        margin-bottom: 15px;
    }
}

/*# sourceMappingURL=UNAC.css.map */

.unaceventcalendarlink:not([title='']) {
    color: #fff;
    background: #37aa3e;
    padding: 8px 0;
    margin: 5px 0;
    display: block;
    border-radius: 4px;
    text-align: center;
    font-size: 90%
}

    .unaceventcalendarlink:not([title='']):hover {
        text-decoration: none;
        opacity: .8
    }

.eventcalendar .eventcalendardetails {
    background: none
}

    .eventcalendar .eventcalendardetails .availableevent {
        border: 10px solid #f3f3f1;
        border-radius: 0;
        background: none
    }

.UNACMarginDiv {
    margin: 10px 0px;
}

.UNACRegButton {
    width: 91%;
}

.unacsurvey-button[disabled] {
    background: lightgray !important;
    opacity: 1 !important;
}

.UNACDynamicText {
    background-color: #fff !important;
    border: none !important;
    text-align: center;
    box-shadow: none;
}

.UNACNoBottomMargin label {
    margin-bottom: 0px;
}

.UNACTopBottomMargin {
    margin: 10px 0;
}

    .UNACTopBottomMargin fieldset {
        margin: 10px 0;
    }

.UNACTopMargin {
    margin-top: 10px;
}

/*# sourceMappingURL=UNAC.css.map */

.EventDates label, .EventDates span {
    font-family: 'Raleway', sans-serif;
    color: #37aa3e !Important;
    /* background-color: white; */
}

.EventDates {
    margin-bottom: 15px;
}


.DateBox {
    background-color: #00a94d;
    /* border-radius: 10px; */
    float: left;
    margin: 0 1em 1em 0;
    padding: 0.5em;
    width: 160px;
    border: 10px solid #e9e9e8;
}


.DateBox p.Eventday {
    border-bottom: 1px solid #FFFFFF;
    font-size: 3em;
    line-height: normal !important;
}

.DateBox p {
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}