/* Custom User CSS for Cassiopeia (Joomla 4 Standard Frontend Template) */

/* width */
::-webkit-scrollbar {width: 12px;}
/* Track */
::-webkit-scrollbar-track {box-shadow: inset 0 0 5px grey; border-radius:5px;}
/* Handle */
::-webkit-scrollbar-thumb {background:var(--blueviolet); border-radius:5px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:#451167;}


:root {
	--cassiopeia-color-primary: #5f2783;
  	--cassiopeia-color-link: #5f2783;
  	--cassiopeia-color-hover: #451167;
  	--blueviolet: #5f2783;
}


/* body {font-size:1.2rem;} */

a, a:not([class]), a:hover {text-decoration:none;}


.container-header {background-color:transparent; background-image:none; box-shadow: 0 5px 4px rgb(0 0 0 / 10%);}
.container-header .grid-child {padding:0;}
.container-header nav {margin:0; position:unset; float:right;}
.container-header .navbar-brand {padding-top:0;}
.container-header .navbar-brand .brand-logo {font-size: calc(1.375rem + 1.5vw); float:left; margin:10px;}
.container-header .navbar-brand .site-description {font-size: calc(1.0rem + 0.6vw); margin:10px 60px;}
.container-header .navbar-brand .brand-logo, .container-header .navbar-brand .site-description {color:var(--blueviolet); font-weight:bold;}
.container-header .navbar-brand img {width:auto; min-width:auto; max-height:60px;}
.container-header .metismenu>li.active>a:after, .container-header .metismenu>li.active>button:before, .container-header .metismenu>li>a:hover:after, .container-header .metismenu>li>button:hover:before {background: var(--cassiopeia-color-hover);}

.container-header .navbar-toggler {color:var(--blueviolet); border:none;}
.container-header .mod-menu>li a {color:#333;}

.metismenu.mod-menu .metismenu-item.level-1, .metismenu.mod-menu .metismenu-item.level-1 .separator {font-weight:bold;}
.metismenu.mod-menu .metismenu-item.level-2 {font-weight:normal;}
.metismenu.mod-menu .metismenu-item.active>a {font-weight:bold; text-decoration:none;}
.container-header .mod-menu>li.active>a, .container-header .mod-menu>li.active>span {color: var(--cassiopeia-color-link);}
.container-header .mod-menu>li>a:hover, .metismenu.mod-menu .metismenu-item a:hover {color: var(--cassiopeia-color-hover); text-decoration:none;}
.metismenu.mod-menu .metismenu-item li.active a {color:#451167;}
.metismenu.mod-menu .metismenu-item li:hover {background:#faf3ff;}
.metismenu.mod-menu .metismenu-item>button {color:#333;}

.container-header .container-search {float:right; position:absolute; top:4px; right:60px;}


.com_jfilters #search-results {margin-bottom: 3em;}
.com_jfilters #search-results ul#search-result-list {
    border-bottom: 1px solid #000;
    padding-bottom: 1.5em;
}


.card {padding:20px; margin:20px 0px;}


/* HOME MAIN BANNER */
.home .container-banner {
/*  position: absolute; */
/*  height: 100vh; */
    width: 100%;
/*  display: flex; */
    align-items: center;
    justify-content: center;
  	text-align: center;
/* 	top:0; */
/* 	filter: brightness(0.5) saturate(40%); */
}

/*OK .home .container-banner::before {    
    content: "";
    background-image: url(/home/images/home-slideshow/hut-gpt-53-restoration_1440x960.webp);
    background-size: cover;
  	background-position: top center;
  	background-repeat: no-repeat;
  	position: absolute;
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  	opacity: 0.5;
/*    filter: brightness(0.5) saturate(40%); */
}
*/

/* .home .container-banner {
    height: 100vh;
    background: url(/home/images/home-slideshow/hut-gpt-53_1440x960.webp) top center no-repeat;
    background-size: cover;
	opacity:0.5;
  	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  	position: absolute;
    text-align: center;
}

.home .moduletable.home-visi {
	color: var(--cassiopeia-color-primary);	
  	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
  	width: 100%;
  	background: #ffffff95;
    padding: 2em;
}
*/

.home .navbar-collapse.show {
    background: #ffffff99;
}


/* HOME - VISI  GPT Rumah Kita */
.home .moduletable.home-visi {
	color: var(--cassiopeia-color-hover);  
 /*	opacity: 0.8; */
}

/* HOME below Main-Banner */
.home .container-component {
/*  margin-top: 90vh; */
/*  margin-top:70%; */
}

/* .home .blog-featured .blog-item {margin:1em;} */



/* LOGIN MODULE */
.moduletable.mod-login {justify-content:right; z-index:0;}
.moduletable.mod-login .mod-login-logout {display:flex;}
ul.mod-login-logout__options {padding:0 10px;}


/* HOME SLIDESHOW */
.slide-desc-text-default .slide-title {position:absolute; bottom:250px; left:40%;}

.container-component main {margin-bottom:3rem;}

/* ARTIKEL & BERITA */
.com-content-article figure.item-image, .com-content-article figure.item-image img {width:100%;}
.blog-items {grid-gap:3em;}
.blog-items .blog-item {border:1px solid #ddd; padding:2em; box-shadow:2px 2px 4px 2px #eee;}
figure figcaption.caption {text-align: center;}


/* KEGIATAN */
.kegiatan .edit.item-page #com-content-form #publishing .control-group:has(> .controls select#jform_catid), 
.kegiatan .edit.item-page #com-content-form #publishing .control-group .controls .choices__inner:has(> select#jform_catid) {pointer-events:none; background:#eee; cursor:not-allowed; user-select:none;} /* prevent to Edit Publishing > Category */


/* GEREJA LOKAL */
.gereja-lokal .fields-container .field-entry .field-label {font-weight:bold;}
.gereja-lokal table#list-gereja-lokal thead {position:sticky; top:0; background:#fff; z-index:1}
.gereja-lokal table#list-gereja-lokal thead th#categorylist_header_title, table#list-gereja-lokal tbody tr th {position:sticky; left:-1px; width:100px; background:#fff;}
.gereja-lokal .com-content-category__pagination {display:inline-block; overflow:auto; max-width:100%;}
.gereja-lokal table#list-gereja-lokal + a.btn.btn-primary {display:none;}

.gereja-lokal .edit.item-page #com-content-form #editor .control-group:has(> .controls > div > textarea#jform_articletext), 
.create-new-gereja-lokal .edit.item-page #com-content-form #editor .control-group:has(> .controls > div > textarea#jform_articletext) {display:none;} /* hide Tab Content > textarea Description */

.gereja-lokal .edit.item-page #com-content-form button[aria-controls="images"], 
.create-new-gereja-lokal .edit.item-page #com-content-form button[aria-controls="images"] {display:none;} /* hide Tab Image & Links */

.gereja-lokal .edit.item-page #com-content-form #publishing .control-group:has(> .controls select#jform_catid), 
.gereja-lokal .edit.item-page #com-content-form #publishing .control-group .controls .choices__inner:has(> select#jform_catid) {pointer-events:none; background:#eee; cursor:not-allowed; user-select:none;} /* prevent to Edit Publishing > Category */


/* WARTA GPT */
.home .warta-gpt table th {font-size:1.2em; background:#f9fafb;}
.home .warta-gpt table td {box-shadow:none;}
.upload-warta .edit.item-page #com-content-form #attrib-fields-2 .control-group:has(> .control-label > label#jform_com_fields_file-lbl), 
.edit-warta .edit.item-page #com-content-form #attrib-fields-2 .control-group:has(> .control-label > label#jform_com_fields_file-lbl) {
  background: #f1fbf1;
  padding: 1em;
}

.upload-warta .edit.item-page #com-content-form #editor .control-group:has(> .controls > div > textarea#jform_articletext), 
.edit-warta .edit.item-page #com-content-form #editor .control-group:has(> .controls > div > textarea#jform_articletext) {display:none;} /* hide Tab Content > textarea Description */

.upload-warta .edit.item-page #com-content-form button[aria-controls="images"], 
.edit-warta .edit.item-page #com-content-form button[aria-controls="images"] {display:none;} /* hide Tab Image & Links */

.upload-warta .edit.item-page #com-content-form #attrib-fields-2 #fieldset-fields-2 .form-grid #jform_com_fields__file__text, 
.upload-warta .edit.item-page #com-content-form #attrib-fields-2 #fieldset-fields-2 .form-grid #jform_com_fields__file__target, 
.edit-warta .edit.item-page #com-content-form #attrib-fields-2 #fieldset-fields-2 .form-grid #jform_com_fields__file__text, 
.edit-warta .edit.item-page #com-content-form #attrib-fields-2 #fieldset-fields-2 .form-grid #jform_com_fields__file__target {pointer-events:none; background:#eee;} /* prevent to edit Link Text: Download */

.edit-warta .edit.item-page #com-content-form #publishing .control-group:has(> .controls select#jform_catid), 
.edit-warta .edit.item-page #com-content-form #publishing .control-group .controls .choices__inner:has(> select#jform_catid) {pointer-events:none; background:#eee; cursor:not-allowed; user-select:none;} /* prevent to Edit Publishing > Category */

.edit-warta .acf_url.link {position:relative;}
.edit-warta .acf_url.link:after {content: "\f019"; font-family: FontAwesome; color:#000; position:absolute; padding-left:10px;}
.edit-warta .category.table + a.btn.btn-primary {display:none;} /* hide "New Article" button below Warta GPT page */
/* .edit.item-page form[action*="buat-artikel-baru"] {display:none;} */


/* FOOTER */
footer.footer .grid-child {
	display:grid; 
  	padding: 0 .5em .5em 1.5em; 
  	-webkit-box-shadow: -2px -8px 10px 0px rgb(0 0 0 / 50%);
	-moz-box-shadow: -2px -8px 10px 0px rgb(0 0 0 / 50%);
	box-shadow: -2px -8px 10px 0px rgb(0 0 0 / 50%);
	background-image: linear-gradient(135deg, #451167 0, var(--blueviolet) 100%);
}

footer.footer {color:#dfdfdf; z-index:1;}
footer.footer a {color:#eaeaea;}
footer.footer a:hover {color:#fff;}
footer .mod-footer {padding-top:10px;}
#back-top {position:fixed; bottom: 2.1rem;}
a#back-top:hover {color:#FFF;}



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

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

@media (min-width: 992px) {
/* 	.grid-child {max-width:none;} */
	.container-header .navbar-brand {position:absolute;}
	.container-header .container-nav {float:right; /*width:75%;*/ margin-top:50px; display:block;}
	.container-header .metismenu>li>a:after, .container-header .metismenu>li>button:before {opacity:0.8; background:var(--cassiopeia-color-hover);}
	.sidebar-left .card-body {padding:.2rem .2rem .2rem .8rem;}
}

@media (max-width: 991px) {
  	.container-header .navbar-toggler {
      	float: right;
        display: inline-block;
        position: absolute;
        right:1em;
        top:1em;
    }
  .container-header .container-nav {padding:0;}
/*	.container-header .grid-child {padding: 0.2em; background:#fff;} */
	.navbar-collapse .metismenu-item.parent button:after {left:190px;}
  	.metismenu.mod-menu .metismenu-item:hover, .metismenu.mod-menu .metismenu-item ul li:hover {background:#faf4ff;}
	.navbar-collapse .metismenu-item.level-2 ul {height:200px; overflow-y:scroll;}
}

@media (min-width: 976px) {
	.container-header {
  		background:none;
  		position:sticky !important;
		top:-160px;
	}
/*   	.container-header .container-nav {display:block; padding:0;} */
  	table#list-gereja-lokal thead th#categorylist_header_title, table#list-gereja-lokal tbody tr th {width:200px;}
}

@media (max-width: 975px) {
	.navbar-toggler:focus {box-shadow:none;}
/*	.container-header .container-nav {padding-bottom:0;} */
	.container-header .container-nav nav {width:100%; margin-top:0; /* margin-bottom:0.5em; */}
	.container-header .mod-menu > li {border-bottom:1px dotted #ebccff;}
/*	.container-header .navbar-collapse.show {margin-top:0.5em;} */
  	table#list-gereja-lokal {position:relative; overflow-x:scroll; display:block; width:100%;}
}

@media (max-width: 975px) and (min-width: 768px) {
	table#list-gereja-lokal thead th#categorylist_header_title, table#list-gereja-lokal tbody tr th {width:150px;}
}

@media (min-width: 768px) {
	.contact-footer #mod-custom122 div {width:49%;}
}

@media (max-width: 767px) {
	.container-header .container-search {top:50px;}
	body.wrapper-fluid .site-grid {grid-gap: 0 1em;}
	body.wrapper-fluid header>.grid-child {padding-right:1.0em; padding-left:1.0em;}
  	.contact-footer #mod-custom122 div {width:100%;}
}

@media (min-width: 576px) {
  .container-header {padding:0 1rem;}
  .container-header .navbar-brand {width:90%;}
  .container-header .navbar-brand .site-description {margin:20px auto;}
}

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

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

@media (max-width: 479px) {
	body.wrapper-fluid header>.grid-child {padding-right:0; padding-left:0;} 
	body.wrapper-fluid footer>.grid-child {padding-right:1.5em; padding-left:1.5em;}
	.container-header .container-search {right:10px;}
	.container-header .container-search input {padding: 0.2rem 0.6rem;}
  	.home .blog-featured .blog-items.card {padding:0;}
  	.home .berita-terbaru .card-body {padding:0;}
  	.blog-items {border:none;}
  .blog-items .blog-item {padding:1em;}
}

@media (max-width: 400px) {
/*  	.blog-items .blog-item {border-bottom:1px solid #eee;} */
}