@charset "UTF-8";
/* ----------------------------------- //
//     Edge and IE ≥ 11 CSS Hacks
// ----------------------------------- */body.p_preview div.preload {
  display: none; }

#design-template-wrapper.hidden {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  visibility: hidden; }

.view_invite__free #invitation {
  min-width: 980px; }

#invitation {
  background: #fff;
  color: #fff;
  display: inline-block;
  margin-bottom: -1px;
  font-family: Georgia, Times, serif;
  font-size: 12px;
  height: 400px;
  position: relative;
  width: 100%;
  -webkit-transition: height 200ms cubic-bezier(0.64, 0.57, 0.67, 1.53);
  -moz-transition: height 200ms cubic-bezier(0.64, 0.57, 0.67, 1.53);
  transition: height 200ms cubic-bezier(0.64, 0.57, 0.67, 1.53); }
  #invitation h1 {
    margin: 0; }
    #invitation h1 span {
      line-height: 1em;
      font-family: inherit; }
  #invitation span {
    line-height: 1em;
    font-family: inherit; }
  #invitation .bg_mid {
    margin: 0 auto;
    height: auto; }
  #invitation .inner {
    padding: 20px 0;
    margin: 0 auto;
    position: relative;
    width: 980px; }
  #invitation .locationName {
    text-decoration: underline; }
  #invitation a#map_link:hover {
    text-decoration: underline !important; }
  #invitation #upload_image_links {
    z-index: 999; }
  #invitation #event_image canvas {
    visibility: hidden; }
  #invitation #event_image .main_image_mask {
    display: none;
    z-index: 1; }
  #invitation #event_image #upload_image_links #change_image {
    position: absolute;
    display: block;
    width: 44px;
    height: 44px;
    right: 10px;
    bottom: 10px;
    background: white;
    color: #28A842;
    font-size: 20px;
    line-height: 12px;
    padding: 12px 8px;
    border-radius: 22px;
    z-index: 999;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7); }
    #invitation #event_image #upload_image_links #change_image .icon-edit {
      padding: 3px; }
  #invitation #main_image {
    z-index: 1; }
  #invitation .event-image-wrapper {
    width: 100%;
    height: 100%; }
  #invitation .uyo-overlay {
    width: 100%;
    height: 100%;
    position: relative;
    background: #FFF;
    opacity: 0.87; }
  #invitation .uyo-image {
    max-width: 100%;
    height: 100%;
    opacity: 0.94;
    left: 0;
    top: 0;
    position: absolute; }
  #invitation .uyo-text-wrapper {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 25%;
    text-align: center; }
  #invitation .uyo-text {
    display: inline-block;
    width: 100%;
    font-size: 15px;
    font-family: 'Lato', sans-serif;
    color: #2E3136;
    margin: 0 0 5px 0; }

.classic #invitation h1 {
  margin-bottom: 20px;
  font-size: 28px;
  font-weight: bold; }

.classic #invitation #event_image {
  position: relative;
  float: right;
  display: inline; }

body.p_view_invite #invitation #event_image img {
  display: block;
  background: #2E3136; }

#invitation.no_main_image #event_image {
  display: none; }

body.view_invite #invitation #upload_image_links,
body.p_view_invite #invitation #upload_image_links {
  display: none; }

body.p_preview #invitation.upload_images #upload_image_links {
  display: block; }

body #invitation #event_details li.address a {
  text-decoration: none;
  cursor: pointer; }

.action-bar {
  z-index: 4;
  background-color: white;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  border-bottom: 1px solid #E1E3E6;
  border-top: 1px solid #E1E3E6;
  height: 60px;
  margin: -60px 0 0; }
  .action-bar.fixed {
    position: fixed !important;
    top: 62px;
    width: 100%;
    z-index: 1001; }
  .action-bar .actions {
    position: relative;
    z-index: 5;
    margin-top: 8px;
    text-align: right; }

/* Template Size Variations */
.panel #invitation {
  height: 400px; }
  .panel #invitation .bg_mid {
    width: 980px;
    height: 340px; }
  .panel #invitation #event_image {
    display: none; }

.full #invitation {
  height: 500px; }
  .full #invitation .bg_mid {
    width: 980px;
    height: 420px; }
  .full #invitation #event_image {
    display: none; }

.full .action-bar {
  margin-top: -60px; }

.postcard #invitation {
  height: 500px; }
  .postcard #invitation .bg_mid {
    width: 740px;
    height: 420px;
    margin: 0 auto; }
  .postcard #invitation #event_image {
    display: none; }

.big_and_tall #invitation {
  height: 640px; }
  .big_and_tall #invitation .bg_mid {
    width: 980px;
    height: 600px; }
  .big_and_tall #invitation #event_image {
    display: none; }

