/* MOBILE */

@media screen and (max-width: 768px)  {

header {
    display: flex;
    display: -webkit-flex;
    width: 100%;
    z-index: 9999;
    justify-content: center;
    position: absolute;
}
header, main, .welcome-bar {
	transition: var(--trn-flyout);
}
.header.desktop {
	height: 75px;
	justify-content: center;
	overflow: visible;
}
.header.logo {
	justify-content: space-between;
	align-items: center;
	width: 100%;
}
.logo {
    height: 64px;
}
.logo img {
	/*width: 240px;*/
}
.header {
	overflow: visible;
}
.header .main {
	height: 75px;
    min-height: 75px;
	justify-content: flex-start;
	padding: 0;
}
.header.wrapper {
	padding: 0 20px;
}
.header.wrapper.sticky {
	padding: 0 20px;
    min-height: 100px;
    height: 100px;
}
.header.menu, .sticky .header.menu {
    width: 100%;
	position: fixed;
    z-index: 900;
    left: 0;
    top: 100px;
    background: var(--clr-white);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: var(--sdw-soft);
	transition: var(--trn-button);
}
.header.menu.shown {
    /*top: 135px;*/
}
.sticky .header.menu.shown {
    top: 75px;
}
.header.menu.opened, .sticky .header.menu.opened {
    opacity: 1;
}
.header.menu .menu-item {
    flex-direction: column;
    overflow: hidden;
	transition: var(--trn-button);
    height: 0;
}
.header.menu .menu-link {
	padding: 0 22px;
	transition: var(--trn-button);
    height: 0;
}
.header.menu .menu-link.opened:first-child {
    margin-top: 12px;
}
.header.menu .menu-link.opened:last-child {
    margin-bottom: 12px;
}
.header.menu .menu-item.opened {
    flex-direction: column;
	transition: var(--trn-button);
    height: 100%;
}
.header.menu .menu-link.opened {
    padding: 10px 22px;
	display: flex;
    align-items: flex-start;
	transition: var(--trn-button);
    flex-direction: column;
    height: 42px;
}
.header.menu .opened .menu-drop-down .menu-link:first-child {
    margin-top: 8px;
}
.header.menu .opened .menu-drop-down .menu-link:last-child {
    margin-bottom: -12px;
}
.header.menu .menu-drop-down .menu-link {
    padding: 0 40px;
}
.header.menu .opened .menu-drop-down .menu-link {
    height: 42px;
    padding: 10px 40px;
}
.menu-drop-arrow {
	transform: rotate(-90deg);
}
.menu-drop-arrow.expanded {
	transform: rotate(0deg);
}
.header.menu .menu-link a {
	opacity: 0;
    color: var(--clr-paragraph);
    padding: 0;
    font-size: 16px;
    font-weight: 400;
	transition: var(--trn-button);
}
.header.menu .opened .menu-link a {
	opacity: 1;
	transition: var(--trn-button);
}
.header.menu .menu-drop-down {
    position: relative;
    padding: 0;
    border-radius: 0;
    background: none;
    box-shadow: none;
}
.header.menu .opened .menu-drop-exist {
    height: 212px;
}
.header.menu .menu-drop-exist {
	height: 0;
}
.header.menu .menu-drop-down .menu-link a:hover {
	color: var(--clr-header-active);
    -webkit-transition: var(--trn-card);
    -moz-transition: var(--trn-card);
    -ms-transition: var(--trn-card);
    -o-transition: var(--trn-card);
    transition: var(--trn-card);
    background: none;
}
.header.menu .menu-drop-down-wrapper {
    padding: 0;
    display: block;
}
.header.menu .opened .menu-link a:hover, .header.menu .opened .menu-link a:active {
    color: var(--clr-secondary);
}
.header .hamburger {
    width: 20px;
    height: 20px;
}
.header .hamburger .itemicon {
	transition: var(--trn-button);
	width: inherit;
	height: inherit;
	display: block;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
}
.header .hamburger .itemicon.ic-menu {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	opacity: 1;
}
.header .hamburger .itemicon.ic-close {
	transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	opacity: 0;
}
.header .hamburger.opened .itemicon.ic-menu {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	opacity: 0;
}
.header .hamburger.opened .itemicon.ic-close {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	opacity: 1;
}

/* REVERSE ON MOBILE */
.equal.row.rev-mobile {
	flex-direction: column;
}
.equal.row.banding-mobile {
	flex-direction: row;
}
.equal.row.banding-mobile .banding-divider {
    padding-right: 16px;
    margin-right: 16px;
}
#home > div {
    flex-direction: column;
    padding: 88px 0 0 0;
}
#home.section.hero.mainhero {
	padding-bottom: 0;
}
#home.hero .imageboxfit {
	padding-bottom: 0;
}
#home.hero .imageboxfit img {
	object-fit: contain;
}
.tentang #home .equal.row,
.isu-prioritas #home .equal.row {
	flex-direction: column-reverse;
    padding: 0 0 88px 0;
}

