/*sk13 custom css*/


/*sk13 img.fullwidth*/
.entry-content img.fullwidth {width: 100%;}

/*sk13 arsip card mode cover -> judul dg background putih*/
.entry-card h2.entry-title > span,
.entry-card h2.entry-title > a {
	background-color: #fff;
	box-shadow: -8px 0 0 0 #fff, 8px 0 0 0 #fff;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	text-decoration: none;
	max-width: 100%;
}


[data-archive=default][data-layout*=grid] .entry-card>*:not(:last-child), 
[data-archive=default][data-layout=classic] .entry-card>*:not(:last-child),
[data-archive=default][data-layout=simple] .card-content>*:not(:last-child) {
/*sk13-kontraspapua	margin-bottom: 0 !important;*/
}


/*sk13 caption  img*/
.single figure.wp-caption{
	margin-bottom: 20px;
}

.single figure.wp-caption,
.single figure.img-responsive,
.single figure.ct-featured-image {
  position: relative;
  align-items: center;
  overflow-y: hidden;
  text-align: center;
  padding: 0;
  width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
/*
  display: flex;
  max-height: 710px;
*/
}

.single .entry-content figcaption,
.single .entry-content figcaption,
.single .ct-featured-image figcaption{
	text-align: left;
	margin-top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 1px;
	padding: 10px 15px;
	color: #fff;
	line-height: 1.2;
	font-size: 12px;
}



/**************************************************************************/
/*utk halaman Instrumen HAM download*/
.post-21.page.type-page .entry-content p a {
	border: 2px solid var(--theme-palette-color-3);
	color: var(--theme-palette-color-3);
	padding: 10px;
	text-decoration: none;
	font-weight: 500;
	display: inline-block;
	width: 100%;
	border-radius: 10px;
}
.post-21.page.type-page .entry-content p a:hover {
	border: 2px solid #cd1313;
	background-color: #cd131313;
	color: #cd1313;
}

.post-21.page.type-page .entry-content p a:before {
	font-family: dashicons;
	margin-inline-end: 5px;
	content: "\f330";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	box-sizing: content-box;
    height: 1em;
    vertical-align: -.125em;
}

/*unset untuk bagian tombol sharing jetpack*/

/**************************************************************************/

/*sk13 tags*/
.entry-tags {
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	padding: 10px 0;
}

.post .entry-tags a {
	background-color: var(--theme-palette-color-5);
}

/*sk13 sk13-beranda-isuhamnasional*/
.sk13-beranda-isuhamnasional .wp-block-columns .wp-block-column:hover {
	background-color: var(--theme-palette-color-5);
	color: #000;
}

/*sk13 penyesuaian judul tulisan di slider utk mobile*/
@media (max-width: 689.98px) {
	div#n2-ss-2 .n2-font-7b562c3c166c71e7759bc6e554bc5e3f-hover {
		font-size: 16px !important;
	}
	div#n2-ss-2 .n2-font-aa17aaeef61b48c1ce9107526e93a5f5-hover {
		font-size: 12px !important;		
	}
}


/*sk13 perbaiki tampilan gallery bawaan wp*/

.post img, .post wp-caption {
max-width: 100%;
height: auto !important;
box-sizing: border-box;
}

.page.type-page .entry-content .gallery,
.post.type-post .entry-content .gallery {
	display: block;
	margin-bottom: 20px
}

 .gallery-item {
     float: left;
     margin: 0 8px 8px 0;
     overflow: hidden;
     position: relative;
     /* max-width: 100% !important; */
 }

 .gallery-item img {
     border: none
 }

 .gallery-columns-1 .gallery-item {
     max-width: 100%
 }

 .gallery-columns-2 .gallery-item {
     max-width: 48%;
     max-width: -webkit-calc(50% - 8px);
     max-width: calc(50% - 8px)
 }

 .gallery-columns-3 .gallery-item {
     max-width: 32%;
     max-width: -webkit-calc(33.3% - 8px);
     max-width: calc(33.3% - 8px)
 }

 .gallery-columns-4 .gallery-item {
     max-width: 23%;
     max-width: -webkit-calc(25% - 8px);
     max-width: calc(25% - 8px)
 }

 .gallery-columns-5 .gallery-item {
     max-width: 19%;
     max-width: -webkit-calc(20% - 8px);
     max-width: calc(20% - 8px)
 }

 .gallery-columns-6 .gallery-item {
     max-width: 15%;
     max-width: -webkit-calc(16.7% - 8px);
     max-width: calc(16.7% - 8px)
 }

 .gallery-columns-7 .gallery-item {
     max-width: 13%;
     max-width: -webkit-calc(14.28% - 8px);
     max-width: calc(14.28% - 8px)
 }

 .gallery-columns-8 .gallery-item {
     max-width: 11%;
     max-width: -webkit-calc(12.5% - 8px);
     max-width: calc(12.5% - 8px)
 }

 .gallery-columns-9 .gallery-item {
     max-width: 9%;
     max-width: -webkit-calc(11.1% - 8px);
     max-width: calc(11.1% - 8px)
 }

 .gallery-columns-1 .gallery-item:nth-of-type(1n),.gallery-columns-2 .gallery-item:nth-of-type(2n),.gallery-columns-3 .gallery-item:nth-of-type(3n),.gallery-columns-4 .gallery-item:nth-of-type(4n),.gallery-columns-5 .gallery-item:nth-of-type(5n),.gallery-columns-6 .gallery-item:nth-of-type(6n),.gallery-columns-7 .gallery-item:nth-of-type(7n),.gallery-columns-8 .gallery-item:nth-of-type(8n),.gallery-columns-9 .gallery-item:nth-of-type(9n) {
     margin-right: 0
 }

 .gallery-caption {
     background-color: rgba(0,0,0,.7);
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     color: #fff;
     font-size: 12px;
     line-height: 1.5;
     margin: 0;
     max-height: 50%;
     opacity: 0;
     padding: 6px 8px;
     position: absolute;
     bottom: 0;
     left: 0;
     text-align: left;
     width: 100%
 }

 .gallery-caption:before {
     content: "";
     height: 100%;
     min-height: 49px;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%
 }

 .gallery-item:hover .gallery-caption {
     opacity: 1
 }

 .gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption {
     display: none
}


