/* ================================================================
   SENTA STUDIO — About Us Page CSS
   Scoped to body.senta-page-tentang / .senta-about-page
   Matches the Artikel editorial system.
   ================================================================ */

/* ---- Variables ---- */
.senta-about-page {
	--art-ink: #17244b;
	--art-muted: #64748b;
	--art-border: #e2e8f0;
	--art-surface: #ffffff;
	--art-bg: #f6f8fb;
	--art-teal: #168b82;
	--art-teal-light: #f0faf9;
	--art-radius: 10px;
	--art-container: 1200px;
	--art-reading: 720px;
	--art-navy: #17244b;
}

/* ---- Page-level reset ---- */
.senta-about-page {
	color: var(--art-ink);
	background: var(--art-bg);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}
.senta-about-page * { box-sizing: border-box; }
.senta-about-page { overflow-x: hidden; }

/* ---- Suppress GP content chrome ---- */
body.senta-page-tentang .site-content,
body.senta-page-tentang .content-area,
body.senta-page-tentang .site-main,
body.senta-page-tentang .widget-area {
	padding: 0;
	width: 100%;
	margin: 0;
	display: block;
}
body.senta-page-tentang .widget-area { display: none; }

/* ---- Container ---- */
.senta-about-container {
	max-width: var(--art-container);
	margin: 0 auto;
	padding: 0 24px;
}

/* ================================================================
   HEADER — same as Artikel
   ================================================================ */
body.senta-page-tentang .site-header {
	position: relative !important;
	background: rgba(255,255,255,.94) !important;
	box-shadow: 0 8px 28px rgba(15,23,42,.1) !important;
	backdrop-filter: blur(14px) !important;
}
body.senta-page-tentang .site-header .site-logo img {
	filter: none !important;
	max-height: 42px;
	width: auto;
	content: url('/wp-content/themes/senta-studio-child/assets/images/senta-logo-white.png') !important;
}
body.senta-page-tentang .site-header .site-branding a,
body.senta-page-tentang .site-header .main-navigation a,
body.senta-page-tentang .site-header .menu-toggle {
	color: var(--art-ink) !important;
}
body.senta-page-tentang .site-header .main-navigation .main-nav ul ul li a {
	color: var(--art-ink) !important;
}
body.senta-page-tentang .site-header .main-navigation .menu-item.senta-header-cta a {
	background-color: #25D366 !important;
	color: #FFFFFF !important;
	border: none !important;
	border-radius: 50px !important;
	padding: 0 16px !important;
	height: 42px !important;
	min-height: 42px !important;
	display: inline-flex !important;
	align-items: center !important;
	gap: 7px !important;
	font-size: .68rem !important;
	line-height: 1 !important;
}
body.senta-page-tentang .site-header .main-navigation .menu-item.senta-header-cta a svg {
	fill: #FFFFFF !important;
	width: 16px !important;
	height: 16px !important;
}
body.senta-page-tentang .site-header .main-navigation .menu-item.senta-header-cta a:hover,
body.senta-page-tentang .site-header .main-navigation .menu-item.senta-header-cta a:focus,
body.senta-page-tentang .site-header .main-navigation .menu-item.senta-header-cta a:active {
	background-color: #128C7E !important;
	color: #FFFFFF !important;
	transform: translateY(-1px) !important;
	text-decoration: none !important;
}
body.senta-page-tentang .site-header .main-navigation .menu-item.senta-header-cta a:active {
	background-color: #075E54 !important;
	transform: translateY(0) !important;
}
body.senta-page-tentang .site-header .main-navigation .main-nav > ul > li > a:hover,
body.senta-page-tentang .site-header .main-navigation .main-nav > ul > li > a:focus,
body.senta-page-tentang .site-header .main-navigation .main-nav > ul > li.current-menu-item > a {
	color: var(--art-teal) !important;
}
body.senta-page-tentang .site-header .inside-header {
	width: min(1360px, calc(100% - 144px));
	max-width: none !important;
	padding: 18px 0;
}
body.senta-page-tentang .site-header #site-navigation { margin-left: auto; }
body.senta-page-tentang .site-header #site-navigation .inside-navigation { height: auto; min-height: 0; align-items: center; }
body.senta-page-tentang .site-header .site-branding-container { align-self: center; }
body.senta-page-tentang .site-header .main-navigation .main-nav > ul { display: flex; align-items: center; flex-wrap: nowrap; height: auto; gap: 0; }
body.senta-page-tentang .site-header .main-navigation .main-nav > ul > li > a { line-height: 44px; padding-inline: 12px; font-size: .78rem; }
body.senta-page-tentang .site-header .main-navigation .main-nav > ul > li.menu-item-has-children > a { padding-right: 0; }
body.senta-page-tentang .site-header .main-navigation .dropdown-menu-toggle { padding-inline: 6px; }
body.senta-page-tentang .site-header .main-nav .senta-social { display: flex; align-items: center; margin-left: 16px !important; padding-left: 14px; border-left: 1px solid rgba(16,24,39,.12); }
body.senta-page-tentang .site-header .main-nav .senta-social > a { display: grid; place-items: center; width: 30px; height: 44px; padding: 0 !important; line-height: 1 !important; }
body.senta-page-tentang .site-header .main-nav .senta-social svg { width: 18px; height: 18px; fill: currentColor; }
/* Instagram: outline silhouette, not a solid black square */
body.senta-page-tentang .site-header .main-nav .senta-social > a:first-child svg {
	fill: none !important;
	stroke: currentColor;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}
