/******* Do not edit this file *******
Code Snippets Manager
Saved: Sep 17 2025 | 08:43:00 */
/* FONT CSS */
p, a, li, ul, td, h1, h2, h3, h4, h5, body {
	font-family: -apple-system,BlinkMacSystemFont,segoe ui,helvetica neue,Arial,noto sans,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol,noto color emoji !Important;
}
h1, h2, h3, h4, h5, .ak-module-5 .ak-module-title a, .ak-module-6 .ak-module-title a, .ak-module-7 .ak-module-title a {
	font-weight: bold !important;
}
h2 {
	font-size:30px;
}
h3 {
	font-size: 25px;
}
h4 {
	font-size: 20px;
}
.ak-post-content .wp-block-quote p {
	font-size: 18px;
}
.ak-post-content p, .ak-post-content q, .ak-post-content p {
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 30px;
}
.ak-post-content ul {
	font-size: 20px;
}
.ak-module-1-medium .ak-module-title a {
	font-size: 100%;
}

::selection {
	background: #E0F2F1;
	color: #00796B;
}
.dark ::selection {
	background: #00796B;
	color: #E0F2F1;
}
/* HOME CSS */
.ak-module:hover {
	background: #E0F2F1;
	transition: all 0.5s ease-in-out;
	border-radius: 10px;
	padding: 10px;
	transform: scale(1.05);
}
.dark .ak-module:hover {
	background: #039BE5;
}

.ak-featured-thumb img {
	object-fit: cover !important;
	width: 100%;
	height: auto !important;
	box-sizing: border-box;
}
.ak-post-content ul {
	list-style-type: disc;
}
.ak-post-content li {
	padding: 3px 5px;
	border-radius: 10px;
	transition-duration: 0.5s;
}
.ak-post-content li::marker {
	font-weight: bold;
}
.ak-post-content li:hover {
	background: #E1F5FE;

}
/* Table CSS */
}
.wp-block-table {
  border-radius: 10px;
}
.ak-post-content p, .ak-post-content q, .ak-post-content p, .ak-post-content ul, .ak-post-content h2, .ak-post-content h3, .ak-post-content h4 {
	max-width: 600px;
	margin: 15px auto 25px;
}
.ak-post-content img {
	border-radius: 10px;
}

