@import url("https://fonts.googleapis.com/css2?family=Josefin+Slab:wght@400;700&display=swap");
@font-face {
    font-family: 'avenir';
    src: url(/assets/fonts/Avenir-Roman-12.ttf);
}

@font-face {
    font-family: 'avenir';
    src: url(/assets/fonts/Avenir-Heavy-05.ttf);
    font-weight: bold;
}

@font-face {
    font-family: 'bilbo';
    src: url(/assets/fonts/BilboSwashCaps-Regular.ttf);
}

p, a {
    font-size: 18px;
    font-family: "avenir";
}

p {
    color: #707070;
}

p.text-lg, a.text-lg {
    font-size: 20px;
}

.text-white > p {
    color: white;
}

.text-darkblue > p {
    color: #1F417B;
}

.d-btn {
    border-radius: 100px;
    padding: 15px 25px;
    -webkit-transition: .2s;
    transition: .2s;
}

.d-btn.btn-sml {
    padding: 8px 25px;
}

@media only screen and (max-width: 787px) {

    .d-btn.btn-sml {
        padding: 8px 10px;
    }
}

.d-btn.primary {
    background-color: #64D0F0;
    border: 1px solid #64D0F0;
}

.d-btn.primary:hover {
    background-color: #36c2ec;
    border-color: #36c2ec;
}

.d-btn.ghost {
    border: 1px solid white;
}

.d-btn.ghost.ghost-blue {
    border: 1px solid #006BC3;
}

.d-btn.ghost.ghost-blue:hover {
    background-color: #64D0F0;
    border-color: #64D0F0;
}

.d-btn.ghost:hover {
    background-color: white;
    border-color: white;
    color: #1F417B !important;
}

.display-3 {
    font-size: 3.5rem;
}

.font-heading {
    font-family: 'Josefin Slab', serif;
    font-weight: bold;
}

.font-writing {
    font-family: "bilbo";
}

.font-regular {
    font-family: "avenir";
}

.bg-lightblue {
    background-color: #64D0F0;
}

.bg-blue {
    background-color: #006BC3;
}

.bg-darkblue {
    background-color: #1F417B;
}

.bg-offwhite {
    background-color: #EEE8E3;
}

.bg-pattern {
    position: relative;
    z-index: 9;
}

.bg-pattern::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/files/Greek_pattern-2.svg);
    z-index: -9;
}

.bg-pattern.pattern-dark::after {
    opacity: 1;
}

.bg-pattern.pattern-light::after {
    opacity: .3;
}

.text-lightblue {
    color: #64D0F0;
}

.text-blue {
    color: #006BC3;
}

.text-darkblue {
    color: #1F417B;
}

.accent {
    position: relative;
}

.accent::before, .accent::after {
    content: '';
    position: absolute;
    height: 50%;
    width: 50%;
    z-index: 9;
}

.accent::before {
    top: -10px;
    left: -10px;
}

.accent::after {
    bottom: -10px;
    right: -10px;
}

.accent.before-lightblue::before {
    border-top: 10px solid #64D0F0;
    border-left: 10px solid #64D0F0;
}

.accent.before-blue::before {
    border-top: 10px solid #64D0F0;
    border-left: 10px solid #64D0F0;
}

.accent.before-darkblue::before {
    border-top: 10px solid #1F417B;
    border-left: 10px solid #1F417B;
}

.accent.before-offwhite::before {
    border-top: 10px solid #EEE8E3;
    border-left: 10px solid #EEE8E3;
}

.accent.after-lightblue::after {
    border-bottom: 10px solid #64D0F0;
    border-right: 10px solid #64D0F0;
}

.accent.after-blue::after {
    border-bottom: 10px solid #64D0F0;
    border-right: 10px solid #64D0F0;
}

.accent.after-darkblue::after {
    border-bottom: 10px solid #1F417B;
    border-right: 10px solid #1F417B;
}

.accent.after-offwhite::after {
    border-bottom: 10px solid #EEE8E3;
    border-right: 10px solid #EEE8E3;
}

.bg-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 250px;
}

.bg-img.img-lg {
    min-height: 450px;
}

header {
    position: absolute;
    width: 100%;
    padding: 35px 0;
    z-index: 99999;
}

header ul li a {
    position: relative;
    font-family: 'Josefin Slab', serif;
    font-size: 20px;
    color: white;
    text-decoration: none;
}

header ul li a::before {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -10px;
    left: 0;
    background-color: white;
    -webkit-transition: .2s;
    transition: .2s;
}

header ul li a.active::before, header ul li a:hover::before {
    width: 100%;
}

header ul li a:hover {
    color: white;
    text-decoration: none;
}

.nav-scrolled {
    position: fixed;
    width: 100%;
    top: 0;
    background-color: #006BC3;
    padding: 20px;
    display: none;
    z-index: 99999;
    -webkit-transition: .4s;
    transition: .4s;
}

.nav-scrolled ul li {
    padding: 0 9px;
}

.nav-scrolled ul li a {
    color: white;
    font-family: 'Josefin Slab', serif;
}

.bars {
    position: relative;
    width: 35px;
    height: 30px;
    cursor: pointer;
    z-index: 99999;
}

.bars span {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: -28px;
}