/* HEADING & PARAGRAPH */
h1 {
    font-size: 30px;
	line-height: 125%;
}
h2 {
	font-size: 28px;
	line-height: 130%;
}
h3 {
	font-size: 20px;
	line-height: 130%;
}
h4 {
	font-size: 17px;
	line-height: 130%;
}
p, li {
	font-size: 15px;
	line-height: 150%;
}
ul, ol {
	padding-left: 36px;
}
.list-link {
	font-size: 17px;
	line-height: 150%;
}

/* GRID */
.equal.grid.grid-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-1-mobile {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-2-mobile {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-3-mobile {
	grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-4-mobile {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-5-mobile {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-6-mobile {
	grid-template-columns: repeat(6, minmax(0, 1fr));
}

/* SPACING */
.spacing-8 {
	margin-bottom: 5px;
}
.spacing-16 {
	margin-bottom: 10px;
}
.spacing-24 {
	margin-bottom: 15px;
}
.spacing-32 {
	margin-bottom: 20px;
}
.spacing-40 {
	margin-bottom: 25px;
}
.spacing-50 {
	margin-bottom: 31px;
}
.spacing-64 {
	margin-bottom: 40px;
}

/* GAP */
.gap-8 {
	gap: 5px;
}
.gap-10 {
	gap: 6px;
}
.gap-12 {
	gap: 7px;
}
.gap-16 {
	gap: 10px;
}
.gap-20 {
	gap: 12px;
}
.gap-24 {
	gap: 15px;
}
.gap-32 {
	gap: 20px;
}
.gap-40 {
	gap: 25px;
}
.gap-48 {
	gap: 30px;
}
.gap-60 {
	gap: 37px;
}
.gap-64 {
	gap: 40px;
}

/* BUTTON */
.btn-wrapper {
    flex-direction: column;
}
.button {
    padding: 12px 20px;
    font-size: 14px;
	width: fit-content;
}

/* ICON BOX */
.icon-box {
	padding: 20px;
}
.icon-box .icon {
    width: 48px;
    height: 48px;
}
.icon-box .list.checklist li {
	padding-bottom: 16px;
}
.icon-box .list.checklist li h3{
	font-size: 17px;
	line-height: 140%;
	padding-bottom: 4px;
}
.backdrop-round > div,
.backdrop-round > div > div {
	display: flex;
	flex-direction: column !important;
}
#penerapan .icon-box,
#penerapan .icon-box > div:first-child {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
#penerapan .icon-box h2 {
	font-size: 24px;
}
#penerapan .icon-box .circlenum-listing {
	margin-bottom: 0;
}

/* SECTION */
.section {
	padding: 50px 20px;
}
#lebihlanjut.hero {
	padding: 40px 20px;
}
.equal.row {
	flex-direction: column-reverse;
}
.imageboxfit {
    max-height: 55vw;
    height: 55vw;
    width: 100%;
    padding-bottom: 15vw;
}
.imageboxfit img {
    width: inherit;
}
.imageboxfit.section-video {
	height: 35vw;
    padding: 20vw 0 28vw 0;
}
.col-mobile {
	flex-direction: column !important;
}
.smallheading h1, h1.smallheading {
	font-size: 24px;
}
.linkslist.header {
	font-size: 20px;
}
.linkslist.button {
	font-size: 14px;
	padding: 12px 20px;
}
.linkslist.link {
	font-size: 15px;
    display: inline-block;
}
.linkslist.link span {
	position: relative !important;
    font-size: 15px !important;
    bottom: -2px !important;
}
.linkslist.kurikulum-header {
	font-size: 20px;
}
.linkslist.kurikulum-box {
	flex-direction: column;
	padding: 16px;
}
.linkslist.kurikulum-box .column.two .kurikulum-content {
    font-size: 15px;
    height: auto;
    display: inline-block;
}
.linkslist.kurikulum-content {
    font-size: 15px;
    height: auto;
    display: inline-block;
}
.linkslist .list-separator {
	display: flex;
	flex-direction: row;
    align-items: flex-start;
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.linkslist .list-separator > a {
	display: flex;
	flex-direction: row;
    align-items: flex-start;
}
.linkslist .list-separator > a .kurikulum-icon {
    margin-top: -6px;
    flex-shrink: 0;
    width: 24px;
}
.kurikulum-link:after {
	font-size: 15px;
    position: relative;
    bottom: -2px;
}
#memfasilitasi-pengembangan-karakter .imageboxfit {
	max-height: 75vw;
    height: 75vw;
    padding: 12px;
}
#mengejar-ketertinggalan .imageboxfit {
	max-height: 95vw;
    height: 95vw;
    padding: 12px;
}
#kompetensi-inti .imageboxfit {
	max-height: 95vw;
    height: 95vw;
    padding: 12px;
}
#ppa-k2013 .imageboxfit {
	max-height: 95vw;
    height: 95vw;
    padding: 12px;
}
#modul-litnum .imageboxfit {
	max-height: 95vw;
    height: 95vw;
    padding: 12px;
}
#kurikulum-darurat .imageboxfit {
	max-height: 75vw;
    height: 75vw;
    padding: 12px;
}
#filter-hasil-pencarian .wrapper {
	padding: 0;
}