/* IMG CSS */
.ak-featured-thumb.lazy-thumb>img.lazyloaded {
	object-fit: cover;
	overflow: hidden;
	width: 100% !important;;
	height: auto !Important;
}
/* Badge CSS */
.ak-badge-icon-i:before {
	font-size: 20px
}
.ak-mobile-bar-menu>li>a {
	padding: 8px 15px;
}
.ak-menu-wide li>a .ak-icon.ak-custom-icon-url img{
	max-height: 20px;
}
.ak-menu-style-6>li:not(:last-child):after {
	display: none;
}
/* Header CSS */
.ak-header-wrap {
	z-index: 99;
}
.admin-bar {
	position: sticky;
}
.admin-bar .ak-header-wrap, .admin-bar .ak-header-mobile-bar {
	top: 32px;
} 
.ak-header-wrap, .ak-header-mobile-bar {
top: 0;
position: sticky !important;
overflow: visible;
}
.mobile-logo {
	max-width: 115px;
}
.ak-logo-main img, .ak-logo-main svg {
	max-width: 120px;
}
.ak-bar .ak-header-button .btn {
	border-radius: 6px !important;
}
.ak-search-form .btn {
	background-color: transparent !Important;
	color: #999;
}
.ak-off-canvas-wrap .ak-top-menu li > a .ak-icon, .ak-off-canvas-wrap .ak-custom-menu .ak-menu li > a .ak-icon, .ak-off-canvas-wrap .ak-mobile-menu li > a .ak-icon {
	font-size: 17px;
}
.ak-top-lang-switcher {
	width: 100%;
	background:#f9f9f9;
	border-radius: 5px;
}
.dark .ak-top-lang-switcher {
	background: #000;
}
.ak-top-lang-switcher>li:last-child {
	width: 100%;
}
.ak-top-lang-switcher a {
	font-size: 100% !important;
}
.result-count {
	display: none;
}
/* Drawer Menu CSS */
.ak-drawer-always-visible .ak-off-canvas-nav {
z-index: 98;
}
.lang-item-id span {
	color: #c44569;
}
.lang-item-en span {
	color: #1e3799;
}
/* Scroll Barr */
.ak-off-canvas-nav::-webkit-scrollbar, .ak-off-canvas-nav::-webkit-scrollbar-track, .ak-off-canvas-nav::-webkit-scrollbar-thumb {
	visibility: hidden;
}
.ak-off-canvas-nav::-webkit-scrollbar:hover, .ak-off-canvas-nav::-webkit-scrollbar-track:hover, .ak-off-canvas-nav::-webkit-scrollbar-thumb:hover {
	visibility: visible;
}
.ak-off-canvas-nav::-webkit-scrollbar {
  width: 10px;
}
.ak-off-canvas-nav::-webkit-scrollbar-thumb {
  background: #eee;
}
::-webkit-scrollbar-thumb:hover {
  background: #ddd;
}
/* Featured CSS */
.ak-module.ak-module-grid-tall .ak-module-title a, .home .ak-module-grid .ak-module-details a {
	font-size:  100% !Important;
	line-height: 1.3 !important;
}
/* Trends Pages CSS */
.ak-module-9 .ak-module-inner {
	border-radius: 10px;
}
.ak-module-9 .ak-featured-thumb, .ak-module-9 .ak-featured-cover {
	border-radius: 0 !Important;
}
.ak-module-9 .ak-module-title {
	font-size: 25px;
	margin: 15px 0;
}
.ak-block-column .ak-block-posts .ak-module {
	padding-right: 15px;
}
/* Image CSS */
.avatar {
	border-radius: 100em;
}
.ak-post-featured, .ak-featured-thumb, .wp-block-image, .ak-module-grid-wrap, .ak-module-featured, .ak-featured-cover, .ak-featured-thumb.background-thumb>div, .background-thumb, .ak-module-grid {
	border-radius: 10px !Important;
}
/* Single CSS */
.ak-post-terms a {
	border-radius: 100em;
}
.ak-post-title {
	margin: 0 0 10px;
}
.wp-block-buttons {
	text-align: center;
}
.wp-block-button a {
	background: #c44569;
	font-size: 90%;
}
.wp-block-button a:hover {
	background: linear-gradient(to right, #c44569, #e15f41);
	-webkit-transition: all 0.5s ease-out;
}
.ak-post-share-top {
	margin: 10px 0;
}
.disqus-footer, .disqus-footer--refresh, .disqus-footer__wrapper--refresh, .placement-bottom {
	display: none !Important;
}
/* Table CSS */
.table {
	overflow: auto;
}
.wp-block-table {
	min-width: 100% !important;
	overflow:auto;
	text-align: left !Important;
	font-size: 90%;
	border-radius: 6px;
}
.wp-block-table td, .wp-block-table th {
	word-break: normal !important;
}
/* Tags CSS */
.ak-post-tags span {
	display: none;
}
.ak-post-tags a {
	border-radius: 6px;
	background: #CFD8DC;
	color: #263238;
	font-weight: 500;
	text-transform: Capitalize;
}
/* Rate My Post CSS */
.rmp-widgets-container {
	background: #f9f9f9;
	border-radius: 10px;
	padding: 20px 10px;
}
.rmp-heading--title {
	font-weight: bold;
}
.dark .rmp-widgets-container {
	background: #111;
}
	/* Search CSS */
	.dark div.asp_m.asp_m_1 .probox {
		border: 1px solid #333 !Important;
	}
.dark div.asp_m.asp_m_1 {
	border: none;
}
.dark div.asp_m.asp_m_1 .probox .proinput input.orig, .dark div.asp_m.asp_m_1 .probox .proinput input.autocomplete {
	color: #eee;
}
/* Table of Contents */
div#ez-toc-container .ez-toc-title {
	font-size: 120%;
	text-align: center !Important;
	font-weight: bold;
}
#ez-toc-container {
	background: #f9f9f9;
	padding: 15px 10px;
	margin: 15px 0;
	overflow: auto;
	max-height:230px;
	border: 5px solid #ddd;
}
.dark #ez-toc-container {
	background: #111;
	border: 5px solid #1a1a1a;
}
#ez-toc-container a {
	color: #111;
}
.dark #ez-toc-container a {
	color: #eee;
}
#ez-toc-container a:hover {
	color: #1e3799;
}
.ez-toc-title {
	text-align: center;
	font-weight: bold;
}
.ez-toc-heading-level-2 {
	list-style-type: none;
}
.ez-toc-heading-1{
	font-weight: bold;
	list-style-type: none;
	
}
.ez-toc-page-1 ul {
	font-weight: normal;
	font-size: 90%;
}
/* How To CSS */
.howto-step-display {
	padding-left: 0 !Important;
}
.howto-step-image {
	max-height: 600px;
}
.schema-how-to-total-time {
font-style: italic;
}

