:root {
  --cassiopeia-color-primary: #e0b705;
  --cassiopeia-color-hover: #6f5a00;
  --cassiopeia-color-link: #957900;
}

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

.container-header {background-color: rgba(255, 255, 255, 0.9); background-image:none;} 
#mod-custom109 {width:200px;}
.container-header .mod-menu {color:#927701;}
.container-header .navbar-toggler {border:1px solid #a68701; color:#ac8c01;}

/* .container-header .navbar-collapse.show {display: inline;} */

/* .container-header .metismenu>li.active>a:after, .container-header .metismenu>li.active>button:before, */
.container-header .metismenu>li>a:hover:after {background:#b59300; opacity:0.7;}
.mod-menu li a:hover {text-decoration: none !important;}




/* MENU ABOUT US */

.blog-items .item-content i.fa {padding-right:20px; color:#cca500;}

.contactus h3 {padding-bottom:20px;}
.contactus a:link {text-decoration:none;}


.footer .grid-child {padding: 0.5rem 1.5em; align-items: unset;}
/* .footer {background-image: linear-gradient(179deg,var(--cassiopeia-color-primary) 0,var(--cassiopeia-color-hover) 100%);} */
.footer {background-image: linear-gradient(179deg,#fffbeb 0,#f4e9ba 100%); color: #b89709; border-top: 1px solid #ffe368;}

#back-top {position:fixed; float:right; right:20px;}


@media (max-width: 992px) {
  .container-header {position:sticky !important;}
  .container-header .navbar-toggler {position:fixed; float:right; top:15px; right:30px; z-index: 1;}
  .container-header .mod-menu {margin-right:60px; width:300px;}
  /* .navbar {display: inline;} */
  /* .metismenu.mod-menu .metismenu-item:not(.level-2)>ul {margin-right: 2em;} */
  .mod-menu ul.mm-show {right:70px; margin-top: -10px;}
  .metismenu.mod-menu .metismenu-item.active>a, .metismenu.mod-menu .metismenu-item.active>button {text-decoration:none;}
}

@media (min-width: 641px) and (max-width: 992px) {
  /* range 641px ~ 992px ini khusus utk mengubah Layout MENU (TOP) dari Vertical menjadi Horizontal, jika tdk perlu ganti layout Menu maka silahkan commented-out semua script dlm range ini */
  .container-header .container-nav nav {margin-top:0.5em;}
  .container-header .mod-menu {display:flex; flex-direction:row; flex: 1 1 0%;}
  .metismenu.mod-menu .metismenu-item {flex-wrap: unset;}
  .container-header .navbar-toggler {display:none;}
  #navbar1 {display:flex; flex-wrap:wrap; justify-content:space-between;}
  .mod-menu ul.mm-show {right:-60px; margin-top:0;}
}

@media (max-width: 640px) {
  .container-header .container-nav nav {margin-top: 0;}
  .container-header .mod-menu {width:250px;}
  .mod-menu ul.mm-show {right:20px;}
}