/**
 * 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
 */
/*****************************************/
/* A. Default options - responsive image */
/*****************************************/

img {max-width:100%}
.lead{ font-size:16px;  line-height:24px;  font-weight:400}
body >section{ padding:0.5em 0}

.center{ text-align:center;  padding-bottom:55px}


.transparent-bg{ background-color:transparent !important;  margin-bottom:0}

/**************************/
/* B. SCHLIX Notification */
/**************************/
.schlix-notification-icon{}

.schlix-notification-container{ position:fixed;  z-index:99999;  right:5px;  top:50px}

.schlix-notification-box{ cursor:pointer;  padding:12px;  margin:0 0 6px 0;  background-color:black;  opacity:0.7;  color:white;  font:normal 13px 'Open Sans','Lucida Grande',Verdana,Arial,Helvetica,sans-serif;  border-radius:3px;  box-shadow:#999 0 0 12px;  width:300px}

.schlix-notification-box:hover{ opacity:1;  box-shadow:#000 0 0 12px}
.schlix-notification-message{ color:white}

.schlix-notification-title{ color:white}

.schlix-ajax-output {display:block;}
div.schlix-ajax-output {display:none;}
div.schlix-ajax-output > ul {list-style: none;margin:0;padding:0 5px}
div.schlix-ajax-output ul li i {margin-right:5px}
div[data-status="success"].schlix-ajax-output {display: block;padding:5px;margin:3px;border-radius:5px; color:white; background: #76b852;
  background: -webkit-linear-gradient(to right, #76b852, #8dc26f); 
  background: linear-gradient(to right, #76b852, #8dc26f); }
div[data-status="error"].schlix-ajax-output {display: block;padding:5px;margin:3px;border-radius:5px;  color:white; background: #cb356b; background: linear-gradient(to right, #cb356b, #bd3f32); }


/***************************************************/
/* C. Article meta - date created, created by, etc */
/***************************************************/
div.meta.before-article {font-size:small}
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}

hr.article-separator { padding: 0; border: none; border-top: medium double #333; color: #333; text-align: center; } hr.article-separator:after { content: "§"; display: inline-block; position: relative; top: -0.7em; font-size: 1.5em; padding: 0 0.25em; background: white; }


/******************/
/* D. Blog Margin */
/******************/

#app-blog-main.mainpage.app-blog > article.item{margin-bottom:10px; border-bottom:1px solid #999999}

/*************/
/* D. Search */
/*************/
.search i{ color:#fff}

input.search-form{ background:transparent;  border:0 none;  width:60px;  padding:0 10px;  color:#FFF;  -webkit-transition:all 400ms;  -moz-transition:all 400ms;  -ms-transition:all 400ms;  -o-transition:all 400ms;  transition:all 400ms}

input.search-form::-webkit-input-placeholder{ color:transparent}

input.search-form:hover::-webkit-input-placeholder{ color:#fff}

input.search-form:hover{ width:180px}

.nice-search{ }

/*****************/
/* D. Responsive */
/*****************/

@media (min-width:768px){ 
}

@media (min-width:992px){
}

@media (max-width:767px){ 
}

@media (max-width:991px){
}

/*********************/
/* E. Busy Indicator */
/*********************/

#global-busy-indicator {
    display: none;
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: visible;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
#global-busy-indicator:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
}

/* :not(:required) hides these rules from IE9 and below */
#global-busy-indicator:not(:required) {
    /* hide "apas_busy_css..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

#global-busy-indicator:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 1500ms infinite linear;
    -moz-animation: spinner 1500ms infinite linear;
    -ms-animation: spinner 1500ms infinite linear;
    -o-animation: spinner 1500ms infinite linear;
    animation: spinner 1500ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}