ul.schema-how-to-steps,
ol.schema-how-to-steps {
list-style-type: none;
counter-reset: rowNumber;
margin-left: 0;
}

.schema-how-to-step {
position: relative;
padding-left: 48px;

&:not(:empty):before {
display: inline-block;
position: absolute;
width: 30px;
left: 0;
content: counter(rowNumber);
counter-increment: rowNumber;
font-size: 14px;
color: $color-white;
text-align: center;
line-height: 1;
padding: 8px;
background: #E8F5E9;
border-radius: 100%;
}
}
/* Arsip CSS */
.ak-module-2 .ak-block-bottom-posts {
	margin-bottom: 15px;
}
.ak-module-2 .ak-featured-thumb, .ak-module-2 .ak-featured-cover {
	border-radius: 10px 10px 0px 0px !important;
	max-height: 220px;
}
.ak-module-2 .ak-module-featured {
	margin-bottom: 0;
}
.ak-module-2 .ak-module-details {
	border: 1px solid #ddd;
	border-top: 0;
	padding: 10px 10px 18px 10px;
	border-radius: 0px 0px 10px 10px;
}
/* ADS CSS */
div[id^="google_ads_iframe_"] iframe {
	margin: 15px auto;
    display: inline-block;
}
div#google_image_div {
    text-align: center;
}
.advads-close-button{
   transform: scale(1.5);
}
.dafun-close-button {
   transform: scale(1.7);
}
/* Adsense CSS */
.adsense-header {
	max-width: 970px;
	min-height: 280px;
	text-align: center;
	margin: 15px auto;
}
/* .adsense-header {
	animation-duration: 1s;
	animation: FadeLight ease 6s;
	max-width: 970px;
	min-height: 280px;
	margin: 10px auto !important;
	border-radius: 10px;
}
@keyframes FadeLight {
	from {background: #f9f9f9}
	to {background: #ddd}
}
*/
.adsense-inlinepost, .adsense-belowpost {
	width: 336px;
	height: 280px;
	margin: 15px auto;
}