/* SECTION PADDING */
.padshort {
	padding-top: 32px;
	padding-bottom: 32px;
}
.padhero {
	padding-top: 150px;
	padding-bottom: 72px;
}
.padheroshort {
    padding-top: 135px;
    padding-bottom: 50px;
    height: 750px;
}
.padheromoderate {
    padding-top: 150px;
    padding-bottom: 10px;
    height: 550px;
}
.padplatform {
    padding-top: 100px;
}
.padtitleonly {
    padding-top: 0;
    padding-bottom: 12px;
    height: 180px;
}

/* SNP */
#snp {
	padding-top: 0;
	padding-bottom: 48px;
}
#snp .imageboxfit {
	padding-top: 120px;
	padding-bottom: 60px;
	max-height: 100vw;
    height: 100vw;
}
#snp-detail {
	padding-top: 0;
}

/* SPECIAL ELEMENTS */
.pointers .imageboxfit {
    max-height: 100vw;
    height: 100vw;
}
#platform {
	padding-top: 44px;
    padding-bottom: 0;
}
#platform .equal {
	flex-direction: column;
}
#platform .imageboxfit {
    /*padding-top: 15vw;*/
    max-height: 75vw;
    /*margin-top: 120px;*/
    bottom: -20px;
    position: relative;
}
.fbas-alur1 {
	flex-basis: 48px;
}
.fbas-alur2 {
	flex-basis: auto;
	padding-bottom: 16px;
}
.fbas-alur2 h4 {
	flex-basis: 115px;
	font-size: 22px;
	font-weight: 600;
}
.fbas-about {
    flex: 1 1 auto;
    margin-bottom: 32px;
}
.fbas-info {
    flex: 1 0 fit-content;
    height: auto;
}
.about.card > div > div,
.about.linkslist > div > div {
	flex-direction: column;
}
.about h2 {
	font-size: 28px;
}
.about h3 {
	font-size: 18px;
}
.about .circlenum-accent {
	padding: 1px 4px;
    margin-top: -4px;
    margin-bottom: -4px;
	margin-right: 16px;
}
.list-link {
    display: inline-block;
	padding: 6px 0;
}
.list-link .material-symbols-outlined.with-icon {
	padding: 0 0 0 3px;
	bottom: -2px;
	position: relative;
	padding-bottom: 5px;
}
.list-separator {
    padding-bottom: 16px;
    margin-bottom: 16px;
}
.list.checklist li:before {
    width: 22px;
    height: 22px;
	margin-left: -38px;
	margin-top: 2px;
}
.list-title {
    font-size: 17px;
    line-height: 150%;
}
.circlenum-accent {
	font-size: 17px;
    width: 28px;
    height: 28px;
    line-height: 160%;
}
.hidden-on-mobile {
	display: none;
}
.hidden-on-desktop {
	display: flex;
}
.section.hero .link {
	font-size: 15px;
	line-height: 150%;
}
.section.hero .link .material-symbols-outlined.with-icon {
	padding: 0 0 0 4px;
}
.gapbig-mobile {
	gap: 20px;
}
.gapbigger-mobile {
	gap: 40px;
}
.uc-main {
	font-size: 45px;
	line-height: 100%;
    letter-spacing: 0px;
    max-width: unset;
}
.uc-main:before {
	height: 110px;
	margin-bottom: 15px;
}
.uc-sub {
    font-size: 20px;
    letter-spacing: 2px;
    margin-top: 10px;
    padding-top: 12.5px;
    max-width: unset;
}
.offset-div {
	top: -80px;
	margin-bottom: -180px;
}
.judul-besar {
	font-size: 32px !important;
	line-height: 130%;
}
#fitur-pencarian {
	padding: 114px 20px 50px 20px;
}
#fitur-pencarian .imageboxfit img {
    width: 452px;
}
/* ACCORDION */
.acc-wrapper {
	padding: 18px;
}
.acc-heading {
	font-size: 17px;
}
.acc-content {
	font-size: 15px;
}
.accordion .acc-item .acc-content {
	padding-top: 0;
}
.accordion .acc-item .acc-content.active {
	padding-top: 15px;
}

