@charset "UTF-8";
@import "oakustom.css?0"; /* css tambahan untuk setting new WP editor*/
:root {
    --omah-payon :#ddbd93;
    --omah-latar:#ffefd2;
    --text-color:#444;
    --head-text-color:#998160;
}

.bg-latar {background-color:var(--omah-latar)!important;}
.bg-sepuh {background-color:var(--omah-payon)!important;}
.text-omah {color:var(--text-color) !important;}
body {
    margin:0;
	color: var(--text-color) !important;
	background: var(--omah-latar)!important;
	font-size: 1rem;
	font-family: "Segoe UI","Helvetica Neue","Liberation Sans","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji", "ngayogyan",sans-serif !important;
	-webkit-font-smoothing: antialiased;
}
html {position: relative;min-height: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: transparent}
/** {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}*/
*, ::after, ::before {box-sizing: border-box}
a:link, a:visited {color: var( --head-text-color) !important;text-decoration:none;}
a:hover {color:#ac2424 !important;text-decoration:none;}
@media (max-width: 575.98px) {.w-xs-100 {width: 100% !important;}.w-xs-75 { width: 75% !important;}.w-xs-50 {width: 50% !important;}.w-xs-25 { width: 25% !important;}}
@media (min-width: 576px) {.w-sm-100 {width: 100% !important;}.w-sm-75 {width: 75% !important;}.w-sm-50 {width: 50% !important;}.w-sm-25 {width: 25% !important;}}
@media (min-width: 768px) {.w-md-100 {width: 100% !important;}.w-md-75 {width: 75% !important;}.w-md-50 {width: 50% !important;}.w-md-25 {width: 25% !important;}}
@media (min-width: 992px) {.w-lg-100 {width: 100% !important;}.w-lg-75 {width: 75% !important;}.w-lg-50 {width: 50% !important;}.w-lg-25 {width: 25% !important;}}
@media (min-width: 1200px) {.w-xl-100 {width: 100% !important;}.w-xl-75 {width: 75% !important;}.w-xl-50 {width: 50% !important;}.w-xl-25 {width: 25% !important;}}
.text-justify {text-align:justify !important;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
.paragraf {line-height:1.8;text-align:justify;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;}
img{max-width:100%;height:auto}
img.hover-zoom{transition: transform .5s ease;}
img.hover-zoom:hover{transform: scale(1.1);}
table, tbody {vertical-align: baseline;}
table[border="1"] td, table[border="1"] th {
    padding: 3px 5px;
    border: 1px solid #c5c5c5;
}

header {
    color:#fff;
    width:100%;
    position:fixed;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: var( --omah-payon);
	z-index:100;
}

main {padding-bottom:6em;line-height:initial;}

doodle {
    display:block;
    height:100vh;
    background: url('../../images/badge.png') no-repeat 50% 38%, url('../../images/bg.png') repeat transparent;
    background-attachment: fixed;
    
}
.site-title {
	margin: 0;
	font-size: 1.4rem;
	color:#fff;
	font-weight: 700;
    padding-left: 0.5em;
}

.mp-title{
    font-family:ngayogyan-jejeg !important;
    color:var(--head-text-color);
}
.main-navigation .menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
}

.main-navigation .menu a {
	display: block;
	color: #fff !important;
	padding: 10px;
	text-decoration: none;
	font-weight: 600;
}

.main-navigation .menu a:hover {
	color: #6EDEC4;
}

.site-content {
	max-width: 1000px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 2.5fr 1fr;
	grid-gap: 10px;
	min-height: calc(100vh - 205px);
}

.site-footer {
	margin: 0 auto;
	padding: 30px 15px;
	background: #F8F8FB;
	border-top: 1px solid #e8e8f0;
	text-align: center;
}

.entry {
	margin-bottom: 35px;
}

.entry-header a {
}

.comment {
	padding: 20px 0;
	margin: 20px 0;
	border-bottom: 1px solid #e8e8f0;
}

.comment-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.avatar {
	display: inline-flex;
	margin-right: 15px;
}

.says {
	display: none;
}

.comment-author {
	display: flex;
    align-items: center;
}

.comment-meta {
	display: flex;
	align-items: center;
}

.comment-metadata a {
	padding: 0 0 0 15px;
	color: #888;
	font-size: .9rem;
}

.reply a {
	color: #888;
	font-size: .9rem;
}
.screen-reader-text{
    display:none;
}
.pendapa   {
    display:block;
    height:550px;
    position:relative;
    padding-top:4em;
    margin: auto;
    background: url(../../../../uploads/2023/12/java-removebg-preview.png) no-repeat 50% 0 #ddbd93;
    background-attachment: fixed;
        }
.pendapa:after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    height: 130px;
    width: 100%;
    background: url('../../images/border.png') no-repeat center;
    margin: 0 auto;
    background-size: cover;
}
.mp-front-top   {
    width: 95%;
    margin:auto;
    border-radius: 20px;
    background-color: var( --omah-payon);
    display: block;
    text-align:center;
        }
