/**
 * Rendezvous Bali Fitness - theme
 * 
 * This is an example of Rendezvous Bali Fitness theme for SCHLIX CMS v2.2.x.
 * 
 * @copyright 2025 SCHLIX Web Inc
 *
 * @license GPLv3
 *
 * @package hotel-gym-ubud
 * @version 1.0
 * @author  SCHLIX Web Inc <info@schlix.com>
 * @link    http://www.schlix.com
 */
:root
 {
 }

body {
    /* Sticky top 
   min-height: 75rem;
  padding-top: 4.5rem;*/
}

h1, h2, h3, h4, h5, h6 {font-family: Oswald, sans-serif}

body#tinymce { min-height: inherit;padding-top: 0}


/****************************************************/
/*                Default                           */
/****************************************************/



 .white-bg { background: #fff !important; }
 .gray-bg { background: #f5f6f7 !important; }
 .black-bg { background: #303030 !important; }
 .default-bg { background: #b99044 !important; }
 .transparent-bg { background: transparent !important; }

 /********** Link *********/
 a,
button {
    -webkit-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s;
}
a:focus,
button:focus {
    text-decoration: none;
    outline: none;
}
a:focus,
a:hover {
    color: gold;
    text-decoration: none;
}
a  {
    outline: medium none;
    color: #b99044;
}
/*********** HEADER *********/
.breadcrumb a {color:white}
/*************************
       social-icon
*************************/
.social-link > li {
	list-style: none;
	display: inline-block;
	margin: 0 5px;
}
.social-link > li > a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: block;
	border: 1px solid #b99044;
	text-align: center;
	border-radius: 100%;
}
.social-link > li > a:hover {
	background-color: #b99044;
	color: #303030;
}

.testimonials-section {background-color: gainsboro;padding-top:30px}
 
.recent-blog-posts .container{padding-top:1rem;padding-bottom:1rem}
.recent-blog-posts p {margin-bottom: 0px;}

/****************************************************/
/* Colour scheme #eef0f2, #c6c7c4, #846a6a, #353b3c */
/****************************************************/
.bg-color1 {background-color: #eef0f2;color:#353b3c}
.bg-color2 {background-color: #c6c7c4;color:#846a6a}
.bg-color3 {background-color: #846a6a;color:#eef0f2}
.bg-color4 {background-color: #353b3c;color:#c6c7c4}

/**********Header *********/
.media-header-full-width h1.item.title {color:white;text-shadow:0 0 3px gray}

.media-header-full-width {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
  height:360px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  
}

.media-header-blog-item { height: 500px}
.media-header-title {}

/*** customize breadcrumb ***/
.breadcrumb-bg {
  background: #222222;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
  
  

}
ol.breadcrumb, ol.breadcrumb li, ol.breadcrumb li a {background:transparent}
 
/********Dropdown ********/
.dropdown-item {
  position: relative;
}

a.dropdown-item  {display:block}
a.dropdown-item:hover {background-color: #333333;color:white}

.dropdown-submenu>a:after {
  content: "\f0da";
  float: right;
  border: none;
  font-family: 'FontAwesome';
}
/*
.dropdown-item > ul.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: 0px;
  margin-left: 0px;
}
*/
/**********/
/* Pages */
/**********/
img {max-width:100%}
/*section#display-page {padding-top:1em;padding-bottom:1em;margin-top:1em;margin-bottom:1em}*/
/*#display-frontpage {margin-top: 0px;padding-top:0px;margin-bottom:0;padding-bottom:0} */
/*** h1 with no custom header **/
#display-page h1.title {margin-top:1em;}
/*** h1 with custom header **/
#display-page .media-header-full-width h1.title {margin-top: 0em}

#display-page, #galleryslideshow {top: -20px;position:relative}
/*#display-page  {top: -5px;position:relative}*/

.contact_us_map_holder
{
    /*position: relative;top:130px;display:none;*/
    margin-top:75px !important; 
}

@media (max-width:400px){ 

}


@media (min-width:1201px){ 
 #rendezvous-youtube-intro {width: 480px; height: 270px;}
}

@media (max-width:1200px) and (min-width:901px){
 #rendezvous-youtube-intro {width: 480px; height: 270px}
}

@media (max-width:900px) and (min-width:601px){ 
 #rendezvous-youtube-intro {width: 360px; height: 270px}
}

@media (max-width:600px){ 
 #rendezvous-youtube-intro {width: 360px; height: 270px}
 #display-page, #galleryslideshow {top: -10px;}
.contact_us_map_holder
{
    margin-top:60px !important;
}
}

@media (max-width:400px){ 
 #rendezvous-youtube-intro {width: 360px; height: 270px}
}




/*************************/
/* Landing Pages Styling */
/*************************/
.text-above-about-us-background {position: relative;z-index: 100;padding: 20px;background: rgb(34,34,34);background: rgba(34,34,34,0.75);    color:white;}

.section-testimonials {text-align:center;font-size:small;padding-bottom:4em;padding-top:1em}
.section-about-theme {padding-bottom: 4em;padding-top:1em}
h2.section-heading {color:#353b3c;font-size:30px;margin-bottom:1em}
img.review-person {border-radius: 50%}

h5.section-subheading {color:lightslategray}
p.section-subheading {color:maroon;text-transform:uppercase}
.section-about-us {background-color:#101010;color:white;background: url(https://static-demo.schlix.website/images/static/sample1/demo/articles/team_meeting_1.jpg) no-repeat;background-position: center;background-size: cover;color:black;}
.section-about-us h2 {padding-top:0 !important;color:white}

/*************/
/* Frontpage */
/*************/
.frontpage-latestblog a i {font-size:16px}
.frontpage-latestblog {margin: 2em 0}
.frontpage-latestblog h4 {margin-top: 2em}
/* 042a2b 5eb1bf cdedf6 ef7b45 d84727 */
/******************/
/* Articles/Blog  */
/******************/

.app-page-main.app-blog > div.main.items > section.child-item {margin-bottom:10px; border-bottom:1px solid #999999}

address.article-meta-created-by,
address.article-meta-modified-by,
time {display:inline-block}

time.article-meta-date-created,
time.article-meta-date-modified,
address.article-meta-created-by,
address.article-meta-modified-by{margin-right:1em}
img#avatar,
img.user-article-avatar {border-radius: 50%}

.article-item-category,
.article-item-tag {margin-right:1em;background-color:#202020}

.article-item-tags,
.article-item-categories {margin-top:1em;margin-bottom:1em}


/**********************/
/* Blog Category Tree */
/**********************/
#blogcategories h3 {font-size:18px;font-weight:bold}
ul.nested-category-list {padding:0;list-style:none}
ul.nested-category-list ul {padding-left: 0.1em;}
ul.nested-category-list li {list-style:none;padding-left: 1.3em;    }
ul.nested-category-list li a{padding:5px 0;    display:block;    }
ul.nested-category-list li ul li {color: blue;}

ul.nested-category-list li a:before {content: "\f054";font:normal normal 900 14px/1 "Font Awesome 5 Free";display: inline-block;margin-left: -1.3em;width: 1.3em;}


/*********************/
/* Blog Archive Tree */
/*********************/
#blogarchives h3 {font-size:18px;font-weight:bold}
ul.blogarchive-year {padding:0;list-style:none}
ul.blogarchive-year > li {font-size:18px;font-weight:bold}
ul.blogarchive-month li {font-size:13px;list-style:none;padding-left: 1.3em;    }
ul.blogarchive-month li a:before {content: "\f054";font:normal normal 900 14px/1 "Font Awesome 5 Free";display: inline-block;margin-left: -1.3em;width: 1.3em;}


/*************************
  *******Typography******
**************************/
.slide_image {width: 100%}

/**********/
/* Bottom */
/**********/
/********/
/* Contacts */
.contacts_info_map{height:300px !important;min-height:300px !important}


/*************/
/*   Bottom  */
/*************/

#bottom{ border-top:5px solid #c6c7c4;  border-bottom:2px solid gold;  font-size:14px;margin:0;color:white}
#bottom {
    background: linear-gradient(135deg, black 0%, #333333 100%);
    padding: 40px 0;
    position: relative;
    overflow: hidden;
}

#bottom::before {
    content: '';
    position: absolute;
    top: -50%;
    right: -10%;
    width: 500px;
    height: 500px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.05);
}


#bottom h3{ margin-top:0;  margin-bottom:10px;  text-transform:uppercase;  font-size:22px;  color:white}
#bottom ul{ list-style:none;  padding:0;  margin:0}
#bottom ul li{ display:block;  padding:5px 0}
#bottom ul li a{ color:gold}
#bottom ul li a:hover{ color:#c52d2f}


/**********************/
/* Blog Category Tree */
/**********************/

ul.nested-category-list {font-family: 'Montserrat', sans-serif;padding:0;}
ul.nested-category-list ul {padding-left: 0.1em;}
ul.nested-category-list li {list-style:none;padding-left: 1.3em;    }
ul.nested-category-list li a{padding:5px 0;    display:block;    }
ul.nested-category-list li ul li {color: blue;}

ul.nested-category-list li a:before {content: "\f054";font:normal normal 900 14px/1 "Font Awesome 5 Free";display: inline-block;margin-left: -1.3em;width: 1.3em;}

/*** Testimonials ***/

.testimonial {
  max-width: 800px;
  margin: 0 auto !important;
  text-align: center; }
  .testimonial blockquote {
    font-size: 1.5rem;
    font-style: italic; }
  .testimonial figure img {
    max-width: 100px;
    margin: 0 auto;
    border-radius: 50%; }

.testimonial-wrap .owl-nav {
  display: none; }

/*************/
/* Frontpage */
/*************/


.carousel-caption {
 background-color: rgba(255, 255, 255, .75);  
 backdrop-filter: blur(55px);
 top: 50%;
transform: translateY(-50%);
bottom: initial;
border-radius: 5px;
color: #666666;
text-shadow:0 0 3px gray;
text-align:left;
padding:2em;
} 



.row-flex {display:flex}
.featurette {font-size:small;margin:0  !important;padding:0 !important}
.featurette > div {padding-top:0.5em;padding-bottom:0.5em}
.featurette h4 {color:#666666}
.jumbotron p {font-size:14px}
.recent-blog-posts {background-color:#eef0f2;padding:0;margin:0}

.frontpage-latestblog .intro-text {font-size:12px;overflow:hidden}
.frontpage-latestblog .intro-title {font-size:16px;padding-bottom:0 !important;margin-bottom:0 !important;line-height:1 !important;font-weight:bold;}
.frontpage-latestblog .intro-date {font-size:11px;font-family: Arial, Helvetica, sans-serif;}
.frontpage-latestblog-category-title {font-weight:bold;text-transform: uppercase;letter-spacing: 5px}

.frontpage-latestblog a i {font-size:16px}
.front_extra_row1 {background-color:#eef0f2}
.front_extra_row2 {background-color:#c6c7c4}
.front_extra_row3 {background-color:#846a6a;color:white}

.front_extra_row1 a {color:#846a6a}
.front_extra_row2 a {color:#353b3c}
.front_extra_row3 a {color:#eef0f2}


/**** Menu ****/
/*#main-navbar-menu .dropdown-item:hover {background-color: #846a6a;color:white}
#main-navbar-menu .dropdown-item:hover > a {color:white}
*/
@media (min-width:901px){ 
 
 #main-navbar-menu .nice-search {padding-left: 2em}
}
/*************/
/* Services - box with numbers */
.box-with-humber {
  position: relative; }
  .box-with-humber .number-behind {
    font-size: 8rem;
    position: absolute;
    z-index: -1;
    top: -4rem;
    left: -3rem;
    font-weight: 900;
    color: #f2f4f5; }


/*************
/* Hex View */
/*************/
.hexgrid{ display:flex;  flex-wrap:wrap;  width:90%;  margin:0 auto;  overflow:hidden;  font-size:15px;  list-style-type:none}

.hex{ position:relative;  visibility:hidden;  outline:1px solid transparent}
.hex::after{ content:'';  display:block;  padding-bottom:86.602%}
.hexin{ position:absolute;  width:96%;  padding-bottom:110.851%;  margin:0 2%;  overflow:hidden;  visibility:hidden;  outline:1px solid transparent;  -webkit-transform:rotate3d(0,0,1,-60deg) skewY(30deg);  -ms-transform:rotate3d(0,0,1,-60deg) skewY(30deg);  transform:rotate3d(0,0,1,-60deg) skewY(30deg)}
.hexin *{ position:absolute;  visibility:visible;  outline:1px solid transparent}
.hexhref{ display:block;  width:100%;  height:100%;  text-align:center;  color:#fff;  overflow:hidden;  -webkit-transform:skewY(-30deg) rotate3d(0,0,1,60deg);  -ms-transform:skewY(-30deg) rotate3d(0,0,1,60deg);  transform:skewY(-30deg) rotate3d(0,0,1,60deg)}

.hex h4, .hex p{ width:100%;  padding:5%;  box-sizing:border-box;  background-color:rgba(128,128,128,0.8);  font-weight:300;  -webkit-transition: -webkit-transform .2s ease-out,opacity .3s ease-out;  transition: transform .2s ease-out,opacity .3s ease-out}
.hex h4{ bottom:50%;  padding-top:50%;  font-size:1.5em;  z-index:1;  -webkit-transform:translate3d(0,-100%,0);  -ms-transform:translate3d(0,-100%,0);  transform:translate3d(0,-100%,0)}
.hex h4::after{ content:'';  position:absolute;  bottom:0;  left:45%;  width:10%;  text-align:center;  border-bottom:1px solid #fff}
.hex p{ top:50%;  padding-bottom:50%;  -webkit-transform:translate3d(0,100%,0);  -ms-transform:translate3d(0,100%,0);  transform:translate3d(0,100%,0)}

.hexhref{background-size:cover}
.hexhref:hover h4, .hexhref:focus h4, 
.hexhref:hover p, .hexhref:focus p{ -webkit-transform:translate3d(0,0,0);  -ms-transform:translate3d(0,0,0);  transform:translate3d(0,0,0)}

@media (min-width:1201px){ 
 .hexgrid{ padding-bottom:4.4% }
 .hex{ width:20%}
 .hex:nth-child(9n+6){ margin-left:10%}
}

@media (max-width:1200px) and (min-width:901px){
 .hexgrid{ padding-bottom:5.5% }
 .hex{ width:25%}
 .hex:nth-child(7n+5){ margin-left:12.5%}
}

@media (max-width:900px) and (min-width:601px){ 
 .hexgrid{ padding-bottom:7.4% }
 .hex{ width:33.333%}
 .hex:nth-child(5n+4){ margin-left:16.666%}
}

@media (max-width:600px){ 
 .hexgrid{ padding-bottom:11.2% }
 .hex{ width:50%}
 .hex:nth-child(3n+3){ margin-left:25%}
}

@media (max-width:400px){ 
 .hexgrid{ font-size:13px}
}


/***************/
/* Footer */
/**********/
#footer{ padding-top:30px;  padding-bottom:30px;  color:white;  background:#353b3c}
#footer a{ color:#fff}
#footer a:hover{ color:#c52d2f}
#footer ul{ list-style:none;  padding:0;  margin:0}
#footer ul >li{ display:inline-block;  margin-left:15px}
#footer ul > li a {padding-top: 0px}

/**********/
/* Menu */
/********/
.ease-transition, #rendezvous-bali-company-logo
{
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;
} 

#rendezvous-bali-company-logo { height:50px}
.navbar-shrink {padding-top: 3px !important; 
 padding-bottom: 3px !important
}

.rendezvous-logo-shrink {
    height:30px !important ;  
    -webkit-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
    transition: 0.3s all ease;

}
.bg-top-rendezvous {background-color: #222222;}



.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem; 
}

/* Frosted Glass Navbar */

.navbar-toggler-icon {border-radius:3px; border:1px solid var(--accent);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='gold' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);  
}

.bg-semi-dark {
    z-index: 1000;
    background-color: #111111;
    background: rgba(17, 17, 17, 0.50);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
   /*mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.98) 90%, rgba(0, 0, 0, 0.3) );*/
   
    transition: all 0.1s ease;
}                 

.bg-semi-dark:hover {
    /*background: rgba(38, 38, 38, 0.80);*/
}


/*.navbar-nav a {display:block;padding: 0.25rem 1.5rem;}
.navbar-nav .dropdown-item {padding-left:0px;padding-right:0px}
.navbar-nav > li.nav-item > a.nav-link {white-space: nowrap}*/

/******************************************************************************/
@media (max-width: 600px) {

    #rendezvous-bali-company-logo { height:35px}


}

.rendezvous-hotel-card .card-title  {color:white }
.rendezvous-hotel-card .card-body {
    color:white;
    color: rgba(255, 255, 255, 0.6);
}

.rendezvous-hotel-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    border-color: var(--accent);
}


.rendezvous-card-image {
    height: 220px;
    object-fit: cover;
}

.schlix-faq-category-wrapper-one-page {margin:3em 0}
h3.schlix-faq {font-size:15px}
a.schlix-faq-link {cursor: pointer;text-decoration: none;}
a.schlix-faq-link:hover h3.schlix-faq {color:saddlebrown}

.schlix-faq-category-wrapper-one-page .card {border:none}
.schlix-faq-category-wrapper-one-page .card-header {border-width:0px;padding-left:0;padding-bottom:0}
.app-faq .faq-answer a {text-decoration:underline !important;}
.app-faq .faq-answer a:hover {color:goldenrod}

 
.custom_google_map_iframe {top:232px}

h1.contacts {font-size: 2em}