.filac-wrapper {
	padding: 16px;
}
.filac-heading {
	text-align: left;
    flex-direction: column;
    font-size: 15px;
    display: inline-block;
    line-height: 150%;
}
.filac-heading .filac-heading {
    padding-top: 5px;
}
.filac-heading .file-icon {
	margin-right: 16px;
    min-width: 32px;
    min-height: 32px;
    width: 32px;
    height: 32px;
}
.filac-heading .file-remark {
	margin-left: 12px;
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
}
.filac-heading > div {
	align-items: flex-start !important;
}
.file-options > .ic-makewhite {
    filter: none;
}
.file-options {
	margin-left: 48px;
	margin-top: 16px;
}
.op-icon:first-child {
	margin-left: 0;
}
.op-icon {
	width: 24px;
	height: 24px;
	margin-left: 24px;
}
.filac-heading.active ~ .file-options .ic-info {
    opacity: 1;
}
.file-options > span.op-icon.ic-transparent:after {
	display: block;
	width: 100%;
    padding-left: 24px;
    position: relative;
    padding-top: 2px;
    font-size: 14px;
    font-weight: 600;
}
.file-gridview.active {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    grid-gap: 16px;
}
.file-gridview .file-options {
    background: none;
    height: auto;
    padding: 12px;
    position: relative;
    order: 1;
    opacity: 1;
    pointer-events: unset;
    visibility: visible;
}
.file-gridview .filac-wrapper {
    background: var(--clr-faqitem);
    box-shadow: none;
    filter: none !important;
}
.file-gridview .file-section {
    display: grid;
    grid-column: 1 / 3;
}
.file-gridview .filac-heading {
	padding-bottom: 0;
    font-size: 14px;
    width: 100%;
    display: flex;
    justify-content: center;
}
.file-section {
	padding: 32px 0 16px 0;
	text-align: left;
    font-size: 18px;
    font-weight: 700;
    line-height: 140%;
}
.filac-content {
    font-size: 14px;
    padding: 0;
}
.filac-content > .row {
    flex-direction: column;
    margin: 16px 0 8px 48px;
}
.filac-wrapper > .column {
	height: 100%;
}
.file-listview .image-holder {
	display: none;
}

/* NEWS LIST */
.news-list {
	/*margin: 0 -20px -40px -20px;*/
	margin: 0 -20px -20px -20px;
    padding: 0 20px 50px 20px;
    overflow-x: scroll;
    /*overflow-y: hidden;*/
    display: flex;
}
.news-page .news-list {
    overflow-x: auto;
    overflow-y: hidden;
	grid-template-columns: repeat(1, minmax(0, 1fr));
}
.news.wrapper {
	margin: 0 -20px 30px -20px;
    padding: 0 20px 20px 20px;
}
.news.link {
	min-width: calc(90vw - 40px);
    height: auto;
}
.news.blurb {
	padding: 0 16px 12px 16px;
	height: auto;
}
.news.blurb .title {
	font-size: 17px;
}
.news.blurb .date {
	font-size: 12px;
}
.news.blurb .label {
	font-size: 13px;
	padding: 6px 10px;
}
.news.box {
    /*height: auto;*/
}
.news.image {
    width: 100%;
    /*aspect-ratio: 4/3;*/
    aspect-ratio: 16/9;
    height: auto;
    min-height: auto;
}
.news.image-big {
    width: 100%;
    /*aspect-ratio: 4/3;*/
    aspect-ratio: 16/9;
    height: auto;
    min-height: auto;
}
.news.image-inline {
	min-height: 260px;
}
.news.nws-content {
	display: -webkit-box;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.news.news-detail .nws-content {
	display: block;
}
.news.news-detail .nws-content p {
	line-height: 160%;
}
.news-main .news.blurb {
	padding-bottom: 24px;
    height: auto;
}
.news .related-title {
    padding-top: 48px;
	font-size: 28px;
	font-weight: 800;
}
.sh-opt {
	gap: 8px;
}
.sharer-bar {
	gap: 12px;
    margin-top: 20px;
    font-size: 15px;
    line-height: 160%;
}
.sharer-bar .sh-ico {
    width: 32px;
    height: 32px;
    padding: 20px;
    background-size: 75%;
}
#platform .imageboxfit {
	/*height: 240px;*/
	/*max-height: 240px;*/
    height: auto;
}
#platform .img-fill {
	height: auto;
}
#sibi .imageboxfit {
	height: 85vw;
	max-height: 85vw;
}
#sibi .img-fill {
	height: auto;
}
#webinar .img-fill {
	height: auto;
}

