/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/
.page-links a {
    display: inline-block;
    border: 1px solid #eee;
    padding: 5px 10px;
    line-height: 1;
    margin-right: 10px;
}
.page-links a:hover {
    background:#0000FF;
    color: #FFF;
    border-color: #eee;
}
.page-links .current {  display: inline-block;
    border: 1px solid #eee;
    padding: 5px 10px;
    line-height: 1;
    margin-right: 10px;background:#0000FF;color:#fff;}
.lwptoc_item {
    margin: auto;
    display: flex;
    gap: 10px;
    padding: 1em 0;
    align-items: center;
}
.lwptoc_item {
    position: relative;
    counter-increment: story-count;
}
.lwptoc_item:before {
    content: '#'counter(story-count);
    font-size: 17px;
    font-weight: 700;
    color: #D9DBE9;
    flex-wrap: wrap;
}
.custom-widget a {font-weight:600;}
/* Artikel Lainnya */
.U48fD { 
    -webkit-tap-highlight-color: transparent; 
    cursor: pointer; 
    display: block; 
    line-height: 18px; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    padding: 16px; 
    padding-top: 0; 
    margin-top: 24px; 
    position: relative;
} 
.U48fD.TOQyFc { 
    margin-top: 0;
} 
hr { 
    border: 0; 
    border-bottom: 1px solid #dadce0; 
    margin: 0;
} 
.Bi9oQd { 
    background-color: #dadce0; 
    margin-top: 18px; 
    position: absolute; 
    border: 0; 
    height: 1px; 
    left: 0; 
    width: 100%;
} 
.ZFiwCf { 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    position: relative; 
    margin: 0 auto; 
    font-size: 14px; 
    font-family: arial,sans-serif; 
    font-weight: 400; 
    width: 300px; 
    height: 36px; 
    border-radius: 18px; 
    background-color: #f1f3f4;
} 
.ZFiwCf:hover { 
    background-color: #D8D7DC;
} 
.LGwnxb { 
    overflow: hidden; 
    text-overflow: ellipsis; 
    white-space: nowrap; 
    width: auto; 
    padding-left: 0; 
    padding-right: 8px; 
    max-width: 200px; 
    color: #202124;
} 
.button, .wp-block-button .wp-block-button__link {
    padding: 3px 10px;
    display: inline-block;
}     
.custom-widget {
    position: relative;
    counter-increment: story-count;
}
.custom-widget {
    margin: auto;
    display: flex;
    gap: 10px;
    padding: 1em 0;
    align-items: center;
}
.custom-widget:not(:last-child){    border-bottom: 1px solid #eee;}
.custom-widget:before {
    content: counter(story-count);
background-color: #0000FF;  font-size: 20px;  font-weight: bold;color:white;padding:0px 8px;
}
.posted-on .published:after {
    content: " WIB";
}
.quotes {
    background-color: rgba(31, 61, 235, .06);
    border: none;
    padding: 20px;
    position: relative;
}
.quotes::before {
    font-family: "Font Awesome 5 Free";
    color: #ff5722;
    content: "\f0eb";
    margin-right: 10px;
}
/* Related */
.artikel-related, .artikel-terbaru {border-top: 1px solid #eee;
    padding: 10px 0;
    display: flex;
    gap: 10px;flex-direction: row-reverse;
}
.text-container {
    margin: auto;    flex: 1 1 0%;
}
.judul-artikel-terbaru, .judul-related {
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2em;
}
.category-related-title {
    font-size: 18px;
    font-weight: 600;
    padding-left: 16px;
    position: relative;
    margin-bottom: 10px;
}
.judul-related a{color:#222;}
.gambar-related {
    margin: auto;
}
.artikel-related img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 1px solid rgb(232 234 237 / 50%);
}
.artikel-terbaru img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border: 1px solid rgb(232 234 237 / 50%);
}
.artikel-terbaru img {border-radius:50px;}
.artikel-related img  {
    border-radius: 5px;
    object-fit: cover;
    border: 1px solid rgb(232 234 237 / 50%);
}
/* home */
.share-button-kontainer{    content: "";
    display: table;
    clear: both;}

.share-button-kontainer a {float:right;}
.share-button {
        background-color: #0000FF;
        border: none;
        cursor: pointer;
        color: white;
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 700;
        margin-top: 0;
        text-align: left;border-radius:5px;
      }
.share-button a{color:#fff;}
      .share-icon {
        height: 24px;
        margin-right: 8px;
        width: 24px;
        fill: currentColor;
      }
.homepage-category-list {
	background-color: #fff;
	padding: 20px;
	margin: 20px 0;
}
.entry-meta {font-size:13px;}
.homepage-category-list article  {
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.homepage-category-list .artikel {border-top: 1px solid #eee;padding-top:10px;}

.artikel:last-child{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.category-title, .widget-title {
	font-size: 18px;
	line-height: 1;
	font-weight: 600;
	padding-left: 16px;
	position: relative;
	margin-bottom: 30px;
}
.category-title a:link{color: #0000FF;}
.category-title::before, .category-related-title::before  {
	background: #0000FF;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 6px;
}
.homepage-article {
	display: flex;
	justify-content: space-between;
}
.homepage-article .post-image {
	margin: 0; flex: 0 0 auto;
}
.homepage-article .entry-header {
	width: auto;
	padding-right: 16px;
}
.homepage-article .post-image img {
	background: #e0e0e0;
	border-radius: 4px;
	-ms-flex: 0 0 100px;
	flex: 0 0 100px;
	height: 100px;
	width: 100px;
	object-fit: cover;
}
.homepage-article-headline {
	position: relative;margin-left:-20px;margin-right:-20px;
}
.homepage-article-headline .post-image img {
	width: 100%;
}
.homepage-article-headline .entry-header {
	-ms-flex-align: end;
	align-items: flex-end;
	background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,#252525 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,#252525));
	background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,#252525 100%);
	background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,#252525 100%);
	background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,#252525 100%);
	background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,#252525 100%);
	bottom: 0;
	color: #fff;
	content: "";
	display: -ms-flexbox;
	display: flex;
	font-weight: 600;
	left: 0;
	padding: 24px 16px;
	position: absolute;
	top: 0;
	width: 100%;
}
.homepage-article-headline .entry-header h2.entry-title {
	font-size: 20px;
}

.homepage-article-headline .entry-header h2.entry-title a {
	color: #fff;
}
/* Listicle */
.entry-content li img {display: block; margin: 20px auto;}
.entry-content ol,
.entry-content ul {
    margin-left: 20px;
}
.entry-content li {
    margin-bottom: 10px;
}
/* Widget Title */
.widget-title:before, .widget-title:before {
	background: #0000FF;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	width: 6px;
}
@media (min-width: 769px) {
    .inside-right-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 0px;
    }
}