/*sk13 card featured image cover overlay*/
[data-prefix="blog"] .entry-card .ct-media-container:after {
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: linear-gradient(0deg, #000 0%, rgba(255, 255, 255, 0) 100%);

}
[data-prefix="categories"] .entry-card .ct-media-container:after {
    background-color: rgba(0, 0, 0, 0) !important;
    background-image: linear-gradient(0deg, #000 0%, rgba(255, 255, 255, 0) 100%);
}


/*sk13 blockquotes*/
.single .entry-content blockquote{
  margin:50px auto;
/*
  font-size: 1.4em;
  width:60%;
  font-family:Open Sans;
*/
  font-family: Roboto;
  font-weight: 500;
  color: #000;
  padding:1.2em 30px 1.2em 50px;
  border-left:8px solid #d00002;
  line-height:1.6;
  position: relative;
  background-color: var(--theme-palette-color-5);
/*  background-color: #ededed;*/
}

.single .entry-content blockquote::before{
  font-family: dashicons;
/*  content: "\201C";*/
  content: "\f205";
  color:#d00002;
  font-size:2em;
  position: absolute;
  left: 10px;
  top:0px;
}

.single .entry-content blockquote::after{
  content: '';
}

.single .entry-content blockquote span {
  display:block;
  color:#000;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}
.single .entry-content blockquote p {
  margin-bottom: 0 !important;
}


/*sk13 edit link*/
a.post-edit-link {
	background-color: var(--theme-palette-color-6);
	padding: 5px 10px;
	border: 1px solid var(--theme-palette-color-5);
}
a.post-edit-link:hover {
	background-color: var(--theme-palette-color-5);
	border: 1px solid var(--theme-palette-color-2);
}

/*sk13 plugin Quotes*/
.quotes_box_and_tips p {
	font-size: 16px !important;
	font-weight: 700;
}

/*********************************/
/***sk13 utk sk13 oEmbed***/
/***sk13 utk sk13 slider***/

.single-format-standard article.format-standard,
.single-format-video article.format-video,
.single-format-image article.format-image,
.single-format-gallery article.format-gallery {
	padding-top:0;
}
.single-format-standard article.format-standard.category-konsultasi-perburuhan {
	padding-top: 35px;
}


@media (min-width: 1000px) {
	article.format-video .ct-featured-image {
		padding-bottom:0;
	}
}

.sk13-oembed-container.video-container { 
	position: relative; 
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: 
	hidden; 
	max-width: 100%; 
} 

.sk13-oembed-container.video-container iframe, 
.sk13-oembed-container.video-container object, 
.sk13-oembed-container.video-container embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}

.site-main .sk13-oembed-container.video-container { 
	margin:0;
    background-color: #000;
}

.sk13.blog .sk13-oembed-container.video-container {
    max-height: 320px; overflow: hidden;
}
.sk13.archive .sk13-oembed-container.video-container {
    max-height: 220px; overflow: hidden;
}
	
@media (max-width: 768px) {
	.sk13.single.separate-containers .site-main .sk13-oembed-container.video-container { 
		position: -webkit-sticky;
		position: sticky;
		top: 72px;
		z-index: 888;
		max-height: 220px;
		overflow: hidden;
    } 
	
	.sk13.archive.separate-containers .site-main .sk13-oembed-container.video-container {
		max-height: 215px;
		overflow: hidden;		
	}

	.sk13.blog.separate-containers .site-main .sk13-oembed-container.video-container {
    max-height: 150px;overflow: hidden;
	}
	
	.sk13-icon-overlay span.dashicons.dashicons-controls-play,
	.sk13-icon-overlay span.dashicons.dashicons-camera {
		font-size: 10px;
	}
}

.single-format-video .format-video figure.ct-featured-image {
/*	background-color: var(--theme-palette-color-4);*/
	background-color: #1d2327;
}

.single-format-video .format-video figure.ct-featured-image .ct-media-container{
	max-width: var(--theme-default-editor, var(--theme-block-wide-max-width));
}

@media (max-width: 999.98px) {
	.ct-featured-image {
		padding-bottom: 0 !important;
		margin-bottom: 20px !important;
	}
	article>.entry-content>*.sk13-embed-video {
		max-width: 100% !important;
		width: 100% !important;
	}
}

/*sk13 penyesuaian judul tulisan di bawah video mobile*/
@media (max-width: 689.98px) {
	.entry-header>*:not(:first-child) {margin-top: 0 !important;}
}


/*sk13 ini untuk styling snippet sk13__Responsive Video Container gak jadi dipake*/
.sk13-responsive-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.sk13-responsive-container iframe,
.sk13-responsive-container object,
.sk13-responsive-container embed,
.sk13-responsive-container video,
.sk13-responsive-container .youtube,
.sk13-responsive-container .vimeo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}