div#block-bartik-lightboxmlist {
    display: none;
}

body {
    background: #F8F7F0;
    font-family: Superclarendon, black;
    margin: 0;
}


/* body:not(.path-frontpage) div#block-bartik-lightboxcommunitymlist {
        display: none;
    } */

form#mlistFormTwo>div input,
form#mlistFormTwo>div select {
    padding-right: 10vw;
}

.mlistWrap {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    width: 100%;
}

.logo-mlist {
    text-align: center;
    width: 100%;
}

.logo-mlist img {
    width: 10vw;
}

.logo-mlist:hover {
    opacity: 0.7;
}

.email.fieldWrap input,
.mobile.fieldWrap input#phone-number {
    /* width: 100%; */
    /* display: block; */
    height: 3.24vw;
    font-family: Superclarendon, black;
    color: #000000;
    /* line-height: 2.24vw; */
    /* background: transparent; */
    /* border-bottom: none; */
    font-size: 1.09375vw;
    -webkit-text-fill-color: #707070;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
}

.plain-ml-wrapper input {
    width: 30.46875vw;
    color: #000000 !important;
    background: #F8F7F0;
    border: none;
    border-bottom: 1px solid #000000;
}

div#block-bartik-lightboxcommunitymlist {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background: #F8F7F0;
    z-index: 999;
}

.mlistWrap {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    /* padding: 2.969vw 1.875vw; */
    background: #F8F7F0;
}

.mlistTitle {
    font-size: 5.208vw;
    color: #f8daa0;
    letter-spacing: 0;
    font-family: Superclarendon, black;
    line-height: 1;
}

body .consent-placeholder,
.globaloptin.mobile-marketing {
    width: 35vw;
    margin: 1.5vw auto 0;
    padding: 0;
}

.globaloptin.mobile-marketing {
    position: relative;
}

form#mlistFormOne {
    /* margin-top: 2.2395833333333335vw; */
}

.fadeOut {
    display: none;
}

.fadeIn {
    display: block;
}

li.mlist div#firstMlistForm {
    position: relative;
}

form#mlistFormOne>div {
    display: block;
    font-size: 0;
    text-align: center;
}

.email.fieldWrap,
.mobile.fieldWrap {
    width: 36.823vw;
    margin: 0 auto;
    position: relative;
}

.mobile.fieldWrap {
    margin-top: 1vw;
}

div.submit {
    width: 36.823vw;
    margin: 1.927vw auto 0;
    font-family: Superclarendon, black;
    font-weight: 700;
    text-align: center;
}


/* .email.fieldWrap input {
        width: 100%;
        display: block;
        height: 3.24vw;
        line-height: 2.24vw;
        background: transparent;
        border-bottom: 0.23vw solid var(--primary-color);
        font-size: 1.563vw;
        -webkit-text-fill-color: var(--primary-color);
        text-transform: uppercase;
        text-align: center;
    } */

.fieldWrap input.errored {
    border-bottom: 0.063vw solid red;
}

.submit {
    width: 3.854vw;
}

input,
select {
    border: 0;
    border-radius: 0;
    outline: 0;
    padding: 0;
    font: inherit;
    margin: 0;
}

.submit input {
    width: 15.625vw;
    height: 2.969vw;
    line-height: 2.969vw;
    font-size: 1vw;
    letter-spacing: 0.041vw;
    background: var(--primary-color);
    color: #F7CF18 !important;
    font-family: Superclarendon, black;
    font-size: 1.25vw;
    padding: 1.09375vw 1.7708333333333333vw;
    background: #000000;
    cursor: pointer;
    padding-left: 0.5vw;
    padding: 0;
    font-size: 1.302vw;
    letter-spacing: 0.1302vw;
    -webkit-appearance: none;
}

div#firstMlistForm {
    width: 36.823vw;
    margin: 0 auto;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus {
    background: var(--primary-color);
    -webkit-box-shadow: 0 0 0px 1000px var(--primary-color) inset;
    transition: all 0.5s ease;
    transition-delay: 5000s;
}

.submit input:hover {
    opacity: 0.7;
}

span.input-error {
    font-size: 0.75vw;
    color: red;
    position: absolute;
    font-family: Superclarendon, black;
    top: -0vw;
    width: 100%;
    left: -0.25vw;
    text-align: left;
}

