/* soluna beach club */
.soluna-page {background-image:url('../img/soluna-beach-main-bg.jpg');background-size:100%; background-repeat:no-repeat; position:relative; top:60px; margin-bottom:60px;}

.soluna-page h1, 
.soluna-page h2, 
.soluna-page h3, 
.soluna-page h4 {color:#5B755D;}

.soluna-page h2 {font-size:3rem;}

.soluna-bg {position:relative; background-color:#ffffff;}
.soluna-bg:before,
.soluna-bg:after {position:absolute; content:''; display:block; width:100%; height:50%;}

.soluna-bg:before {z-index:1; background-color:#eeebe4; top:20px;}
.soluna-bg:after {z-index:2; background-image:url('../img/soluna-bg-transparent.png'); background-position:center; background-size:100%; background-repeat:no-repeat; top:0; height:100%;}

.soluna-bg .container {position:relative; z-index:3;}

.hero-image {height:auto!important; max-height:700px;}

@media (min-width: 1600px){
.hero-image {height:700px!important;}
.video-background {position: absolute; top: -25%; width: 100%;}
}

.package-item {
    text-align: center;
}

.package-item>div {
    background-color: #ffffff;
    padding: 1.5rem;
}
.package-title {margin-bottom:1rem;}
.package-item span {color:#5B755D; font-weight:700;}
.package-item strong {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 80%;
    text-align: center;
    margin: 5px auto;
}

@media (min-width: 992px){
.package-item>div {padding: 2.5rem 2.5rem 0 2.5rem;}
}

.soluna-restaurant.card {background-color:#F4F0EC; border:0; height:100%;}
.soluna-restaurant.card .card-body {padding:2.5rem 2.5rem 0;}
.soluna-restaurant.card .card-footer {background-color:#F4F0EC; border-top:0; padding:0 2.7rem 2.7rem;}

.package-item>div {
    max-width: 90%;
    position: relative;
    top: -30px;
    left: 5%;
}

/* TFC */
.card-overlap.card-overlap-title .card-overlap-text {color:#ffffff; padding: 50px;}
.card-overlap.card-overlap-title .card-overlap-text h1 {color:#ffffff;}

.bb-soluna .card-overlap.card-overlap-title .card-overlap-text {background-color: 526B4E;}
.jvc-soluna .card-overlap.card-overlap-title .card-overlap-text {background-color: #72B0BD;}


@media (min-width: 992px){
.card-overlap.card-overlap-title .card-overlap-text {padding: 50px;}
}

@media (min-width: 1400px){
.card-overlap.card-overlap-title .card-overlap-text {padding: 80px;}
}

/* TRYP - hero logo overlay */
.soluna-page-logo {
    position: absolute;
    top: 35%;
    left: 50%;    
    width: 300px;
    margin-left: -150px;
}

@media (min-width: 768px){
    .soluna-page-logo {width: 400px; margin-left: -200px; top:30%;}
}

@media (min-width: 1400px){
    .soluna-page-logo {width: 700px; margin-left: -350px; top:35%;}
}