/* TOOLBAR */
.tb-toolbar {
	flex-direction: column;
}
.tb-toolbar > div {
	flex-basis: 0;
    width: 100%;
}
.tb-search {
	margin: 0 0 24px 0;
}
.tb-toolbar-berita {
    margin: 0 -20px;
    padding: 0 20px;
    overflow-x: auto;
    overflow-y: hidden;
    height: 44px;
}
.tb-toolbar-berita .query-pill {
    font-size: 15px;
    white-space: nowrap;
}
.tb-toolbar-berita .query-pill .query-num,
.tb-toolbar-berita .query-pill.active .query-num {
    font-size: 15px;
}

/* CAPAIAN PEMBELAJARAN */
.cp-grid {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}
.cp-grid .options {
	opacity: 1;
    pointer-events: unset;
    visibility: visible;
    margin: 0;
    background: transparent;
    height: 55px;
    padding: 36px 14px;
    position: relative;
    top: 100%;
    margin-top: -70px;
    align-items: center;
}
.cp-grid .options .itemicon {
	opacity: 0.65;
    background-color: var(--clr-dummybg);
    background-size: 75%;
    padding: 20px;
    border-radius: 8px;
	background-repeat: no-repeat;
	background-position: center;
}
.cp-grid .options .ic-makewhite {
	filter: none;
}
.cp-grid .itemname {
    padding: 16px 130px 16px 16px;
    height: 72px;
    display: flex;
    align-items: center;
    line-height: 130%;
    font-size: 15px;
}
.cp-pagination {
    font-size: 12px;
}

/* RUJUKAN */
.side-menu {
    margin: 0 -20px;
	flex-direction: row;
	overflow-x: scroll;
	overflow-y: hidden;
    border-right: none;
	border-bottom: 1px solid var(--clr-separator);
}
.side-menu-item {
    min-width: fit-content;
    font-size: 14px;
    white-space: nowrap;
}
.side-menu-item.active {
	border-right: none;
    border-bottom: 3.5px solid var(--clr-secondary);
}
.side-menu-content {
	border-left: none;
	padding: 32px 0 0 0;
}
.side-menu-content .links-box {
    flex-direction: column;
    padding: 16px 16px;
    align-items: flex-start;
}
.side-menu-content .accent-box {
	padding: 16px 16px;
}
.side-menu-content .accent-box .title {
    font-size: 20px;
    line-height: 140%;
}
.side-menu-content .accent-box img {
    max-width: 100%;
}
.side-menu-content .links-box-alt {
    flex-direction: column;
}
.side-menu-content .links-box span {
    padding: 8px 16px;
}
.side-menu-content .helpdesk-box {
    flex-direction: column;
    align-items: center;
    padding: 24px 16px;
}
.side-menu-content .helpdesk-img-box {
	border-radius: 64px 64px 0 0;
    margin: 56px -16px -24px -16px;
}
.side-menu-content .helpdesk-box > div {
    align-items: center;
}
.banding-kurikulum .side-menu-content {
	border-left: none;
	padding: 32px 0 0 0;
}
.banding-kurikulum .side-menu-content-wrapper {
	margin-left: -20px;
	margin-right: -20px;
}
.banding-kurikulum .banding-box {
	border-radius: 0;
}
.banding-kurikulum .banding-box .spacing-16 {
    margin-bottom: 16px;
}
.rujukan .rj-search {
	flex-basis: auto;
}
.sticky-wrapper.is-sticky .side-menu {
    background: var(--clr-white);
    width: 100% !important;
    top: 75px !important;
    border-top: 45px solid var(--clr-white);
}

/* TABS MENU */
.tabs-menu {
    margin: 0px -20px;
	flex-direction: row;
	overflow-x: scroll;
	overflow-y: hidden;
	border-bottom: 1px solid var(--clr-separator);
}
.tabs-menu-content {
	border-top: none;
}
.tabs-menu-item {
    min-width: fit-content;
    font-size: 14px;
    white-space: nowrap;
}
.tabs-menu-item.active {
    border-bottom: 3.5px solid var(--clr-secondary);
}
.tabs-menu-content.faqsikn {
	padding-top: 0;
}
.faq-search {
    /*padding-top: 24px;*/
}
.tb-faqsikn {
	border-bottom: none;
}
.tabs-menu.faqsikn {
	width: 100%;
}