.email.fieldWrap span.input-error {
    left: 3vw;
}

li.mlist #mlform div#terms {
    position: absolute;
    width: 100%;
}

div#terms {
    margin-top: 0.79vw;
    padding-right: 0.99vw;
    text-align: right;
}

.navWrap ul li a.terms {
    font-size: 0.521vw;
    text-decoration: underline;
    text-transform: uppercase;
}

.navWrap ul li a.terms:hover,
p.terms-message.fadeIn a:hover {
    text-decoration: none;
}

p.terms-message.fadeIn,
p.terms-message-2.fadeIn {
    font-size: 0.65vw;
    text-align: center;
    margin-top: 0.5vw;
    position: absolute;
    text-transform: uppercase;
    line-height: 1.4;
}

li.mlist p.terms-message-2.fadeIn {
    position: static;
}

p.terms-message.fadeIn a,
p.terms-message-2.fadeIn a {
    text-decoration: underline;
}

li.mlist div#secondform {
    position: absolute;
    top: 0;
    right: 0;
    padding: 1vw;
    width: 15.625vw;
    background: #000;
}

form#mlistFormTwo>div {
    width: 100%;
    margin-top: 1vw;
    margin-bottom: 0.75vw;
}

form#mlistFormTwo>div input,
form#mlistFormTwo>div select {
    color: #000000 !important;
    width: 100%;
    height: 2.406vw;
    line-height: calc(2.406vw - 0.104vw);
    font-size: 1vw;
    background: transparent;
    color: var(--primary-color);
    border: 1px solid #000000;
    padding-left: 0.25vw;
}

form#mlistFormTwo>div select {
    appearance: none;
    -webkit-appearance: none;
    background: url(../images/arrow_0.svg) no-repeat center right !important;
    background-repeat: no-repeat !important;
    cursor: pointer !important;
    background-position: 99% center !important;
    background-size: 0.8vw !important;
}

div#thankyou {
    text-align: center;
    font-size: 2vw;
    color: var(--primary-color);
    font-weight: 700;
    text-transform: uppercase;
    padding: 4vw 0 5vw;
}

input#phone-number {
    padding-right: 4vw;
}

form#mlistFormTwo>div label {
    font-size: 1vw;
    color: #000;
    display: block;
    margin: 0.5vw 0 0.5vw;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
}

option {
    background: #000;
}

.birthday.fieldWrap>div {
    width: 48.5%;
    display: inline-block;
    vertical-align: middle;
}

.dobMonth.fieldWrap {
    margin-right: 2%;
}

form#mlistFormTwo>div#terms {
    padding: 0;
    text-align: center;
}

span#secondFormClose {
    font-size: 2vw;
    position: absolute;
    right: 2vw;
    top: 2vw;
    line-height: 0;
    cursor: pointer;
    color: var(--primary-color);
}

span#secondFormClose:hover {
    opacity: 0.7;
}

.welcome {
    font-size: 1vw;
    margin: 1vw 0;
    text-transform: uppercase;
    color: var(--primary-color);
    font-weight: 700;
    text-align: center;
}

.consent-placeholder {
    position: relative;
    width: 35vw;
    padding-top: 1.75vw;
    display: block;
}

.consent-placeholder span.input-error {
    top: 2.8vw;
}

div#secondform .consent-placeholder {
    width: 100%;
}

.plain-ml-wrapper input[type="checkbox"]:not(:checked),
.plain-ml-wrapper input[type="checkbox"]:checked {
    position: absolute;
    left: 0px;
    width: 1.146vw;
    height: 1.146vw;
    z-index: 10;
    top: 0px;
    opacity: 0;
    cursor: pointer;
    margin: 0;
    -webkit-appearance: none;
    padding: 0;
}

.plain-ml-wrapper input[type="checkbox"]:not(:checked)+label:before,
.plain-ml-wrapper input[type="checkbox"]:checked+label:before {
    content: "";
    border: 0.104vw solid #000000 !important;
    background: #F8F7F0 !important;
    position: absolute;
    left: 0px;
    top: auto;
    width: 1.146vw;
    height: 1.146vw;
    border: 0.052vw solid var(--primary-color);
    background: var(--primary-color);
    box-sizing: border-box;
}

.plain-ml-wrapper input[type="checkbox"].errored:not(:checked)+label:before,
.plain-ml-wrapper input[type="checkbox"].errored:checked+label:before {
    border-color: red !important;
}

