/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 13 2022 | 18:16:46 */
.main-navigation, .main-navigation ul ul {
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

/* Menu sticky. */
@media screen and (max-width: 768px) {
.main-navigation {
    position: sticky;
    top: 0;
    z-index: 999;
}
.admin-bar .main-navigation {
    top: 32px;
}
}

.rank-math-breadcrumb p {
padding: 10px;
text-align: center;
border-bottom: 2px solid var(--global-color-8);
}

button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"], 
a.button, 
a.button:visited, 
a.wp-block-button__link:not(.has-background) {
    border-radius: 10px;
}

.wp-show-posts-columns .wp-show-posts-inner {
transition: all 0.2s ease-in;
transform: scale(1);
background: white;
border-radius: 10px;
padding-bottom: 15px;
box-shadow: 0 0 10px rgb(0 0 0 / 10%);
}

.wp-show-posts-columns .wp-show-posts-inner:hover {
transform: scale(1.01);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
}

.wp-show-posts-entry-header {
margin: 0 0 1em;
padding: 0 5px 0 5px;
}

.wp-show-posts-entry-meta {
font-size: .8em;
margin-top: 5px;
}

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

/* Posts grid styles */
@media (min-width: 769px) {
.generate-columns .inside-article {
transition: all 0.2s ease-in;
transform: scale(1);
}
.generate-columns .inside-article:hover {
transform: scale(1.01);
box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    }
}
.generate-columns .inside-article {
display: flex;
flex-direction: column;
border-radius: 3px;
}

.entry-content ol {
counter-reset: li;
margin-left: auto;
}
ol {
list-style: decimal;
}
.entry-content ol li {
position: relative;
margin: 0 0 .5rem 1.03rem;
padding: 4px 0 .3rem 1.5rem;
list-style: none;
border-left: 1.5px solid #1e96ff;
}
.entry-content ol>li:before {
content: counter(li);
counter-increment: li;
position: absolute;
top: 0;
left: -1.2em;
box-sizing: border-box;
margin-right: 8px;
display: block;
font-size: .9rem;
padding: 5px;
width: 2.1rem;
height: 2.1rem;
line-height: 1.3;
text-align: center;
font-weight: 500;
border: .5px solid #18225d;
background: #18225d;
color: #ffffff;
border-radius: 999em;
}

/* Sosial Share */
.wplogout-social-wrapper {
font-size: 0;
padding: 10px;
border-top: 2px solid var(--global-color-8);
}
.wplogout-social-wrapper span {
font-weight: bold;
font-size: 14px;
color: #000;
}
.wplogout-social-sharing {
font-size: 17px;
padding: 5px 10px;
}
@media only screen and (max-width: 768px) {
.wplogout-social-sharing {
font-size: 10px;
padding: 1px 10px;
display: inline-block;
}
}
.wplogout-social-sharing svg {
position: relative;
top: 0.15em;
display: inline-block;
}
.wplogout-social-sharing:first-of-type {
border-radius: 100px 0 0 100px;
}
.wplogout-social-sharing:last-of-type {
border-radius: 0 100px 100px 0;
}
.wplogout-social-facebook {
fill: #4267B2;
}
.wplogout-social-twitter {
fill: #1DA1F2;
}
.wplogout-social-pinterest {
fill: #E60023;
}
.wplogout-social-linkedin {
fill: #0e76a8;
}
.wplogout-social-whatsapp {
fill: #25D366;
}
.komentar-post {
fill: #25D366;
border-left: 1px solid #B5B5BE;
padding-left: 5px 12px;
}
.wplogout-social-sharing:hover {
background-color: #e0f0ff;
}
.social-fb-footer svg {
position: relative;
fill: #4267B2;
padding: 3px
}
.social-fb-footer svg:hover {
fill: #f1c40f;
}
.social-twitter-footer svg {
position: relative;
fill: #1DA1F2;
padding: 3px
}
.social-twitter-footer svg:hover {
fill: #f1c40f;
}
.social-youtube-footer svg {
position: relative;
fill: #FF0000;
padding: 3px
}
.social-youtube-footer svg:hover {
fill: #f1c40f;
}
.social-linked-footer svg {
position: relative;
fill: #0e76a8;
padding: 3px
}
.social-linked-footer svg:hover {
fill: #f1c40f;
}

/* Artikel terkait */
.wp-show-posts-single {
	margin-top: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	font-size: 15px;
}
.wp-show-posts-single img {
	border-radius: 5px;
}

/* Navigasi Artikel */
#nav-below {
text-align: center;
line-height: 2;
border-top: 2px solid var(--global-color-8);
}
@media (max-width: 769px) {
#nav-below {
font-size: .9rem;
}
}
nav#nav-below.paging-navigation a.page-numbers {
font-weight: 400;
border: solid 1px #1e72bd;
padding: 3px 5px 3px 5px;
margin-right: 10px;
}
nav#nav-below.paging-navigation a.page-numbers:hover {
font-weight: 400;
border: solid 1px #1e72bd;
background: #1e72bd;
color: #fff;
}
.nav-links .page-numbers:not(.next):not(.prev) {
display: none;
}
.home.blog .paging-navigation {
display: none;
}

/* Tombol Komentar */
.comments-area {
    display: none;
}
.comments-area.visible {
	display: block;
	border-radius: 24px;
}

/* Icon Menu */
.menu-icon svg {
height: 1em;
width: 1em;
top: .125em;
position: relative;
}

.inside-article {
	border-radius: 10px;
	-webkit-box-shadow: 0px 8px 15px rgb(97 109 190 / 10%);
}

.yarpp-related .yarpp-thumbnail-title {
    text-align: center;
}
.yarpp-related {
    text-align: center;
}

#ad-header {
	min-height: 320px;
	margin: auto;
	text-align: center;
}
@media screen and (min-width: 40em) {
	#ad-header {
		min-height: 320px;
		margin: auto;
		text-align: center;
	}
}