@font-face {
    font-family: 'icomooncarry';
    src:  url('../fonts/icomooncarry.eot?zeh1i2');
    src:  url('../fonts/icomooncarry.eot?zeh1i2#iefix') format('embedded-opentype'),
      url('../fonts/icomooncarry.ttf?zeh1i2') format('truetype'),
      url('../fonts/icomooncarry.woff?zeh1i2') format('woff'),
      url('../fonts/icomooncarry.svg?zeh1i2#icomooncarry') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
  
  [class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomooncarry' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  
  .icon-x:before {
    content: "\e900";
  }
  .icon-twitter:before {
    content: "\e900";
  }
  .icon-tiktok:before {
    content: "\e901";
  }
  .icon-facebook:before {
    content: "\ea90";
  }
  .icon-instagram:before {
    content: "\ea92";
  }
  .icon-spotify:before {
    content: "\ea94";
  }
  .icon-youtube1:before {
    content: "\ea9d";
  }
  .icon-appleinc:before {
    content: "\eabe";
  }
  .icon-soundcloud:before {
    content: "\eac3";
  }
  
  
.headerWrapper {
    background: url(../assets/EtherealFlowersPattern.png);
    background-size: contain;
    font-size: 0;
}

body {
    margin: 0;
    background-color: #F9F6EE;
}

.logo {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 2vw 0 0 0;
}

.logo img {
    max-width: 9vw;
    margin: 0 auto;
    width: 100%;
}

.save {
    font-size:  1.875vw;
    color: #050505;
    letter-spacing: 0.525vw;
    font-family: "nimbus-sans-extended";
    font-weight: 400;
}

.carry {
    font-size: 3.48125vw;
    color: #050505;
    font-family: moret, serif;
    font-weight: 600;
    letter-spacing: 0;
}

.dateWrapper {
    width: 100%;
    margin: 0 auto;
    max-width: 80vw;
    text-align: center;
}

.date {
    font-size: 1.875vw;
    color: #050505;
    font-family: "nimbus-sans-extended";
    font-weight: 500;
}

.prizeContent {
    width: 100%;
    max-width: 60vw;
    margin: 0 auto;
}

.RSVP a {
    display: inline-block;
    font-size: 1.09375vw;
    color: #F5F4F4;
    text-decoration: none;
    background-color: #000000;
    width: 100%;
    letter-spacing: 0;
    height: 3.3vw;
    line-height: 3.3vw;
    font-family: nimbus-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
    max-width: 10vw;
    margin: 0 auto;
    text-align: center;
}

.RSVP {
    max-width: 10vw;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.buttonWrapper {
    margin: 1.6vw auto;
}

.RSVP a:hover {
    background: #000000B3;
}
.logo img:hover {
    opacity: .7;
}
.desktopFooterWrapper a:hover, .socials-section ul li a:hover ,a.terms.hoverbutton:hover {
    color: #000000B3;
}
.contentWrapper {
    width: 100%;
    max-width: 60vw;
    margin: 0 auto;
    padding: 4vw 0 2vw 0;
    background: url(../assets/rect.png);
}


.socials-section ul li a {
    color: #000000;
    text-decoration: none;
    font-size: 1.5vw;
}

li {
    display: inline-block;
    border: none;
    margin: 0 1vw 0 0;
}

.tohome {
    max-width: 46vw;
    margin: 0 auto;
    text-align: center;
    width: 100%;
}

.tohome a {
    display: inline-block;
    font-size: 1.09375vw;
    color: #000000;
    text-decoration: none;
    background-color: #fff;
    width: 100%;
    letter-spacing: 0;
    height: 3.3vw;
    line-height: 3.3vw;
    font-family: nimbus-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin: 0 auto;
    max-width: 10vw;
    text-align: center;
    border: .2vw solid #000;
}


.tohome a:hover {
    background: #0000004D;

}



.desktopFooterWrapper span, .desktopFooterWrapper a {
    font-size: 0.7vw;
    color: #000;
    text-transform: initial;
    text-decoration: none;
    font-family: nimbus-sans, sans-serif;
    font-weight: 700;
    font-style: normal;
}

.desktopFooterWrapper span {
    display: inline-block;
    margin: 0.1vw;
}

span.cpy-sep {
    position: relative;
    display: inline-block;
}



.socials-section ,.tohome,.desktopFooterWrapper {
    display: inline-block;
    vertical-align: middle;
}

.desktopFooterWrapper {
    font-size: 0;
    text-align: right;
    width: 25vw;
}

.footerWrapper {
    width: 100%;
    max-width: 98vw;
    margin: 0 auto;
    padding: 2vw 0;
}

.socials-section {
    width: 26vw;
}

span.tou-sep {
    display: none;
}
a.ot-sdk-show-settings {
    text-transform: lowercase;
}

a.terms.hoverbutton {
    font-size: .6vw;
    color: #050505;
    font-family: "nimbus-sans-extended";
    font-weight: 500;
}

div#terms {
    text-align: center;
    padding: 0.2vw 0;
    position: relative;
}
p.terms-message.showing {
    display: block;
    position: absolute;
    font-size: 0.7vw;
    color: #050505;
    font-family: "nimbus-sans-extended";
    font-weight: 500;
    width: 100%;
    max-width: 25vw;
    margin: 0 auto;
    text-align: center;
    border: 0.1vw  solid #000;
    background: #fff;
    padding: 0.3vw;
    top: 4vw;
    left: 50%;
    transform: translate(-50% , -50%);
}

p.terms-message.showing a {
    font-size: 0.7vw;
    color: #050505;
    font-family: "nimbus-sans-extended";
    font-weight: 500;
}

p.terms-message.showing a:hover {
    opacity: .7;
}
img.prize {
    width: 100%;
}
.popupWrapper {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #000000;
    font-size: 20px;
    background: #ffffff;
    z-index: 1;
    width: 90%;
    max-width: 600px;
    box-sizing: border-box;
    padding: 10px;
    color: #000000;
}
.popupInner {
    padding: 50px 25px;
    position: relative;
}
.popupWrapper .ot-sdk-show-settings {
    text-decoration: underline;
    display: inline-block;
    font-size: 16px;
    text-transform: none;
}
a.popupClose {
    font-size: 16px;
    color: #DDC47F;
}
@media only screen and (max-width:1023px),
only screen and (max-width:1024px) and (orientation:portrait) {

    .headerWrapper {
        background-size: 100% auto;
    }

    img.prize {
        width: 100%;
    }

    .logo img {
        max-width: 31vw;
    }

    .logo {
        padding: 5vw 0 0 0;
    }

    .contentWrapper {
        max-width: 96vw;
        background: none;
        padding: 14vw 0 10vw 0;
    }

    .save {
        font-size: 6.4vw;
        letter-spacing: 1.6533333333333333vw;
    }

    .carry {
        font-size: 11.666667vw;
    }

    .date {
        font-size: 6.4vw;
    }

    .dateWrapper {
        max-width: 90vw;
    }

    .RSVP {
        max-width: 42.5vw;
    }

    .RSVP a {
        max-width: 42.5vw;
        font-size: 3.7333333333333334vw;
        height: 13vw;
        line-height: 13vw;
    }

    .buttonWrapper {
        margin: 7vw auto;
    }

    div#terms {
        padding: 2vw 0;
    }

    a.terms.hoverbutton {
        font-size: 3vw;
    }

    p.terms-message.showing {
        font-size: 3.5vw;
        max-width: 90vw;
        border: 0.4vw solid #000;
        padding: 2.3vw;
        top: 25vw;
    }

    p.terms-message.showing a {
        font-size: 3.5vw;
    }

    .prizeContent {
        max-width: 100%;
    }

    .socials-section,
    .tohome,
    .desktopFooterWrapper {
        display: block;
        width: 100%;
        text-align: center;
    }

    .socials-section li {
        margin: 0 4vw 0 0;
    }

    .socials-section ul li a {
        font-size: 6vw;
    }

    ul {
        padding: 0;
    }



    .socials-section li:last-child {
        margin: 0;
    }

    .tohome a {
        max-width: 42.5vw;
        font-size: 3.7333333333333334vw;
        height: 13vw;
        line-height: 13vw;
    }

    .desktopFooterWrapper span,
    .desktopFooterWrapper a {
        font-size: 4.766667vw;
    }

    .desktopFooterWrapper {
        margin: 10vw auto 12vw auto;
    }

    .tohome {
        margin: 15vw auto 10vw auto;
    }

    .footerWrapper {
        padding: 0;
    }

    span.cpy-sep {
        display: none;
    }
}