/**
 * 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 balifitness
 * @version 1.0
 * @author  SCHLIX Web Inc <info@schlix.com>
 * @link    http://www.schlix.com
 */
body {
  /* min-height: 75rem;
    for sticky header - adjust this based on your need 
  padding-top: 74px;*/
}

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

/****************************************************/
/* 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}

/*** 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}

.media-header-full-width {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
  height:300px;
  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 ********8/
.dropdown-item {
  position: relative;
}

.dropdown-item a {display:block}
.dropdown-item a:hover {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}*/
section#display-frontpage {margin-top: 0px;padding-top:0px;margin-bottom:0;padding-bottom:0}

/*************************/
/* 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{ background:#eef0f2; border-top:5px solid #c6c7c4;  border-bottom:5px solid #846a6a;  font-size:14px;margin:0;}
#bottom h3{ margin-top:0;  margin-bottom:10px;  text-transform:uppercase;  font-size:22px;  color:#000}
#bottom ul{ list-style:none;  padding:0;  margin:0}
#bottom ul li{ display:block;  padding:5px 0}
#bottom ul li a{ color:#808080}
#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:2em;padding-bottom:2em}
.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 */
/********/
/*.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}*/


.b-example-divider{width:100%;height:3rem;background-color:#333333;border:solid rgba(20,20,20,.15);border-width:1px 0;box-shadow:inset 0 .5em 1.5em #222222,inset 0 .125em .5em #999999}
.b-example-vr{flex-shrink:0;width:1.5rem;height:100vh}.bi{vertical-align:-.125em;fill:currentColor}.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}

#my-video { margin: auto; position: absolute; z-index: -1; top: 30%; left: 50%; transform: translate(0%, -50%); opacity: 1; width: auto; height: 482px; visibility: visible }
.leaflet-popup-content h3 {color:black !important;font-size:18px}

.form-group {
  margin-bottom: 1rem;
}

.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

.form-row > .col {
  padding-left: 5px;
  padding-right: 5px;
}

label {
  margin-bottom: 0.5rem;
}


h5.pricing-card-title, .ws-nowrap {white-space: nowrap}

.rendezvous-class-schedule .card {border-color:goldenrod !important}
.rendezvous-class-schedule .card-header {background-color: goldenrod}
.rendezvous-class-schedule .card-header h6 {color: white;font-weight: bold; text-align: center}

    .rendezvous-class-hours {
      font-weight: bold; color: goldenrod;font-size: small;
    }

    .rendezvous-class-title {
      font-style: italic;
    }

    .rendezvous-class-trainer {
      color: firebrick; font-size: smaller;
    }

.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:goldenrod}

.schlix-faq-category-wrapper-one-page .card {border:none}
.schlix-faq-category-wrapper-one-page .card-header {background-color:black;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}

.contact_us_map_holder
{
    position: relative;
}
.contact_us_google_map_custom {width: 100%; max-height:300px; border: none}
.contact_us_map_text {

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
}

.contact_us_map_text h1.title {color:black}

#featurette-1 i {color:goldenrod}

.app-contacts  h1.contacts {font-size:32px}
.contact_form  {background:white;padding:20px;border-radius: 20px}
.contact_form input, .contact_form textarea {border:1px solid black}
.contact_form label {font-weight: bold; color: goldenrod}

.frontendeditcontrol-inner-control h2 {font-size:18px}

.bg-daily-pass-1 {background-color: darkred}
.bg-daily-pass-2 {background-color: brown}
.bg-daily-pass-3 {background-color: lightcoral}
.bg-daily-pass-4 {background-color: salmon}
.bg-daily-pass-5 {background-color: coral}
.bg-daily-pass-6 {background-color: tomato}

.border-daily-pass-1 {border-color: darkred}
.border-daily-pass-2 {border-color: brown}
.border-daily-pass-3 {border-color: lightcoral}
.border-daily-pass-4 {border-color: salmon}
.border-daily-pass-5 {border-color: coral}
.border-daily-pass-6 {border-color: tomato}

.bg-rendezvous-1{ background-color: crimson;}
.bg-rendezvous-2 { background-color: orange;}
.bg-rendezvous-3 { background-color: goldenrod;}
.bg-rendezvous-4 { background-color: green;}
.bg-rendezvous-5 { background-color: turquoise;}
.bg-rendezvous-6 { background-color: indigo;}
.bg-rendezvous-7 { background-color: purple;}

.border-rendezvous-1 { border-color: crimson;}
.border-rendezvous-2 { border-color: orange;}
.border-rendezvous-3 { border-color: goldenrod;}
.border-rendezvous-4 { border-color: green;}
.border-rendezvous-5 { border-color: turquoise;}
.border-rendezvous-6 { border-color: indigo;}
.border-rendezvous-7 { border-color: purple;}

ul#top_navigation_menu {text-transform: uppercase; font-weight: bold; font-family: 'Source Sans Pro', sans-serif}
ul#top_navigation_menu a {color:white}
ul#top_navigation_menu a:hover {color:goldenrod}