/*:root {*/
/*    !* https://color.adobe.com/search?q=wedding&t=term *!*/
/*    --custom-first: #F2F2F0;*/
/*    --custom-second: #BF9075;*/
/*    --custom-third: #260101;*/
/*    --custom-fourth: #730606;*/
/*    --custom-fourth-rgb: 115,6,6;*/
/*    --custom-fifth: #590505;*/
/*    --custom-fifth-rgb: 89,5,5;*/
/*    --row1: #260101;*/
/*    --row2: #7B2D2D;*/
/*    --row3: #6890A8;*/
/*    --row4: #A6A558;*/
/*}*/

.rows {
    padding-top: 100px;
    padding-bottom: 100px;
}

.rows h1{
    margin-bottom: 1em;
}

.rows .btn {
    margin-top: 1em;
}

.row0 {

}

.row1 {
    background-color: var(--row1);
    color: #fff;
}

.row2 {
    background-color: var(--row3);
    color: #fff;
}

.row3 {
    background-color: var(--row2);
    color: #fff;
}

.shadowed {
    box-shadow: 10px 10px 10px #000;
}

@media only screen and (max-width: 800px) {
    .floating {
        position: initial !important;
        width: 100% !important;
        margin-top: 20px;
    }
}
@media only screen and (min-width: 600px) {
    .floating {
        position: absolute;
    }
}
body {
    background-color: var(--custom-first);
}

a {
    --bs-link-color-rgb: var(--custom-fourth-rgb);
}

a:hover {
    --bs-link-color-rgb: var(--custom-fifth-rgb);
}

.btn.brand {
    padding: 4px 1em 4px 0;
    font-size: 18px;
}

h5 a {
    text-decoration: none;
}

/*.btn-primary {*/
/*    --bs-btn-bg: var(--custom-third);*/
/*    --bs-btn-border-color: var(--custom-third);*/
/*    --bs-btn-disabled-bg: var(--custom-third);*/
/*    --bs-btn-disabled-border-color: var(--custom-third);*/
/*    --bs-btn-hover-bg: color-mix(in srgb, var(--custom-third), white 20%);*/
/*    --bs-btn-hover-border-color: color-mix(in srgb, var(--custom-third), white 20%);*/
/*    --bs-btn-active-bg: var(--custom-third);*/
/*    --bs-btn-active-border-color: var(--custom-third);*/
/*}*/

.btn-alert {
    --bs-btn-bg: var(--custom-fifth);
    --bs-btn-border-color: var(--custom-fifth);
    --bs-btn-disabled-bg: var(--custom-fifth);
    --bs-btn-disabled-border-color: var(--custom-fifth);
    --bs-btn-hover-bg: color-mix(in srgb, var(--custom-fifth), white 20%);
    --bs-btn-hover-border-color: color-mix(in srgb, var(--custom-fifth), white 20%);
    --bs-btn-active-bg: var(--custom-third);
    --bs-btn-active-border-color: var(--custom-third);
    --bs-btn-color: #fff;
}

input {
    margin-bottom: 1em;
}

.login {
    align-content: center;
}

.login .card {
    margin: 0 auto;
    max-width: 400px;
}

.events .card{
    min-height: 400px;
}

.events img {
    object-fit: cover;
    object-position: center;
    max-height: 200px;
    width: 100%;
}

.event .row {
    padding-bottom: 2.5em;
    padding-top: 2.5em
}

.event .header {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
}

.event h1{
    font-size: 5em;
    text-align: center;
}

.event h2{
    font-size: 3em;
    text-align: center;
}

.event p {
    text-align: center;
}

.event .qr {
    width: 300px;
    margin:0 auto;
}

.event-date{
    text-align: center;
    font-style: italic;
}

.event-image {
    max-width: 500px;
    text-align: center;
    margin:0 auto;
}

.event img.pdf {
    max-height: 500px;
}

a.btn.flag img {
    height: 32px;
    object-fit: contain;
}

a.btn.flag {
    padding: 0;
}

.newevent form {
    max-width: 500px;
    margin: 50px auto;
}

.vich-image img {
    max-height: 300px;
}

.photos .card {
    /*padding: 0;*/
}

.guestbook img:hover {
    cursor: pointer;
}

.step-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: #0d6efd;
    margin-bottom: 1rem;
}
.step-card {
    height: 100%;
    transition: all 0.3s ease;
}
.step-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.step-card li {
    list-style-type: none;
    margin-left:0;
}

.step-card ul {
    padding-left: 0;
}

.card-text{
    text-align: justify;
}