/* STRATEGI IMPLEMENTASI */


/* INFO TERKINI */
#berita.padheromoderate {
    padding-top: 175px;
    padding-bottom: 50px;
    height: 200px;
}
#berita-detail, #hasil-pencarian {
    padding-top: 0;
    padding-bottom: 0;
    height: 112px;	
}
#berita-utama {
	margin-bottom: 60px;
}
#berita-detail-sect {
	padding-top: 32px;
}
.news-detail .news.blurb .title {
	font-size: 28px;
}


/* FAQ */
.faq-kat {
	grid-template-columns: repeat(1, minmax(0, 1fr));
}
.faq-kat .fqka-item {
	flex-direction: row;
	gap: 10px;
    border-radius: 8px;
    padding: 4px 16px;
}
.faq-kat .fqka-icon {
	width: 40px;
	height: 40px;
}
.faq-kat .fqka-text {
	width: 100%;
    font-size: 16px;
    line-height: 130%;
    text-align: left;
}
.news.wrapper {
	margin: 0 -20px 30px -20px;
    padding: 0 20px 20px 20px;
}
.news.link {
	min-width: calc(90vw - 40px);
}
.news.blurb {
	padding: 0 16px 12px 16px;
}
.news.blurb .title {
	font-size: 17px;
}
.news.blurb .date {
	font-size: 12px;
}
.news.blurb .label {
	font-size: 13px;
	padding: 6px 10px;
}

/* FOOTER */
footer {
	padding: 40px 20px 20px 20px;
	flex-direction: column;
}
.ftr-heading {
	font-size: 17px;
}
.ftr-links li {
	font-size: 14px;
}
.ftr-list li {
	font-size: 14px;
	margin-left: -5px;
}
.ftr-list li:before {
	width: 18px !important;
    height: 18px !important;
	margin-top: 0.5 !important;
	margin-left: -26px !important;
}
.attribu {
	padding-right: 60px;
	font-size: 10px;
}
.breakmob {
	display: inline;
	white-space: pre-wrap;
}

/* FIXED MICROINTERACTION */
.interaksi.sibi:after {
	content: "(Sistem Informasi Perbukuan Indonesia)";
	opacity: 1;
    padding: 0px 0 0 4px;
    font-size: 100%;
    color: var(--clr-footertext);
	pointer-events: unset;
}

/* VIDEO SECTION */
.section-video .video-thumb:after {
    width: 100%;
}