.bars .bar {
    position: absolute;
    width: 100%;
    height: 5px;
    background-color: white;
    top: 12px;
    left: 0;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.bars .bar::before, .bars .bar::after {
    content: '';
    position: absolute;
    width: 35px;
    height: 100%;
    background-color: white;
    left: 0;
    -webkit-transition: .4s ease;
    transition: .4s ease;
}

.bars .bar::before {
    top: -12px;
}

.bars .bar::after {
    bottom: -12px;
}


.bars.open .bar{
    height: 0px;
}

.bars.open .bar::after, .bars.open .bar::before {
    height: 3px;

}
.bars.open .bar::after{
    transform: rotate(45deg);
    bottom:-3px;
}

.bars.open .bar::before{
    transform: rotate(-45deg);
    bottom: -2px;
    top:-2px
}
.nav-mobile {
    position: fixed;
    top: -150vh;
    left: 0;
    padding-top: 125px !important;
    height: 100vh;
    width: 100vw;
    background-color: #006bc3;
    -webkit-transition: .4s;
    transition: .4s;
    z-index: 9999;
}

.nav-mobile::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(/files/Greek_pattern.svg);
    opacity: .05;
}

.nav-mobile.open {
    top: 0;
}

.nav-mobile ul li {
    margin: 8px 0;
}

.nav-mobile ul li a {
    color: white;
    font-family: 'Josefin Slab', serif;
    font-size: 23px;
}

.hero {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: rgba(0, 0, 0, 0.4);
    background-blend-mode: overlay;
    -webkit-box-shadow: inset 0px 200px 160px -130px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 200px 160px -130px rgba(0, 0, 0, 0.75);
    height: 35vh;
    width: 100%;
}
@media only screen and (max-width: 787px) {
    .hero {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

}
.hero.full {
    height: 100vh;
}

.hero .title {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.hero .title h1 {
    font-family: 'Josefin Slab', serif;
    font-weight: bold;
}

.overlap-container {
    position: relative;
}

.overlap-container .top {
    z-index: 999;
}

.nav-tabs {
    border: 0;
}

.nav-tabs .nav-link {
    color: white;
    border: 1px solid white;
    border-radius: 100px;
    padding: 13px 25px;
    -webkit-transition: .2s;
    transition: .2s;
}
@media only screen and (max-width: 787px) {


    .nav-tabs .nav-link {
        font-size: 15px;
        padding: 6px 16px;
    }
}


.nav-tabs .nav-link.active, .nav-tabs .nav-link:hover {
    background-color: #64D0F0;
    border-color: #64D0F0;
    color: white;
}

.tab-content p {
    color: white;
}

.hover-card {
    position: relative;
    height: 400px;
    overflow-y: hidden;
}

.hover-card .card-inner {
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: calc(-100% + 80px);
    -webkit-transition: .5s;
    transition: .5s;
}

.hover-card .card-inner .label {
    background-color: #64D0F0;
}

.hover-card .card-inner .hidden {
    background-color: rgba(100, 208, 240, 0.7);
    height: 100%;
}

.hover-card:hover .card-inner {
    bottom: 80px;
}

.album-img {
    position: relative;
    min-height: 185px;
}

.album-img.img-lg {
    min-height: 400px;
}

.album-img::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #64D0F0;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
}

.album-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    z-index: 99;
}

.album-img.filled:hover::after {
    opacity: .8;
}

.album-img.filled:hover img {
    opacity: 1;
}

.footer-bottom {
    margin-top: 50px;
    padding-top: 20px;
    border-top: 1px solid white;
}

@media (min-width: 576px) {
    .display-3 {
        font-size: 4rem;
    }
}

@media (min-width: 768px) {
    .p-md-6 {
        padding: 6rem !important;
    }
    .py-md-6 {
        padding-top: 6rem !important;
        padding-bottom: 6rem !important;
    }
    .pl-md-7 {
        padding-left: 10rem !important;
    }
    header .bars {
        display: none;
    }
}

@media (min-width: 992px) {
    .pl-lg-7 {
        padding-left: 10rem !important;
    }
    .overlap-container {
        position: relative;
    }
    .overlap-container.img-left article {
        margin-left: -95px;
    }
    .overlap-container.img-right .bg-container {
        margin-left: -95px;
    }
    .overlap-container .top {
        z-index: 999;
    }
    .overlap-container .bg-container {
        width: 100%;
        z-index: 99;
    }
    .overlap-container .bg-container::after {
        content: '';
        display: block;
        padding-bottom: 100%;
    }
    .overlap-container .bg-container .bg-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

@media (min-width: 1200px) {
    .nav-scrolled .bars {
        display: none;
    }
}

.modal-content {
    margin-top: 150px !important;
}

.modal-body a,
.modal-body a:hover,
.modal-body a:focus,
.modal-body a:active,
.modal-body a:visited {
    color: #64D0F0;
    text-decoration: none;
}

.badge.gray {
    background-color: #EEE8E3;
    color: #006bc3;
}

.reservation-stepped > form:first-child {
    width: 100% !important;
}

.social-blocks {
    max-width: 600px;
}
.social-block {
    position: relative;
    transition: background-color .15s ease;
    height: 100%;
}
.social-block::after {
    content: "";
    position: absolute;
    background-size: cover;
    inset-inline-end: 10px;
    inset-block-start: 10px;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style='fill:%23fff;'%3E%3Cpath d='M352 0c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9L370.7 96 201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L416 141.3l41.4 41.4c9.2 9.2 22.9 11.9 34.9 6.9s19.8-16.6 19.8-29.6l0-128c0-17.7-14.3-32-32-32L352 0zM80 32C35.8 32 0 67.8 0 112L0 432c0 44.2 35.8 80 80 80l320 0c44.2 0 80-35.8 80-80l0-112c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 112c0 8.8-7.2 16-16 16L80 448c-8.8 0-16-7.2-16-16l0-320c0-8.8 7.2-16 16-16l112 0c17.7 0 32-14.3 32-32s-14.3-32-32-32L80 32z'/%3E%3C/svg%3E");
}
.social-block:hover {
    background-color: color-mix(in hsl, #006BC3, #fff 15%);
}

/*# sourceMappingURL=style.css.map */