/* General */
 
:root {
	--border-radius: 4px;
	--border-radius2x: 8px;
	--default: #333333;
	--menu-base:#F3F4F6;
}
body {
   font-family: 'Poppins', sans-serif !important;
}
.text-default{color:var(--default) !important;
}
.text-menu-base{color:var(--menu-base) !important;
}
/* Heading font override */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   font-family: 'Helvetica', 'Arial', sans-serif !important;
   font-weight: 700;
}
.my-dropdown-submenu {min-width: 300px;}
.my-dropdown-menu {min-width: 300px;}

.bg-menu-base{background:var(--menu-base) !important;}
.bg-menu-light{background:var(--menu-base) !important;}
.bg-menu-color{background:var(--primary) !important;}

.level_0_light{color:var(--primary) !important;}
.text-search-light{color:var(--primary) !important;}

.level_0_color {
   color: var(--menu-base) !important;
}

.level_0_color:hover {
   border-top: 4px solid var(--menu-base);
}

.text-search-color{color:var(--menu-base) !important;}
/* Override untuk mobile */
@media (max-width: 767.98px) {
   .level_0_color {color: var(--primary) !important;}
   .text-search-color {color: var(--menu-base) !important;}
}

.footer-ribbon {
	/* position: absolute; */
	margin: -44px 0 0 0;
	padding: 10px 20px 6px 20px;
}

.footer-ribbon:before {
	border-right: 10px solid #646464;
	border-top: 16px solid transparent;
	content: "";
	display: block;
	height: 0;
	right: 100%;
	position: absolute;
	top: 0;
	width: 7px;
}

.footer-ribbon span {
	color: var(--light);
	font-size: 1.6em;
	font-family: "Shadows Into Light", cursive;
}
/* Footer - Skin */
.footer-ribbon {
	background: var(--primary);
}

.footer-ribbon:before {
	border-right-color: var(--primary-300);
	border-left-color: var(--primary-300);
}

.gh-card-picture,
.gh-card-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-home-slider {
height: 628px !important;
width: 100%;
object-fit: cover;
object-position: center; 
}
/* Aturan untuk perangkat mobile */
@media (max-width: 768px) {
    .img-home-slider {
      height: 300px !important;
      object-position: left; 
      width: auto;
    }
  }

.post-title-2-rows {
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
    max-height: 2.8em;
}
.post-content-dark{
	color: #293338;
	font-size: 14px !important;
}
.post-content-light{
	color: #c4d2f2;
	font-size: 14px !important;
}

/* reset Rounded  */
/* Sudut atas kiri */
.rounded-lt-0, .rounded-tl-0 {
    border-top-left-radius: 0 !important;
}

/* Sudut atas kanan */
.rounded-rt-0, .rounded-tr-0 {
    border-top-right-radius: 0 !important;
}

/* Sudut bawah kiri */
.rounded-lb-0,.rounded-bl-0 {
    border-bottom-left-radius: 0 !important;
}

/* Sudut bawah kanan */
.rounded-rb-0, .rounded-br-0 {
    border-bottom-right-radius: 0 !important;
}

/* Sisi start (kiri untuk LTR) */
.rounded-start-0 {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* Sisi end (kanan untuk LTR) */
.rounded-end-0 {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Sisi top */
.rounded-top-0 {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.h-70px{
    height: 70px !important; 
    width: auto;
}
/* Sisi bottom */
.rounded-bottom-0 {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
/* web related */
.web-related a {
    height: 80px !important;
}

.web-related img {
    height: 100%;
    object-fit: contain;
}
.overlay-web {
    opacity: 0.2;  
    z-index: 2; 
}