html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}


@font-face {
    font-family: calligraphyFont;
    src: url(../fonts/AC-Fifindrel_Unicode.ttf) format('truetype');
}
.names {
    font-size: 3.5em !important;
}
.big {
font-size:85px ;
}
.loginbig {
    font-size: 85px !important;
}
.largeImportant {
    font-size: 5em !important;
}
.gold {
  color:  #AF7D19 !important;
}

.fifi {
    font-family: calligraphyFont !important;
}
.caliCountdown {
    /*font-family: calligraphyFont !important;*/
    /*font-size:*//*2*//*.2em;*/
}
.wpo-wedding-date h2 {
    font-size: 120px; /*85px;*/
}
@media (max-width: 1399px) {
    .wpo-wedding-date h2 {
        font-size: 70px;
    }
}
@media (max-width: 1199px) {
    .wpo-wedding-date h2 {
        font-size: 50px;
    }
}
@media (max-width: 991px) {
    .wpo-wedding-date h2 {
        font-size: 40px;
    }
}


.wpo-event-section .wpo-event-wrap .wpo-event-item .wpo-event-img .title h2 {
    background: rgba(255, 255, 255, 0.9);
    font-size: 85px;
}

.wpo-section-title h4, .wpo-section-title-s2 h4 {
    font-weight: 500;
    font-size: 85px;
}


.wpo-contact-section-s3 .contact-img .rsvp-info, .wpo-contact-section-s4 .contact-img .rsvp-info, .wpo-contact-section-s5 .contact-img .rsvp-info {
    padding: 20px 40px !important;
}

.contact-validation-active #success2 {
    width: 100%;
    color: #fff;
    padding: 5px 10px;
    font-size: 16px;
    text-align: center;
    display: none;
}
.contact-validation-active #success2 {
    background-color: #aa622f;
    border-left: 5px solid #aa622f;
    margin-bottom: 5px;
}


.wpo-hero-section .wpo-hero-items .wpo-hero-item .wpo-hero-img .wpo-hero-text h2 {
    color: #c9c6b9;
    text-shadow: -2px -2px 0 #edebe4, -2px -1px 0 #edebe4, -2px 0px 0 #edebe4, -2px 1px 0 #edebe4, -2px 2px 0 #edebe4, -1px -2px 0 #edebe4, -1px -1px 0 #edebe4, -1px 0px 0 #edebe4, -1px 1px 0 #edebe4, -1px 2px 0 #edebe4, 0px -2px 0 #edebe4, 0px -1px 0 #edebe4, 0px 0px 0 #edebe4, 0px 1px 0 #edebe4, 0px 2px 0 #edebe4, 1px -2px 0 #edebe4, 1px -1px 0 #edebe4, 1px 0px 0 #edebe4, 1px 1px 0 #edebe4, 1px 2px 0 #edebe4, 2px -2px 0 #edebe4, 2px -1px 0 #edebe4, 2px 0px 0 #edebe4, 2px 1px 0 #edebe4, 2px 2px 0 #edebe4 !important;
}

.rsvp-info p {
color:#000 !important}