body {
    background-color:#2f0a3e;
    color:#b18042;
    font-family: 'Montserrat', sans-serif;
    font-size:1.2em;
    font-weight:100;
}
#main {
    margin-top: 0rem;
}
.page-template-template-guestbook, .page-template-template-rsvp {
    background-color:#210d30;
    background-image:url(assets/img/background.jpg);
    background-size:contain;
    background-repeat:no-repeat;
    background-size: 100vw 100vh;
    background-attachment: fixed;
}
.page .row {
    --bs-gutter-x: 0px;
}
header {
    display:none;
}
a {
    color:#b18042;
}
.map a, .map a:active, .map a:hover {
    text-decoration:underline;
    font-size:0.8em;
}
a:active, a:hover {
    color:#f2c875;
}
h1 {
    text-transform: uppercase;
    color:#f2c875;
    font-weight:100;
}
a.back-home {
    text-transform: uppercase;
    color:#f2c875;
    font-weight:100;
    text-decoration:none;
    font-size:1.6em;
    margin-top:75px;
}
a.back-home:hover {
    text-decoration:underline;
}
.guest-book-card {
    background-color:#351b4b;
    padding:5%;
}
.card-date {
    float:right;
}
.rsvp-section {
    background:url(assets/img/rsvp-bg.png) center center / cover no-repeat;
}
.rsvp-inner {
    text-align:center;
    background-image:url(assets/img/rsvp-inner-bg.png);
    background-size:contain;
    background-repeat:no-repeat;
    background-size: 100%;
    padding:100px;
    margin:0 auto;
    display:block;
    height:100%;
    min-height:100vh;
}
.rsvp-inner .logo img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}
.portrait-section {
    background:url(assets/img/portrait.png) center center / cover no-repeat;
}
.portrait-inner {
    text-align:center;
    min-height:100vh;
}
.portrait-inner img {
    width:100%;
    height:auto;
}
.rsvp-buttons {
    padding-top:30px;
    text-align:center;
}
.rsvp-inner {
    width:585px;
    padding-top:500px;
    min-height: 700px;
}
.rsvp-inner .rsvp-buttons img {
    height:35px;
    width:auto;
}
.portrait-inner {
    min-height: 700px;
}
@media (min-width: 376px) {
    .rsvp-inner {
        width:376px;
        padding-top:275px;
        min-height: 500px;
    }
    .rsvp-inner .rsvp-buttons img {
        height:20px;
        width:auto;
    }
    .portrait-inner {
        min-height: 300px;
    }
}
@media (min-width: 768px) {
    .rsvp-inner {
        width:685px;
        padding-top:500px;
        min-height: 100vh;
    }
    .rsvp-inner .rsvp-buttons img {
        height:35px;
        width:auto;
    }
    .portrait-inner {
        min-height: 100vh;
    }
}

@media (min-width: 992px) {
    .rsvp-inner {
        width:485px;
        padding-top:355px;
    }
    .rsvp-inner .rsvp-buttons img {
        height:25px;
        width:auto;
    }
}

@media (min-width: 1200px) {
    .rsvp-inner {
        width:585px;
        padding-top:430px;
    }
    .rsvp-inner .rsvp-buttons img {
        height:30px;
        width:auto;
    }
}

