@import url("https://fonts.googleapis.com/css?family=Poppins:300,400,600,700|Source+Sans+Pro|Work+Sans:300&display=swap");

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

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

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

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

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

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

:root {
    /* autoprefixer: off */
    --white: #ffffff;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --lt-grey: #f4f8fc;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --grey: #555555;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --dk-grey: #212529;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --red: #dd3333;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --yellow: #fcc510;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --lt-blue: #f2f9ff;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --blue: #1263a1;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --blue-hover: #0e4e7f;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --dk-blue: #010e2e;
    /* 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: 18px;
    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: 18px;
    }
}

body {
    font-size: 1.125rem;
    font-weight: 300;
    font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background: var(--white);
    color: var(--dk-grey);
}

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

a {
    color: var(--blue);
}

    a:hover {
        color: var(--dk-blue);
        text-decoration: underline;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: var(--blue) !important;
}

.button:not(.buttonloading), .button.button-edit:not(.buttonloading) {
    background: var(--blue) !important;
    border: 0 !important;
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    text-transform: uppercase;
    font-size: 16px;
    color: white !important;
    border-radius: 4px !important;
    text-align: center !important;
    padding: 16px 40px !important;
    text-transform: capitalize;
}

.button:hover:not(.buttonloading), .button.button-edit:hover:not(.buttonloading) {
    background: var(--blue-hover) !important;
    text-decoration: none;
}

.treepanel .treetype {
    font-size: 28px !important;
}

.treepanel .treesubtype {
    font-size: 22px !important;
}

.treepanel .postcontent {
    margin-bottom: 0.4045em !important;
}

#content_body {
    width: 1270px;
    max-width: 100%;
}

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

header.header_wrapper {
    background: var(--white);
    height: auto !important;
}

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

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

#content_nav {
    font-family: "Work Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

    #content_nav nav {
        background: white;
    }

@media all and (min-width: 768px) {
    #content_nav nav > ul {
        display: flex;
        justify-content: flex-end;
    }

        #content_nav nav > ul > li {
            border-radius: 10px;
        }

            #content_nav nav > ul > li.haschildren {
                border-radius: 10px 10px 0 0;
            }
}

@media all and (max-width: 767px) {
    #content_nav nav > ul .dropdown-arrow::after {
        border-color: var(--white) !important;
    }

    #content_nav nav > ul li[style*="display: list-item"] {
        text-align: center !important;
        background: var(--blue) !important;
        padding-right: 30px;
    }

        #content_nav nav > ul li[style*="display: list-item"] li:hover {
            background: var(--white) !important;
        }

        #content_nav nav > ul li[style*="display: list-item"] a {
            color: var(--white) !important;
        }

            #content_nav nav > ul li[style*="display: list-item"] a:hover {
                text-decoration: unerline !important;
            }

        #content_nav nav > ul li[style*="display: list-item"] ul {
            background: var(--white);
            border-radius: 10px;
        }

            #content_nav nav > ul li[style*="display: list-item"] ul li {
                padding: 0;
                text-align: center;
            }

            #content_nav nav > ul li[style*="display: list-item"] ul a {
                text-align: center;
                color: var(--blue) !important;
                text-decoration: none;
            }
}

#content_nav nav > ul ul {
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

    #content_nav nav > ul ul a,
    #content_nav nav > ul ul a.current {
        color: var(--white) !important;
    }

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

#content_nav nav ul {
    max-width: 1270px;
}

#content_nav nav li {
    border: none;
    background: none !important;
    box-shadow: none !important;
}

    #content_nav nav li:hover {
        background: var(--blue) !important;
    }

        #content_nav nav li:hover .current {
            color: var(--white) !important;
        }

        #content_nav nav li:hover > a {
            color: var(--white) !important;
        }

    #content_nav nav li a {
        color: var(--dk-grey);
        padding-left: 9px;
        font-size: 15px;
    }

        #content_nav nav li a:hover {
            color: var(--white);
        }

        #content_nav nav li a.current {
            color: var(--blue);
        }

.dropdown-arrow {
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    right: 10px;
    top: 10px;
}

    .dropdown-arrow::after {
        position: absolute;
        top: 35%;
        left: 50%;
        width: 10px;
        height: 10px;
        content: "";
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
        -ms-transform: translate(-50%, -50%) rotate(45deg);
        transform: translate(-50%, -50%) rotate(45deg);
        border-right: 2px solid var(--dk-blue);
        border-bottom: 2px solid var(--dk-blue);
    }

.haschildren {
    position: relative;
}

    .haschildren:hover ul {
        background: var(--blue);
    }

    .haschildren:hover > .dropdown-arrow::after {
        border-color: var(--white);
    }

body.quicklinks img {
    display: block;
}

.postcontent img {
    display: block;
}

#content_wrapper {
    background: var(--white) !important;
}

    #content_wrapper .shadedpanel {
        background: var(--white) !important;
        border-radius: 10px !important;
        border: 1px solid var(--lt-grey);
        box-shadow: 0 0 0 rgba(0, 0, 0, 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: 29.124px;
    }

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

.panel .profilesection h4 {
    margin-bottom: 6px;
}

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

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

input,
select,
textarea {
    border: 1px solid #ced4da;
    border-radius: 0.25rem !important;
    padding: 16px 40px !important;
    height: unset !important;
    font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 600;
    font-size: 16px !important;
}

    input[type=text], input[type=password],
    select[type=text],
    select[type=password],
    textarea[type=text],
    textarea[type=password] {
        min-height: 54px;
        width: 100% !important;
    }

    input:focus,
    select:focus,
    textarea:focus {
        border-color: var(--blue) !important;
        background: var(--white) !important;
    }

select {
    min-height: 33px;
    width: 100% !important;
}

@media all and (min-width: 768px) {
    [data-controlname*=Email][data-iscontainer=true] {
        display: flex;
        align-items: center;
    }

        [data-controlname*=Email][data-iscontainer=true] a {
            margin-top: 18px;
        }
}

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

.alwayslabel,
.myduessummary label {
    background: none;
    padding-left: 0;
    font-weight: 300;
    border-radius: 0;
    font-size: 18px;
    color: var(--dk-grey);
    width: 100%;
    display: block;
    padding-bottom: 2px;
}

label {
    margin-bottom: 18px;
}

.myduessummary input[type=search] {
    float: none;
    margin-left: 0;
}

footer {
    background: var(--lt-grey) !important;
}

    footer #footer {
        border: 0;
    }

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

        footer #footer .copyright {
            color: white;
        }

            footer #footer .copyright a {
                color: var(--white);
            }

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

.eventcalendar .topcalendarbar {
    border-radius: 10px 10px 0 0;
    background: var(--lt-grey);
}

.eventcalendar .daysofweek {
    background: var(--lt-grey);
}

.eventcalendar .bottomcalendarbar {
    border-radius: 0 0 10px 10px;
    background: var(--lt-grey);
}

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

    .eventcalendar .day .eventcalendarlink:not([title=""]) {
        color: var(--dk-brey);
        background: var(--lt-blue);
        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 .daywithevent {
    background: var(--white);
}

.eventcalendar .eventcalendardetails {
    background: none;
}

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

        .eventcalendar .eventcalendardetails .availableevent .headline {
            color: var(--dk-brey);
        }

.events .registeredevent {
    background: var(--lt-grey);
}

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

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

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

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

.eventdetails .topbar,
.eventquestions .topbar,
.eventfinalreview .topbar {
    border: 0;
}

.eventpage {
    border: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--lt-grey) !important;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0);
    color: var(--dk-grey) !important;
}

.login h3 {
    font-size: 22px !important;
    margin-bottom: 0;
}

.login #ctl00_Body___101__lblSignupTitle__1_label {
    margin-bottom: 1.618em;
}

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

.login #content_wrapper {
    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: 76px;
        }

        .login #ctl00_Body___101__divLoginPanelB__1 a[data-buttonname=lnkForgotPassword] {
            margin-top: 82px;
        }
}

.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: 14px;
        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=UFCW832.css.map */

/**
 * UFCW832-23-0008
 * set placeholder text color for input to a lighter color. 
 */

.UFCW832LoginPlaceholder input::placeholder {
    color: #bbb;
}