/* Mobile Responsive CSS */
@media only screen and (max-width: 800px) {
	.ak_column_2 {
		padding: 0 12px !important;
	}
	/* Mobile Header CSS */
	.ak-header-mobile-wrap .ak-mobile-bar {
		position: fixed !important;
		width: 100%;
		z-index:98;
	}
	.ak-main-wrap {
		top: 50px
	}
	.ak-drawer-always-visible .ak-off-canvas-nav {
			top: 60px;
		}
	/* Mobile Header CSS */
	.admin-bar .ak-header-mobile-wrap .ak-mobile-bar {
		top: 46px;
	}
	.ak-header-mobile-wrap .ak-mobile-bar {
		position: fixed !important;
		width: 100%;
		z-index: 9999;
	}
	.ak-main-wrap {
		top: 50px
	}
	.ak-drawer-always-visible .ak-off-canvas-nav {
			top: 60px
		}
	.ak-mobile_menu-bar {
		padding-top: 10px;
	}
	.ak-bar.ak-mobile_menu-bar:not(.boxed) {
		border: none;
		background: transparent;
		box-shadow: none;
		z-index: 0;
		margin: 10px 10px 10px 0;
	}
	.ak-mobile-bar-menu>li>a {
		font-size: 16px;
		color: #0277BD;
		padding: 10 12px;
		border-radius: 100em;
		background-color: #E1F5FE !Important;
		line-height: 1;
	}
	.dark .ak-mobile-bar-menu>li>a {
		background-color: #000 !important;
	}
	.ak-menu-style-6>li:not(:last-child):after {
		display: none;
	}
	/* Yoast How-to */
	.schema-how-to-step {
		padding-left: 20px !Important;
	}
	/* Mobile Drawer CSS */
	.ak-off-canvas-nav {
		z-index: 99
	}
	h2 {
		font-size: 25px;
		line-height: 29px
	}
		h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 18px;
	}
	.ak-post-content p, .ak-post-content q {
	font-size: 19px;
	line-height: 26px;
	margin-bottom: 30px;
}
	/* Featured CSS */
.ak-module.ak-module-grid-big .ak-module-title a, .ak-module.ak-module-grid-wide-big .ak-module-title a {
	font-size: 20px;
}
	/* Mobile Home CSS */
	.ak-module-1-medium .ak-module-featured {
		float: right;
	}
	.ak-module-1-medium .ak-module-details {
		margin-left: 0;
		padding-left: 0;
		margin-right: 135px;
	}
	/* Mobile Adsense CSS */
.adsense-header, .adsense-abovepost, .adsense-inlinepost, .adsense-belowpost {
	width: 100vw;
	height: auto;
	max-width: 100vw;
	max-height: auto;
	margin: 10px auto !important;
}
	/* Mobile Badge CSS */
.ak-badge-icon-i:before {
	font-size: 15px;
}
	/* Mobile Search CSS */
	.ak-header-search .ak-dropdown  {
		width: 100vw;
		margin-right: -15px;
		box-shadow: none;
	}
#ajaxsearchprores1_1.vertical, #ajaxsearchprores1_2.vertical, div.asp_r.asp_r_1.vertical {
		width: 100vw !Important;
		margin-left: -20px;
		background: none !Important;
	}
	#ajaxsearchprores1_1.vertical .results .item .asp_content, #ajaxsearchprores1_2.vertical .results .item .asp_content, div.asp_r.asp_r_1.vertical .results .item .asp_content{
		border-bottom: 1px solid #ddd;
	}
	/* Mobile Single CSS */
	.single .avatar {
		width: 40px;
		height: 40px;
	}
	.single .ak-post-featured, .single .ak-featured-cover, .single .ak-featured-thumb.size-auto {
		border-radius: 0 !important;
	}
	.single .ak-post-featured {
			margin: auto -12px;
	}
	/* How-to CSS */
	.howto-step {
		margin: 15px -8px !Important;
	}
	.howto-step__title, .text-2xl {
		font-size: 18px !important;
		line-height: 1.2 !important;
	}
	.p-3 {
		padding: 10px !important;
	}
	.mx-auto {
		margin: 0 -15px 5px -5px !important;
		float: center !Important;
		padding: 0;
		border-radius: 0  !Important;
	}
	.howto-step-image {
	max-height: auto;
}
}