body.senta-page-tentang .site-header .main-nav .senta-social > a:first-child svg .fill {
	fill: none !important;
}
body.senta-page-tentang .site-header .main-nav .senta-header-cta { margin-left: 8px; }
body.senta-page-tentang .site-header .main-navigation .main-nav > ul > li:last-child > a { line-height: 1 !important; }

/* Mobile */
@media (max-width: 768px) {
	body.senta-page-tentang .site-header .inside-header { width: calc(100% - 36px); padding: 14px 0; }
	body.senta-page-tentang .site-header .main-nav .senta-social,
	body.senta-page-tentang .site-header .main-nav .senta-header-cta { display: none !important; }
	body.senta-page-tentang .site-header #site-navigation.toggled,
	body.senta-page-tentang .site-header #site-navigation.toggled .inside-navigation { background-color: #fff !important; background-image: none !important; }
	body.senta-page-tentang .site-header #site-navigation.toggled .main-nav a { color: var(--art-ink) !important; }
	body.senta-page-tentang .site-header #site-navigation.toggled .main-nav > ul > li > a { line-height: 48px; padding-inline: 18px; }
}

/* ================================================================
   ABOUT INTRO — same style as Artikel intro
   ================================================================ */
.senta-about-intro {
	padding: 64px 0 20px;
	text-align: left;
}
.senta-about-eyebrow {
	font-size: .72rem;
	font-weight: 700;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: var(--art-teal);
	margin: 0 0 10px;
}
.senta-about-title {
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	font-weight: 800;
	line-height: 1.15;
	color: var(--art-ink);
	margin: 0 0 10px;
}
.senta-about-lead {
	font-size: 1.05rem;
	color: var(--art-muted);
	max-width: 560px;
	margin: 0;
	line-height: 1.65;
}

/* ================================================================
   ABOUT LAYOUT — 2-column: main content + sidebar
   ================================================================ */
.senta-about-layout {
	display: grid;
	grid-template-columns: 1fr 340px;
	gap: 48px;
	margin-top: 32px;
	padding-bottom: 40px;
}

/* ---- Main column ---- */
.senta-about-main {
	max-width: none;
}
.senta-about-section {
	margin-bottom: 40px;
}
.senta-about-kicker {
	font-size: .68rem;
	font-weight: 700;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--art-teal);
	margin: 0 0 8px;
}
.senta-about-section h2 {
	font-size: 1.3rem;
	font-weight: 700;
	line-height: 1.35;
	color: var(--art-ink);
	margin: 0 0 14px;
}
.senta-about-section p {
	font-size: .95rem;
	color: var(--art-ink);
	line-height: 1.75;
	margin: 0 0 16px;
	max-width: 680px;
}
.senta-about-section p:last-child { margin-bottom: 0; }

