.transparent-header1a #sp-header:not(.header-sticky) {background-color: rgba(255, 255, 255, 0.8); position: absolute; top: 40px;}
.transparent-header1a .sp-page-title .sp-page-title-heading {color: #15a195;}
.transparent-header1a .sp-page-title {padding: 135px 0 40px;}
.transparent-header1a .sp-page-title .breadcrumb > li, .transparent-header1a .sp-page-title .breadcrumb > li + li:before, .transparent-header1a .sp-page-title .breadcrumb > li > a, .transparent-header1a .sp-page-title .breadcrumb > .active {color: white;}
.transparent-header1a .sp-page-title .breadcrumb a:hover {color: #15a195;}
.transparent-header1a .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}





.mod-finder .awesomplete{
  width: 100%;
}
.mod-finder .awesomplete input{
  border: unset;
  border-bottom: 1px solid #e74c3c;
}
.view-article .pagination {
    justify-content: space-between;
}

#sp-header .sp-megamenu-parent>li>a:before {
    display: none;
}
#sp-header .sp-megamenu-parent>li>a {
  margin: 0px !important;
  text-transform: uppercase;
  color: #222;
}


.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li:hover>a {
    color: #15a195 !important;
}

/* —————————————————————————————*/

.menu-parent {
  position: relative;
}

.submenu-toggle {
  position: absolute !important;
  right: 10px;
  cursor: pointer;
  font-size: 18px !important;
  font-weight: bold;
    z-index: 12;
}

.menu-child {
  display: none; /* Initially hidden */
}

