@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+39&display=swap');

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

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

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

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

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

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

:root {
    /* autoprefixer: off */
    --white: white;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --yellow: #FEC223;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --grey: #282828;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --lt-grey: #EAEAEA;
    /* autoprefixer: on */
    /* autoprefixer: off */
    --black: #0A0808;
    /* 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: 16px;
    line-height: 1.5;
}

@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 {
    background: var(--black);
    font-size: 16px !important;
    font-family: "Inter", sans-serif;
    color: var(--black);
    font-weight: 400;
}

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

body > form {
    background: #EFEFEF;
}

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

    a:hover {
        color: var(--black);
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Inter", sans-serif;
    color: var(--black) !important;
    font-weight: 700;
}

strong {
    font-weight: 700;
}

.button,
.button.button-edit {
    background: var(--black) !important;
    border: 0 !important;
    font-family: "Inter", sans-serif !important;
    text-transform: uppercase;
    color: var(--yellow) !important;
    border-radius: 555px !important;
    text-align: center !important;
    padding: 9px 14.4px !important;
    font-size: 16px !important;
}

    .button.buttonloading,
    .button.button-edit.buttonloading {
        background: url(../../../images/progress.svg) center center no-repeat !important;
    }

    .button:hover,
    .button.button-edit:hover {
        background: var(--black) !important;
    }

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

p {
    margin-bottom: 1em;
}

header.header_wrapper {
    background: var(--black);
    height: auto !important;
    border-top: 19px solid var(--yellow);
}

    header.header_wrapper .logoimage {
        background: url("https://meu.org.au/wp-content/uploads/2022/10/MEU_Logo.png") center center no-repeat !important;
        background-size: contain !important;
        width: 200px;
        display: inline-block;
        text-align: center;
        height: 98px;
        margin-top: 15px;
    }

    header.header_wrapper .userinfo {
        color: white !important;
    }

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

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

.postcontent img {
    display: block;
}

.row {
    width: 1152px;
}

#content_nav {
    font-family: "Inter", sans-serif;
}

    #content_nav nav {
        background: var(--black);
        padding-bottom: 1em;
    }

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

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

#content_nav nav > ul {
    width: 1152px;
    max-width: 100%;
}

    #content_nav nav > ul li {
        font-size: 16px;
    }

    #content_nav nav > ul ul {
        background: var(--black);
    }

@media all and (max-width: 767px) {
    #content_nav nav > ul ul {
        border-left: 1px solid var(--lt-grey);
        margin-left: 25px;
        padding-left: 0;
    }

        #content_nav nav > ul ul > li {
            padding-left: 0;
        }

    .mquicklinks {
        display: flex;
        flex-direction: column;
    }

    .mquickcontacts {
        order: -1
    }

    #ctl00_Body___100__divArticles__1 .shadedpanel {
        padding: 0 !important;
    }

    #ctl00_Body___100__divArticles__1 .panel {
        padding: 0 !important;
        margin: 0 !important;
    }

    #ctl00_Body___100__divArticles__1 .postcontent {
        margin-bottom: 12px;
    }

    .head-icon-quicklinks {
        margin: 0;
    }

    #ctl00_Body___100__divMiddle__1,
    #ctl00_Body___100__divLeft__1,
    #ctl00_Body___100__divRight__1 {
        padding: 0 15px;
    }
}

@media all and (min-width: 768px) {
    #content_nav nav > ul ul {
        border-bottom: 3px solid var(--yellow);
    }
}

@media all and (max-width: 767px) {
    #content_nav nav .haschildren {
        overflow: unset !important;
    }
}

#content_nav nav li.haschildren {
    position: relative;
}

    #content_nav nav li.haschildren::before {
        width: 5px;
        height: 5px;
        border-bottom-width: 0.2em;
        border-bottom-style: solid;
        border-left-width: 0.2em;
        border-left-style: solid;
        transform: rotate(225deg);
        position: absolute;
        top: 16px;
        right: 2em;
        content: "";
        color: white;
        transition: 0.3s ease;
    }

@media all and (max-width: 767px) {
    #content_nav nav li.haschildren::before {
        top: 14px;
        right: 3em;
    }
}

#content_nav nav li.haschildren:hover::before {
    transform: rotate(315deg);
    color: var(--yellow);
}

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

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

    #content_nav nav li a {
        color: var(--white);
        padding: 0 1.35em;
        text-transform: uppercase;
        font-weight: 800;
        text-decoration: none !important;
    }

@media all and (max-width: 767px) {
    #content_nav nav li a {
        font-size: 18px;
    }
}

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

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

.mobile_menu {
    padding-left: 30px !important;
}

body.default .shadedpanel img {
    display: block;
    width: 100%;
    height: auto;
}

body.default .quickcontact,
body.default .quickcontact div,
body.default .quicklink {
    margin-left: 0;
}

.datafield > * {
    padding-left: 0 !important;
}

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

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

        #content_wrapper .shadedpanel a:not(.button) {
            text-decoration: underline;
        }

    #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: 12px;
    }

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

input {
    border-radius: 0 !important;
    background: var(--lt-grey);
    border: 0 !important;
    font-size: 15px;
}

    input[type=text], input[type=password], input[type=textarea] {
        min-height: 33px;
        width: 100% !important;
        border-radius: 555px !important;
        padding-left: 1em;
        padding-right: 1em;
    }

    input[type=textarea] {
        border-radius: 0.5em;
    }

select {
    border-radius: 555px;
    width: 100% !important;
}

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

.alwayslabel {
    background: var(--white);
    padding-left: 5px;
    border-radius: 0;
    color: var(--black);
    width: 100%;
    font-size: 16px;
}

.alwaysshowlabel {
    overflow: unset !important;
}

label {
    margin-bottom: 18px;
}

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

    footer #footer {
        border: 0;
    }

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

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

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

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

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

.login #ctl00___1__divTranslate__1 {
    margin-top: 1em;
}

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

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

.login #content_wrapper {
    background: white !important;
    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: 90px;
        }

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

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


/* MEU Membership Card CSS */

.MEUMC {
    width: 360pt;
    height: 234pt;
    border: 1px solid #000;
    border-radius: 30px;
    background: url(../images/MEU-Membership-Card.png) #fff no-repeat 0 0;
    background-size: cover;
    position: relative;
}

    .MEUMC .MEUMCBlack span {
        color: white;
        font-size: 9pt !important;
        line-height: 1.2em;
        display: inline-block;
    }

    .MEUMC .MEUMCBlack a {
        color: white;
    }

    .MEUMC .MEUMCWhite span {
        color: black;
        font-size: 9pt !important;
        line-height: 1.2em;
        display: inline-block;
    }

.MEUMCImage {
    width: 230px;
    position: absolute;
    top: 55px;
    left: 20px;
}

.MEUMCPhone,
.MEUMCEmail,
.MEUMCWebsite,
.MEUMCAddress {
    position: absolute;
    left: 310px;
}

.MEUMCPhone {
    top: 47px;
}

.MEUMCEmail {
    top: 87px;
}

.MEUMCWebsite {
    top: 124px;
}

.MEUMCAddress {
    top: 169px;
}

.MEUMC .MEUMCWhite .MEUMCMemName span {
    position: absolute;
    top: 255px;
    left: 42px;
    font-size: 14pt !important;
}

.MEUMC .MEUMCWhite .MEUMCMemNum span {
    position: absolute;
    top: 278px;
    left: 42px;
    font-size: 11pt !important;
}

.MEUMC .MEUMCWhite .MEUMCBarcode span {
    position: absolute;
    top: 255px;
    left: 270px;
    font-size: 40pt !important;
    font-family: "Libre Barcode 39", serif;
    font-weight: 400;
    font-style: normal;
}


/* MEU Membership Card Mobile CSS */
@media only screen and (min-width:360px) and (max-width: 480px) {

    #ctl00_Body___1366__divWrapper__1 {
        height: 243pt;
    }

    .MEUMC {
        width: 98%;
        height: 80%;
        border: 1px solid #000;
        border-radius: 30px;
        background: url(../images/MEU-Membership-Card.png) #fff no-repeat 0 0;
        background-size: cover;
        background-position: right 30% bottom 45%;
        position: relative;
    }

        .MEUMC .MEUMCBlack span {
            color: white;
            font-size: 9pt !important;
            line-height: 1.2em;
            display: inline-block;
        }

        .MEUMC .MEUMCWhite span {
            color: black;
            font-size: 9pt !important;
            line-height: 1.2em;
            display: inline-block;
        }

    .MEUMCImage {
        width: 45%;
        position: absolute;
        top: 20%;
        left: 10px;
    }

    .MEUMCPhone,
    .MEUMCEmail,
    .MEUMCWebsite,
    .MEUMCAddress {
        position: absolute;
        left: 62%;
    }

    .MEUMCPhone {
        top: 14%;
    }

    .MEUMCEmail {
        top: 26%;
    }

    .MEUMCWebsite {
        top: 38%;
    }

    .MEUMCAddress {
        top: 54%;
    }

    .MEUMC .MEUMCWhite .MEUMCMemName span {
        position: absolute;
        top: 80%;
        left: 5%;
        font-size: 14pt !important;
    }

    .MEUMC .MEUMCWhite .MEUMCMemNum span {
        position: absolute;
        top: 88%;
        left: 5%;
        font-size: 11pt !important;
    }

    .MEUMC .MEUMCWhite .MEUMCBarcode span {
        position: absolute;
        top: 80%;
        left: 55%;
        font-size: 40pt !important;
        font-family: "Libre Barcode 39", serif;
        font-weight: 400;
        font-style: normal;
    }
}



.aboutme {
    text-decoration: underline;
}

.MEUMCQuickContact label {
    font-weight: bold;
    display: block;
    margin: 5px 0 0 0;
}