/* Typography */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,300,600,600italic,800,800italic);
body {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight:300; }
button, .button {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight:600; }
.top-bar-section ul li > a, .tabs .tab-title > a, .side-nav {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight:300; }
h1, h2, h3, h4, h5, h6 {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-weight:800;
	color:#3f3f3f; }
p b, p strong { font-weight:600; }
p {
	font-size: 1.125rem;
	line-height: 1.75;
	margin-bottom: 1.875rem; }
p.lead {
	font-size: 1.21875rem;
	line-height: 1.6; }
p aside {
	font-size: 0.875rem;
	line-height: 1.35; }
blockquote {
	border-left:5px solid #39b; }
blockquote p {
	font-family:"Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size:1.25rem;
	font-weight:600;
	font-style:italic;
	line-height:1.6;
	color:#555; }

/* Block Grid */
.row.full { max-width:100%; }

/* Body */
@media only screen and (min-width: 112.5em) {
	body.single, body.page { background:#fff url("assets/img/bg-ink.png") 0 0 no-repeat fixed; }
}

/* Top Bar & Tab Bar & MM Bar */
.top-bar-container { display:none; }
@media only screen and (min-width: 62.5625em) {
	.tab-bar { display:none !important; }
	.top-bar-container { display:inherit; }
}
.contain-to-grid { background:#fff; }
.contain-to-grid .top-bar { max-width:100%; }
.top-bar {
	background:rgba(255,255,255,0.9);
	width:100%;
	height:9.375rem;
	line-height:5rem;
	position:fixed;
	top:0;
	left:0;
	z-index:88;
	transition:all 0.3s ease; }
.top-bar-section ul {
	margin-top:35px;
	transition:all 0.3s ease; }

.top-bar .toggle-topbar a { color:#333; }
.top-bar-section ul li { background:rgba(255,255,255,0); }
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
	border-right:1px solid #aaa;
	height:2.25rem;
	margin-top:1.25rem; }
.top-bar-section li:not(.has-form) a:hover:not(.button) {
	background:rgba(255,255,255,0.5); }
.top-bar-section ul li:hover:not(.has-form) > a {
	color:#333;
	background:rgba(255,255,255,0.5); }
.top-bar-section li:not(.has-form) a:not(.button) {
	background:rgba(255,255,255,0);
	line-height:5rem;
	padding:0 1.5625rem; }
.top-bar-section li.active:not(.has-form) a:not(.button) {
	background:#39b;
	color:#fff;
	line-height:5rem;
	padding:0 1.5625rem; }
.top-bar-section ul li > a {
	color:#333;
	font-family:"Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
	font-size:1.125rem;
	font-weight:800;
	text-transform:uppercase; }
.thelapan-logo-topbar {
	background-image:url("assets/img/logo.png");
	background-repeat:no-repeat;
	background-size:contain;
	display:block;
	margin:15px 0 15px 30px;
	min-width:210px;
	height:120px;
	transition:all 0.3s ease; }
.thelapan-logo-topbar span { color:rgba(255,255,255,0); }

@media only screen and (min-width: 62.5625em) {
	.top-bar.shrink {
		background:rgba(221,230,225,0.9);
		height:5rem;
		line-height:5rem; }
	.top-bar.shrink .thelapan-logo-topbar {
		margin: 5px 0px 5px 30px;
		min-width: 130px;
		height: 70px; }
	.top-bar.shrink .top-bar-section ul {
		margin-top:0; }

}
.mm-bar {
	position:fixed;
	top:0; left:0;
	width:100%;
	background:rgba(221,230,225,0.9);
	z-index:77;
}
@media only screen and (min-width: 62.5625em) {
	.mm-bar { display:none; }
}
.mm-logo-section {
	background-image:url("assets/img/logo.png");
	background-repeat:no-repeat;
	background-size:contain;
	display:block;
	margin:5px 0 5px 15px;
	min-width:130px;
	height:50px; }
.mm-logo-section h1.title {
	color:rgba(255,255,255,0);
	font-size:1em;
	line-height:50px; }
.mm-menu-section {}
.accordion .accordion-navigation.active > a, .accordion dd.active > a {
	background:#39b; }
.accordion .accordion-navigation > a, .accordion dd > a {
	background:#333;
	color:#222;
	display: block;
	font-size: 1rem;
	padding:3px 0 0 15px;
}
.accordion .accordion-navigation > a:hover, .accordion dd > a:hover {
	background:#39b; }
a.burger-menu {
	position:absolute; top:0; right:0;
	width:60px; height:60px; }
span.burger-icon {
	position:relative;
	padding-left:5px; }
.accordion-navigation span.burger-icon:before {
	content: "";
	position: absolute;
	left:0;
	top:10px;
	width:30px;
	height:5px;
	background: white;
	box-shadow: 
	0 10px 0 0 white,
	0 20px 0 0 white;
}
.accordion-navigation.active span.burger-icon:before {
	content: "";
	position: absolute;
	left:-3px;
	top:20px;
	width:36px;
	height:5px;
	background:white;
	transform:rotate(45deg);
	box-shadow: 
	0 10px 0 0 transparent,
	0 20px 0 0 transparent;
}
.accordion-navigation.active span.burger-icon:after {
	content: "";
	position: absolute;
	left:-3px;
	top:20px;
	width:36px;
	height:5px;
	background:white;
	transform:rotate(-45deg);
	/*box-shadow: 
	0 10px 0 0 white,
	0 20px 0 0 transparent;*/
}

.mm-menu-section .accordion .accordion-navigation > .content.active, .mm-menu-section .accordion dd > .content.active {
	background:#333;
	display:block;
	width:100%;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease; 
}
.mm-menu-section .accordion .accordion-navigation > .content, .mm-menu-section .accordion dd > .content {
	display:block;
	position:absolute; top:60px; right:0;
	width:0;
	padding:0 0 2.5rem 0;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease; 
}
ul.accordion-menu-list { margin:0; padding:0; list-style:none; }
ul.accordion-menu-list li { margin:0; padding:0; }
ul.accordion-menu-list li a {
	display:block;
	font-size:1.5rem;
	line-height:3;
	font-weight:800;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	border-bottom:1px solid #3f3f3f; }
ul.accordion-menu-list li a:hover { background:rgba(255,255,255,0.15); }

/* Content */
.container {
	padding-top:100px; }
@media only screen and (min-width: 62.5625em) {
	.container { padding-top:180px; }
}

/* Content > Category Archive */
h1.page-heading { margin-bottom:1.5rem; font-size:2.5rem; text-align:center; }
@media only screen and (min-width: 40.0625em) {
	h1.page-heading { margin-bottom:3.5rem; font-size:3.5rem; }
}

@media only screen and (min-width: 100.0625em) {
	[class*="block-grid-"] {
		padding:0 0.625rem;; }
	[class*="block-grid-"] > li {
		padding:0 0.9375rem 1.875rem; }
}
.inner-container [class*="block-grid-"] > li > div {
	padding:0.9375rem;
	position:relative;
	background:rgba(221,230,225,0.5);
	border:1px solid #ddd;
	transition: all 300ms ease-out; }
.inner-container [class*="block-grid-"] > li > div:hover {
	background:rgba(255,255,255,1); }
.entry-list-feature-img {
	margin-bottom:0.9375em;
	-webkit-filter:grayscale(1);
	filter:grayscale(1);
	transition: filter 300ms ease-out; }
.inner-container [class*="block-grid-"] > li > div:hover .entry-list-feature-img {
	-webkit-filter:grayscale(0);
	filter:grayscale(0); }
.inner-container [class*="block-grid-"] > li > div a { color:#555; }
.inner-container [class*="block-grid-"] > li > div:hover a  { color:#39b; }
.inner-container p { font-size:1rem; margin-bottom:1.25rem; }
.entry-cattag p { margin-bottom:0.625em; font-size:1rem; font-style:italic; }
.entry-cattag p a { font-style:normal; }
.entry-bookmark {
	display:block;
	width:110px;
	height:90px;
	position:absolute;
	top:0;
	left:0;
	background:url("assets/img/bg-bookmark.png") top center no-repeat;
	font-size:1.75rem;
	line-height:2;
	text-align:center;
	color:#fff;
	z-index:8; }
/*.entry-bookmark .fa-star {
	font-size:1.75rem;
	line-height:2; }*/

/* Content > Single */
.entry-header { text-align:center; }
.entry-header h1 { font-size:3.5rem; }
.post-meta {
	margin-bottom:30px;
	font-size:0.875rem; }
.entry-feature-img { margin-bottom:3.125rem; }
.entry-content .foreword {
	font-size:1.5rem;
	font-style:italic; }
.entry-content .foreword span {
	display:block;
	margin:0;
	font-size:3rem;
	font-style:normal;
	font-weight:800;
	text-align:center;
	color:#39b; }
.entry-content ul, .entry-content ol, .entry-content dl {
	font-size: 1.125rem;
	line-height: 1.75;
	/*margin-bottom: 1.875rem;*/
}
img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto }

.entry-footer {
	margin-bottom:3.125rem;
	padding-top:3.125rem;
	border-bottom:1px solid #ccc; }
.entry-footer .postagar { font-size:1rem; font-weight:600; font-style:italic; text-align:center; }
.entry-footer .postagar a { font-weight:normal; font-style:normal; }

.share-social {
	margin:30px auto 50px auto;
	width:290px;
	text-align:center; }
.share-link {
	margin:10px;
	width:50px;
	height:50px;
	color:#555;
	transition: color 300ms ease-out; }
.share-link.twitter { margin-left:0; }
.share-link.pocket { margin-right:0; }
.share-link.twitter:hover { color:#55acee; }
.share-link.facebook:hover { color:#3b5998; }
.share-link.gplus:hover { color:#dd4b39; }
.share-link.pinterest:hover { color:#cc2127; }
.share-link.pocket:hover { color:#d3505a; }
.share-link i { font-size:3rem; }
.share-link span { display:none; }
.share-link.follow-twit {
	display: block;
	margin: 30px auto;
	padding: 0 10px;
	width: 165px;
	height: 40px;
	background: #39b;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 40px;
	color: #fff;
	border-radius: 3px;
	transition: background 300ms ease-out; }
.share-link.follow-twit:hover { background:#55acee; }
.share-link.follow-twit i { font-size:1.5rem; }

p.error-404 { font-size:10rem; text-align:center; margin-bottom:3.125rem; font-weight:800; }
@media only screen and (min-width: 40.0625em) {
	p.error-404 { font-size:20rem; }
}

/* Content > Arsip */
.arsip-section { margin-bottom:5rem; }
.arsip-header {
	padding-bottom:0.9375rem;
	text-align:center;
	border-bottom:1px solid #ccc; }
.arsip-content.tagar, .arsip-content.kategori {
	font-weight:600;
	text-align:center; }
.arsip-content.kategori {
	font-size:1.25rem; }
.arsip-post-list {
	font-weight:600; }
.arsip-post-title {
	display:block; }

/* Content > Pagination */
ul.pagination li a, ul.pagination li button {
		font-weight:600; }
@media only screen and (min-width: 22.5625em) { /* 361px up */
	ul.pagination li {
		height:3rem;
		margin-left:0.9375rem; }
	ul.pagination li a, ul.pagination li button {
		font-size:2em;
		line-height: inherit;
		padding:0.0625rem 1.125rem; }
}

/* Content > Comments */
section#comments { margin-bottom:3.125rem; }
section#comments h4 { margin-bottom:3.125rem; }
ol.comment-list > li { margin-bottom:1.25rem; border-bottom:1px solid #ddd; }
ol.comment-list .author-meta.vcard {
	display: inline-block;
	margin:0;
	padding:0;
	border:none; }
ol.comment-list .author-meta.vcard cite { font-size:1.125rem; }
ol.comment-list .author-meta.vcard time { font-size:0.75rem; }
ol.comment-list .comment-body { margin-bottom:1.25rem; }
ol.comment-list .comment p { font-size:1rem; line-height:1.6; margin-bottom:1rem; }
ol.comment-list ul.children { list-style-type:square; }

@media only screen and (min-width: 56.3125em) { /* 901px up */
	.entry-content, .entry-footer, .entry-comment, .entry-respond {
		margin:0 auto;
		width:90%; }
	.entry-footer, section#comments { margin-bottom:3.125rem; }
}

/* Footer */
.thefooter {
	background:#333;
	padding-top:1.875rem; }
.footer-social, .footer-copy {
	color:#fff;
	text-align:center; }
.footer-social {
	margin-bottom:0.625rem;
	font-size:2.5rem;
	line-height:2rem; }
.footer-social a {
	color:#fff; }
.footer-social a:hover {
	color:#39b; }
.footer-copy {
	font-size:1rem; }
@media only screen and (min-width: 40.0625em) {
	.footer-social, .footer-copy { text-align:right; }
	.footer-social {
		margin-bottom:0.625rem; }
	.footer-social a {
		margin-right:0.625rem; }
	.footer-copy {
		margin-right:0.625rem;
		margin-bottom:1.25rem; }
}