/* WELCOME BAR */
.welcome-bar {
    padding: 0 20px;
}
.welcome-bar .bar-txt {
    font-size: 14px;
    line-height: 130%;
}
.welcome-bar .bar-btn a {
	font-size: 14px;
}
.welcome-bar .bar-close {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.welcome-bar-content {
    flex-direction: column;
    align-items: flex-start !important;
}

/* SWIPER */
.swiper-slide {
    width: 100% !important;
    aspect-ratio: 16/9;
    height: auto !important;
    padding: 16px;
}
.swiper-wide-item {
	flex-direction: column;
    padding: 0;
    align-items: center;
    margin: -24px;
    max-height: 720px;
}
.swiper-wide-slide {
    width: 100% !important;
    /*aspect-ratio: 5 / 8;*/
    aspect-ratio: 16 / 9;
    height: auto !important;
    padding: 0;
}
.swiper-wide-item .fanfare {
    padding: 24px 32px 4px 32px;
}
.swiper-wide-item .fanfare .carofanfare {
	transform: scale(0.85);
}
.swiper-wide-item .content {
	flex-basis: unset;
}
.swiper-wide-item .content .title {
	font-size: 28px;
    padding: 0 32px 4px 32px;
}
.swiper-wide-item .content .title.big {
	font-size: 32px;
}
.swiper-wide-item .content .title .small {
	font-size: 18px;
}
.swiper-wide-item .content .subtitle {
	font-size: 14px;
    display: inline-block;
    padding: 0 32px;
    margin-bottom: 24px;
}
.swiper-wide-item .image {
    width: 100%;
    height: 240px;
    display: flex;
    flex-basis: unset;
    background-position: bottom center;
    background-size: contain;
}
.swiper-wide-item .image.cover {
    background-size: cover;
}
.swiper-wide-item .content div {
    text-align: center;
}
.swiper-wide-item .content .cta {
	font-size: 14px;
	font-weight: 600;
    display: flex;
    width: fit-content;
    margin: 0 auto 28px auto;
}
.swiper-wide-item .content .feskurmer.hili {
    margin: 12px auto;
    flex-direction: column;
    width: calc(100% - 40px);
    padding: 12px;
}
.swiper-title {
	font-size: 24px;
    padding: 0px 20px;
}
.swiper-nav {
	display: none;
}
.swiper-pagination {
	position: relative !important;
    display: flex;
}
.swiper-wide-button-prev, .swiper-wide-button-next {
    width: 20px !important;
}
.swiper-wide-button-next:after {
    right: 24px;
}
.swiper-wide-button-prev:after {
	left: -4px;
}

/* MODAL */
.modal {
	padding: 20px;
}
.modal-content {
	padding: 24px;
    max-height: 100%;
    justify-content: flex-start;
    overflow: auto;
}
.modal-content h1 {
	font-size: 26px;
}
.modal-content h2 {
    font-size: 17px;
}
.modal-content h3 {
	font-size: 20px;
}
.modal-content h4 {
	font-size: 14px;
}
.modal-content p {
	font-size: 14px;
    margin: 20px 0 24px 0;
}
.modal-content.video-content {
    max-width: 100%;
}
.modal-content.video-content .modal-close {
    position: absolute;
    top: calc(50% - 124px);
    left: calc(50% + 144px);
}
.modal-close {
    top: 12px;
    left: 8px;
}

/* HELPDESK FLYOUT */
.flyout-cs {
	padding: 32px 16px;
	width: 100%;
	transition: var(--trn-flyout);
}
.flyout-cs.expanded {
	width: 100%;
    align-items: center;
	transition: var(--trn-flyout);
}
.flyout-cs-minimize {
	display: none;
}
.flyout-cs .person {
	display: none;
}
.flyout-cs .balloon {
	display: flex;
    flex-direction: row;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.flyout-cs .balloon.expanded {
    bottom: 0;
}
.flyout-cs.expanded ~ main,
.flyout-cs.expanded ~ header,
.flyout-cs.expanded ~ .header.sticky,
.welcome-bar.expanded {
    filter: brightness(0.35);
}
.flyout-cs .balloon:before {
	display: none;
}
.flyout-cs .help-text-mobile {
	display: flex;
	flex-direction: column;
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 117%;
	color: var(--clr-heading);
	width: 0;
	height: 0;
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transition: var(--trn-flyout);
	position: relative;
	bottom: 0;
}
.flyout-cs .expanded .help-text-mobile {
	display: flex;
	flex-direction: column;
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 117%;
	color: var(--clr-heading);
	width: 0;
	height: 0;
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
	transition: var(--trn-flyout);
	position: relative;
	bottom: 0;
}
.flyout-cs .button-part {
	width: 100%;
	padding: 0 20px;
	transition: var(--trn-flyout);
}
.flyout-cs .expanded .button-part {
	width: 100%;
	padding: 20px;
}
.flyout-cs .button-set, .flyout-cs .expanded .button-set {
	width: 100%;
	left: 0;
}
.flyout-cs .button-body {
    font-size: 22px;
    padding-bottom: 12px;
    font-weight: 800;
	font-family: var(--fnt-secondary);
    line-height: 150%;
}
.flyout-cs .button-set {
	bottom: unset;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	height: 0;
	transition: var(--trn-flyout);
}
.flyout-cs .button-set .button-cs {
	font-size: 16px;
	width: 100%;
	border-radius: 10px;
	text-align: center;
	transition: var(--trn-flyout);
}
.flyout-cs .expanded .button-set {
	bottom: unset;
	justify-content: center;
    align-items: flex-start;
    height: 100%;
}
.flyout-cs .expanded .button-set .button-cs {
    margin-bottom: 12px;
    padding: 28px 12px;
}
.flyout-cs .expanded .button-set .button-cs:last-child {
	margin-bottom: 0;
}
.flyout-cs .button-set .button-cs:before {
    margin-right: 8px !important;
    display: flex !important;
    width: 28px !important;
    height: 28px !important;
}
.flyout-cs .help-text {
	display: none;
}
.flyout-cs .expcol {
	flex-direction: column;
    left: unset;
    right: 0;
	width: 48px;
	height: 48px;
	top: 0;
	margin-top: -40px;
    box-shadow: var(--sdw-hard);
}
.flyout-cs .expcol.expanded {
	top: 0;
	margin-top: -40px;
}
.flyout-cs .expcol:after {
	content: "question_mark";
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.flyout-cs .expcol.expanded:after {
	content: "close";
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}
.flyout-cs .expcol:hover {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
    background-color: var(--clr-accent);
}
.flyout-cs .expcol:active {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
    background-color: var(--clr-accent);
}

/* SCROLL TO TOP BUTTON */
.scrl-top {
    width: 48px;
    height: 48px;
	border-radius: 500px;
    bottom: 92px;
    right: 16px;
    opacity: 1;
    background-color: var(--clr-white);
    background-image: unset;
    background-repeat: unset;
    background-size: unset;
    background-position: unset;
    color: var(--clr-accent-box-title);
    box-shadow: var(--sdw-hard);
}
.scrl-top:hover {
	background: var(--clr-dummybg);
}
.scrl-top:active {
	background: var(--clr-dummybg);
}
.scrl-top.top-hid {
    bottom: 40px;
}
.scrl-top:after {
	content: "expand_less";
	font-size: 24px;
	font-family: 'Material Symbols Outlined';
	font-weight: normal;
	font-style: normal;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-moz-font-feature-settings: 'liga';
	-ms-font-feature-settings: 'liga';
	-o-font-feature-settings: 'liga';
	font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	font-smoothing: antialiased;
}

/* MAPS.CSS */
.bignumber.kotak {
	width: 100% !important;
	align-items: center !important;
}
.bignumber.jenjang {
	text-align: center;
	font-size: 14px !important;
}
#tabel-pelaksana_wrapper {
    overflow-x: scroll;
}
#tabel-pelaksana_filter {
    margin: 0;
}
#tabel-pelaksana_filter .search_ikm {
	width: calc(100vw - 40px);
    font-size: 16px;
}
#tabel-pelaksana_cfooter {
    flex-direction: column;
    gap: 20px;
    align-items: center;
}
.barishasil {
    gap: 20px;
    flex-direction: column;
}
.barishasil * {
    text-align: center !important;
    white-space: break-spaces;
}
.message-box-title {
	font-size: 22px !important;
    line-height: 130%;
    margin-bottom: 12px;
}
.cari_data .message-box-title,
.modal-result .message-box-title {
	font-size: 18px !important;
    margin-bottom: 0;
}
.filter-tabel {
    max-width: unset !important;
}
#section-peta {
	padding: 0;
}
#section-peta > div {
	overflow-x: scroll;
	display: flex;
	align-items: flex-start;
	padding: 32px;
}
#pelaksana-ikm {
	padding-top: 192px !important;
}
.sebaran.bignumber .row {
	flex-direction: column;
}
.sebaran.bignumber > .row > .column:nth-child(2) {
	gap: 15px;
}
.bignumber.stripe {
	display: grid;
    grid-template-columns: auto auto;
}
.bignumber.total {
    max-width: 100% !important;   
    border-radius: 8px !important;
}
.bignumber.total .kotak {
    min-width: 100%
}
.bignumber.tombol {
	align-items: center;
}
.bignumber.stripe:nth-child(2) .kotak{
	padding-top: 8px !important;
}

