header.container-header a {text-decoration: none;}

/* .navbar-brand:after{
  content:"Efesus 5 : 19 \"... dan berkata-katalah seorang kepada yang lain dalam mazmur, kidung puji-pujian dan nyanyian rohani. Bernyanyilah dan bersoraklah bagi Tuhan dengan segenap hati \"";
  font-size: 1rem;
  width: 80%;
  word-break: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  display: inline-block;
}
*/

span.star {color: red;}


.container-header .grid-child {
    padding: 0;
}

.container-header .navbar-brand {
  margin-left: 1em;
}

.metismenu.mod-menu .metismenu-item.active>a, .metismenu.mod-menu .metismenu-item.active>button, .metismenu.mod-menu .metismenu-item>a:hover, .metismenu.mod-menu .metismenu-item>button:hover {
  text-decoration: none;
}

.metismenu.mod-menu .metismenu-item.level-2:hover {
    background-color: #242a5e;
}

.metismenu.mod-menu li.metismenu-item .mm-collapse {
    background-color: #35396d !important;
    color: #eee;
}

.metismenu.mod-menu .mm-collapse>li.parent>ul {
    top: 8px;
}

.metismenu.mod-menu li.metismenu-item.level-1:last-child .mm-collapse {
    right: 20px;
}

/*.metismenu-item.level-2 */ ul.mm-collapse.mm-show {
    box-shadow: -2px -2px 8px #4e5281 !important;
}

.metismenu-item.level-2 .mm-toggler:after {margin-left: 40px;}

/* .metismenu-item a[href*="logout"] {background: #a00;} */

.note-aransemen {
    background-color: #cbffff;
    width: 80%;
    margin: 2rem auto;
}
.download-font-notangka {
    background-color: #fbfbea; 
    width: 80%;
    margin: 0 auto 2rem auto;
}
.download-font-notangka ul li {display:block; padding-bottom: 20px;}


/* PROFILE */
.mod-login-logout__button.logout-button button {background: #a00;}

.profile-edit .control-group .control-label:has(+ .controls > input.required) label[id*="lainnya"]:after {
  content: " *";
  color: red;
}


/* YOUTUBE EMBED */
.video-youtube-psallo1 .video-frame {
    position: relative;
    width: 100%;
    padding-bottom: 46.25%;
    padding-top: 30px;
    overflow: hidden;
}

.video-youtube-psallo1 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #eee;
}

.gallery-video .video-youtube .video-frame {
    position: relative;
    width: 47%;
    height: 280px;
    float: left;
    margin: 20px 10px 60px 10px;
}

.gallery-video .video-youtube iframe {
    position: relative;
    left: 0;
    width: 100%;
    height: 96%;
    border: 2px solid #eee;
}


/* START of FRONTEND USER MANAGER */

.com_frontendusermanager.view-usermanagers table#fum_userstable {
    display: block;
    overflow: auto;
    max-width: 92vw;
}

.com_frontendusermanager.view-usermanagers table#fum_userstable tr th {text-align: center;}

.com_frontendusermanager.view-usermanagers table#fum_userstable tr th:nth-child(1), 
.com_frontendusermanager.view-usermanagers table#fum_userstable tr td:nth-child(1) {
    position: sticky;
    left: -1px;
    padding: 0.75rem 0.3rem;
    background: #fffaf4 !important;
    z-index: 0;
}

.com_frontendusermanager.view-usermanagers table#fum_userstable tr th:nth-child(2), 
.com_frontendusermanager.view-usermanagers table#fum_userstable tr td:nth-child(2) {
    position: sticky;
    left: 62px;
    padding: 0.75rem 0.3rem;
    background: #fffaf4 !important;
    z-index: 0;
    max-width: 80px;
    overflow-wrap: break-word;
}

.com_frontendusermanager.view-usermanagers table#fum_userstable tr td:nth-child(5), 
.com_frontendusermanager.view-usermanagers table#fum_userstable tr td:nth-child(6) {
  text-align: center;
}

.com_frontendusermanager.view-usermanagers table#fum_userstable .pagination {
    float: left;
    position: sticky;
    left: 10px;
}

/* END of FRONTEND USER MANAGER */


.whois-online .mod-whosonline ul.nav li:before {
    content: "\f007";
    font-family: "Font Awesome 6 Free";
    font-size: 12pt;
    font-weight: 600;
    color: #0000ff;
    padding-right: 10px;
}


.form-table-itemdetails.guest .paginations a {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.6;
}


.footer {margin-top: 4em;}
.footer .grid-child {padding: 10px 30px 10px 30px;}
.footer .mod-footer {
    display: flex;
    flex-direction: column-reverse;
}
.footer .mod-footer .footer1 {
    line-height: 1.2;
    padding: 10px 0;
}



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

@media (min-width: 993px) {
  .container-header .container-nav {
    float: right;
    right: 1rem;
    width: auto;
    position: absolute;
    top: 10px;
  }
  .container-header .metismenu>li>a:after, .container-header .metismenu>li>button:before {
    opacity: .7;
  }
  .metismenu.mod-menu li.metismenu-item .mm-collapse {
    margin-top: -5px;
  }
}

@media (max-width: 992px) {
  .container-header .container-nav {
    padding: 0;
    display: block;
  }
  .container-header .container-nav .navbar {
    margin: 0;
  }
  .container-header .navbar-toggler {
    position: absolute;
    top: -45px;
    right: 25px;
    border: none;
  }
  .container-header .container-nav .navbar-collapse.show {
    right: 0;
    top: 0;
    position: absolute;
    background: #31386c;
  }
  .metismenu.mod-menu .metismenu-item {
    margin: auto;
    width: 200px;
    padding: 0.3em 1em;
  }

  ul.mm-collapse {
    box-shadow: -2px -2px 8px #4e5281 !important;
  }
  ul.mm-collapse {right: 30px;}
  
  .container-header .mod-menu.mod-list>li>a:hover {
    text-decoration: none;
  }
}

@media (min-width: 768px) and (max-width: 992px) {

}

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

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

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

@media (max-width: 767px) {
  .gallery-video .video-youtube .video-frame {
    width: 95%;
  }
}

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

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

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

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

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

@media (min-width: 415px) {

}

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

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