:root {
--dhb-primary: #12306b;
--dhb-primary-dark: #0a1f4a;
--dhb-accent: #23854a;
--dhb-accent-dark: #186a39;
--dhb-accent-soft: #e6f3ea;
--dhb-secondary: #4b2a86;
--dhb-ink: #18233a;
--dhb-muted: #5a6680;
--dhb-line: #dbe2ee;
--dhb-surface: #f5f7fb;
--dhb-sky: #e8eef8;
--dhb-r-s: 8px;
--dhb-r-m: 14px;
--dhb-r-l: 28px;
--dhb-section: clamp(3rem, 7vw, 5.5rem);
--dhb-gutter: clamp(16px, 4vw, 32px);
--dhb-container: 1200px;
}
.dhb-container { width: 100%; max-width: calc(var(--dhb-container) + 2 * var(--dhb-gutter)); margin-inline: auto; padding-inline: var(--dhb-gutter); box-sizing: border-box; }
.dhb-section { padding-block: var(--dhb-section); }
.dhb-section + .dhb-section { padding-top: 0; }
.dhb-sechead { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: .5rem 1.5rem; margin-bottom: 1.5rem; }
.dhb-sechead__title { margin: 0; font-size: clamp(1.45rem, 2.6vw, 1.9rem); font-weight: 800; letter-spacing: -.02em; color: var(--dhb-primary-dark); }
.dhb-sechead__more { font-weight: 700; font-size: .9rem; color: var(--dhb-primary); text-decoration: none; border-bottom: 2px solid var(--dhb-accent-soft); padding-bottom: 2px; }
.dhb-sechead__more:hover { color: var(--dhb-accent); border-bottom-color: var(--dhb-accent); } .dhb-hero {
background: var(--dhb-primary);
background-image: radial-gradient(120% 90% at 85% 10%, rgba(255, 255, 255, .08), transparent 60%);
color: #fff;
padding-top: clamp(2.5rem, 6vw, 4.5rem);
padding-bottom: clamp(6rem, 12vw, 8.5rem);
overflow: hidden;
}
.dhb-hero__inner { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(2rem, 6vw, 5rem); align-items: center; }
.dhb-hero__kicker { margin: 0 0 .9rem; font-size: .95rem; font-weight: 600; color: #b9e6c8; }
.dhb-hero__title {
margin: 0; color: #fff; font-weight: 800;
font-size: clamp(2.5rem, 6.4vw, 4.6rem); line-height: 1.02; letter-spacing: -.035em;
max-width: 12ch; text-wrap: balance;
}
.dhb-hero__lead { margin: 1.4rem 0 2rem; font-size: clamp(1.05rem, 1.6vw, 1.2rem); line-height: 1.65; color: rgba(255, 255, 255, .86); max-width: 52ch; }
.dhb-hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.dhb-hero__facts { display: flex; flex-wrap: wrap; gap: 1rem 2.25rem; margin: 2.5rem 0 0; padding: 1.25rem 0 0; border-top: 1px solid rgba(255, 255, 255, .18); }
.dhb-hero__facts div { display: flex; flex-direction: column-reverse; gap: .15rem; }
.dhb-hero__facts dt { font-size: .8125rem; color: rgba(255, 255, 255, .68); }
.dhb-hero__facts dd { margin: 0; font-weight: 700; font-size: 1.05rem; color: #fff; } .dhb-hero__media { margin: 0; position: relative; justify-self: center; width: min(100%, 440px); }
.dhb-arch { position: relative; aspect-ratio: 4 / 5; }
.dhb-arch::before {
content: ""; position: absolute; inset: -14px -14px 22px 14px;
border: 2px solid #6fd497; border-radius: 999px 999px var(--dhb-r-l) var(--dhb-r-l);
opacity: .7;
}
.dhb-arch__img, .dhb-arch__fallback {
position: relative; display: block; width: 100%; height: 100%; object-fit: cover;
border-radius: 999px 999px var(--dhb-r-l) var(--dhb-r-l);
background: var(--dhb-primary-dark);
}
.dhb-arch__fallback { display: grid; place-items: center; background: #fff; }
.dhb-arch__fallback img { width: 58%; height: auto; }
.dhb-hero__motto {
position: absolute; left: 50%; bottom: -1.1rem; transform: translateX(-50%);
background: #fff; color: var(--dhb-primary-dark); font-weight: 700; font-size: .875rem;
padding: .55rem 1.1rem; border-radius: 999px; white-space: nowrap; box-shadow: 0 10px 24px -12px rgba(0, 0, 0, .45);
display: inline-flex; align-items: center; gap: .5rem;
}
.dhb-hero__motto::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--dhb-accent); }
@media (max-width: 860px) {
.dhb-hero__inner { grid-template-columns: minmax(0, 1fr); }
.dhb-hero__media { order: -1; width: min(70%, 300px); margin-bottom: 1rem; }
.dhb-arch { aspect-ratio: 1 / 1.05; }
} .dhb-quick { margin-top: 3rem; }
.dhb-quick__list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: .5rem; }
.dhb-quick__list a { display: inline-flex; padding: .5rem 1rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, .3); color: #fff; text-decoration: none; font-weight: 600; font-size: .9rem; }
.dhb-quick__list a:hover { background: #fff; color: var(--dhb-primary-dark); } .dhb-paths { padding-top: 0 !important; margin-top: clamp(-5rem, -8vw, -3.5rem); position: relative; z-index: 2; }
.dhb-paths__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
@media (max-width: 760px) { .dhb-paths__grid { grid-template-columns: minmax(0, 1fr); } }
.dhb-path {
position: relative; background: #fff; border-radius: var(--dhb-r-l); padding: clamp(1.4rem, 3vw, 2rem);
border: 1px solid var(--dhb-line); box-shadow: 0 30px 50px -36px rgba(10, 31, 74, .55);
display: grid; grid-template-columns: auto 1fr; column-gap: 1rem; align-content: start;
}
.dhb-path__icon { grid-row: span 2; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: var(--dhb-accent-soft); color: var(--dhb-accent-dark); }
.dhb-path:nth-child(2) .dhb-path__icon { background: #efeaf8; color: var(--dhb-secondary); }
.dhb-path__who { margin: 0; font-size: .85rem; color: var(--dhb-muted); font-weight: 600; align-self: end; }
.dhb-path__name { margin: .1rem 0 0; font-size: 1.4rem; font-weight: 800; color: var(--dhb-primary-dark); }
.dhb-path__text { grid-column: 1 / -1; margin: 1rem 0 1.1rem; color: var(--dhb-ink); font-size: .975rem; }
.dhb-path__link { grid-column: 1 / -1; justify-self: start; display: inline-flex; align-items: center; gap: .45rem; font-weight: 700; color: var(--dhb-primary); text-decoration: none; }
.dhb-path__link::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.dhb-path__link svg { transition: transform .15s ease; }
.dhb-path:hover { border-color: var(--dhb-primary); }
.dhb-path:hover .dhb-path__link svg { transform: translateX(3px); } .dhb-news__grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: clamp(2rem, 5vw, 4rem); align-items: start; }
.dhb-news__grid--solo { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 980px) { .dhb-news__grid { grid-template-columns: minmax(0, 1fr); } }
.dhb-news__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem 1.75rem; }
@media (max-width: 640px) { .dhb-news__list { grid-template-columns: minmax(0, 1fr); } }
.dhb-newsitem { position: relative; display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 1rem; align-items: start; padding-top: 1.25rem; border-top: 1px solid var(--dhb-line); }
.dhb-newsitem__thumb { display: block; aspect-ratio: 1; border-radius: var(--dhb-r-s); overflow: hidden; background: var(--dhb-sky); }
.dhb-newsitem__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dhb-newsitem__thumb .dhb-thumb__placeholder img { width: 44px; height: 44px; }
.dhb-newsitem__body { display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.dhb-newsitem__title { margin: 0; font-size: 1rem; line-height: 1.4; font-weight: 700; }
.dhb-newsitem__title a { color: var(--dhb-primary-dark); text-decoration: none; }
.dhb-newsitem__title a::after { content: ""; position: absolute; inset: 0; }
.dhb-newsitem:hover .dhb-newsitem__title a { color: var(--dhb-primary); text-decoration: underline; }
.dhb-newsitem .dhb-meta__cat { position: relative; z-index: 1; }
.dhb-newsitem--lead { grid-column: 1 / -1; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 1.75rem; padding-top: 0; border-top: 0; align-items: center; margin-bottom: .5rem; }
.dhb-newsitem--lead .dhb-newsitem__thumb { aspect-ratio: 16 / 10; border-radius: var(--dhb-r-m); }
.dhb-newsitem--lead .dhb-newsitem__title { font-size: clamp(1.3rem, 2.4vw, 1.65rem); line-height: 1.25; letter-spacing: -.015em; }
.dhb-newsitem__excerpt { margin: .2rem 0 0; color: var(--dhb-muted); font-size: .95rem; }
@media (max-width: 640px) {
.dhb-newsitem--lead { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
.dhb-newsitem { grid-template-columns: 80px minmax(0, 1fr); }
}
.dhb-news__agenda { background: #fff; border: 1px solid var(--dhb-line); border-radius: var(--dhb-r-l); padding: 1.5rem; }
.dhb-news__agenda .dhb-sechead { margin-bottom: 1rem; }
.dhb-news__agenda .dhb-sechead__title { font-size: 1.3rem; }
.dhb-agenda { list-style: none; margin: 0; padding: 0; }
.dhb-agenda__item { position: relative; display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: .9rem; padding: .9rem 0; border-top: 1px solid var(--dhb-line); }
.dhb-agenda__item:first-child { border-top: 0; padding-top: 0; }
.dhb-agenda__date { display: flex; flex-direction: column; align-items: center; justify-content: center; background: var(--dhb-primary); color: #fff; border-radius: 12px; padding: .5rem .25rem; line-height: 1.1; text-align: center; }
.dhb-agenda__date strong { font-size: 1.45rem; font-weight: 800; }
.dhb-agenda__date span { font-size: .68rem; font-weight: 600; opacity: .85; }
.dhb-agenda__body { display: flex; flex-direction: column; gap: .3rem; min-width: 0; }
.dhb-agenda__title { font-weight: 700; color: var(--dhb-primary-dark); text-decoration: none; line-height: 1.35; font-size: .95rem; }
.dhb-agenda__title::after { content: ""; position: absolute; inset: 0; }
.dhb-agenda__item:hover .dhb-agenda__title { color: var(--dhb-primary); text-decoration: underline; }
.dhb-agenda__time { display: inline-flex; align-items: center; gap: .3rem; font-size: .8rem; color: var(--dhb-muted); } .dhb-prodi { background: #fff; border-block: 1px solid var(--dhb-line); }
.dhb-section + .dhb-prodi { padding-top: var(--dhb-section); }
.dhb-prodi + .dhb-section { padding-top: var(--dhb-section); }
.dhb-prodi__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1.25rem; }
.dhb-prodi__level { border-top: 3px solid var(--dhb-primary); padding-top: 1rem; }
.dhb-prodi__level:nth-child(2) { border-top-color: var(--dhb-accent); }
.dhb-prodi__level:nth-child(3) { border-top-color: var(--dhb-secondary); }
.dhb-prodi__level:nth-child(4) { border-top-color: #2f6fb5; }
.dhb-prodi__levelname { display: flex; align-items: center; gap: .6rem; margin: 0 0 .75rem; font-size: 1.05rem; }
.dhb-prodi__badge { display: inline-grid; place-items: center; min-width: 2.6rem; height: 1.9rem; padding: 0 .55rem; border-radius: 8px; background: var(--dhb-sky); color: var(--dhb-primary); font-size: .8rem; font-weight: 800; }
.dhb-prodi__list { list-style: none; margin: 0; padding: 0; }
.dhb-prodi__list li { border-bottom: 1px solid var(--dhb-line); }
.dhb-prodi__list a, .dhb-prodi__list span { display: flex; align-items: center; justify-content: space-between; gap: .5rem; padding: .7rem 0; font-weight: 600; color: var(--dhb-ink); text-decoration: none; }
.dhb-prodi__list a svg { color: var(--dhb-muted); transition: transform .15s ease, color .15s ease; }
.dhb-prodi__list a:hover { color: var(--dhb-primary); }
.dhb-prodi__list a:hover svg { color: var(--dhb-accent); transform: translateX(3px); } .dhb-slider--multi .dhb-slider__slide { flex: 0 0 calc((100% - 3rem) / 4); }
@media (max-width: 1024px) { .dhb-slider--multi .dhb-slider__slide { flex-basis: calc((100% - 2rem) / 3); } }
@media (max-width: 720px) { .dhb-slider--multi .dhb-slider__slide { flex-basis: calc((100% - 1rem) / 1.6); } }
.dhb-prestasi__item a.lightbox { display: block; aspect-ratio: 4 / 5; overflow: hidden; border-radius: var(--dhb-r-m); background: var(--dhb-sky); }
.dhb-prestasi__item img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; transition: transform .35s ease; }
.dhb-prestasi__item a.lightbox:hover img { transform: scale(1.03); }
.dhb-prestasi__item figcaption { margin-top: .6rem; font-size: .9rem; line-height: 1.4; font-weight: 600; }
.dhb-prestasi__item figcaption a { color: var(--dhb-ink); text-decoration: none; }
.dhb-prestasi__item figcaption a:hover { color: var(--dhb-primary); text-decoration: underline; }
.dhb-prestasi .dhb-slider__controls { position: absolute; top: -4.1rem; right: 0; margin: 0; }
@media (max-width: 640px) { .dhb-prestasi .dhb-slider__controls { position: static; margin-top: .75rem; } }
.dhb-prestasi .dhb-sechead { padding-right: 7rem; }
@media (max-width: 640px) { .dhb-prestasi .dhb-sechead { padding-right: 0; } } .dhb-gallery__grid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 3rem); align-items: stretch; }
.dhb-gallery__grid--solo { grid-template-columns: minmax(0, 1fr); }
@media (max-width: 900px) { .dhb-gallery__grid { grid-template-columns: minmax(0, 1fr); } }
.dhb-tabs { display: inline-flex; gap: .25rem; padding: .25rem; background: #fff; border: 1px solid var(--dhb-line); border-radius: 999px; }
.dhb-tabs__tab { display: inline-flex; align-items: center; gap: .4rem; border: 0; background: transparent; font: inherit; font-weight: 700; font-size: .875rem; padding: .45rem .95rem; border-radius: 999px; color: var(--dhb-muted); cursor: pointer; }
.dhb-tabs__tab[aria-selected="true"] { background: var(--dhb-primary); color: #fff; }
.dhb-photos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .6rem; }
.dhb-photos--video { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 640px) { .dhb-photos { grid-template-columns: repeat(2, minmax(0, 1fr)); } .dhb-photos li:nth-child(n+7) { display: none; } }
.dhb-photos__item { position: relative; display: block; aspect-ratio: 1; overflow: hidden; border-radius: var(--dhb-r-s); background: var(--dhb-sky); }
.dhb-photos--video .dhb-photos__item { aspect-ratio: 16 / 10; }
.dhb-photos__item img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .35s ease; }
.dhb-photos__item:hover img { transform: scale(1.05); }
.dhb-photos__title { position: absolute; inset: auto 0 0 0; padding: 1.5rem .65rem .55rem; font-size: .78rem; line-height: 1.3; font-weight: 600; color: #fff; background: linear-gradient(transparent, rgba(6, 18, 44, .85)); opacity: 0; transition: opacity .2s ease; }
.dhb-photos__item:hover .dhb-photos__title, .dhb-photos__item:focus .dhb-photos__title, .dhb-photos--video .dhb-photos__title { opacity: 1; }
.dhb-photos__play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 52px; height: 52px; border-radius: 50%; background: rgba(255, 255, 255, .92); color: var(--dhb-primary-dark); display: grid; place-items: center; }
.dhb-testi { margin: 0; background: var(--dhb-secondary); color: #fff; border-radius: var(--dhb-r-l); padding: clamp(1.5rem, 4vw, 2.25rem); display: flex; flex-direction: column; gap: 1rem; }
.dhb-testi__mark { font-size: 4.5rem; line-height: .6; height: 2rem; font-weight: 800; color: #c9b8ef; font-family: Georgia, serif; }
.dhb-testi__quote { margin: 0; font-size: 1.1rem; line-height: 1.65; font-weight: 500; flex: 1; }
.dhb-testi__who { display: flex; align-items: center; gap: .75rem; font-weight: 700; font-size: .95rem; }
.dhb-testi__avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255, 255, 255, .5); } .dhb-akre__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 1.5rem 1rem; }
.dhb-akre__list a { display: flex; flex-direction: column; align-items: center; gap: .6rem; text-align: center; text-decoration: none; color: var(--dhb-ink); font-size: .82rem; font-weight: 600; line-height: 1.3; }
.dhb-akre__list img { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; background: #fff; border: 1px solid var(--dhb-line); padding: 4px; transition: border-color .15s ease; }
.dhb-akre__list a:hover img { border-color: var(--dhb-accent); }
.dhb-akre__list a:hover { color: var(--dhb-primary); } .dhb-jadwal__frame { background: #fff; border: 1px solid var(--dhb-line); border-radius: var(--dhb-r-l); padding: clamp(1rem, 3vw, 1.75rem); overflow-x: auto; }
.dhb-jadwal__frame table { width: 100%; border-collapse: collapse; font-size: .9rem; }
.dhb-jadwal__frame th, .dhb-jadwal__frame td { border: 1px solid var(--dhb-line); padding: .45rem .6rem; }
.dhb-jadwal__frame img { max-width: 100%; height: auto; }
.dhb-homewidgets__grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1.25rem; }
.dhb-homewidgets .widget img { max-width: 100%; height: auto; } .dhb-cta { background: var(--dhb-accent-dark); color: #fff; padding-block: clamp(2.75rem, 6vw, 4rem); margin-top: var(--dhb-section); }
.dhb-section + .dhb-cta, .dhb-cta:first-child { margin-top: 0; }
.dhb-cta__inner { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 1.5rem 3rem; }
.dhb-cta__text { max-width: 60ch; }
.dhb-cta__title { margin: 0 0 .5rem; color: #fff; font-size: clamp(1.5rem, 3vw, 2.1rem); font-weight: 800; letter-spacing: -.02em; }
.dhb-cta__text p { margin: 0; color: rgba(255, 255, 255, .85); }
.dhb-cta__actions { display: flex; flex-wrap: wrap; gap: .75rem; }
.dhb-cta .dhb-btn--accent { background: #fff; color: var(--dhb-accent-dark); }
.dhb-cta .dhb-btn--accent:hover { background: var(--dhb-primary-dark); color: #fff; } .dhb-embedded-section { margin-block: 1.5rem; }
.dhb-embedded-section .dhb-section { padding-block: 2rem; }
.dhb-embedded-section .dhb-paths { margin-top: 0; }
.dhb-embedded-section .dhb-cta { margin-top: 0; } .wp-block-image.is-style-dhb-arch img { border-radius: 999px 999px var(--dhb-r-l) var(--dhb-r-l); aspect-ratio: 4 / 5; object-fit: cover; width: 100%; }
.wp-block-image.is-style-dhb-arch { position: relative; padding: 12px 12px 0 0; }
.wp-block-image.is-style-dhb-arch::before { content: ""; position: absolute; inset: 0 0 24px 24px; border: 2px solid var(--dhb-accent); border-radius: 999px 999px var(--dhb-r-l) var(--dhb-r-l); opacity: .5; pointer-events: none; }
.wp-block-image.is-style-dhb-arch img { position: relative; }
.wp-block-image.is-style-dhb-rounded img { border-radius: var(--dhb-r-l); }
.wp-block-group.is-style-dhb-card, .wp-block-column.is-style-dhb-card { background: #fff; border: 1px solid var(--dhb-line); border-radius: var(--dhb-r-l); padding: clamp(1.25rem, 3vw, 2rem); }
.wp-block-group.is-style-dhb-card > :first-child, .wp-block-column.is-style-dhb-card > :first-child { margin-top: 0; }
.wp-block-group.is-style-dhb-tinted { background: var(--dhb-sky); border-radius: var(--dhb-r-l); padding: clamp(1.5rem, 4vw, 2.75rem); }
.wp-block-group.is-style-dhb-tinted > :first-child { margin-top: 0; }
ul.is-style-dhb-check { list-style: none; padding-left: 0; }
ul.is-style-dhb-check li { position: relative; padding-left: 1.9rem; margin-bottom: .5rem; }
ul.is-style-dhb-check li::before { content: ""; position: absolute; left: 0; top: .3em; width: 1.2rem; height: 1.2rem; border-radius: 50%; background: var(--dhb-accent-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23186a39' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center / 70% no-repeat; }
.wp-block-button.is-style-dhb-ghost .wp-block-button__link { background: transparent; color: var(--dhb-primary); border: 2px solid currentColor; }
.wp-block-button.is-style-dhb-ghost .wp-block-button__link:hover { background: var(--dhb-primary); color: #fff; border-color: var(--dhb-primary); }
h1.is-style-dhb-leaf, h2.is-style-dhb-leaf, h3.is-style-dhb-leaf, h4.is-style-dhb-leaf { padding-bottom: .5rem; background: linear-gradient(var(--dhb-accent), var(--dhb-accent)) left bottom / 56px 3px no-repeat; }
h1.is-style-dhb-leaf.has-text-align-center, h2.is-style-dhb-leaf.has-text-align-center, h3.is-style-dhb-leaf.has-text-align-center { background-position: center bottom; }
.wp-block-table.is-style-dhb-clean table { border-collapse: collapse; border: 0; }
.wp-block-table.is-style-dhb-clean th { background: var(--dhb-primary); color: #fff; border: 0; text-align: left; }
.wp-block-table.is-style-dhb-clean td { border: 0; border-bottom: 1px solid var(--dhb-line); }
.wp-block-table.is-style-dhb-clean tr:nth-child(even) td { background: var(--dhb-surface); } .dhb-pattern-hero { background: var(--dhb-primary); color: #fff; padding-block: clamp(3rem, 8vw, 5.5rem); }
.dhb-pattern-hero h1, .dhb-pattern-hero h2, .dhb-pattern-hero h3 { color: #fff; margin-top: 0; }
.dhb-pattern-hero h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); line-height: 1.05; letter-spacing: -.03em; }
.dhb-pattern-hero p { color: rgba(255, 255, 255, .86); }
.dhb-pattern-hero .wp-block-button.is-style-dhb-ghost .wp-block-button__link { color: #fff; }
.dhb-pattern-hero .wp-block-button.is-style-dhb-ghost .wp-block-button__link:hover { background: #fff; color: var(--dhb-primary-dark); border-color: #fff; }
.dhb-pattern-hero .wp-block-image.is-style-dhb-arch::before { border-color: #6fd497; opacity: .8; } .dhb-pattern-cta { background: var(--dhb-accent-dark); color: #fff; padding-block: clamp(2.5rem, 6vw, 4rem); text-align: center; }
.dhb-pattern-cta h2 { color: #fff; margin-top: 0; }
.dhb-pattern-cta p { color: rgba(255, 255, 255, .88); }
.dhb-pattern-cta .wp-block-buttons { justify-content: center; }
.dhb-pattern-cta .wp-block-button:not(.is-style-dhb-ghost) .wp-block-button__link { background: #fff; color: var(--dhb-accent-dark); }
.dhb-pattern-cta .wp-block-button.is-style-dhb-ghost .wp-block-button__link { color: #fff; } ol.dhb-steps { list-style: none; counter-reset: dhbstep; padding-left: 0; display: grid; gap: 1rem; }
ol.dhb-steps li { counter-increment: dhbstep; position: relative; padding: 1rem 1.25rem 1rem 4rem; background: #fff; border: 1px solid var(--dhb-line); border-radius: var(--dhb-r-m); margin: 0; }
ol.dhb-steps li::before { content: counter(dhbstep); position: absolute; left: 1.1rem; top: 1rem; width: 2rem; height: 2rem; border-radius: 50%; background: var(--dhb-primary); color: #fff; font-weight: 800; display: grid; place-items: center; font-size: .95rem; line-height: 1; } .wp-block-details summary { cursor: pointer; font-weight: 700; color: var(--dhb-primary-dark); list-style-position: outside; }
.wp-block-details[open] summary { color: var(--dhb-primary); margin-bottom: .5rem; }.row, .row-fluid, .thumbnails { display: flex; flex-wrap: wrap; gap: 20px; margin: 0 0 1.25rem; }
.row::before, .row::after, .row-fluid::before, .row-fluid::after { display: none; }
[class^="span"]:not(svg), [class*=" span"]:not(svg) { min-width: 0; }
.span1 { flex: 1 1 calc(8.333% - 20px); } .span2 { flex: 2 1 calc(16.666% - 20px); }
.span3 { flex: 3 1 calc(25% - 20px); } .span4 { flex: 4 1 calc(33.333% - 20px); }
.span5 { flex: 5 1 calc(41.666% - 20px); } .span6 { flex: 6 1 calc(50% - 20px); }
.span7 { flex: 7 1 calc(58.333% - 20px); } .span8 { flex: 8 1 calc(66.666% - 20px); }
.span9 { flex: 9 1 calc(75% - 20px); } .span10 { flex: 10 1 calc(83.333% - 20px); }
.span11 { flex: 11 1 calc(91.666% - 20px); } .span12, .span-8 { flex: 1 1 100%; }
.thumbnails { list-style: none; padding: 0; }
.thumbnail { display: block; padding: 4px; border: 1px solid var(--dhb-line, #dbe2ee); border-radius: 8px; background: #fff; }
.thumbnail > img { display: block; width: 100%; border-radius: 6px; }
.thumbnail .caption { padding: .6rem; }
@media (max-width: 767px) {
.row > [class*="span"], .row-fluid > [class*="span"], .thumbnails > [class*="span"] { flex-basis: 100%; }
.visible-desktop { display: none !important; }
}
@media (min-width: 768px) and (max-width: 979px) { .hidden-tablet { display: none !important; } .visible-desktop { display: none !important; } }
@media (max-width: 767px) { .hidden-phone { display: none !important; } }
@media (min-width: 980px) { .hidden-desktop { display: none !important; } .visible-phone, .visible-tablet { display: none !important; } } .pull-left { float: left; margin-right: 1rem; }
.pull-right { float: right; margin-left: 1rem; }
.text-center { text-align: center; } .text-right { text-align: right; } .text-left { text-align: left; }
.clearfix::after, .clear { content: ""; display: table; clear: both; }
.clear { display: block; }
.hide { display: none; } .show { display: block; } .invisible { visibility: hidden; }
.muted { color: var(--dhb-muted, #5a6680); }
.text-success { color: #186a39; } .text-error, .text-danger { color: #b42318; } .text-info { color: #12306b; } .text-warning { color: #9a6700; }
.lead { font-size: 1.2rem; font-weight: 500; }
.fullwidth { width: 100%; height: auto; }
.img-polaroid { padding: 4px; background: #fff; border: 1px solid var(--dhb-line, #dbe2ee); box-shadow: 0 1px 3px rgba(0, 0, 0, .08); }
.img-rounded { border-radius: 8px; } .img-circle { border-radius: 50%; }
.page-header { padding-bottom: .5rem; margin: 1.5rem 0 1rem; border-bottom: 1px solid var(--dhb-line, #dbe2ee); }
.hero-unit { padding: 2rem; background: var(--dhb-sky, #e8eef8); border-radius: 14px; margin-bottom: 1.5rem; }
.media { display: flex; gap: 1rem; margin-bottom: 1rem; }
.media > .pull-left, .media > .pull-right { float: none; margin: 0; flex: none; }
.media-body { flex: 1; min-width: 0; }
.media-heading { margin: 0 0 .3rem; font-size: 1.05rem; } .btn, .mybutton, .m_button, .a-btn {
display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
padding: .55rem 1.1rem; border-radius: 999px; border: 1.5px solid var(--dhb-line, #dbe2ee);
background: #fff; color: var(--dhb-primary, #12306b); font-weight: 700; font-size: .925rem; line-height: 1.3;
text-decoration: none; cursor: pointer; vertical-align: middle;
}
.btn:hover, .mybutton:hover, .a-btn:hover { border-color: var(--dhb-primary, #12306b); color: var(--dhb-primary, #12306b); }
.btn-primary, .mybutton, .a-btn { background: var(--dhb-primary, #12306b); border-color: var(--dhb-primary, #12306b); color: #fff; }
.btn-primary:hover, .mybutton:hover, .a-btn:hover { background: var(--dhb-primary-dark, #0a1f4a); color: #fff; }
.btn-success { background: var(--dhb-accent, #23854a); border-color: var(--dhb-accent, #23854a); color: #fff; }
.btn-info { background: #2f6fb5; border-color: #2f6fb5; color: #fff; }
.btn-warning { background: #e8a317; border-color: #e8a317; color: #1d1d1d; }
.btn-danger { background: #c0392b; border-color: #c0392b; color: #fff; }
.btn-inverse { background: #18233a; border-color: #18233a; color: #fff; }
.btn-success:hover, .btn-info:hover, .btn-danger:hover, .btn-inverse:hover { filter: brightness(.92); color: #fff; }
.btn-large { padding: .8rem 1.5rem; font-size: 1.05rem; } .btn-small { padding: .35rem .8rem; font-size: .825rem; } .btn-mini { padding: .2rem .55rem; font-size: .75rem; }
.btn-block { display: flex; width: 100%; }
.btn-link { border-color: transparent; background: none; } .label, .badge { display: inline-block; padding: .15rem .55rem; font-size: .75rem; font-weight: 700; line-height: 1.4; color: #fff; background: #5a6680; border-radius: 4px; vertical-align: baseline; }
.badge { border-radius: 999px; }
.label-success, .badge-success { background: var(--dhb-accent, #23854a); } .label-important, .badge-important { background: #c0392b; }
.label-warning, .badge-warning { background: #e8a317; color: #1d1d1d; } .label-info, .badge-info { background: #2f6fb5; }
.label-inverse, .badge-inverse { background: var(--dhb-primary-dark, #0a1f4a); }
.alert { position: relative; padding: .9rem 2.5rem .9rem 1.1rem; margin-bottom: 1.25rem; border-radius: 10px; background: #fff8e6; border: 1px solid #f1d9a0; color: #6b4e00; }
.alert-success { background: var(--dhb-accent-soft, #e6f3ea); border-color: #b6dcc3; color: #145a30; }
.alert-error, .alert-danger { background: #fdecea; border-color: #f5c2bd; color: #8c1d13; }
.alert-info { background: var(--dhb-sky, #e8eef8); border-color: #c4d3ec; color: var(--dhb-primary-dark, #0a1f4a); }
.alert-block { padding-top: 1rem; padding-bottom: 1rem; }
.alert .close { position: absolute; top: .55rem; right: .75rem; border: 0; background: none; font-size: 1.3rem; line-height: 1; cursor: pointer; color: inherit; opacity: .6; text-decoration: none; }
.well { background: var(--dhb-surface, #f5f7fb); border: 1px solid var(--dhb-line, #dbe2ee); border-radius: 14px; padding: 1.25rem; margin-bottom: 1.25rem; }
.well-small { padding: .75rem; } .well-large { padding: 1.75rem; } .progress, .progress-bar { clear: both; height: 12px; background: var(--dhb-sky, #e8eef8); border-radius: 999px; overflow: hidden; margin-bottom: 1rem; }
.progress .bar, .progress-bar > span { display: block; height: 100%; background: var(--dhb-accent, #23854a); border-radius: 999px; }
.progress-info .bar { background: #2f6fb5; } .progress-warning .bar { background: #e8a317; } .progress-danger .bar { background: #c0392b; } .table { width: 100%; border-collapse: collapse; margin-bottom: 1.25rem; }
.table th, .table td { padding: .55rem .7rem; border-top: 1px solid var(--dhb-line, #dbe2ee); text-align: left; vertical-align: top; }
.table th { font-weight: 700; }
.table-bordered { border: 1px solid var(--dhb-line, #dbe2ee); }
.table-bordered th, .table-bordered td { border: 1px solid var(--dhb-line, #dbe2ee); }
.table-striped tbody tr:nth-child(odd) td { background: var(--dhb-surface, #f5f7fb); }
.table-hover tbody tr:hover td { background: var(--dhb-sky, #e8eef8); }
.table-condensed th, .table-condensed td { padding: .3rem .5rem; } .nav { list-style: none; margin: 0 0 1rem; padding: 0; }
.nav-tabs { display: flex; flex-wrap: wrap; gap: .25rem; border-bottom: 1px solid var(--dhb-line, #dbe2ee); }
.nav-tabs > li { margin-bottom: -1px; }
.nav-tabs > li > a { display: block; padding: .55rem 1rem; border: 1px solid transparent; border-radius: 10px 10px 0 0; text-decoration: none; font-weight: 600; color: var(--dhb-muted, #5a6680); }
.nav-tabs > li > a:hover { color: var(--dhb-primary, #12306b); background: var(--dhb-surface, #f5f7fb); }
.nav-tabs > .active > a { color: var(--dhb-primary, #12306b); background: #fff; border-color: var(--dhb-line, #dbe2ee) var(--dhb-line, #dbe2ee) #fff; }
.nav-pills { display: flex; flex-wrap: wrap; gap: .4rem; }
.nav-pills > li > a { display: block; padding: .4rem .9rem; border-radius: 999px; text-decoration: none; }
.nav-pills > .active > a { background: var(--dhb-primary, #12306b); color: #fff; }
.nav-list > li > a { display: block; padding: .35rem 0; }
.tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; }
.collapse { overflow: hidden; } .collapse:not(.in):not(.show) { display: none; }
.accordion { margin-bottom: 1.25rem; }
.accordion-group { border: 1px solid var(--dhb-line, #dbe2ee); border-radius: 10px; margin-bottom: .5rem; background: #fff; overflow: hidden; }
.accordion-heading .accordion-toggle { display: block; padding: .8rem 1rem; font-weight: 700; text-decoration: none; color: var(--dhb-primary-dark, #0a1f4a); }
.accordion-inner { padding: 0 1rem 1rem; } .toggle-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 1rem; border: 1px solid var(--dhb-line, #dbe2ee); border-radius: 10px; background: #fff; text-decoration: none; color: var(--dhb-primary-dark, #0a1f4a); font-weight: 700; }
.toggle-header::after { content: "+"; font-size: 1.3rem; line-height: 1; color: var(--dhb-accent, #23854a); }
.toggle-header.is-open::after { content: "–"; }
.toggle-content { padding: .9rem 1rem 1.1rem; }
h5 > .toggle-header { font-size: 1rem; } .dropcap, .dropcap2, .dropcap3, .dropcap4, .dropcap5 { float: left; font-size: 3.2em; line-height: .9; font-weight: 800; margin: .08em .12em 0 0; color: var(--dhb-primary, #12306b); }
.dropcap2 { color: var(--dhb-accent, #23854a); }
.dropcap3, .dropcap4, .dropcap5 { background: var(--dhb-primary, #12306b); color: #fff; padding: .1em .2em; border-radius: 8px; font-size: 2.4em; }
.dropcap4 { background: var(--dhb-accent, #23854a); } .dropcap5 { background: var(--dhb-secondary, #4b2a86); }
[class^="blockquote"]:is(p) { padding: .75rem 1.1rem; border-left: 4px solid var(--dhb-accent, #23854a); background: var(--dhb-surface, #f5f7fb); border-radius: 0 10px 10px 0; font-style: italic; }
blockquote small { display: block; margin-top: .4rem; font-size: .85rem; color: var(--dhb-muted, #5a6680); font-style: normal; }
blockquote small::before { content: "— "; }
.colored { color: var(--dhb-accent, #23854a); font-weight: 700; }
.awesome_block, .price .well { background: #fff; border: 1px solid var(--dhb-line, #dbe2ee); border-radius: 14px; padding: 1.25rem; margin-bottom: 1rem; }
.awesome_block h5 { margin: 0; }
.price { text-align: center; } .price-active .well { border-color: var(--dhb-accent, #23854a); box-shadow: 0 0 0 2px var(--dhb-accent-soft, #e6f3ea); }
.intro { font-size: 1.1rem; color: var(--dhb-primary-dark, #0a1f4a); }
hr.dash { border-top-style: dashed; margin: 1.25rem 0; }
.separator { height: 1px; }
.testimonial { margin-bottom: 1.25rem; } .testimonial .blockquote { padding: 1rem 1.25rem; background: var(--dhb-surface, #f5f7fb); border-radius: 14px; }
.testimonial .the-author { margin-top: .5rem; font-weight: 700; font-size: .9rem; }
.button_readmore::before { content: "Selengkapnya"; font-weight: 700; } [class^="icon-"], [class*=" icon-"] {
display: inline-block; width: 14px; height: 14px; margin-top: 1px; line-height: 14px; vertical-align: text-top;
background-image: url(//stikesdhb.ac.id/wp-content/themes/stikesdhb/img/glyphicons-halflings.png); background-position: 14px 14px; background-repeat: no-repeat;
}
.icon-white { background-image: url(//stikesdhb.ac.id/wp-content/themes/stikesdhb/img/glyphicons-halflings-white.png); }
.icon-glass { background-position: 0 0; }
.icon-music { background-position: -24px 0; }
.icon-search { background-position: -48px 0; }
.icon-envelope { background-position: -72px 0; }
.icon-heart { background-position: -96px 0; }
.icon-star { background-position: -120px 0; }
.icon-star-empty { background-position: -144px 0; }
.icon-user { background-position: -168px 0; }
.icon-film { background-position: -192px 0; }
.icon-th-large { background-position: -216px 0; }
.icon-th { background-position: -240px 0; }
.icon-th-list { background-position: -264px 0; }
.icon-ok { background-position: -288px 0; }
.icon-remove { background-position: -312px 0; }
.icon-zoom-in { background-position: -336px 0; }
.icon-zoom-out { background-position: -360px 0; }
.icon-off { background-position: -384px 0; }
.icon-signal { background-position: -408px 0; }
.icon-cog { background-position: -432px 0; }
.icon-trash { background-position: -456px 0; }
.icon-home { background-position: 0 -24px; }
.icon-file { background-position: -24px -24px; }
.icon-time { background-position: -48px -24px; }
.icon-road { background-position: -72px -24px; }
.icon-download-alt { background-position: -96px -24px; }
.icon-download { background-position: -120px -24px; }
.icon-upload { background-position: -144px -24px; }
.icon-inbox { background-position: -168px -24px; }
.icon-play-circle { background-position: -192px -24px; }
.icon-repeat { background-position: -216px -24px; }
.icon-refresh { background-position: -240px -24px; }
.icon-list-alt { background-position: -264px -24px; }
.icon-lock { background-position: -287px -24px; }
.icon-flag { background-position: -312px -24px; }
.icon-headphones { background-position: -336px -24px; }
.icon-volume-off { background-position: -360px -24px; }
.icon-volume-down { background-position: -384px -24px; }
.icon-volume-up { background-position: -408px -24px; }
.icon-qrcode { background-position: -432px -24px; }
.icon-barcode { background-position: -456px -24px; }
.icon-tag { background-position: 0 -48px; }
.icon-tags { background-position: -25px -48px; }
.icon-book { background-position: -48px -48px; }
.icon-bookmark { background-position: -72px -48px; }
.icon-print { background-position: -96px -48px; }
.icon-camera { background-position: -120px -48px; }
.icon-font { background-position: -144px -48px; }
.icon-bold { background-position: -167px -48px; }
.icon-italic { background-position: -192px -48px; }
.icon-text-height { background-position: -216px -48px; }
.icon-text-width { background-position: -240px -48px; }
.icon-align-left { background-position: -264px -48px; }
.icon-align-center { background-position: -288px -48px; }
.icon-align-right { background-position: -312px -48px; }
.icon-align-justify { background-position: -336px -48px; }
.icon-list { background-position: -360px -48px; }
.icon-indent-left { background-position: -384px -48px; }
.icon-indent-right { background-position: -408px -48px; }
.icon-facetime-video { background-position: -432px -48px; }
.icon-picture { background-position: -456px -48px; }
.icon-pencil { background-position: 0 -72px; }
.icon-map-marker { background-position: -24px -72px; }
.icon-adjust { background-position: -48px -72px; }
.icon-tint { background-position: -72px -72px; }
.icon-edit { background-position: -96px -72px; }
.icon-share { background-position: -120px -72px; }
.icon-check { background-position: -144px -72px; }
.icon-move { background-position: -168px -72px; }
.icon-step-backward { background-position: -192px -72px; }
.icon-fast-backward { background-position: -216px -72px; }
.icon-backward { background-position: -240px -72px; }
.icon-play { background-position: -264px -72px; }
.icon-pause { background-position: -288px -72px; }
.icon-stop { background-position: -312px -72px; }
.icon-forward { background-position: -336px -72px; }
.icon-fast-forward { background-position: -360px -72px; }
.icon-step-forward { background-position: -384px -72px; }
.icon-eject { background-position: -408px -72px; }
.icon-chevron-left { background-position: -432px -72px; }
.icon-chevron-right { background-position: -456px -72px; }
.icon-plus-sign { background-position: 0 -96px; }
.icon-minus-sign { background-position: -24px -96px; }
.icon-remove-sign { background-position: -48px -96px; }
.icon-ok-sign { background-position: -72px -96px; }
.icon-question-sign { background-position: -96px -96px; }
.icon-info-sign { background-position: -120px -96px; }
.icon-screenshot { background-position: -144px -96px; }
.icon-remove-circle { background-position: -168px -96px; }
.icon-ok-circle { background-position: -192px -96px; }
.icon-ban-circle { background-position: -216px -96px; }
.icon-arrow-left { background-position: -240px -96px; }
.icon-arrow-right { background-position: -264px -96px; }
.icon-arrow-up { background-position: -289px -96px; }
.icon-arrow-down { background-position: -312px -96px; }
.icon-share-alt { background-position: -336px -96px; }
.icon-resize-full { background-position: -360px -96px; }
.icon-resize-small { background-position: -384px -96px; }
.icon-plus { background-position: -408px -96px; }
.icon-minus { background-position: -433px -96px; }
.icon-asterisk { background-position: -456px -96px; }
.icon-exclamation-sign { background-position: 0 -120px; }
.icon-gift { background-position: -24px -120px; }
.icon-leaf { background-position: -48px -120px; }
.icon-fire { background-position: -72px -120px; }
.icon-eye-open { background-position: -96px -120px; }
.icon-eye-close { background-position: -120px -120px; }
.icon-warning-sign { background-position: -144px -120px; }
.icon-plane { background-position: -168px -120px; }
.icon-calendar { background-position: -192px -120px; }
.icon-comment { background-position: -240px -120px; }
.icon-magnet { background-position: -264px -120px; }
.icon-chevron-up { background-position: -288px -120px; }
.icon-chevron-down { background-position: -313px -119px; }
.icon-retweet { background-position: -336px -120px; }
.icon-shopping-cart { background-position: -360px -120px; }
.icon-resize-vertical { background-position: -432px -119px; }
.icon-resize-horizontal { background-position: -456px -118px; }
.icon-hdd { background-position: 0 -144px; }
.icon-bullhorn { background-position: -24px -144px; }
.icon-bell { background-position: -48px -144px; }
.icon-certificate { background-position: -72px -144px; }
.icon-thumbs-up { background-position: -96px -144px; }
.icon-thumbs-down { background-position: -120px -144px; }
.icon-hand-right { background-position: -144px -144px; }
.icon-hand-left { background-position: -168px -144px; }
.icon-hand-up { background-position: -192px -144px; }
.icon-hand-down { background-position: -216px -144px; }
.icon-circle-arrow-right { background-position: -240px -144px; }
.icon-circle-arrow-left { background-position: -264px -144px; }
.icon-circle-arrow-up { background-position: -288px -144px; }
.icon-circle-arrow-down { background-position: -312px -144px; }
.icon-globe { background-position: -336px -144px; }
.icon-wrench { background-position: -360px -144px; }
.icon-tasks { background-position: -384px -144px; }
.icon-filter { background-position: -408px -144px; }
.icon-briefcase { background-position: -432px -144px; }
.icon-fullscreen { background-position: -456px -144px; }