.plain-ml-wrapper .mlform input[type="checkbox"]+label {
    display: inline-block;
    box-sizing: border-box;
    font-family: Inter, sans-serif;
    line-height: 1;
    color: #000000 !important;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 0.625vw;
    letter-spacing: 0.02vw;
    padding-left: 2vw;
    vertical-align: top;
    font-weight: 400;
    color: var(--primary-color);
    line-height: 1.3;
}

.plain-ml-wrapper input[type="checkbox"]:checked+label:after {
    content: "\2713";
    position: absolute;
    top: 0.2vw;
    line-height: 1;
    left: 0.3vw;
    font-size: 1vw;
    color: #707070;
    font-weight: 700;
    text-align: center;
}

.plain-ml-wrapper input[type="checkbox"]:checked+label:after {
    color: #707070;
    font-size: 0.8vw;
}

span.input-error {
    color: red;
    position: absolute;
    top: -0.5vw;
    left: 0vw;
    bottom: auto;
}

.globaloptin.mobile-marketing label a {
    text-decoration: underline;
    color: #000;
}

.secondform .consent-placeholder {
    margin: 0 auto 2vh;
}

.consent-placeholder span.input-error {
    left: 0;
}

form#mlistFormTwo>div input#submit {
    height: 3.125vw;
    line-height: 3.125vw;
    color: #F7CF18 !important;
    font-size: 1.25vw;
    background: #000000;
    text-transform: uppercase;
    padding: 0;
}

select option {
    background: #F8F7F0;
}

span.consent-placeholder a {
    color: var(--primary-color);
    text-decoration: underline;
}

span.consent-placeholder a:hover {
    text-decoration: none;
    border: none;
}

.mlistCloseNew {
    display: block;
    cursor: pointer;
    width: 1.094vw;
    position: absolute;
    right: 1.146vw;
    top: 1.458vw;
}

.mlistCloseNew:hover {
    opacity: 0.7;
}

.secondFormClose {
    display: none;
}