.modal-result {
    width: calc(100% - 42px);
    padding: 16px;
}
.modal-result .filac-wrapper2 {
	min-width: unset;
    padding: 16px;
}
.modal-result .filac-content2 {
	padding-right: 0;
}
.modal-result .filac-content2 > div {
	flex-direction: column;
}
.modal-result .filac-content2 .image-holder2 {
    margin-bottom: 20px;
}
.modal-result .filac-heading2 > div {
	flex-direction: column;
	align-items: flex-start;
}
.modal-result .file-options2 {
    padding-left: 48px;
    padding-top: 12px;
}
.modal-result .acc-wrapper2 {
    padding: 12px;
}
.modal-result > .column.align.items-flen {
    align-items: center;
}
.acc-wrapper2 {
	padding: 12px;
}
.filac-wrapper {
	min-width: unset;
}
.filac-content {
	padding-right: 0;
}
.filac-content > div {
	flex-direction: column;
}
.filac-content .image-holder2 {
    margin-bottom: 20px;
}
.filac-heading > div {
	/*flex-direction: column;*/
	align-items: flex-start;
}
.filac-heading > div > div {
	align-items: flex-start !important;
}
.filac-heading2 > div {
	flex-direction: column;
	align-items: flex-start !important;
}
.filac-heading2 .file-options2 {
    padding-left: 48px;
    padding-top: 12px;
}
#filter-hasil-pencarian .wrapper {
    padding: 0;
}
#filter-hasil-pencarian .message-box, .message-box {
    padding: 20px 20px;
}

}