.menu-child.show {
  display: block;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li a, .offcanvas-menu .offcanvas-inner .sp-module ul>li span {
    display: flex;
    font-size: 1rem;
    padding: 0.125rem 0;
    position: unset;
}
.offcanvas-menu .offcanvas-inner .sp-module ul>li {
    overflow: unset !important;
}

/*----------------------------*/

.article-header-wrap .article-share-on {
    top: 160px; left: -160px; right: initial;
}

/* search box result */
select.inputbox:not([multiple]), select:not([multiple]) {height: 2.75rem}

.article-body-right .sp-module ul > li {
    display: list-item;
    list-style: disc;
    padding-left: .5em}
.article-body-right .sp-module {
background-color: #f9f9f9;
    margin: 20px 0}

/* Heading + Breadcrumbs *

.breadcrumb-white .breadcrumb-item.active {color: inherit}
.breadcrumb-white .breadcrumb-item +.breadcrumb-item:before {color: inherit}
.breadcrumb-white .breadcrumb {background-color: transparent}
.breadcrumb-white .breadcrumb {margin-bottom: 0}
.breadcrumb-white .breadcrumb {padding: 0.5rem 0rem}

.breadcrumb-black .breadcrumb-item.active {color: inherit}
.breadcrumb-black .breadcrumb-item +.breadcrumb-item:before {color: inherit}
.breadcrumb-black .breadcrumb {background-color: transparent}
.breadcrumb-black .breadcrumb {margin-bottom: 0}
.breadcrumb-black .breadcrumb {padding: 0.5rem 0rem}



.transparent-header .sp-page-title .sp-page-title-heading {color: white;}
.transparent-header .sp-page-title {padding: 135px 0 40px;}
.transparent-header .sp-page-title .breadcrumb a:hover {color: #15a195;}

.transparent-header1 #sp-header:not(.header-sticky) {background-color: white}
.transparent-header1 .sp-page-title .sp-page-title-heading {color: #15a195;}
.transparent-header1 .sp-page-title {padding-top: 50px; padding-bottom: 40px;}
.transparent-header1 .sp-page-title .breadcrumb > li, .transparent-header1 .sp-page-title .breadcrumb > li + li:before, .transparent-header1 .sp-page-title .breadcrumb > li > a, .transparent-header1 .sp-page-title .breadcrumb > .active {color: white;}
.transparent-header1 .sp-page-title .breadcrumb a:hover {color: #15a195;}
.transparent-header1 .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header1a #sp-header:not(.header-sticky) {background-color: rgba(255, 255, 255, 0.8); position: absolute;}
.transparent-header1a .sp-page-title .sp-page-title-heading {color: #15a195;}
.transparent-header1a .sp-page-title {padding: 135px 0 40px;}
.transparent-header1a .sp-page-title .breadcrumb > li, .transparent-header1a .sp-page-title .breadcrumb > li + li:before, .transparent-header1a .sp-page-title .breadcrumb > li > a, .transparent-header1a .sp-page-title .breadcrumb > .active {color: white;}
.transparent-header1a .sp-page-title .breadcrumb a:hover {color: #15a195;}
.transparent-header1a .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header2 #sp-header:not(.header-sticky) {background-color: white}
.transparent-header2 .sp-page-title .sp-page-title-heading {color: white}
.transparent-header2 .sp-page-title {padding-top: 50px; padding-bottom: 40px;}
.transparent-header2 .sp-page-title .breadcrumb > li, .transparent-header2 .sp-page-title .breadcrumb > li + li:before, .transparent-header2 .sp-page-title .breadcrumb > li > a, .transparent-header2 .sp-page-title .breadcrumb > .active {color: white;}
.transparent-header2 .sp-page-title .breadcrumb a:hover {color: #15a195;}
.transparent-header2 .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header2a #sp-header:not(.header-sticky) {background-color: transparent; position: absolute;}
.transparent-header2a .sp-page-title .sp-page-title-heading {color: white}
.transparent-header2a .sp-page-title {padding: 135px 0 40px;}
.transparent-header2a .sp-page-title .breadcrumb > li, .transparent-header2a .sp-page-title .breadcrumb > li + li:before, .transparent-header2a .sp-page-title .breadcrumb > li > a, .transparent-header2a .sp-page-title .breadcrumb > .active {color: white;}
.transparent-header2a .sp-page-title .breadcrumb a:hover {color: #15a195;}
.transparent-header2a .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header3 #sp-header:not(.header-sticky) {background-color: white}
.transparent-header3 .sp-page-title .sp-page-title-heading {color: white}
.transparent-header3 .sp-page-title {padding-top: 50px; padding-bottom: 40px;}
.transparent-header3 .sp-page-title .breadcrumb > li, .transparent-header3 .sp-page-title .breadcrumb > li + li:before, .transparent-header3 .sp-page-title .breadcrumb > li > a, .transparent-header3 .sp-page-title .breadcrumb > .active {color: black;}
.transparent-header3 .sp-page-title .breadcrumb a:hover {color: #15a195;}
.transparent-header3 .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header3a #sp-header:not(.header-sticky) {background-color: transparent; position: absolute;}
.transparent-header3a .sp-page-title .sp-page-title-heading {color: white;}
.transparent-header3a .sp-page-title {padding: 135px 0 40px;}
.transparent-header3a .sp-page-title .breadcrumb > li, .transparent-header3a .sp-page-title .breadcrumb > li + li:before, .transparent-header3a .sp-page-title .breadcrumb > li > a, .transparent-header3a .sp-page-title .breadcrumb > .active {color: black;}
.transparent-header3a .sp-page-title .breadcrumb a:hover {color: #15a195;}
.transparent-header3a .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header4 #sp-header:not(.header-sticky) {background-color: white}
.transparent-header4 .sp-page-title .sp-page-title-heading {color: #15a195;}
.transparent-header4 .sp-page-title {padding-top: 50px; padding-bottom: 40px;}
.transparent-header4 .sp-page-title .breadcrumb > li, .transparent-header4 .sp-page-title .breadcrumb > li + li:before, .transparent-header4 .sp-page-title .breadcrumb > li > a, .transparent-header4 .sp-page-title .breadcrumb > .active {color: black;}
.transparent-header4 .sp-page-title .breadcrumb a:hover {color: #15a195;}
.transparent-header4 .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header4a #sp-header:not(.header-sticky) {background-color: transparent; position: absolute;}
.transparent-header4a .sp-page-title .sp-page-title-heading {color: #15a195;}
.transparent-header4a .sp-page-title {padding: 135px 0 40px;}
.transparent-header4a .sp-page-title .breadcrumb > li, .transparent-header4a .sp-page-title .breadcrumb > li + li:before, .transparent-header4a .sp-page-title .breadcrumb > li > a, .transparent-header4a .sp-page-title .breadcrumb > .active {color: black;}
.transparent-header4a .sp-page-title .breadcrumb a:hover {color: #15a195;}
.transparent-header4a .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header5 #sp-header:not(.header-sticky) {background-color: white}
.transparent-header5 .sp-page-title .sp-page-title-heading {color: inherit;}
.transparent-header5 .sp-page-title {padding-top: 50px; padding-bottom: 40px;}
.transparent-header5 .sp-page-title .breadcrumb > li, .transparent-header5 .sp-page-title .breadcrumb > li + li:before, .transparent-header5 .sp-page-title .breadcrumb > li > a, .transparent-header5 .sp-page-title .breadcrumb > .active {color: black;}
.transparent-header5 .sp-page-title .breadcrumb a:hover {color: #15a195;}
.transparent-header5 .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}

.transparent-header5a #sp-header:not(.header-sticky) {background-color: transparent; position: absolute;}
.transparent-header5a .sp-page-title .sp-page-title-heading {color: inherit;}
.transparent-header5a .sp-page-title {padding: 135px 0 40px;}
.transparent-header5a .sp-page-title .breadcrumb > li, .transparent-header5a .sp-page-title .breadcrumb > li + li:before, .transparent-header5a .sp-page-title .breadcrumb > li > a, .transparent-header5a .sp-page-title .breadcrumb > .active {color: black;}
.transparent-header5a .sp-page-title .breadcrumb a:hover {color: #15a195;}
.transparent-header5a .sp-page-title .breadcrumb {font-size: 15px; padding-left: 5px}


*/

/* Susun tel, email & social icons */

.sp-contact-info {float: right;}

.sp-contact-info-2 {
  list-style: none;
  padding: 0;
  margin: 0 -10px;
}
.sp-contact-info-2 li {
  display: inline-block;
  margin: 0 10px;
  white-space: nowrap;
}
.sp-contact-info-2 li i {
  margin: 0 3px;
}

.sp-contact-info-3 {
  list-style: none;  padding: 0;
  margin: 0 -10px; font-size: 11.6px
}
.sp-contact-info-3 li {
  display: inline-block;
  margin: 0 10px;
  white-space: nowrap;
}
.sp-contact-info-3 li i {
  margin: 0 3px;
}

/*  Tinggi Top Bar */

#sp-top-bar .sp-module {
    margin: 0 0 -16px 1.25rem;}