@media only screen and (max-width:1023px),
only screen and (max-width:1024px) and (orientation:portrait) {
    div#block-bartik-lightboxcommunitymlist {
        display: block;
    }

    .secondFormClose {
        display: block;
    }

    .birthday.fieldWrap>div {
        width: 48%;
    }

    .plain-ml-wrapper .mlform input[type="checkbox"]+label {
        font-size: 2.024vw;
        padding-left: 7.94vw;
    }

    form#mlistFormTwo>div select {
        background-size: 3.8vw;
    }

    form#mlistFormTwo>div select {
        background-size: 1.5vw !important;
        color: #000;
    }

    div#firstMlistForm {
        width: 90%;
    }

    .plain-ml-wrapper input[type="checkbox"]:not(:checked),
    .plain-ml-wrapper input[type="checkbox"]:checked,
    .plain-ml-wrapper input[type="checkbox"]:not(:checked)+label:before,
    .plain-ml-wrapper input[type="checkbox"]:checked+label:before {
        width: 5.8vw;
        border: 1px solid #000000;
        background: #F8F7F0;
        height: 5.8vw;
    }

    .mlistWrap {
        width: 94.667vw;
        max-height: 90vh;
        overflow: scroll;
        scrollbar-width: none;
        -ms-overflow-style: none;
        margin: 0 auto 0;
        height: auto;
    }

    .mlistmobile .mlistwrap {
        margin-top: 60vw !important;
    }

    .mlistWrap::-webkit-scrollbar {
        display: none;
    }

    /* .mlistWrap {
            position: unset;
            top: unset;
            left: unset;
            transform: none;
        } */
    .mlistmobile .singleform {
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #F8F7F0;
        top: 0;
        left: 0;
        z-index: 10000;
    }

    .email.fieldWrap,
    .mobile.fieldWrap {
        width: 86.667vw;
        margin-bottom: 6vw;
    }

    .mlistTitle {
        font-size: 13.333vw;
        line-height: 1;
        /* margin-top: 13.8vw; */
        font-family: Superclarendon, black;
    }

    .logo-mlist img {
        width: 25vw;
    }

    .mlistCloseNew {
        width: 5.867vw;
        right: 5.146vw;
        top: 5.867vw;
    }

    .email.fieldWrap input,
    .mobile.fieldWrap input#phone-number {
        width: 100%;
        display: block;
        height: 11.2vw;
        line-height: 11.2vw;
        background: transparent;
        /* border-bottom: 0.267vw solid var(--primary-color); */
        /* font-size: 5.333vw; */
        font-size: 4vw;
    }

    .plain-ml-wrapper input[type="checkbox"]:not(:checked),
    .plain-ml-wrapper input[type="checkbox"]:checked,
    .plain-ml-wrapper input[type="checkbox"]:not(:checked)+label:before,
    .plain-ml-wrapper input[type="checkbox"]:checked+label:before {
        width: 4.8vw;
        border: 1px solid #000000;
        background: #F8F7F0;
        height: 4.8vw;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        border: 0.267vw solid #707070;
    }

    .plain-ml-wrapper .mlform input[type="checkbox"]+label {
        font-size: 2.133vw;
        padding-left: 7.94vw;
        line-height: 1.5;
        font-family: Inter, sans-serif;
    }

    div#secondform .consent-placeholder {
        width: 100%;
        margin-bottom: 4vw;
    }

    form#mlistFormTwo>div select {
        background-position: 95% center !important;
        background-size: 2.8vw !important;
    }

    span.input-error {
        color: red;
        position: absolute;
        top: -2vw;
        left: 0;
        bottom: auto;
        font-size: 4vw;
    }

    .consent-placeholder span.input-error {
        top: -4.25vw;
    }

    body .consent-placeholder,
    .globaloptin.mobile-marketing {
        width: 90vw;
        margin: 0 auto;
    }

    .globaloptin.mobile-marketing {
        margin-top: 4vw;
    }

    .iti {
        width: 100%;
    }

    .plain-ml-wrapper input[type="checkbox"]:checked+label:after {
        top: 0.5vw;
        left: 1vw;
        font-size: 4vw;
    }

    div.submit {
        width: 95%;
        margin: 4vw auto 0;
        margin-bottom: 13vw;
    }

    input#phone-number {
        padding-right: 15vw;
    }

    .submit input {
        width: 58.13333333333333vw;
        height: 14.133333333333333vw;
        line-height: 4.8vw;
        font-size: 4.8vw !important;
        letter-spacing: 0.6667vw;
        border: 0.267vw solid;
        padding: 0;
        color: #F7CF18;
        font-family: Superclarendon, black;
        padding: 1.09375vw 1.7708333333333333vw;
        background: #000000;
        border: 1px solid #000000
    }

    input:-webkit-autofill {
        -webkit-text-fill-color: #000 !important;
    }

    .welcome {
        font-size: 3vw;
        line-height: 4vw;
        margin-bottom: 0vw;
        margin-top: 2vw;
    }

    div#secondform {
        position: relative;
    }

    form#mlistFormTwo {
        width: 80%;
        margin: 0 auto;
    }

    span#secondFormClose {
        font-size: 6vw;
        right: 4vw;
        top: 4vw;
    }

    form#mlistFormTwo>div {
        width: 100%;
        margin-bottom: 4vw;
    }

    form#mlistFormTwo>div label {
        font-size: 4vw;
        margin-bottom: 2vw;
    }

    form#mlistFormTwo>div input,
    form#mlistFormTwo>div select {
        width: 100%;
        height: 10vw;
        line-height: calc(10vw - 0.4vw);
        font-size: 4vw;
        border: 0.2vw solid #000000;
        font-family: Inter, sans-serif;
        padding-left: 4vw;
    }

    div#thankyou {
        font-size: 8vw;
    }

    form#mlistFormTwo>div input#submit {
        height: 12.533vw;
        line-height: 12.533vw;
        padding: 0;
    }

    .view-content {
        position: relative;
        z-index: 0;
    }

    form#mlistFormTwo>div {
        margin-top: 2vw;
    }
}

@media only screen and (max-width: 1023px) and (orientation: landscape) {
    div#block-bartik-lightboxcommunitymlist {
        display: block;
    }

    form#mlistFormTwo>div select {
        background-size: 1.4vw !important;
    }

    .mlistWrap {
        height: 90vh;
        margin: 0 auto;
    }

    .secondFormClose {
        display: none;
    }

    /* 
        .email.fieldWrap input {
            font-size: 16px !important;
        } */
}