.createMain .panel #invitation {
  height: 460px; }
  .createMain .panel #invitation.top-nav {
    height: 400px; }

.createMain .full #invitation {
  height: 560px; }
  .createMain .full #invitation.top-nav {
    height: 500px; }
    .createMain .full #invitation.top-nav .action-bar {
      margin-top: 0; }

.createMain .full .action-bar {
  margin-top: -60px; }

.createMain .postcard #invitation {
  height: 560px; }
  .createMain .postcard #invitation.top-nav {
    height: 500px; }

.createMain .big_and_tall #invitation {
  height: 700px; }
  .createMain .big_and_tall #invitation.top-nav {
    height: 640px; }

.postcard_short #invitation .bg_mid {
  width: 740px;
  height: 340px;
  margin: 0 auto; }

.postcard_short #invitation #event_image {
  display: none; }

.full_short #invitation .bg_mid {
  width: 980px;
  height: 340px; }

.full_short #invitation #event_image {
  display: none; }

/* Template Size Variations...  */
.high-z {
  z-index: 9000002; }

#design-template-wrapper {
  width: 100%;
  z-index: 1;
  -webkit-backface-visibility: hidden; }

.flyout-container {
  position: relative;
  max-width: 980px;
  margin: 0 auto; }

.cover-desktop__next-design-button,
.cover-desktop__previous-design-button {
  -webkit-transition: -webkit-transform 100ms cubic-bezier(0.64, 0.57, 0.67, 1.53);
  -moz-transition: -moz-transform 100ms cubic-bezier(0.64, 0.57, 0.67, 1.53);
  transition: transform 100ms cubic-bezier(0.64, 0.57, 0.67, 1.53);
  -webkit-transform: scale(1) translateY(-30px);
  -moz-transform: scale(1) translateY(-30px);
  -ms-transform: scale(1) translateY(-30px);
  -o-transform: scale(1) translateY(-30px);
  transform: scale(1) translateY(-30px);
  bottom: 50%;
  height: 75px;
  margin-top: -37.5px;
  outline: none;
  top: 50%;
  width: 50px;
  z-index: 1000; }
  .cover-desktop__next-design-button:focus,
  .cover-desktop__previous-design-button:focus {
    outline: none; }
  .cover-desktop__next-design-button:hover,
  .cover-desktop__previous-design-button:hover {
    -webkit-transform: scale(1.05) translateY(-28px);
    -moz-transform: scale(1.05) translateY(-28px);
    -ms-transform: scale(1.05) translateY(-28px);
    -o-transform: scale(1.05) translateY(-28px);
    transform: scale(1.05) translateY(-28px); }
    .cover-desktop__next-design-button:hover .cover-desktop__change-design-button-foreground,
    .cover-desktop__previous-design-button:hover .cover-desktop__change-design-button-foreground {
      opacity: 0.5; }

.cover-desktop__change-design-button-background {
  display: inline-block;
  height: 300%;
  left: -25%;
  position: absolute;
  top: -100%;
  width: 150%; }

.cover-desktop__change-design-button-foreground {
  background-color: #2E3136;
  border-radius: 5px;
  display: inline-block;
  height: 100%;
  left: 0;
  opacity: 0.4;
  position: absolute;
  top: 0;
  width: 100%; }

.cover-desktop__previous-design-button {
  position: absolute;
  left: 30px; }

.cover-desktop__next-design-button {
  position: absolute;
  right: 30px; }

.cover-desktop__previous-design-icon,
.cover-desktop__next-design-icon {
  height: 30px;
  position: absolute;
  top: 50%;
  width: 30px;
  border-color: white;
  margin-top: -15px; }

.cover-desktop__previous-design-icon {
  left: 15px; }

.cover-desktop__next-design-icon {
  right: 15px; }

#countdown_container {
  position: absolute;
  display: none; }
  #countdown_container div {
    position: absolute; }

.content.premium #invitation_container {
  max-width: none; }

