/*
Theme Name: Krisan Edu Health Hub
Theme URI: https://superintegrasi.com
Author: XMTN
Author URI: https://xmtn.net
Version: 2024
Requires at least: 5.2
Tested up to: 6.1
Requires PHP: 8.0
Text Domain: krisan_text
*/

.wp-block-heading {margin-top: 20px;}

:root {
    --bs-font-sans-serif: 'Muli', sans-serif;
}
img {max-width:100%;max-height:100%;height:auto;}
a {text-decoration:none; transition: .5s ease;}
input, textarea, select {max-width: 100%;padding:5px 10px;background-color: #ebffe5; border-radius:1em; border:1px solid #cdf5c2;}
.rounded, .rounded-pill, .rounded-circle {overflow: hidden;}
.page-loader-wrapper {transition:0.5s ease}
.loaded .page-loader-wrapper {opacity: 0;scale:0.1; top:-200%;transition:0.5s ease;}

#main-navigation {
    top: -1px;
    position:sticky;
    position: -webkit-sticky;
}

#main-navigation.sticky {
    position: fixed;
    top: -1px;
    z-index: 1000;
    margin-top: 0 !important;
}

#main-navigation.sticky .main-menu, #mobile-navbar {
    background-color: rgba(255,255,255,0.8);
}

#logo-header {max-height: 70px;}

#mobile-navbar {
    transition: all 1s ease;
    overflow: hidden;
}

#mobile-menu {
    max-height:0;
    transition: 0.5s ease;
    overflow: hidden;
}

.opened #mobile-menu {
    max-height: 1000px;
}

#mobile-menu ul {list-style: none;}
#mobile-menu li {padding: 5px;}
#mobile-menu li a {color: #333;font-weight: bold;}

#mobile-whatsapp-wrapper {
    z-index: 1000;
    bottom: 40px;
    left: 30px;
}

.main-menu {
    list-style: none;
    display: flex;
  flex-direction: row;
  height: 70px;
  background: #fff;
  z-index: 10;
}
.main-menu li {
    text-align: center; font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    color: #000;
    letter-spacing: 0.1rem;
    transition: all 0.5s ease;
    font-size: 0.8rem;
}
.main-menu li a{
    color: #333;
    display:flex;
    align-items: center;
    justify-content: center;
    line-height:1.1em;
    width:100%;
    height: 100%;
}

.main-menu li li a{
    color: #333;
    display:block;
    line-height:1em;
}

#whatsapp-menu > a {color:rgb(121, 197, 6);line-height: 80px;}
#whatsapp-menu > a:hover {color:#fff;}
#whatsapp-menu > a:after {display: none;}

.main-menu > li:not(:first-child) a:hover, .main-menu > li.current-menu-item a {
    color: #fff;
    background: rgb(103, 146, 39);
}


.main-menu > li:first-child a:hover{
    scale: 1.1;
}

.sub-menu {
    padding-left:0;
    overflow: hidden;
    max-height: 0px;
    transition: 0.6s ease;
}

li:hover .sub-menu, li:active .sub-menu {
    max-height: 500px;
    border-top: 1px solid rgba(0,0,0,0.5);
    border-bottom: 1px solid rgba(0,0,0,0.5);
    margin: 10px 0 10px;
}

#mobile-menu a:hover, #mobile-menu a:active {
    color: rgb(118, 103, 18);
    transform: scale(1.1);
    transition: 0.6s ease;
    display: block;

}

#footer-menu {
    background-color: #4298af;
    color: white;
}

footer {
    background-color: #33859b;
    color:white;
    font-size: 90%;
}
#footer-menu a, footer a {color:white;}
#footer-menu a:hover, footer a:hover {color:#bbb}
.krisan-socials {
    list-style: none;
    margin:0;
}

.swiper-pagination-bullet-active {background: #cb672a}

#kontak {background: rgb(255,255,255);
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(184,194,72,1) 100%);}
.wpcf7-form-control-wrap {display:block; margin-bottom:5px;}
.wpcf7-response-output {border-radius: 1em;font-weight: bold;text-align: center;}
#show-pass-button.active {background:grey;color:white}

#pageTitleWrapper {
    background: rgb(255,255,255);
    background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(184,194,72,1) 100%);
}

.swiper-button-prev:after, .swiper-button-next:after {content: none}
.swiper-button-prev, .swiper-button-next {font-size:300%;}