.update_alert {
    text-align:center;
    font-weight:bold;
    font-size:2rem;
    padding:15px 18px;
    background-color:#fff;
    border:solid 1px #fff2f2;
    border-radius:4px;
    margin-bottom: 3rem;
    color: #2b792b;
}
.error_alert {
    text-align:center;
    font-weight:bold;
    font-size:2rem;
    padding:15px 18px;
    background-color:#fff;
    border:solid 1px #fff2f2;
    border-radius:4px;
    margin-bottom: 3rem;
    color: #8b0000;
}

.btn-login span {
    margin-top: 1.3rem;
    display: inline-block;
}

#nextMonth {
    margin-right:1rem;
}
#prevMonth {
    margin-left:1rem;
}

#btn_add_guest {
    border-radius:5px;
    cursor: pointer;
}
.person_form_wrap.template {
    display:none;
}
.other_guests .person_form_wrap {
    margin-top:1rem;
}
.person_form_wrap {
/*    display: flex; */
    justify-content: space-between;
    margin-bottom:1rem;
    align-items: flex-start;
}
.person_form_wrap>div {
/*    width:49%; */
    display:flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.btn_delete_guest {
    width: 24px;
    height: 24px;
    border:solid 1px #cccccc;
    border-radius: 15px;
    line-height: 1;
    padding-bottom: 8px;
    background-color:#dddddd;
    display:inline-block;
    text-align:center;
    cursor: pointer;
}
.person_form_wrap>div .guest_name_label_block,
.person_form_wrap>div .guest_job_label_block {
    align-self: stretch;
}
.person_form_wrap>div .guest_name_label_block>div,
.person_form_wrap>div .guest_job_label_block>div{
    width:130px;
    display:block;
    height:100%;
    background-color:var(--light_yellow);
    margin-right:5px;
    padding:1rem;
    font-weight:bold;
}
.person_form_wrap>div .guest_input {
    width: calc(100% - 135px);
}
.person_form_wrap>div .guest_input.name_input {
    display: flex;
    justify-content: space-between;
}
.person_form_wrap>div .guest_input.name_input>div {
    width:49%;
}

.form.event_form .form-content__dt {
    width:30rem;
}
.form.event_form .form-content__dd {
    width: calc(100% - 30rem);
}

.login_alert {
    margin-bottom:3rem;
    text-align:center;
}
.login_alert p {
    font-weight: bold;
    font-size:2rem;
}
.login_alert a {
    margin: 3rem auto 0;
}
.person_form_wrap .error {
    width:100%;
}

.calendar-row.header {
    margin-bottom:0.5rem;
}
.calendar-grid {
    gap: 0.5rem;
}
.day-cell {
    padding: 1rem;
    align-items: baseline;
}
.day-cell.past {
    background-color:#eee;
}
.day-cell.today {
    background-color:#fffff0;
}
.day-cell.future {
}

.day-cell span {
    width:30px;
    align-self: flex-start;
    font-weight:bold;
}
.day-cell.past span {
    color:#a0a0a0;
}
.day-cell .event_link {
    width: calc(100% - 33px);
    padding:0.3rem 1rem;
    color:#fff;
    text-align: right;
    font-weight:bold;
    border-radius:3px;
}
.day-cell a.event_link {
    background-color: #f1aaaa;
    color:#222;
}
.day-cell a.event_link:hover{
    background-color:#f8d6d6;
    color:#666;
}
/*
.day-cell.future a{
     background-color: var(--green);
}
*/

.day-cell.past a{
    background-color: #f4f4f4;
    color:#a0a0a0;
}

.mce-content-body {
    padding:2rem;
}

.sec-news .tab-btn a{
    padding: 0;
    display:block;
    width:100%;
    text-align: center;
    color:#fff;
    text-decoration: none;
}
.sec-news .tab-btn.active a {
    color:#2A3654;
}
@media only screen and (min-width: 768px) {
    .sec-news .tab-btn {
        padding: 0;
    }
    .sec-news .tab-btn a {
        padding: 1.8rem;
    }
}
@media only screen and (max-width: 767px) {
    .sec-news .tab-btn .tab__text {
        background: none !important;
    }
}

.thanks h3{
    font-weight:bold;
    font-size:2.2rem;
    margin-bottom:2rem;
}
.thanks p {
    margin-bottom:1rem;
}


.image_container {
    width:100%;
    min-height:100px;
    background-color:#f4f4f4;
    margin-bottom:1rem;
    position: relative;
    padding:15px;
}
.image_container img {
    max-width:300px;
    height: auto;
    margin:0 auto;
    display:block;
}
.image_container #btn_image_delete {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 15px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-weight: bold;
    border:#444444;
    cursor: pointer;
}
.image_container #btn_image_delete:hover {
    background-color: rgba(0,0,0,0.8);
}