body {
    background-color: #FFFFFF;
    background-image: url('./images/61aa0724eb6191671d686f1b4ebd3de1-bg-paper.avif');
    font-family: 'Poppins', sans-serif;
}

.ui.container {
    min-width: 412px;
}

.ui.blue.header {
    color: #3A499C !important;
}

.ui.yellow.header {
    color: #D9C972 !important;
}

.ui.menu .item img.logo {
    margin-right: 1.5em;
}

.main.container {
    margin-top: 7em;
}

.main.container > .card > .content {
    padding: 1em 2em 2em 2em;
}

.main .ui.segment.flowers {
    background-image: url('./images/d63c6dd22f10ebec2aeb29815ba41a22-flowers-circle.png');
    background-size: cover;
    background-position: center;
    min-height: 700px;
}

.main .ui.segment.flowers .ui.header {
    font-family: 'Cookie', cursive;
    font-size: 3rem;
    font-weight: normal;
    margin-top: 284px;
    white-space: nowrap;
}

.main .ui.segment.flowers .ui.sub.header {
    font-family: 'Merriweather', serif;
    text-transform: none;
    font-size: 1.5rem;
    font-weight: normal;
    margin-top: 0px;
}

.main .ui.card .extra.content.flowers {
    background-image: url('./images/9d95ef9e2db5cf13cc921a49a173fa8f-flowers-128x128.png');
    background-size: 96px 96px;
    background-repeat: repeat-x;
    background-position: center;
    height: 96px;
    margin-top: 24px;
}

.main .ui.card > .content > .header {
    font-family: 'Cookie', cursive;
    font-size: 3em;
    font-weight: normal;
    line-height: 1em;
    margin-top: .25em;
    margin-bottom: 0;
}

.main .ui.card > .content > .meta {
    font-family: 'Merriweather', serif;
    font-weight: normal;
    line-height: 1em;
    margin-bottom: 2.25em;
}

.main .ui.card > .content .ui.items {
    font-size: 1rem;
    text-align: justify;
}

.ui.modal > .content > .image {
    max-height: calc(100vh - 5rem - 2em);
    width: auto;
    margin: 0 auto;
}

.main .google.map {
    height: 320px;
    overflow: hidden;
}

.main .google.map iframe {
    border: none;
    margin-top: -59px;
}

.main .ui.card.agenda {
    background-image: url('./images/4e4119f5e680eed95b82cddd3c2f8342-banner-auffay.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/*.main .agenda {
    background-image: url('./images/4e4119f5e680eed95b82cddd3c2f8342-banner-auffay.png');
    background-size: 60% auto;
    background-repeat: no-repeat;
    background-position: center top;
}

@media only screen and (max-width: 767px) {
    .main .agenda { background-size: 100% auto; }
}

.main .agenda .ui.three.cards {
    padding: 18em 5em 2em 5em;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main .agenda .ui.three.cards { padding: 13em 2em 2em 2em; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main .agenda .ui.three.cards { padding: 8.5em 1em 1.5em 1em; }
}

@media only screen and (max-width: 767px) {
    .main .agenda .ui.three.cards { padding: 8.5em 0 1.5em 0; }
}

.main .agenda .ui.two.cards {
    padding: 0em 15em 2em 15em;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .main .agenda .ui.two.cards { padding: 0em 7em 2em 7em; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .main .agenda .ui.two.cards { padding: 0em 3.5em 1.5em 3.5em; }
}

@media only screen and (max-width: 767px) {
    .main .agenda .ui.two.cards { padding: 0em 0 1.5em 0; }
}

.main .agenda .ui.cards > .card > .image {
    background: #ffffff;
}

.main .agenda .ui.cards > .card > .image > img {
    margin: 2em;
    width: calc(100% - 4em);
}*/

.main > .ui.card.agenda .ui.segment.items {
    background: rgba(255, 255, 255, .9);
}

.main > .ui.card.agenda .ui.items > .item > .image > img {
    object-fit: cover;
    width: 150px !important;
    height: 120px !important;
}

@media only screen and (max-width: 767px) {
    .main > .ui.card.agenda .ui.compact.segment {
        width: 100%;
    }
    .main > .ui.card.agenda .ui.items > .item > .image + [class*="middle aligned"].content {
        text-align: center;
    }
}

.ui.card .meta > small, .ui.cards > .card .meta > small {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
}

.ui.cards > .card > .extra > .ui.button {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.main > .ui.card.rsvp > .content {
      background-image: url('./images/d63c6dd22f10ebec2aeb29815ba41a22-flowers-circle.png');
      background-size: auto 100%;
      background-position: center right;
      background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
    .main > .ui.card.rsvp > .content { background-position: center center; }
}

.main > .ui.card.rsvp .ui.segment {
    background: rgba(255, 255, 255, .9);
}

.ui.footer.segment {
    padding: 5em 0em;
}