/* Font Menu Footer */
#sp-bottom .sp-module .sp-module-title {
    font-weight: 600;
    font-size: 14px;}
#sp-bottom .sp-module ul > li > a {
    font-size: 13px;}
#sp-bottom .sp-module ul > li > a:hover { color: white;}

#sp-top-bar {height: 40px; font-weight: 500;}

#sp-header {top: auto;}

.transparent-header #sp-header:not(.header-sticky) {
    background-color:  rgba(247, 247, 247, 0.7); position: absolute; }

#sp-header.header-sticky {
top:-15px; height: 70px; transition: all 0.5s ease-in-out;}
.header-sticky div div .logo {width: 150%};

#sp-header .sp-megamenu-parent > li > a:before {display:none;}

.sp-megamenu-parent > li > a {
    color: #202020;
    text-transform: uppercase;
}

@media (min-width: 992px) {
#sp-header .sp-megamenu-parent > li > a {
    padding: 0 0px;
    margin: 0 13px;
    font-weight: 500;
    font-size: 13px;
}}

@media (min-width: 1200px) {
#sp-header .sp-megamenu-parent > li > a {
    padding: 0 0px;
    margin: 0 15px;
    font-weight: 600;
    font-size: 14px;
}}

 .menu-center-2 {
   float: left;
 }

#sp-bottom .sp-module ul > li > a {
    font-weight: 300;
    color: rgba(245, 245, 245, .6);
}

#sp-footer a, #sp-bottom a {
    color: rgba(219, 219, 219, 0.5);
}