@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';

/* /Pages/BookingForm/Index.razor.rz.scp.css */

.main-body[b-um0qfz1wmp] {
    width: 90vw;
    margin: 0 auto;
    padding: 1em 0;
}

.top-title[b-um0qfz1wmp] {
    border-bottom: 1px solid #BCBCBC;
    padding-bottom: 0.5em;
}

    .top-title a[b-um0qfz1wmp] {
        color: #707070;
    }

h1[b-um0qfz1wmp] {
    font-family: 'Work Sans';
    font-weight: 300;
    font-size: 1.4em;
    color: #6F9B8B;
    /*text-align: center;*/
}

.heading-info[b-um0qfz1wmp] {
    background-color: #6F9B8B;
    border-radius: 1em;
    color: #FFFFFF;
    padding: 1em 1.5em;
    margin: 1.5em 0;
}

h4[b-um0qfz1wmp] {
    font-family: 'Work Sans';
    font-weight: 300;
    font-size: 1.6em;
    color: #707070;
    border-bottom: 1px solid #BCBCBC;
    padding-bottom: 0.5em;
    margin: 1.5em 0 1em 0;
}

label[b-um0qfz1wmp] {
    color: #6F9B8B;
    padding-bottom: 0.5em;
}





/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .main-body[b-um0qfz1wmp] {
        padding: 2em 0;
    }

    h1[b-um0qfz1wmp] {
        font-size: 2em;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .main-body[b-um0qfz1wmp] {
        width: 80vw;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

@media print {
}
/* /Pages/Index.razor.rz.scp.css */

.loading-body[b-fhxoelh5l5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 300px;
    text-align: center;
    color: #6F9B8B;
}

    .loading-body .spinner-border[b-fhxoelh5l5] {
        width: 4rem;
        height: 4rem;
        font-size: 2rem;
        margin-bottom: 2rem;
    }

    .loading-body em[b-fhxoelh5l5] {
        font-size: 1.5rem;
    }

.main-body[b-fhxoelh5l5] {
    width: 90vw;
    margin: 0 auto;
    padding: 1em 0;
}

.past-bookings-background[b-fhxoelh5l5] {
    background-color: #F5F8F7;
}

.past-bookings[b-fhxoelh5l5] {
    width: 90vw;
    margin: 0 auto;
    padding: 1em 0;
}

.top-title[b-fhxoelh5l5] {
    border-bottom: 1px solid #BCBCBC;
    padding-bottom: 0.5em;
    margin-bottom: 2em;
}

h1[b-fhxoelh5l5] {
    font-family: 'Work Sans';
    font-weight: 300;
    font-size: 2em;
    color: #6F9B8B;
}

.heading-info[b-fhxoelh5l5] {
    background-color: #6F9B8B;
    border-radius: 1em;
    color: #FFFFFF;
    padding: 1em 1.5em;
    /*margin-top: 0;*/
    margin-bottom: 1.5em;
}

.ionian-foundation-donation[b-fhxoelh5l5] {
    margin: 2em 0 0 0;
}

.property-card[b-fhxoelh5l5] {
    border-bottom: 1px solid #BCBCBC;
    padding-bottom: 2em;
    margin-bottom: 2em;
}

    .property-card:last-child[b-fhxoelh5l5] {
        border-bottom: none;
        margin-bottom: 0;
    }


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    /*    .main-body {
        padding: 1.5em 0;
    }
    .past-bookings {
        padding: 1.5em 0 1em 0;
    }*/
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .main-body[b-fhxoelh5l5] {
        width: 80vw;
        padding: 2em 0;
    }

    .past-bookings[b-fhxoelh5l5] {
        width: 80vw;
        padding: 2em 0 1em 0;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

@media print {
}
/* /Pages/Terms/Index.razor.rz.scp.css */

.main-body[b-fxifgc829j] {
    width: 90vw;
    margin: 0 auto;
    padding: 1em 0;
}

h1[b-fxifgc829j] {
    font-family: 'Work Sans';
    font-weight: 300;
    font-size: 1.4em;
    color: #6F9B8B;
    text-align: center;
}

pre[b-fxifgc829j] {
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.terms-and-conditions[b-fxifgc829j] {
    border: 1px solid #C0C0C0;
    margin-top: 20px;
    padding: 12px;
    padding-top: 0;
    height: 35vh;
}

/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .main-body[b-fxifgc829j] {
        padding: 2em 0;
    }

    h1[b-fxifgc829j] {
        font-size: 2em;
    }

    .terms-and-conditions[b-fxifgc829j] {
        height: 55vh;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .main-body[b-fxifgc829j] {
        width: 80vw;
    }

    .terms-and-conditions[b-fxifgc829j] {
        height: 45vh;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .terms-and-conditions[b-fxifgc829j] {
        height: 60vh;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

@media print {

}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-0oryzkroo9] {
    position: relative;
    display: flex;
    flex-direction: column;
    /*min-height: 100vh;*/
}


main[b-0oryzkroo9] {
    flex: 1;
}

.top-row[b-0oryzkroo9] {
    /*border-bottom: 1px solid #d6d5d5;*/
    justify-content: flex-end;
    height: 7.5rem;
    display: flex;
    align-items: center;
    background-color: #E0EBE7;
    background-image: url('images/logo.png');
    background-repeat: no-repeat;
    background-position: left;
    background-size: 180px;
    background-origin: content-box !important;
    padding-left: 20px !important;
}

.content[b-0oryzkroo9] {
    width: 100%;
    margin: 0;
    padding: 0;
}

.footer[b-0oryzkroo9] {
    background-color: #E0EBE7;
    padding: 2.5em 0;
    font-size: 0.7em;
    text-align: center;
    margin-top: auto
}


/*
    X-Small devices (portrait phones, less than 576px)
    No media query for `xs` since this is the default in Bootstrap
*/
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .top-row[b-0oryzkroo9] {
        padding-left: 0 !important;
        background-position: center;
        background-size: 220px;
    }

    .footer[b-0oryzkroo9] {
        font-size: 0.9em;
    }
}

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-0oryzkroo9] {
        display: none;
    }

    .top-row.auth[b-0oryzkroo9] {
        justify-content: space-between;
    }
}

@media (min-width: 641px) {
    .page[b-0oryzkroo9] {
        flex-direction: row;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .top-row[b-0oryzkroo9] {
        background-size: 320px;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

@media print {
}