@media (min-width: 1400px) {
    .rsvp-inner {
        width:685px;
        padding-top:500px;
        min-height: 100vh;
    }
    .rsvp-inner .rsvp-buttons img {
        height:35px;
        width:auto;
    }
}
@media (max-width: 768px) {
    .wpcf7 input[type="file"], input::-webkit-file-upload-button {
        font-size:0.6em;
        padding:0px;
    }
    .rsvp-form-wrap {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    a.back-home {
        font-size:0.9em;
        margin-right:20px;
    }
}
.rsvp-page-header {
    text-align:center;
}
.rsvp-page-header img {
    width:100%;
    height:auto;
    max-width:1466px;
}
.rsvp-form-wrap {
    padding-left: 20%;
    padding-right: 16%;
}
.rsvp-form-wrap input[type=text], .rsvp-form-wrap input[type=email], .rsvp-form-wrap textarea, .rsvp-form-wrap input[type=text]:focus, .rsvp-form-wrap input[type=email]:focus, .rsvp-form-wrap textarea:focus {
    background-color:#501f79;
    border:none;
    color:#fff;
    width:100%;
    display:inline-block;
    margin-top:8px;
}
.rsvp-form-wrap select {
    background-color:#501f79;
    border:none;
    color:#fff;
    width:100%;
    display:inline-block;
    margin-top:8px;
}
.field-wrap {
    padding-right:30px;
}
.rsvp-form-wrap label {
    color:#fff;
}
.form-group {
    margin-top:15px;
}
.guestbook-title {

}
.guestbook-title img {
    width:100%;
    height:auto;
}
.guest-book-card {
    margin-left:4%;
    margin-top:0px;
    margin-bottom:30px;
    background:url(assets/img/marble.png) center center / cover no-repeat;
}
.card-message {
    padding-top:15px;
    font-weight:500;
}
.card-details .name {
    color:#db992a;
    font-size:1.4em;
    font-weight:500;
}
.guestbook-image {
    width:100%;
    height:auto;
    padding:20px;
}
.recent-images {
    padding: 5%;
    border: 2px solid #b57410;
}
.recent-images-heading {
    text-align:center;
}
.guestbook-bg {
    background-image:url(assets/img/bg-logo.png);
    background-repeat:no-repeat;

}
.guestbook-container {
    padding-top:65px;
}
.wpcf7-submit, .wpcf7-submit:active, .wpcf7-submit:focus, input::-webkit-file-upload-button {
    border: 1px solid #b57410;
    color:#b57410;
    text-transform:uppercase;
    font-weight:100;
    font-size:1.4em;
    background-color:#2f0a3e;
    padding:5px 30px;
    -webkit-transition: background-color 2s ease-out;
    -moz-transition: background-color 2s ease-out;
    -o-transition: background-color 2s ease-out;
    transition: background-color 2s ease-out;
}
.wpcf7-submit:hover, input::-webkit-file-upload-button:hover {
    border: 1px solid #b3844e;
    color:#b3844e;
    cursor:pointer;
}
.wpcf7-submit:active, input::-webkit-file-upload-button:active {
    border: 1px solid #b3844e;
    color:#b3844e;
}
.wpcf7-list-item.first {
    padding-right: 30px;
}

.wpcf7-form .wpcf7-radio label {
    position: relative;
    cursor: pointer;
}

.wpcf7-form .wpcf7-radio input[type=radio] {
    position: relative;
    visibility: hidden;
}

.wpcf7-form .wpcf7-radio input[type=radio] + span {
    padding-left:15px;
}

.wpcf7-form .wpcf7-radio input[type=radio] + span:before {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 22px;
    width: 22px;
    top: 0px;
    border: 1px solid #501f79;
    background-color:#501f79;
    margin-top: 3px;
}

.wpcf7-form .wpcf7-radio input[type=radio] + span:after {
    display: block;
    position: absolute;
    content: '';
    border-radius: 100%;
    height: 10px;
    width: 10px;
    top: 6px;
    left: 6px;
    visibility: hidden;
    margin-top: 3px;
}

.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:before {
    border: 1px solid #501f79;
    background-color:#501f79;
    /*     border-color: red; */
}

.wpcf7-form .wpcf7-radio input[type=radio]:checked + span:after {
    background: #bba8cb;
    visibility: visible;
}
.wpcf7-form.sent .row {
    display:none;
}
.wpcf7-form.sent .wpcf7-response-output {
    border: 1px solid #b57410 !important;
    color:#b57410;
}
.wpcf7-form {
    padding-bottom:70px;
}
.music-player {
    background-color: #c69542;
    bottom: 25px;
    right: 25px;
    z-index: 100;
    position: fixed;
    color: #ffffff;
    padding: 10px;
    text-align: center;
    transition: background-color 0.2s ease;
    border-radius: 4px;
    cursor: pointer;
    box-shadow: 0px 3px 5px -1px rgb(0 0 0 / 20%), 0px 6px 10px 0px rgb(0 0 0 / 14%), 0px 1px 18px 0px rgb(0 0 0 / 12%);
}