#mobile_invitation_container {
  padding: 0 10px;
  margin: 0 auto;
  width: 100%;
  height: 100%; }
  #mobile_invitation_container .error-message {
    border: 1px solid #DB1A1A;
    background: #FFEEEF;
    color: #DB1A1A;
    padding: 7px;
    margin: 5px 0;
    float: left;
    display: block;
    margin-right: 2.35765%;
    width: 100%; }
    #mobile_invitation_container .error-message:last-child {
      margin-right: 0; }
    #mobile_invitation_container .error-message.hidden {
      display: none; }
  #mobile_invitation_container #design-template {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    background-size: 100%; }
    #mobile_invitation_container #design-template #invitation_bg {
      display: block;
      width: 100%;
      top: 0;
      left: 0; }
    #mobile_invitation_container #design-template #event_image {
      box-sizing: border-box;
      width: 100%;
      padding-bottom: 100%;
      height: 0;
      position: absolute;
      top: 0; }
      #mobile_invitation_container #design-template #event_image.photo_none {
        width: 100%;
        display: none; }
      #mobile_invitation_container #design-template #event_image.photo_portrait {
        width: 79.8%;
        padding-bottom: 89.15%;
        margin-left: 10.1%; }
      #mobile_invitation_container #design-template #event_image.photo_landscape {
        width: 100%;
        padding-bottom: 71.5%; }
      #mobile_invitation_container #design-template #event_image.photo_circle {
        width: 78%;
        padding-bottom: 78%;
        margin-left: 11%;
        border-radius: 50%;
        top: 15.5%; }
      #mobile_invitation_container #design-template #event_image.photo_square {
        width: 78%;
        padding-bottom: 78%;
        margin-left: 11%;
        margin-top: 9.17%; }
      #mobile_invitation_container #design-template #event_image.empty {
        background-color: #B9BCC0;
        background-image: url("/static/images/v2/mobile/upload_photo_placeholder.a3f318a4cbef.svg");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center; }
      #mobile_invitation_container #design-template #event_image img {
        width: 100%;
        height: auto;
        position: absolute; }
        #mobile_invitation_container #design-template #event_image img.photo_circle {
          border-radius: 50%; }
      #mobile_invitation_container #design-template #event_image #upload_image_links #change_image {
        position: absolute;
        display: block;
        width: 44px;
        height: 44px;
        right: 10px;
        bottom: 10px;
        background: white;
        color: #28A842;
        font-size: 20px;
        line-height: 12px;
        padding: 12px 8px;
        border-radius: 22px;
        z-index: 999;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.7); }
        #mobile_invitation_container #design-template #event_image #upload_image_links #change_image .icon-edit {
          padding: 3px; }
    #mobile_invitation_container #design-template #event_details {
      position: absolute;
      bottom: 0;
      margin: 0 10%;
      width: 80%;
      height: 41.17%;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      font-size: 16px; }
      #mobile_invitation_container #design-template #event_details #event_text {
        margin: auto;
        max-width: 100%;
        text-align: center; }
      #mobile_invitation_container #design-template #event_details .event_title {
        font-size: 35px;
        font-weight: 500;
        margin: 0 0 15px;
        line-height: 1;
        word-wrap: break-word; }
      #mobile_invitation_container #design-template #event_details .event_title.long {
        font-size: 25px; }
      #mobile_invitation_container #design-template #event_details .event_info {
        font-weight: 400;
        line-height: 1.2; }
        #mobile_invitation_container #design-template #event_details .event_info a {
          color: inherit; }
        #mobile_invitation_container #design-template #event_details .event_info .hostname {
          margin-bottom: 10px; }
        #mobile_invitation_container #design-template #event_details .event_info .phone {
          margin-bottom: 10px; }
        #mobile_invitation_container #design-template #event_details .event_info .event_time {
          margin-bottom: 10px; }
        #mobile_invitation_container #design-template #event_details .event_info .address p {
          margin: 0;
          font-size: inherit;
          white-space: nowrap; }
      #mobile_invitation_container #design-template #event_details #event_text.extra_margins h1.event_title {
        margin-bottom: 20px; }
      #mobile_invitation_container #design-template #event_details #event_text.extra_margins .event_info .event_time {
        margin-bottom: 20px; }
      #mobile_invitation_container #design-template #event_details #event_text.extra_margins .event_info .address {
        margin-top: 20px; }
    #mobile_invitation_container #design-template .mobile-countdown.mobile-position-top {
      display: block;
      position: absolute;
      width: 100%;
      font-size: 68px;
      line-height: 100%;
      top: 6.52174%;
      height: 6.65761%; }
      #mobile_invitation_container #design-template .mobile-countdown.mobile-position-top div {
        top: 50%;
        height: auto;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        position: absolute;
        text-align: center;
        width: 18.96135%; }
      #mobile_invitation_container #design-template .mobile-countdown.mobile-position-top #countdown_days {
        left: 9.42029%; }
      #mobile_invitation_container #design-template .mobile-countdown.mobile-position-top #countdown_hours {
        left: 30.19324%; }
      #mobile_invitation_container #design-template .mobile-countdown.mobile-position-top #countdown_minutes {
        left: 50.96618%; }
      #mobile_invitation_container #design-template .mobile-countdown.mobile-position-top #countdown_seconds {
        left: 71.61836%; }
    #mobile_invitation_container #design-template span {
      font-size: inherit;
      color: inherit;
      font-family: inherit; }

.img_form {
  position: absolute;
  display: block;
  z-index: 1001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .img_form label, .img_form .mainImage {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    font-size: 20px;
    cursor: pointer;
    opacity: 0; }

.plg-widget {
  margin-bottom: 20px; }


/*# sourceMappingURL=cover.css.map*/