@import url("https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@300;400;500;600&family=Open+Sans:ital,wght@0,300;0,500;1,300;1,500&display=swap");


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

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

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

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

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

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

h1, h2, h3, h4, h5, h6 { font-family: "Barlow Semi Condensed", sans-serif; color: #000 !important; text-transform: none; }

    h1 + span, h2 + span, h3 + span, h4 + span, h5 + span, h6 + span { display: block; }

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit !important; }

    h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty { display: none !important; }

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: 16px; /* line-height: 19.84px; */ }

@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: 16px; }
}

body { font-size: 16px !important; font-family: "Open Sans", sans-serif; background: white; color: #000; }

@media only screen and (min-width: 1156px) {
    body { font-size: 16px !important; }
}

a { color: #000; }

.shadedpanel a, .eventcalendar a { font-family: "Barlow Semi Condensed", sans-serif; text-transform: uppercase; }

a:hover { color: #000; }

h2.treetype { font-size: 24px !important; display: block; }

h3.treesubtype { font-size: 18px !important; }

.treetype,
.treesubtype { background-color: white !important; color: black !important; box-shadow: none !important; }

.button:not(.buttonloading), input[type=submit], .button.button-edit:not(.buttonloading) { border: 0 !important; font-family: "" !important; text-transform: uppercase; color: white !important; border-radius: 0; text-align: center !important; padding: 12px 20px !important; font-family: "Barlow Semi Condensed", sans-serif !important; font-size: 18px; border: 0 !important; margin-top: 8px; box-sizing: border-box; margin: 0; font-family: inherit; overflow: visible; text-transform: none; -webkit-font-smoothing: antialiased; -webkit-appearance: button; border: none !important; color: #fff !important; text-decoration: none; -webkit-transition: background 0.5s ease; display: inline-block; cursor: pointer; outline: none; text-align: center !important; background: #c5203a !important; position: relative; font-size: 14px; font-weight: 600 !important; border-radius: 3px !important; line-height: 1 !important; padding: 12px 30px !important; text-transform: none !important; color: #fff !important; background: #ab0634 !important; border-radius: 4px !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; -ms-border-radius: 4px !important; -o-border-radius: 4px !important; font-weight: 500 !important; text-transform: uppercase !important; font-family: "brauer", sans-serif !important; line-height: 100% !important; }

    /* .button:hover, input[type=submit]:hover, .button:focus, input[type=submit]:focus, .button.button-edit:hover, .button.button-edit:focus {
        color: #e6e6e6 !important;
        background-color: #7a0425 !important;
    } */

    .button:active, input[type=submit]:active, .button.button-edit:active { box-shadow: 0 4px #61031e !important; background-color: #92052d !important; color: #f2f2f2 !important; box-shadow: 0 1px #61031e !important; transform: translateY(3px) !important; }

    .button:active, input[type=submit]:active, .button.button-edit:active { border-bottom: 0 !important; }

header.header_wrapper { position: relative; z-index: 20; height: 101px; background: white; height: auto !important; }

    header.header_wrapper #ctl00___1__divLeft__1 { padding-left: 8px; }

@media all and (min-width: 640px) {
    header.header_wrapper #ctl00___1__txtSeparator2__1 { display: none; }
}

header.header_wrapper #ctl00___1__divLeft__1 { padding-left: 0; }

header.header_wrapper .logoimage { background: url("../images/uwu-logo.png") center left no-repeat !important; background-size: contain !important; width: 80px; display: inline-block; text-align: center; height: 80px; margin: 0; }

header.header_wrapper .userinfo .logoutlink { font-family: "Barlow Semi Condensed", sans-serif; text-transform: uppercase; color: #9F0B31 !important; }

    header.header_wrapper .userinfo .logoutlink:hover { text-decoration: underline; }

@media all and (min-width: 640px) {
    header.header_wrapper .userinfo .logoutlink { display: block; }
}

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

header.header_wrapper .header { width: 100%; }

#ctl00___1__divWrapper__1 { box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); }

@media all and (min-width: 640px) {
    #ctl00___1__divWrapper__1 { display: grid; align-items: center; grid-template-columns: 1fr; justify-content: center; }

        #ctl00___1__divWrapper__1 > * { width: 100%; }
}

@media all and (min-width: 950px) {
    #ctl00___1__divWrapper__1 { grid-template-columns: 80px 1fr; }
}

@media all and (min-width: 1250px) {
    #ctl00___1__divWrapper__1 { grid-template-columns: 80px 1fr 300px; }
}

#content_nav { font-family: ""; position: relative; z-index: 20; }

    #content_nav nav { background: white; }

@media all and (min-width: 640px) {
    #content_nav nav { background: white; min-height: 80px; display: flex; justify-content: center; align-items: center; }
}

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

@media all and (min-width: 640px) {
    #content_nav nav ul ul { margin-top: 28px !important; }

        #content_nav nav ul ul::before { position: absolute; bottom: 100%; content: ""; height: 28px; width: 100%; display: block; }
}

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

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

#content_nav nav > ul > li { min-height: unset; }

    #content_nav nav > ul > li.has-children > a { position: relative; }

        #content_nav nav > ul > li.has-children > a:after { content: ""; display: block; position: absolute; top: 8px; left: 100; border: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid black; }

    #content_nav nav > ul > li.mobile_menu { text-align: right; text-transform: uppercase; }

        #content_nav nav > ul > li.mobile_menu a { color: #9F0B31 !important; font-family: "Barlow Semi Condensed", sans-serif !important; }

    #content_nav nav > ul > li > a { line-height: 1.2; }

@media all and (min-width: 640px) {
    #content_nav nav > ul > li > a { text-transform: uppercase; color: black; }
}

#content_nav nav ul .downarrow { display: none; }

#content_nav nav ul ul { background: #1A1A1A; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); }

@media all and (min-width: 640px) {
    #content_nav nav ul ul { margin-top: 0px; }
}

#content_nav nav ul ul li { padding: 0; }

    #content_nav nav ul ul li a { color: white; padding-left: 18px; padding-right: 18px; font-family: "Barlow Semi Condensed", sans-serif; font-size: 14px; line-height: 20px; }

@media all and (max-width: 639px) {
    #content_nav nav ul ul li a { font-size: 14 !important; }
}

#content_nav nav ul ul li a:hover { color: #9F0B31; text-decoration: none; }

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

    #content_nav nav li a { color: black; padding-left: 9px; font-size: 18px; line-height: 20px; font-family: "Barlow Semi Condensed", sans-serif; font-weight: 500; }

        #content_nav nav li a:hover { color: #9F0B31; }

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

@media all and (max-width: 639px) {

    #content_nav li:not(:first-child) { background-color: #1A1A1A; }

        #content_nav li:not(:first-child) a { font-size: 23px !important; color: white; text-transform: uppercase; font-style: normal; }

        #content_nav li:not(:first-child) li a { font-size: 18px !important; }

        #content_nav li:not(:first-child):hover { background: #1A1A1A !important; }
}

nav > ul > li.haschildren > a { position: relative; }

    nav > ul > li.haschildren > a:after { content: ""; display: inline-block; border: 4px solid rgba(0, 0, 0, 0); border-top: 4px solid white; position: absolute; left: 98%; top: 22px; }

@media all and (max-width: 639px) {
    nav > ul > li.haschildren { padding-right: 18px !important; background: #1A1A1A url('../../../images/icons/downwhite.png') top 10px right 10px no-repeat !important; }

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

    nav ul li a { text-decoration: none; }

        nav ul li a:hover { text-decoration: none; }

    nav > ul > li > a { font-size: 14px !important; }

        nav > ul > li > a:hover { color: #9F0B31 !important; }

    nav > ul > li.haschildren > a:after { border-top: 4px solid black; top: 8px; background: #1A1A1A url('../../../images/icons/downwhite.png') top 10px right 10px no-repeat !important; }

    #content_nav li:not(:first-child):hover { background: #1A1A1A url('../../../images/icons/downwhite.png') top 10px right 10px no-repeat !important; }
}

table { width: 100%; }

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

#content_wrapper { background: white; }

    #content_wrapper .shadedpanel, #content_wrapper .eventcalendar { position: relative; z-index: 5; background: white !important; border-radius: 0px !important; border: 1px solid #E1E1E1; box-shadow: none !important; }

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

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

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

select { height: 52px !important; }

input { background: white; }

    input[type=text], input[type=password] { border-radius: 0 3px 3px 0 !important; border-left: 0 !important; min-height: 52px; }

#ctl00_Body___470__divCreditCard__1 input { border-left: inherit; }

input[type=submit] { border: 0; font-weight: 600 !important; margin-top: 1.618em; display: inline-block; }

    input[type=submit]:active { border-bottom: 0 !important; }

input:focus { border: 1px solid black !important; }

#ctl00_Body_ctl00_Body___511__datPaymentDate__1 { height: 52px; margin-bottom: 12px; }

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

#ctl00_Body___515__lblExpiry__1,
#ctl00_Body___515__cboExpiryMonth__1,
#ctl00_Body___515__cboExpiryYear__1 { width: 33%; float: left; }

#ctl00_Body___515__cboExpiryMonth__1,
#ctl00_Body___515__cboExpiryYear__1 { margin-left: 0.5%; }

#ctl00_Body___515__txtInstitution__1 .alwayslabel,
#ctl00_Body___515__txtAmount__1 .alwayslabel { padding: 6px !important; margin: 2px !important; border-radius: 3px !important; }

#ctl00_Body___515__lblExpiry__1_label.alwayslabel { padding: 6px !important; border-radius: 3px !important; }

#ctl00_Body___515__lblExpiry__1_label.alwayslabel {
    padding: 6px !important;
    border-radius: 3px !important;
}

#ctl00_Body___317__txtArePaymentsCurrent__1_data .alwayslabel {
    width: 65%;
}

#ctl00_Body___317__txtArePaymentsCurrent__1 input[type=text] { width: 35%; }

#ctl00_Body___317__txtAmountOwing__1_data .alwayslabel { width: 65%; }

#ctl00_Body___317__txtAmountOwing__1 input[type=text] { width: 35%; }

#ctl00_Body_ctl00_Body___515__txtCardholderName__1,
#ctl00_Body_ctl00_Body___515__txtCardNumber__1,
#ctl00_Body_ctl00_Body___515__txtBSB__1,
#ctl00_Body_ctl00_Body___515__txtAccountNumber__1,
#ctl00_Body_ctl00_Body___515__txtAccountName__1 { border-left: 1px solid #ccc !important; border-radius: 3px !important; }

.alwayslabel { white-space: nowrap; min-height: 52px; line-height: 32px; background: white; color: #000; font-weight: 300; padding-left: 15px; border-radius: 3px 0 0 3px !important; border: 1px solid #cccccc; border-right: 0; }

label { margin-bottom: 18px; }

#footer_wrapper { position: relative; }

/*
    #footer_wrapper:before {
        content: "";
        background: url("../images/uv-polygon-red.svg") no-repeat bottom right;
        display: block;
        background-size: 100%;
        position: absolute;
        bottom: 100%;
        width: 100vw;
        right: 0;
        height: 578px;
    }
*/

footer { background: #1C1A1B !important; }

#footer { border: 0; }

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

footer #footer .copyright { color: white; }

    footer #footer .copyright a { color: white; font-size: 14px !important; }

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

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

    .eventcalendar .day .eventcalendarlink:not([title=""]) { color: white; background: #9F0B31; padding: 8px 0; margin: 5px 0; display: block; border-radius: 4px; text-align: center; font-size: 90%; font-family: "Barlow Semi Condensed", sans-serif; }

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

.eventcalendar .eventcalendardetails { background: white; position: relative; padding: 13px; }

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

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

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

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

.eventdetails .topbar { border: 0; }

.eventpage { border: 0; }

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

@media all and (min-width: 991px) {
    .login #ctl00_Body___101__divLoginPanelB__1 { margin-top: 36px; }

        .login #ctl00_Body___101__divLoginPanelB__1 a:last-child { margin-top: 45px; }
}

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

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

.login #ctl00_Body___101__divSubmitLeft__1 { padding-left: 0 !important; }

@media all and (max-width: 991px) {
    .login #ctl00_Body___101__divSubmitLeft__1 { padding-right: 0 !important; }
}

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

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

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

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



.uv-joinform-nav .button:not(.buttonloading), .uv-joinform-nav input[type=submit] { box-sizing: border-box; margin: 0; font-family: inherit; overflow: visible; text-transform: none; -webkit-font-smoothing: antialiased; -webkit-appearance: button; border: none !important; color: #fff !important; text-decoration: none; -webkit-transition: background 0.5s ease; display: inline-block; cursor: pointer; outline: none; text-align: center !important; background: #c5203a !important; position: relative; font-size: 14px; font-weight: 600 !important; border-radius: 3px !important; line-height: 1 !important; padding: 12px 30px !important; text-transform: none !important; }

@media all and (min-width: 992px) {
    .uv-joinform-nav .alwaysshowlabel { display: flex; margin-bottom: 0.5em; }

        .uv-joinform-nav .alwaysshowlabel .alwayslabel { width: 35%; border-right: 0; font-size: 14px; }

        .uv-joinform-nav .alwaysshowlabel input, .uv-joinform-nav .alwaysshowlabel select { width: 65% !important; margin-bottom: 0 !important; border-left: 0 !important; min-height: 53px; font-size: 14px; box-shadow: none !important; }

    .uv-joinform-nav .uv-joinform-bankinfo { margin: 0 0 1em; }

        .uv-joinform-nav .uv-joinform-bankinfo input, .uv-joinform-nav .uv-joinform-bankinfo select { border-width: 1px !important; }

    .uv-joinform-postaladdressline1 input { border-width: 1px !important; border: 1px solid #ccc !important; }

        .uv-joinform-postaladdressline1 input:focus { border-width: 1px !important; border: 1px solid #000 !important; }

    .uv-joinform-nav #ctl00_Body_UVJoinForm { display: flex; flex-wrap: wrap; }

        .uv-joinform-nav #ctl00_Body_UVJoinForm footer { width: 100%; }

    .uvjoinform #ctl00_Body___471__divPersonalDetailsMain__1,
    .uvjoinform #ctl00_Body___472__divEmploymentDetailsMain__1,
    .uvjoinform #ctl00_Body___470__divPaymentDetailsMain__1,
    .uv-joinform-nav-content { display: flex; flex-direction: column; }
}

.uv-joinform-footerthree { display: none; }

.uv-joinform-stepheader { background: none; margin: 10px 0; }

    .uv-joinform-stepheader label { color: inherit; padding: 0; text-transform: none; padding-left: 20px; }

.ui-helper-hidden-accessible { position: absolute; width: 1px; height: 1px; overflow: hidden; bottom: 0; }

.uv-joinform-header-h2 label { color: #fff !important; font-size: 32px !important; margin: 20px 0 15px 0 !important; font-weight: 500 !important; line-height: 1.2 !important; }

.uv-joinform-header-p label { color: #fff !important; text-align: center !important; font-size: 15px !important; }

.uv-joinform-nav { background: url("../images/uwubg.png") center/cover no-repeat; display: flex; flex-direction: row; flex: 1; min-height: 100vh; }

.uv-joinform-left { background-size: cover !important; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 60px 90px 35px 90px; text-align: center; background: transparent; background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)); flex: 1; }

.uv-joinform-content { display: flex; flex-direction: column; justify-content: center; padding: 10px 90px 10px 90px; background-color: #fff; flex: 1; }

.uv-joinform-div-center-logo { max-width: 30%; width: 100%; height: auto; }

.uv-disclaimer { display: flex; justify-content: end; }

@media (max-width: 991px) {
    body.join .errorContainer,
    body.uvjoinformv2step2 .errorContainer,
    body.uvjoinformv2step3 .errorContainer,
    body.uvjoinformv2preview .errorContainer { z-index: 500 !important; position: fixed !important; width: 100% !important; padding: 10px !important; left: 0 !important; }

    .uv-joinform-nav { background: url("../images/uwubg.png") center/cover no-repeat; display: flex; flex-direction: column; flex: 1; height: 100vh; }

    .uv-joinform-left { background-size: cover !important; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 60px 90px 35px 90px; text-align: center; background: transparent; background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.5)); flex: 1; height: 100%; }

    .uv-joinform-content { display: flex; flex-direction: column; justify-content: center; padding: 10px 20px 10px 20px; background-color: #fff; flex: 1; }

    div.uv-joinform-bankinfo { overflow: auto; padding: 10px 30px 10px 30px; margin: 0; border: 1px solid black; }

    .uv-disclaimerpopup { position: fixed !important; top: 0px; left: 0px; }

    div[id*=PaymentStartDate] { padding: 10px 0 0 0; margin: 0; }

    .uv-joinform-div-center-logo { height: auto; max-width: 100%; }

    .uv-joinform-content { height: auto; width: 100%; }

    .uv-joinform-left { height: auto; width: 100%; }

    .errorContainer { z-index: 500 !important; position: fixed !important; width: 100% !important; padding: 10px !important; left: 0 !important; }
}

.uwu-mydues-textbox { color: black !important; align-self: center; opacity: 1 !important; -webkit-appearance: none; }

.uwu-mydues-label { word-wrap: break-word; white-space: normal; border-right: solid; border: 1px solid #cccccc; }

.uwu-mydues-container { display: flex; align-items: flex-start; }

.uwu-mydues-onchange input[type="date"] { min-height: 52px; -webkit-appearance: none; }


@media (max-width: 991px) {
}

.datafield { word-wrap: break-word; }

.uwu-right-border { border-right-width: 1px; border-right-style: solid !important; border-right-color: #cccccc; }

.uwu-left-border input { border-left-width: 1px !important; border-left-style: solid !important; border-left-color: #cccccc !important; }

    .uwu-left-border input:focus { border-left: 1px solid black !important; }

.uwu-expiry-date { display: flex; }

.uwu-right-border {
    border-right-width: 1px;
    border-right-style: solid !important;
    border-right-color: #cccccc;
}

.uwu-left-border input {
    border-left-width: 1px !important;
    border-left-style: solid !important;
    border-left-color: #cccccc !important;
}

.uwu-left-border input:focus {
    border-left: 1px solid black !important;
}

.uwu-expiry-date {
    display:flex;
}

/* UWU-23-0122 - Adjustments for non-phone size screens */
@media all and (min-width: 640px) {
    /* Profile Page - Your Info section will be a horizontal layout - Fields should be in a four column layout */
    body.profile [data-controlname="divLeft"] .datafield { float: left; display: inline-block; width: 25%; margin-bottom: 5px; }

    /* Profile Page - Your Info section - Move the edit button to the top */
    body.profile [data-controlname="divLeft"] [data-buttonname="btnUpdateYourInfo"] { position: absolute; top: 30px; right: 10px; width: 100px; }

    /* UWU-23-0122 - Edit Your Info - Save button needs margin */
    body.uwuedityourinfo input[data-buttonname="btnSave"] { margin-right: 10px; }
}

/* UWU-23-0122 - Adjustments for phone size screens */
@media all and (max-width: 640px) {
    a[data-buttonname="btnUpdateYourInfo"] { width: 100%; }

    /* UWU-23-0122 - Edit Your Info - Make the labels and fields 100% width so the text isn't cut off. */
    body.uwuedityourinfo div.alwayslabel { width: 100%; padding-left: 5px; padding-bottom: 0; min-height: 20px; }

    body.uwuedityourinfo [data-name] { width: 100%; }

    /* UWU-23-0122 - Edit Your Info - Button margins to swap the position of save/cancel so that save comes first. */
    body.uwuedityourinfo input[data-buttonname="btnSave"] { margin-top: -78px; }
    body.uwuedityourinfo input[data-buttonname="btnCancel"] { margin-top: 48px; }
}


/*UWU-23-0109*/
.uwujobaddeditsave { margin: 10px !important; }

a.uwujobaddeditcancel { margin: 10px !important; }

input.uwuaddjob { margin: 10px !important; }

.uv-inline-flex {display: inline-flex;}


/*UWU-23-0140*/
.alwayslabelmultiline {
    border-right: 1px solid #cccccc;
    border-bottom: 0;
}