.mp-front-badge {
        }
.mp-badge  {
    border-radius: 15px;
    box-shadow: 1px 2px 6px 0px #00000047;
        }
.mp-badge:hover  {
    background-color:#ffff58;
    transition:background-color .5s;
        }
        
    .section-title {
    text-align: center;
    padding-bottom: 2em;
}
.section-title h2 {
    margin-bottom: 20px;
    padding-bottom: 20px;
    position: relative;
}
.section-title h2::before {
    content: "";
    position: absolute;
    display: block;
    width: 120px;
    height: 1px;
    background: var( --omah-payon);
    top: -20px;
    left: calc(50% - 60px);
}
.section-title h2::after {
    content: "";
    position: absolute;
    display: block;
    width: 40px;
    height: 3px;
    background:var( --omah-payon);
    top: -21px;
    left: calc(50% - 20px);
}

.aksara {
    padding-top: 25px;
    font-family: NotoJawa,NotoSunda,NotoBali,NotoBatak,NotoBugis,Notorejang;
    line-height: 2em;
}
    .ortotrans, .terjemah {
    color: #966a36;
    padding-top: 10px;
    font-size: 85%;
    text-align: justify;
}

input:focus {
  outline: none;
}


    .num {padding-right: 10px;color: var(--head-text-color);font-weight:bold}
	.carousel-item img {border-radius:50%;margin-bottom:1em;width:175px;height:175px}
	.carousel-item h4 {margin:0;font-family:montserrat;font-weight:bold}
	.accordion-item {color:unset}
	.accordion-button{font-family: montserrat;font-weight: bold !important;color: unset;}
	.accordion-button:focus{box-shadow:none !important}
	span.profil-quote {display: block;margin-bottom:2em}
	.nav-link {color:unset}
	@media (max-width: 768px) {.nav-link {flex: 1 1 auto!important;}}
	.nav-link.active {color:#fff !important;background-color: var( --omah-payon) !important;border: none;}
	.see-all{position:relative;margin-top:1.5em;text-align:end}
	.see-all::before{
		z-index: -1;
		content: "";
		width: 100%;
		border-top:2px dashed #ccc;
		position:absolute;
		top: 50%;
    	left: 0;
	}
	.see-all a {padding: 3px 10px;background-color: #d5e9eb;border-radius:20px}
	.see-all a:hover { background-color:#ffff58;transition:background-color .5s;}
	
	    .read-post{position:relative;text-align:end;margin-top:1em;}
	.read-post::before{
		z-index: -1;
		content: "";
		width: 100%;
		border-top:2px dashed var(--omah-payon);
		position:absolute;
		top: 50%;
    	left: 0;
	}
	.read-post a {padding: 3px 10px;background-color: var(--omah-payon);border-radius:20px}
	.read-post a:hover { background-color:#ffff58;transition:background-color .5s;}

.accordion-button:not(.collapsed) {
    color: var(--text-color)!important;
    background-color: var(--omah-payon)!important;
}

figure{
    max-width: fit-content;
    word-break:break-all;
}

figure img{
    max-width: 100%;
    height: auto;
}

	.pagination {display:block !important;margin:auto;text-align: center;width: 100%;display: block;margin-top:2em;margin-bottom:2em}
	.page-numbers {
    padding: 2px 8px;
    border: 1px dashed #3a7a8045;
    border-radius: 7px;
	background-color: #ffff6fb5}
	a.page-numbers, .page-numbers.dots {background-color:#3a7a800f}
	
/* FONT FACE */	
@font-face {
    font-family: 'montserrat';
    src: url('fonts/montserrat.woff2') format('woff2'),
}

@media (max-width: 480px) {.read-post::before{content: unset}}

/* PRINT AREA */
@media print {
    .print-area {display:block}
    .no-print {display: none}
}