@charset "utf-8";

body {
font-family: 'Nunito', sans-serif;
}
.col-1, .col-2{
max-width:none;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
color: #fff;
background-color: #ffb200;
border-color: #ffb200 #ffb200 #ffb200;font-weight: 700;
}
.nav-tabs {margin-top: 30px; margin-bottom: 20px;}
.tab-content {margin-top: 30px;}
.ubermenu-main {margin-right: -60px !important;}
.navbar {height: 110px; padding: 0px;}
.navbar-light {background-color: #fff !important;}
.logo-gemala {max-width:175px;}
.main-sga {margin-top: 150px;}
.sga-main-container {padding: 75px 0px;}
.btn {border-radius: 0px;}
tr,td {border: 1px solid; padding: 10px;vertical-align: top;}
.main-banner-sga {height: 700px; background-color: #ccc;margin-top: 110px;} .blue-bar-sga {background-color: #029ae6; height: 50px;}
.blue-bg-sga {background-color: #029ae6;}
.green-bg-sga {background-color: #bccf1d;}
.orange-bg-sga {background-color: #ffb200;}
.sidebar-accent {min-height: 170px; margin-top: -150px; padding: 50px;z-index: 100;}
.tagline-sga {font-size: 30px; color: #fff; font-weight: 700;}
.bg-read {background-image: url(//www.gemalaananda.sch.id/wp-content/themes/html5blank-stable/images/baca.png); background-size: contain;background-repeat: no-repeat;background-position-x: 30%;} 
.bg-kids {background-image: url(//www.gemalaananda.sch.id/wp-content/themes/html5blank-stable/images/kids-intro.png); background-size: contain;background-repeat: no-repeat;background-position-x: 90%;}
.banner-inside-sga {background-image: url(//www.gemalaananda.sch.id/wp-content/themes/html5blank-stable/images/bg-inside.png);height: 250px;    background-repeat: no-repeat; background-position: left 50px;background-size: cover; overflow: hidden;}
.jejak-sga {margin: 20px 0px 0px 0px; font-size: 12px;}
.image-inside-banner {clip-path: polygon(0 0, 89% 0, 100% 100%, 9% 100%);      margin-left: 60%;
background-size: cover;
background-repeat: no-repeat;
background-position: center 50px;
min-width: 500px;
height: 350px;
}
.sidebar-container-sga {padding: 20px 20px 10px 20px; margin-right: -15px; }
.sidebar-container-lower-sga {padding: 20px; margin-right: -15px;}
.btn-sidebar-sga {font-size: 18px;}
.kabar-gemala {margin-top: -150px;} h1 {color: #029ae6;}
.h1-main-sga {margin-top: 0px;}
h1 {font-size: 40px; font-weight: 300;}
h2 {color: #ffb200;}
h3 {font-size: 20px; color: #555; font-weight: 700;}
.h3-sidebar {font-weight: 700; font-size: 30px;}
.p-sga-intro {font-size: 20px;}
.text-orange {color: #ffb200;}
.p-sidebar-sga {font-size: 18px;}
.gambar-metode {margin-left: auto; margin-right: auto;}
.caption-sga {font-size: 12px; margin-bottom: 20px; background-color:#ffb200; padding: 20px; color: #fff;margin-top: -17px;}
.sl-overlay {
background: #029ae6 !important;    opacity: 0.9 !important;
}
.icons-sga {margin-right: -40px;}
.icon-sga {color: #999; margin-left: 10px; font-size: 25px !important;}
.shiftnav-toggle-button {
background: #fff !important;
color: #eee;
} .woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row {
display: block;
}
.form-row {
display: flex;
}
.woocommerce-input-wrapper {width: 100% !important;}
#order_review_heading {padding: 20px; background: #029ae6; margin-top: 20px; font-weight: 700; color: #fff; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
color: #000;
background-color: #ffb200 ;
}
.woocommerce #respond input#submit, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce input.button {
color: #fff !important;
background-color: #029ae6 !important;
}
.woocommerce-loop-product__title {color: #029ae6;}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
width: 100%;
}
.woocommerce form .password-input, .woocommerce-page form .password-input {
width: 100%;
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
top: .3em !important;
}
.woocommerce-loop-category__title {text-align: center;}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
background-color: #ffb200 !important;
color: #515151;
font-weight: 900 !important;
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
list-style: none !important;
}  .woocommerce .blockUI.blockOverlay:before,.woocommerce .loader:before {
position: fixed !important;
top: 50% !important;
left: 50% !important;
}
@media (min-width: 1200px){
.mobile-gemala {display:none;}
}
@media (min-width: 992px) and (max-width: 1199.98px){
.mobile-gemala {display:none;}
.kabar-gemala {margin-top: 30px;}
.sidebar-container-sga { margin-right: -15px;}
.sidebar-container-lower-sga {margin-right: -15px;}
}
@media (min-width: 768px) and (max-width: 991.98px){
.desktop-gemala {display: none;}
.ubermenu-main {margin-right: -50px !important;}
.image-inside-banner { margin-left: 30%;}
.sizing-book {max-width: 400px; margin-bottom: 30px;}
.kabar-gemala {margin-top: 30px;}
.sidebar-container-sga { margin-right: 0px;}
.sidebar-container-lower-sga {margin-right: 0px;}
}
@media (min-width: 576px) and (max-width: 767.98px) {
.desktop-gemala {display: none;}
.logo-area {width: 75% !important;flex: 0 0 75% !important;
max-width: 75% !important;}
.menu-area {width: 25% !important;flex: 0 0 25% !important;
max-width: 25% !important;}
.img-intro {margin-bottom: 30px;}
.bg-kids {background-image: url(//www.gemalaananda.sch.id/wp-content/themes/html5blank-stable/images/kids-intro.png); background-size: cover;background-repeat: no-repeat; padding-bottom: 400px !important; background-position:  center 250px;}
.anak-unik {margin-bottom: 50px !important;}
.image-inside-banner { margin-left: 30%;}
.sizing-book {max-width: 300px; margin-bottom: 30px;}
.kabar-gemala {margin-top: 30px;}
.sidebar-container-sga { margin-right: 0px;}
.sidebar-container-lower-sga {margin-right: 0px;}
.metode {margin-top: 20px;}
.shiftnav-toggle-button {
margin-right: -40px !important;
}
.sidebar-accent {min-height: 170px; margin-top: 0px; }
}
@media (max-width: 575.98px){
h1 {font-size: 40px; font-weight: 300;}
.desktop-gemala {display: none;}
.logo-gemala {margin-left: 15px;}
.logo-area {width: 75% !important;flex: 0 0 75% !important;
max-width: 75% !important;}
.menu-area {width: 25% !important;flex: 0 0 25% !important;
max-width: 25% !important;}
.img-intro {margin-bottom: 30px;}
.bg-kids {background-image: url(//www.gemalaananda.sch.id/wp-content/themes/html5blank-stable/images/kids-intro.png); background-size: cover;background-repeat: no-repeat; padding-bottom: 400px !important; background-position:  center 250px;}
.anak-unik {margin-bottom: 50px !important;}
.image-inside-banner {min-width: 100% !important; width: 100% !important;clip-path: none !important; background-position: center center !important; margin-left: -15px !important; position: absolute;}
.sizing-book {max-width: 300px; margin-bottom: 30px;}
.kabar-gemala {margin-top: 30px;}
.sidebar-container-sga { margin-right: 0px;}
.sidebar-container-lower-sga {margin-right: 0px;}.metode {margin-top: 20px;}	.metode {margin-top: 20px;}
.sidebar-accent {min-height: 170px; margin-top: 0px; }
}