/* soluna beach club */
.soluna-page {background-image:url('../img/soluna-beach-main-bg.jpg');background-size:100%; background-repeat:no-repeat;}

.page-template-template-soluna nav.navbar {background-color:rgba(255,255,255,0);}
.page-template-template-soluna nav.navbar.navbar-scroll {background-color:rgba(255,255,255,1);}

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

.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-size:100%; background-repeat:no-repeat; top:0; height:100%;}

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


.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 {padding: 50px;}

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

.bb-soluna .card-overlap.card-overlap-title .card-overlap-text h1,
.jvc-soluna .card-overlap.card-overlap-title .card-overlap-text h1 {color:#ffffff;}


@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%;}
}