/* ---- Service links ---- */
.senta-about-service-links {
	display: flex;
	flex-wrap: wrap;
	gap: 0 28px;
	margin-top: 18px;
}
.senta-about-service-links a {
	font-size: .95rem;
	font-weight: 600;
	color: var(--art-ink);
	text-decoration: none;
	line-height: 2.1;
	transition: color .2s ease;
}
.senta-about-service-links a:hover { color: var(--art-teal); }

/* ---- Sidebar ---- */
.senta-about-aside {
	display: flex;
	flex-direction: column;
	gap: 0;
	border-left: 1px solid var(--art-border);
	padding-left: 36px;
}
.senta-about-aside-block {
	padding: 0 0 32px;
}
.senta-about-aside-block:last-child { padding-bottom: 0; }
.senta-about-aside-number {
	display: block;
	font-size: .65rem;
	font-weight: 700;
	color: var(--art-teal);
	letter-spacing: .06em;
	margin-bottom: 6px;
}
.senta-about-aside-block strong {
	display: block;
	font-size: 1rem;
	font-weight: 700;
	color: var(--art-ink);
	margin-bottom: 6px;
}
.senta-about-aside-block p {
	font-size: .85rem;
	color: var(--art-muted);
	line-height: 1.6;
	margin: 0;
}

/* ================================================================
   CTA — same restrained style as Artikel
   ================================================================ */
.senta-about-cta {
	text-align: left;
	padding: 40px 32px;
	margin: 12px 0 48px;
	background: var(--art-navy);
	border-radius: var(--art-radius);
	color: #fff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 24px;
}
.senta-about-cta .senta-about-kicker { color: rgba(255,255,255,.52); }
.senta-about-cta h2 {
	font-size: 1.15rem;
	font-weight: 700;
	margin: 0 0 4px;
	color: #fff;
	max-width: 520px;
	line-height: 1.45;
}
.senta-about-cta a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 22px;
	background: var(--art-teal);
	color: #fff;
	border-radius: 999px;
	font-size: .85rem;
	font-weight: 600;
	text-decoration: none;
	white-space: nowrap;
	transition: background .2s ease;
}
.senta-about-cta a:hover { background: #127a72; }

/* ================================================================
   RESPONSIVE — Mobile hamburger + clean stacking
   ================================================================ */

/* Tablet: collapse 2-col to 1-col */
@media (max-width: 1024px) {
	.senta-about-layout {
		grid-template-columns: 1fr;
		gap: 32px;
	}
	.senta-about-aside {
		border-left: none;
		padding-left: 0;
		border-top: 1px solid var(--art-border);
		padding-top: 28px;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;
	}
	.senta-about-aside-block { padding: 0; }
}

/* Mobile: hamburger menu + hide desktop nav */
@media (max-width: 900px) {
	body.senta-page-tentang .site-header .inside-header {
		width: calc(100% - 36px);
		padding: 14px 0;
	}
	body.senta-page-tentang .site-header .mobile-menu-control-wrapper {
		display: flex !important;
		margin-left: auto;
	}
	body.senta-page-tentang .site-header .mobile-menu-control-wrapper .menu-toggle {
		display: grid !important;
		place-items: center;
		min-width: 44px;
		min-height: 44px;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
		box-shadow: none;
		color: var(--art-ink) !important;
	}
	body.senta-page-tentang .site-header .main-nav .senta-social,
	body.senta-page-tentang .site-header .main-nav .senta-header-cta {
		display: none !important;
	}
	body.senta-page-tentang .site-header #site-navigation {
		display: none !important;
		margin: 0;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 100;
	}
	body.senta-page-tentang .site-header #site-navigation.toggled {
		display: block !important;
	}
	body.senta-page-tentang .site-header #site-navigation.toggled .inside-navigation {
		display: block !important;
		padding: 18px 20px 24px;
		background: #fff !important;
		box-shadow: 0 14px 32px rgba(15,23,42,.14);
	}
	body.senta-page-tentang .site-header #site-navigation.toggled .main-nav,
	body.senta-page-tentang .site-header #site-navigation.toggled .main-nav > ul {
		display: block;
		width: 100%;
		background: #fff;
	}
	body.senta-page-tentang .site-header #site-navigation.toggled .main-nav > ul > li {
		display: block;
		width: 100%;
	}
	body.senta-page-tentang .site-header #site-navigation.toggled .main-nav > ul > li > a {
		display: flex;
		align-items: center;
		min-height: 44px;
		padding: 12px 4px;
		color: var(--art-ink) !important;
		font-size: 15px;
	}
	body.senta-page-tentang .site-header #site-navigation.toggled .main-nav ul ul {
		position: static;
		width: 100%;
		min-width: 0;
		padding-left: 14px;
		background: #f5f7fb;
		border: 0;
		box-shadow: none;
	}
	body.senta-page-tentang .site-header #site-navigation.toggled .senta-social,
	body.senta-page-tentang .site-header #site-navigation.toggled .senta-header-cta {
		display: none !important;
	}
}

/* Force dark hamburger icon on mobile (override service.css white) */
body.senta-page-tentang .site-header .mobile-menu-control-wrapper .menu-toggle {
	color: var(--art-ink) !important;
}
body.senta-page-tentang .site-header .mobile-menu-control-wrapper .menu-toggle svg {
	fill: currentColor;
}

/* Mobile small: further adjustments */
@media (max-width: 640px) {
	.senta-about-intro { padding: 48px 0 12px; }
	.senta-about-container { padding: 0 18px; }
	.senta-about-layout { margin-top: 24px; padding-bottom: 32px; }
	.senta-about-aside { grid-template-columns: 1fr; gap: 20px; }
	.senta-about-cta {
		flex-direction: column;
		align-items: flex-start;
		padding: 28px 20px;
	}
	.senta-about-cta h2 { font-size: 1.05rem; }
	.senta-about-service-links { gap: 0 18px; }
	.senta-about-section p { font-size: .9rem; }
	.senta-about-section h2 { font-size: 1.15rem; }
}

/* Print */
@media print {
	.senta-about-page .site-header,
	.senta-about-cta { display: none; }
}


/* Phase 15G — Final About mobile header parity with Contact. */
@media (max-width:900px) {
  body.senta-page-tentang .site-header .inside-header{display:flex!important;align-items:center!important;justify-content:space-between!important;visibility:visible!important;opacity:1!important}
  body.senta-page-tentang .site-header .mobile-menu-control-wrapper{display:flex!important;position:relative!important;align-items:center!important;justify-content:center!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;margin:0 0 0 auto!important;visibility:visible!important;opacity:1!important;z-index:1400!important}
  body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle{display:grid!important;place-items:center!important;position:relative!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#11172d!important;visibility:visible!important;opacity:1!important}
  body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle .gp-icon{display:block!important;position:absolute!important;inset:0!important;color:#11172d!important;font-size:0!important;pointer-events:none!important}
  body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle .gp-icon svg{display:none!important;position:absolute!important;inset:11px!important;width:22px!important;height:22px!important;fill:currentColor!important;color:#11172d!important}
  body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle .gp-icon svg:first-child{display:block!important}
  body.senta-page-tentang .site-header .mobile-menu-control-wrapper.toggled>.menu-toggle .gp-icon svg:first-child{display:none!important}
  body.senta-page-tentang .site-header .mobile-menu-control-wrapper.toggled>.menu-toggle .gp-icon svg:nth-child(2){display:block!important}
  body.senta-page-tentang .site-header #site-navigation.toggled,body.senta-page-tentang .site-header #site-navigation.toggled .inside-navigation,body.senta-page-tentang .site-header #site-navigation.toggled .main-nav,body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul{background:#11172d!important;background-image:none!important}
  body.senta-page-tentang .site-header #site-navigation.toggled .inside-navigation{padding:8px 20px 12px!important}
  body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul>li>a{display:flex!important;align-items:center!important;width:100%!important;min-height:42px!important;padding:7px 0!important;color:#fff!important;background:transparent!important;border:0!important;box-shadow:none!important;font-size:15px!important;line-height:1.3!important}
  body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul>li.current-menu-item>a,body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul>li>a:hover,body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul>li>a:focus{color:#67d6be!important}
  body.senta-page-tentang .site-header #site-navigation.toggled .main-nav ul ul{position:static!important;width:100%!important;min-width:0!important;padding:0 0 2px 16px!important;background:#17244b!important;border:0!important;box-shadow:none!important}
  body.senta-page-tentang .site-header #site-navigation.toggled .main-nav ul ul a{min-height:38px!important;padding:7px 0!important;color:rgba(255,255,255,.82)!important;background:transparent!important;font-size:14px!important}
  body.senta-page-tentang .site-header #site-navigation.toggled .senta-social,body.senta-page-tentang .site-header #site-navigation.toggled .senta-header-cta,body.senta-page-tentang .site-header .main-nav>ul>li.senta-social,body.senta-page-tentang .site-header .main-nav>ul>li.senta-header-cta{display:none!important}
}


/* Tentang Kami mobile: locked parity with the approved Artikel navigation. */
@media (max-width:1100px){
 body.senta-page-tentang .site-header,
 body.senta-page-tentang .site-header.is-scrolled,
 body.senta-page-tentang .site-header.menu-open,
 body.senta-page-tentang .site-header.has-inline-mobile-toggle,
 body.senta-page-tentang .site-header:has(#site-navigation.toggled),
 body.senta-page-tentang .site-header .inside-header,
 body.senta-page-tentang .site-header.is-scrolled .inside-header,
 body.senta-page-tentang .site-header.menu-open .inside-header{
  background:#17244b!important;background-image:none!important;
 }
 body.senta-page-tentang .site-header .site-logo img,
 body.senta-page-tentang .site-header.is-scrolled .site-logo img,
 body.senta-page-tentang .site-header.menu-open .site-logo img,
 body.senta-page-tentang .site-header:has(#site-navigation.toggled) .site-logo img{
  content:url('/wp-content/themes/senta-studio-child/assets/images/senta-logo-white.png')!important;
  filter:none!important;opacity:1!important;visibility:visible!important;
 }
 body.senta-page-tentang .site-header .site-logo,
 body.senta-page-tentang .site-header .site-logo a,
 body.senta-page-tentang .site-header .site-branding-container{opacity:1!important;visibility:visible!important;}
 body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle,
 body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle:hover,
 body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle:focus{
  display:grid!important;place-items:center!important;position:relative!important;
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  padding:0!important;margin:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;box-shadow:none!important;color:#fff!important;
  opacity:1!important;visibility:visible!important;
 }
 body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle .gp-icon,
 body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle .gp-icon svg{display:block!important;width:24px!important;height:24px!important;}
 body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle .gp-icon svg{fill:currentColor!important;}
 body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle .gp-icon svg:first-child{display:block!important;}
 body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle .gp-icon svg:last-child{display:none!important;}
 body.senta-page-tentang .site-header:has(#site-navigation.toggled) .mobile-menu-control-wrapper>.menu-toggle .gp-icon svg:first-child{display:none!important;}
 body.senta-page-tentang .site-header:has(#site-navigation.toggled) .mobile-menu-control-wrapper>.menu-toggle .gp-icon svg:last-child{display:block!important;}
 body.senta-page-tentang .site-header #site-navigation.toggled,
 body.senta-page-tentang .site-header #site-navigation.toggled .inside-navigation,
 body.senta-page-tentang .site-header #site-navigation.toggled .main-nav,
 body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul{
  background:#11172d!important;background-image:none!important;
 }
 body.senta-page-tentang .site-header #site-navigation.toggled{
  left:0!important;right:0!important;width:100vw!important;top:72px!important;
  position:fixed!important;z-index:1300!important;max-height:calc(100dvh - 72px)!important;
  overflow-y:auto!important;overflow-x:hidden!important;
 }
 body.senta-page-tentang .site-header #site-navigation.toggled .inside-navigation{
  width:100%!important;box-sizing:border-box!important;padding:18px 24px 30px!important;
 }
 body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:0!important;width:100%!important;
 }
 body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul>li{display:block!important;width:100%!important;}
 body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul>li>a,
 body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul>li>a:hover,
 body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul>li>a:focus{
  display:flex!important;align-items:center!important;width:100%!important;min-height:44px!important;
  padding:10px 0!important;line-height:1.2!important;font-size:15px!important;font-weight:700!important;
  color:#fff!important;background:transparent!important;-webkit-text-fill-color:#fff!important;
  border:0!important;box-shadow:none!important;white-space:normal!important;
 }
 body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children>a{min-height:44px!important;}
 body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children>a:after{color:#19c7c9!important;}
 body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children>.sub-menu{
  display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;max-height:0!important;
  overflow:hidden!important;padding:0!important;background:transparent!important;
 }
 body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children.submenu-open>.sub-menu,
 body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children>.dropdown-menu-toggle[aria-expanded="true"]~.sub-menu,
 body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children>.sub-menu.toggled-on{
  display:block!important;visibility:visible!important;opacity:1!important;height:auto!important;max-height:none!important;
  overflow:visible!important;padding:0 0 8px 16px!important;background:#192b57!important;
 }
 body.senta-page-tentang .site-header #site-navigation.toggled .main-nav ul ul a{
  display:flex!important;min-height:38px!important;padding:8px 0!important;line-height:1.2!important;
  color:#fff!important;background:transparent!important;-webkit-text-fill-color:#fff!important;
  border:0!important;box-shadow:none!important;
 }
 body.senta-page-tentang .site-header #site-navigation.toggled .main-nav>ul>li.menu-item-has-children>.dropdown-menu-toggle{
  color:#19c7c9!important;background:transparent!important;border:0!important;box-shadow:none!important;
 }
 body.senta-page-tentang .site-header #site-navigation.toggled .senta-social,
 body.senta-page-tentang .site-header #site-navigation.toggled .senta-header-cta,
 body.senta-page-tentang .site-header .main-nav>ul>li.senta-social,
 body.senta-page-tentang .site-header .main-nav>ul>li.senta-header-cta{
  display:none!important;visibility:hidden!important;opacity:0!important;
 }
}


/* Tentang Kami mobile: white toggle/X, centered vertically in the header. */
@media (max-width:1100px){
 body.senta-page-tentang .site-header .inside-header{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
 }
 body.senta-page-tentang .site-header .mobile-menu-control-wrapper,
 body.senta-page-tentang .site-header .mobile-menu-control-wrapper.toggled{
  display:flex!important;align-items:center!important;justify-content:center!important;
  align-self:center!important;position:relative!important;flex:0 0 44px!important;
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  margin:0 0 0 auto!important;padding:0!important;transform:none!important;
 }
 body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle,
 body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle:hover,
 body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle:focus{
  display:grid!important;place-items:center!important;align-self:center!important;position:relative!important;
  width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;
  max-width:44px!important;max-height:44px!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;box-shadow:none!important;
  color:#fff!important;opacity:1!important;visibility:visible!important;transform:none!important;
 }
 body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle .gp-icon{
  display:block!important;position:relative!important;inset:auto!important;width:24px!important;height:24px!important;
  color:#fff!important;font-size:0!important;line-height:0!important;pointer-events:none!important;
 }
 body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle .gp-icon svg{
  position:absolute!important;inset:0!important;width:24px!important;height:24px!important;
  fill:#fff!important;color:#fff!important;transform:none!important;
 }
 body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle .gp-icon svg:first-child{display:block!important;}
 body.senta-page-tentang .site-header .mobile-menu-control-wrapper>.menu-toggle .gp-icon svg:last-child{display:none!important;}
 body.senta-page-tentang .site-header:has(#site-navigation.toggled) .mobile-menu-control-wrapper>.menu-toggle .gp-icon svg:first-child{display:none!important;}
 body.senta-page-tentang .site-header:has(#site-navigation.toggled) .mobile-menu-control-wrapper>.menu-toggle .gp-icon svg:last-child{display:block!important;}
}