/*
 Theme Name:   GeneratePress Child - Portalkerja.com
 Theme URI:    https://generatepress.com
 Description:  Modif GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* GLOBAL */
body:not(.single, .page) .job .inside-article, body:not(.single, .page) .company .inside-article {position:relative;box-shadow: 0px 0px 2px 0px rgba(44, 59, 80, 0.15);}
body:not(.single, .page) .job .inside-article a:before, body:not(.single, .page) .company .inside-article a:before, .job-data a:before, .kategori-loker .cat a:before {content: '';position: relative;top: 0;left: 0;width: 100%;height: auto;}
body:not(.single, .page) .company .inside-article:hover, body:not(.single, .page) .job .inside-article:hover, .kategori-loker .cat:hover {box-shadow: 0 0 10px 0 rgba(1,1,1,.1);transition: transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;}
.company-data h2 a, .job-posting h2 a, .kategori-loker .cat a {color:var(--contrast);}
.company-data h2 a:hover, .job-posting h2 a:hover, .job-data a:hover, .kategori-loker .cat a:hover {color:var(--accent);}
.embed-container {position: relative; padding-bottom: 56.25%;overflow: hidden;max-width: 100%;height: auto;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.block-tile {margin:2em 0 1em}
.block-tile h3 {text-transform: uppercase;font-size: 18px;font-weight: 900;display: flex;align-items: center;gap: 10px;margin-bottom:0;}
.block-tile h3::after, .block-tile h3::before {content: '';flex: 1 1 auto;border-top: 3px solid var(--accent);}
.block-title-category h3 {text-align: center;font-size: 18px;font-weight: 900;text-transform: uppercase;margin-bottom: 0;margin-top: 2em;}


/* ANIMASI */
@keyframes fadeDown {
    0% {
        opacity: 1;
        transform: translateY(-15%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeUp {
    0% {
        opacity: 0;
        transform: translateY(10%);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes rotateIn {
    0% {
        transform: rotate(-90deg);
    }
    100% {
        transform: rotate(0);
    }
}

@keyframes scaleIn {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-30px);
    }
    60% {
        transform: translateY(-15px);
    }
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

.blink { animation: blink 2s infinite alternate;}
span.dot {color:var(--contrast-2);margin-left:1px;}
.about-company, .detail-pekerjaan, .qualification, .jobs-company {animation: fadeUp 1s ease forwards;opacity: 1;}

/* END ANIMASI */

@media (max-width:768px){
	body:not(.page) #main {margin:1em}
}


/* MAIN THEME */
.site-header {box-shadow: 0 0 5px -3px rgba(0, 0, 0, 0.5);}
blockquote {font-size:15px;}
.generate-back-to-top {border-radius:50%;right:1em;bottom:3em;}
.single .entry-content img {margin-bottom:2em}
.load-more {margin:1em auto 2em !important;text-align: center;}
.load-more a.button {padding: 8px 2em;font-size: 14px;border-radius:6px;}
.related {margin-top:10px !important;}
.related h3 {margin-bottom: 0;font-size: 18px;font-weight: bold;}
.wp-block-tag-cloud a {display: inline-block;border: 1px solid var(--accent);padding: 2px 6px;border-radius: 4px;margin: 0 0 5px 0;}
.search-modal-form .search-field, .search-modal-form .search-field:focus {height:50px;}
.search-modal-form, .search-modal-form .search-field:focus {border-radius:30px;height:50px}
.search-modal-form .search-field:focus {outline:none;border:none;}
body:not(.single, .page) h1.page-title {font-size:18px;font-weight:900;text-transform:uppercase;}
body:not(.single, .page, .search) .page-header {display:none;text-align:center;background-color: var(--accent);color: var(--base);}
.main-nav i {color:var(--accent)}
.footer-widgets {border-bottom: 1px solid #333;}
.footer-widgets .widget-title {margin-bottom:10px;}
.footer-widget-1 .widget {margin-bottom:1em;}
.footer-widgets p {margin-bottom:0;}
.inside-footer-widgets {font-size:13px;}
h3.wp-block-heading {font-size:20px;font-weight:bold;}

@media (min-width: 769px) {
    .inside-right-sidebar, .inside-left-sidebar {position: sticky;top: 50px;}
	.footer-bar {display:flex;align-items:center;gap:2rem;}
	.footer-widgets .footer-widget-1 {flex-basis:40%}
	.footer-widgets .footer-widget-2, .footer-widgets .footer-widget-3, .footer-widgets .footer-widget-4, .footer-widgets .footer-widget-5 {flex-basis:15%;}
}

@media (max-width: 769px) {
	.inside-right-sidebar, .inside-left-sidebar {display:none;}
	#mobile-header {box-shadow:0 0 5px -3px rgba(0, 0, 0, 0.5)}
	.navigation-branding img, .site-logo.mobile-header-logo img {height:50px !important;}
	#mobile-header .site-logo {position: absolute;left: 50%;transform: translateX(-50%);margin-left:0;}
	.mobile-header-navigation .site-logo {margin:0}
	.main-navigation {padding:1.2em 0;}
	#mobile-header button.menu-toggle {position: absolute;left: 1em;padding:8px;}
	.menu-bar-items {margin-left: auto;margin-right:10px !important}
	#generate-slideout-menu {padding:2em}
	.main-navigation .menu-toggle, button.menu-toggle:active, button.menu-toggle:focus, button.menu-toggle:hover 		{color: var(--base-3); background: var(--accent);border: 1px solid rgba(255, 255, 255, 0.4);line-height: 0;border-radius: 50%;}
	.main-navigation .menu-bar-item > a {line-height:0;padding:0 1em;}
	.menu-toggle {padding:8px;line-height:50px;margin:10px 0;}
	.inside-header .gp-icon svg, #mobile-header .gp-icon svg {top:0}
	.icon-search svg {height:1.2em;width:1.2em}
	.main-navigation .main-nav ul li a {padding:0;line-height:50px;border-top: 1px solid #ddd;}
	.has-inline-mobile-toggle #site-navigation.toggled {margin-top:1em}
	.search-modal-form {max-width:300px;}
	.inside-footer-widgets > div:not(:last-child), .inside-footer-widgets > div:last-child {margin-bottom: 30px;}
	.footer-widgets .inside-footer-widgets {flex-direction: row;flex-wrap: wrap;}	
	.footer-widgets .footer-widget-1 {flex-basis: 100%;}
	.footer-widgets .footer-widget-2, .footer-widgets .footer-widget-3, .footer-widgets .footer-widget-4, .footer-widgets .footer-widget-5 {flex-basis: 50%;}
	.footer-bar .widget_nav_menu > div > ul {margin-bottom:1rem;}
	.footer-bar .widget_nav_menu i {margin:0;border: none;padding: 0;border-radius: unset;font-size: 1rem;}
	.footer-bar .widget_nav_menu li:first-child, .footer-bar .widget_nav_menu li {margin:0 10px;}
	.footer-bar-active .footer-bar {margin-bottom:0}
}

/* Secondary Nav */
.secondary-navigation .menu-toggle, .secondary-navigation .main-nav::-webkit-scrollbar, .secondary-navigation::-webkit-scrollbar, .secondary-nav-below-header .secondary-navigation .inside-navigation.grid-container::-webkit-scrollbar {display: none !important;} 
.secondary-navigation ul, .secondary-navigation:not(.toggled) .main-nav>ul {display: flex!important;flex-wrap: nowrap;justify-content: unset;}
.secondary-navigation {position: sticky;top: 0;}
.secondary-navigation .main-nav ul li a {text-transform:uppercase !important;padding:0 15px !important;line-height:2.5}
.secondary-navigation .main-nav {overflow-x:scroll;white-space: nowrap;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;}
@media (max-width:768px){	
.secondary-nav-below-header .secondary-navigation .inside-navigation.grid-container {padding:0 10px 0 10px !important}
.secondary-navigation .main-nav ul li a	{line-height:3 !important}
}

.sticky {position:sticky;bottom:0;background:linear-gradient(to right, #00a677, #00c18a);color: var(--base);z-index:888;border-top:1px solid #eee;padding: 5px 0;}
.sticky-menu {display:flex;align-items: center;padding: 0;overflow: hidden;}
.sticky-menu .menu-sticky {position:relative;flex: 1 1 calc(33% - 5px);box-sizing: border-box;margin: 0;text-align: center;}
.sticky-menu .menu-sticky a {display:block;text-decoration:none;}
.sticky-menu .menu-sticky a:hover, .sticky-menu .menu-sticky i:hover {color:var(--base-3);}
.sticky-menu .menu-sticky i {font-size:1rem;color:var(--base);}
.menu-sticky .title-menu {display: block;font-size: 0.625rem;color: var(--base);text-transform:uppercase;}

/* Front Page */
.front-hero {position:relative;padding:4em 2em 3em;margin:0 auto;background-color:var(--contrast);color:var(--base);text-align:center;background-image: linear-gradient(1deg,rgba(1, 83, 60, 0.8),rgba(0,3,5,.5)),url(https://portalkerja.com/wp-content/uploads/2024/04/Background-Jobs.webp) !important;background-position: center center;background-size: cover;background-repeat:no-repeat;}
.front-hero h3 {font-family:Poppins;font-size:18px;font-weight:900;color:var(--base-3);animation: fadeUp 3s ease forwards;opacity: 1;margin-bottom:10px;text-transform:uppercase;}
.front-hero h3 span {color:var(--orange);}
.front-hero p {margin-bottom:1em;opacity:0.8}
.front-search {display:flex;align-items:center;max-width:480px;border:1px solid var(--contrast-3);border-radius:25px;margin:auto;animation: fadeUp 3s ease forwards;opacity: 1;}
.front-search input[type="text"] {flex:1;font-size: 13px;padding: 8px 1em;margin: 2px;border: none !important;border-radius: 25px 0 0 25px;background: rgba(255, 255, 255, 0.87);color:var(--contrast);}
.front-search input[type="text"]:focus {outline: none;border:none;}
.front-search input[type="text"]:focus-visible {outline: none;border-radius: 25px 0 0 25px;}
.front-search button {font-size: 13px;padding: 8px 1.2em;margin: 2px;background: var(--accent);color: var(--base);border-radius: 0 25px 25px 0;}
.front-search button:hover {color:var(--orange)}
.front-search button i {margin-right:5px;vertical-align: middle;}
.data {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 10px;align-items: center;margin:1em auto;line-height: 1.3;animation: fadeUp 3s ease forwards;opacity: 1;}
.data h3 {display: block;font-size:18px;font-weight:900;margin:10px 0 5px;}
.data .bi-briefcase-fill, .data .bi-buildings-fill, .data .bi-currency-exchange {display:block;font-size: 3em;color: var(--accent);line-height:1;}
.data p, .kategori-loker p {margin-bottom:1em;color:var(--contrast-2);font-size:15px;}
.data a {font-size:15px;display: flex;align-items: center;gap: 3px;}
.data-kerja, .data-perusahaan {font-size:14px;padding:1.5em 2em;background-color:var(--base-3);color:var(--contrast);-webkit-box-shadow: 0px 0px 2px 0px rgba(44, 59, 80, 0.15);border:1px solid #eee;border-radius:10px;}
.kategori-loker {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:8px;align-items: center;margin:1.5em 0;line-height: 1.3;animation: fadeUp 3s ease forwards;opacity: 1;}
.kategori-loker .cat {position:relative;padding:2em;background-color:var(--base-3);color:var(--contrast);-webkit-box-shadow: 0px 0px 2px 0px rgba(44, 59, 80, 0.15);border-top: 3px solid var(--accent);border-radius:6px;}
.kategori-loker h3 {margin:0 0 5px;display:block;font-size:16px;font-weight:900;}
.kategori-loker img {height: auto;max-width: 120px;margin-bottom: 5px;}
.kategori-loker a {display:block;}
.kategori-loker i {font-size: 2.5em;display: block;margin-bottom: 5px;color:var(--accent)}
.search {animation:unset}

@media (max-width:768px){
	.front-hero {text-align:left}
	.front-search {text-align:left;margin:10px 0 0;}
	.data {display:block;margin:1em;}
	.data-kerja {margin-bottom:1em;margin-top:1em;}
	.kategori-loker {grid-template-columns: repeat(2, 1fr);margin:1em}
	.data-kerja, .data-perusahaan {padding:2.5em;}
	.kategori-loker .cat {padding:1.5em;margin-top:5px;}
	.featured-image img {height:200px;}
}


/* Single Post */
.featured-image img {width:100%;height:250px;object-fit:cover;}

@media (max-width:768px){
	.featured-image img {height:200px;}
}

/* JOBPOSTING */
.job-posting {display:flex;align-items:center;}
.job-data {flex: 1;}
.job-posting h2 {font-weight:bold;font-size:16px;margin-bottom:0;}
.job .job-data a {margin:2px 0 4px;line-height:1.2;}
.logo-company img {height:60px;width:auto;margin-right:1em;}
span.company-name {display: block;line-height: 1.2;color:var(--contrast-2);font-size:14px;}
span.placement {margin-left:0 !important;color:var(--contrast-2);font-size:14px;}
span.jobtype {color:var(--contrast-2);margin-right:1em;font-size:14px;}
span.posting {display: block;margin-top: 5px;font-size: 13px;color: #999;}
.entry-job-content {display: flex;align-items: center;justify-content: space-between;}
body:not(.single) .job .inside-article {padding:30px;border-radius:6px;overflow: hidden;}

@media (max-width:768px){
	body:not(.single) .job .inside-article {padding:30px 25px;}
	.single-job .logo-company img {height:80px;}
	.logo-company img {height:50px;}
	.job-posting h2 {font-size:16px;}
	span.company-name {font-size:14px;}
	span.placement, span.jobtype {font-size:13px;}
}

/* SINGLE JOBPOSTING */
.job-data .rmp-results-widget__avg-rating, .job-data .rmp-results-widget__vote-count {display:none}
.single-job .logo-company img {height:80px;margin:0;}
.single-job .meta-job {animation: fadeUp 2s ease forwards;opacity: 1;margin:0 0 10px}
.job-content {display: none;padding:2em;margin:0 0 10px;background-color:var(--base-3);}
.job-header {position:relative;overflow:hidden;background-color:var(--base-3);padding:2em;margin:0 0 10px;box-shadow: 0px 0px 2px 0px rgba(44, 59, 80, 0.15);border-radius:8px;animation: fadeUp 1s ease forwards;opacity: 1;}
.job-header h1 {font-size:18px;font-weight:900;display: block;margin:5px 0;}
.job-header a {color:var(--accent);}
.job-header span.company-name {color:var(--contrast);font-size:15px;font-weight:normal;line-height:1.2;margin-bottom:2px;}
.job-content.active {display: block;}
.meta-job {display:flex;gap:5px;margin-bottom:10px;}
.meta-job button {width: 100%;font-size:14px;padding: 6px;background-color: var(--contrast-2);color: var(--base);border:1px solid #ccc;border-radius:6px;}
.meta-job button:hover, .meta-job button.active {background-color:var(--accent);color:var(--base-3);transition: transform .3s ease-out;border-radius:6px;}
.qualification ol, .qualification ul {margin-left:1em}
.qualification ul {list-style:square}
.qualification ul li::marker, .qualification ol li::marker {color:var(--accent)}
.entry-job {display: block;margin:0;font-size: 14px;color:var(--contrast-2);opacity:1;}
.entry-job span {display: flex;align-items:center;}
.entry-job i {font-size: 13px;margin-right: 4px;}
.detail-company {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 1em;margin-bottom:1.5em;border-top: dashed #ddd;padding-top: 1.5em;}
.detail-company h4 {margin-bottom: 10px;font-weight: bold;font-size: 20px;}
.single-job span.job-exp {position: absolute;top: 2em;left: -4em;font-size: 14px;color: white;transform: rotate(-45deg);background: orangered;padding: 6px 4em;z-index: 99;}
.company-photo img {width:100%;height:180px;object-fit:cover;margin-bottom:0 !important;}
.company-photo.dark-overlay {position: relative;line-height: 0;margin-bottom: 1em;animation: fadeUp 1s ease forwards;opacity: 1;}
.company-photo.dark-overlay::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(1deg, rgba(0, 93, 68, 0.6), rgba(0, 3, 5, 0));}
.company-photo.dark-overlay span {position: absolute;bottom: 5px;right: 10px;color: var(--base-3);font-size: 10px;font-style:italic;line-height: normal;opacity:0.8}
.hashtag {margin-top:10px;}
span.hastag {display: flex;align-items: center;font-weight:900;}
span.hastag i {color: var(--accent);font-size:20px;}
.hashtag a {margin-right: 5px;margin-bottom:5px;font-size: 12px;color: var(--contrast);background: #f5f5f5;border-radius: 3px;padding: 4px 10px;display: inline-flex;}
.hashtag a:hover {opacity:0.8}
.report {display:flex;align-items:center;justify-content:space-between;margin-top: 1.5em;}
.report a {text-decoration:none;font-size:14px;font-weight:normal;}
.report i {color:orangered}
.report img {width:120px;}
.apply-job a {display:block;}

@media (min-width:768px) {
	.share-buttons {justify-content:center;}
}

@media (max-width:768px){
	.job-header {padding:2em;}
	.qualification, .about-company {font-size:15px;}
	.meta-job {margin:0 1.5em 10px;}
	.apply-area .button-click {margin:0;}
	.detail-company {display:block;}
}

/** COMPANY **/
.company {display: block;}
body:not(.single, .page) .company .inside-article {border-radius:6px;}
.company .logo-company img {margin-right:1.5em;}
.company-overview {display:flex;align-items:center;}
.company-data {flex:1;}
.meta-company {color: var(--contrast-2);font-size:14px;line-height:1.5;}
.meta-company span.meta-company {display:block;line-height:1.2;}
.company-data h2 {font-size:16px;font-weight:bold;margin-bottom:5px;}
.detail-job {display: flex;align-items: center;gap: 1em;}
.detail-job i {margin-right:5px;font-size:14px;}
.detail-job .bi-briefcase-fill {color:var(--accent);}
.detail-job .bi-x-circle-fill {color:orangered}

/* SINGLE COMPANY */
.company-content{display: none;padding:0;}
.company-content.active {display:block;}
.banner-company {text-align:center;animation: fadeUp 1s ease forwards;}
.rating-company {display:flex;justify-content:center;}
.button-company {display: flex;gap: 5px;margin: 1.5em 0;animation: fadeUp 2s ease forwards;}
.button-company button {width: 100%;font-size:14px;padding: 6px;background-color: var(--contrast-2);color: var(--base);border:1px solid #ccc;border-radius:6px;display: flex;align-items: center;justify-content: center;}
.button-company button:hover, .button-company button.active {background-color:var(--accent);color:var(--base-3);transition: transform .3s ease-out;border:none;border-radius:6px;}
.button-company i {margin-right:3px;}
.single-company .entry-content h2 {font-size: 20px;font-weight: bold;margin-bottom: 10px;}
.single-company h1 {font-size:20px;font-weight:bold;margin-bottom:.5em;line-height:1.2;}
.single-company .logo-company img {height:90px;margin:10px 0;border:1px solid #ddd;border-radius:50%;}
.single-company .related {margin-top:0;}

/* RATING */
.rmp-rating-widget__results {display:none}
.rmp-results-widget {display: flex;align-items: center;gap: 3px;}
.js-rmp-avg-rating, .rmp-results-widget__vote-count {font-size:13px;}
.rmp-icon--ratings {font-size:12px;margin-right:0;}
.rmp-widgets-container {margin: 1em 0 2em;border-bottom: 3px dashed #ddd;border-top: 3px dashed #ddd;padding:1.5em 0  1em;}
.rmp-rating-widget .rmp-icon--ratings {font-size:2rem}
.rmp-heading--title {font-size:18px;font-weight:bold;}

@media (max-width:768px){
	.rmp-widgets-container.rmp-wp-plugin.rmp-main-container {text-align:center !important;}
}

/* Modal & Button LAMAR */
.button-container {position:relative;padding:.5em 2em;background: var(--base-3);}
.button-click {position:relative;display: inline-block;width:100%;background-color:var(--accent);color:var(--base-3);text-align:center;padding:8px 1.2em;font-size:12px;font-weight:600;cursor:pointer;margin-bottom:0;border-radius:6px;}
.button-click:hover {background-color:var(--contrast-2);}
a.button-click:hover {color:var(--base-3);}
a.button-click {margin-left:0;margin-right:0;}
.modal-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);display: none;justify-content: center;align-items: center;z-index:999}
.modal-content {position:relative;background-color: white;padding: 2.5em 2em;border:none;width: 50%;text-align: left;animation: fadeDown 1s ease forwards;opacity: 1;}
.modal-content p {margin-bottom:1.5em;}
.modal-content h2 {margin-top:0;}
.modal-content h4 {font-size:1.1rem;font-weight:bold;}
.copy-email {color:var(--accent);}
.close-button {position: absolute;top: -5px;right: 10px;cursor: pointer;color: orangered;font-size: 2em;}
.apply-content h2 {margin-bottom: 10px;font-size: 18px;font-weight:900;}
.footer-apply {margin:1.5em 0 0;}
.apply-area {text-align:left;padding:2em; background: var(--base-3); margin:0;border:none;}
.apply-area h2 {font-size:16px;font-weight:900;margin-bottom:10px;}
.apply-area p {margin-bottom:0}
.apply-area h2 i {color:var(--accent)}
span.alert {display:block;font-size:100%;padding:0;margin:0;color:var(--contrast)}
.rating h4 {font-size:1.1rem;font-weight:bold;}

@media (max-width:768px){
	.modal-content {width:92%;}
	.apply-area {padding:2.5em 2em;}
	.button-container {position:sticky;bottom:0;padding:.5em 2em;background: var(--base-3);}
}

/* Tabel Detail Pekerjaan */
.pekerjaan {border:none;margin: 0;}
.pekerjaan th {display:block;font-size: 17px;text-align: left;padding: 0;margin-bottom:10px;border:none;}
.pekerjaan tbody {font-size:14px; color:var(--contrast-2);}
.pekerjaan td {border:none;padding: 0;font-size:14px;}
.pekerjaan td:first-child {width:50%;}
.pekerjaan tr td:first-child:after {content:":";float:right;margin-right:1em;}
.pekerjaan i {margin-right:3px;font-size: 15px;}

/* Shortcode Recent Jobs */
#right-sidebar .job-item:first-child, #left-sidebar .job-item:first-child {padding-top:0;}
@media (min-width:768px){
#left-sidebar .job-item img {display:none}
}
#right-sidebar p, #left-sidebar p {margin-bottom:0}
.job-item {position:relative;display:flex;align-items:center;justify-content:space-between;padding: 1.5em 0;border-bottom: 1px solid #ddd;overflow:hidden;}
.job-data {flex:1;}
.job-data a {font-size:16px;font-weight:bold;color:var(--contrast);display: block;line-height: 1.2;margin: 2px 0 4px;}
.job-item img {height:50px;width:50px;object-fit:cover;float:left;margin-right: 1em;margin-bottom:0 !important}
.job-item span.company-name {font-weight:normal !important;font-size:14px;color:var(--contrast-2) !important}
span.job-exp {position: absolute;top: 1em;left: -2em;font-size: 13px;color: white;transform: rotate(-45deg);background: orangered;padding: 0 2em;z-index:99}
.job-data span.meta-job {margin:0;display: block;line-height: 1.2;}
.job-data span.meta-job, .job-item .detail-job {color:var(--contrast-2)}
.job-item .detail-job {font-size:14px;}
.job-content .job-item:first-child {padding-top:0;}

/* IKLAN */
	.iklan {text-align:center;}
	.iklan img {height: 130px;margin-bottom: -1em;}
	.iklan h2, .jaringan h2, .syarat-ketentuan h2, .proses-ads h2 {font-size:20px;font-weight:900;}
	.iklan p {color:var(--contrast-2);margin-bottom:0}
	.open-ads {display:flex;justify-content: center;align-items: center;gap: 1em;padding: 1em 0 3em;border-bottom: double 2px #eee;margin-bottom: 2em;animation: fadeUp 1s ease forwards;opacity: 1;}
	.border-image {display: inline-block;background-color: var(--accent);border-radius: 50%;overflow: hidden;width: 130px;height: 130px;}
	.open-text-ads {flex-basis: 50%;text-align: left;border-left: 6px solid var(--accent);padding: 1em;}
	
	.featured-ads {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 1em;width: 100%;align-items: center;margin:1em 0 2em;animation: fadeUp 3s ease forwards;opacity: 1;}
	.fitur {background-color: var(--base-3);padding:2em;border-radius: 10px;text-align: left;box-shadow: 0px 0px 3px 0px rgba(44, 59, 80, 0.2);border: 1px solid #eee;height: 160px;}
	.fitur i {color:var(--accent);font-size:3em;display:block;margin-bottom:5px;}
	.fitur p {margin-bottom:0;color:var(--contrast-2);font-size:14px;}
	
	.ads-view {display:none;}
	.ads-view.active {display:block;}
	.ads-option {display: flex;gap: 5px;margin:0;animation: fadeUp 2s ease forwards;}
	.ads-option button {width: 100%;font-size: 14px;padding: 6px;background-color: var(--contrast-2);color: var(--base);border: 1px solid #ddd;border-radius: 6px;display: flex;align-items: center;justify-content: center;}
	.ads-option button:hover, .ads-option button.active {background-color: var(--accent);color: var(--base-3);transition: transform .3s ease-out;border: none;border-radius: 6px;}
	.advertisement {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 1em;width: 100%;align-items: center;margin:1em 0;line-height: 1.3;animation: fadeUp 3s ease forwards;opacity: 1;}
	.content-placement {display:block;width: 100%;margin-top: 1em;animation: fadeUp 3s ease forwards;opacity: 1;}
	.ads-opt, .content-placement {background-color: var(--contrast);color: #eee;padding: 2em;border-radius:10px;font-size: 14px;}
	.ads-opt ol {margin:0 0 .4em 3em}
	.ads-opt ol li {line-height:1.5;}
	.ads-opt h2, .content-placement h2, .banner-ads h2 {font-weight:900;font-size:22px;color:var(--base-3)}
	.ads-opt h2 {margin-bottom:0}
	.ads-content span, .content-placement span, .banner-ads span {display: flex;align-items: flex-start;gap: 10px;margin-bottom: 3px;line-height:1.5;}
	.ads-content i, .content-placement i {color:var(--accent);font-size: 15px;}
	.head-ads {display: flex;justify-content: space-between;align-items: center;margin-bottom:1.5em;}
	.head-ads span {font-size:24px;font-weight:900;color:var(--accent);}
	.ads-jobs .syarat-ketentuan {background-color: var(--contrast);margin-top: 3em;padding: 2em;color: var(--base);border-radius: 10px;font-size:14px;animation: fadeUp 3s ease forwards;} 
	.syarat-ketentuan {border:1px solid #ddd;border-radius:10px;padding:3em 2em;margin-top:3em;}
	.syarat-ketentuan ol, .syarat-ketentuan ul {margin: 0 0 0 1em;}
	
	/* Jaringan */
	.jaringan {display:block;text-align:center;margin:3em 0;border-top: double 2px #eee;padding-top:1em}
	.jaringan table {max-width:780px;margin: 0 auto;}
	.jaringan td {font-size: 14px;}
	.jaringan i {color:var(--accent);margin-right:5px;}
	
	/* Banner Ads */
	.banner-ads {display:block;animation: fadeUp 3s ease forwards;padding:2em;background-color:var(--contrast);color:var(--base);margin: 1em auto;width: 100%;border-radius: 10px;}
	.banner-ads i {color:var(--accent);}
	
	/* Sosmed Ads */
	.ads-sosmed .advertisement {grid-template-columns: repeat(3, 1fr);}
	
	/* Prosedur */
	.proses-ads {margin:3em auto 2em;}
	.proses {position: relative;display: flex;justify-content: center;gap: 1em;}
	.proses-ads h2 {text-align:center;}
	.prosedur {font-size:14px;padding: 2em;border: 1px solid #ddd;border-radius: 10px;color:var(--contrast-2)}
	.prosedur i {font-size: 3em;display: block;color: var(--accent);margin-bottom: 5px;}
	.prosedur span {display: block;}
	
	/* Payment */
	.payment {display: block;text-align: center;margin-bottom:2em;}
	.payment img {width:320px;height:auto;}
	.payment h4 {font-size:16px;font-weight:bold;margin-bottom:8px;}
	
	.fitur:hover, .prosedur:hover {background-color:rgba(44, 80, 70, 0.05)}
	
	a.button-paket {background-color: var(--accent);color: var(--base-3);display: block;margin-top: 2em;text-align: center;padding: 8px;border-radius: 6px;text-decoration:none;}
	a.button-paket:hover {background-color:var(--contrast-2)}
	.kontak-wa {margin-bottom:2em;}
	.kontak-wa a.button-paket {padding:8px 12px;font-size:14px;margin-top:0}
	
	/* Content Placement */
	.harga {display: flex;justify-content:space-between;margin-top:2em;}
	.harga p {margin-bottom:0}
	.harga span {display: block;font-size: 24px;font-weight: 900;}
	
	@media (max-width:768px){
		.page-id-25799 .inside-article {padding:20px}
		.featured-ads {grid-template-columns: repeat(2, 1fr);}
		.ads-option {display:grid;grid-template-columns: repeat(2, 1fr);}
		.fitur {height:180px;padding:2em 1.5em}
		.advertisement, .ads-sosmed .advertisement {grid-template-columns: 1fr;}
		.harga {display:block;}
		.harga span {margin-top:1em;}
		.open-text-ads {text-align: left;font-size:15px;padding:0;border:none;}
		.border-image {width: 160px !important;height: 160px !important;background-color:rgba(0, 166, 119, 0.9)}
		.iklan img {height:180px;position: absolute;right: 0;border-bottom: 4px solid rgba(0, 166, 119, 0.7);margin-bottom: 0;}
		.proses {justify-content: flex-start;overflow:hidden;overflow-x:scroll;scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch;padding-bottom: 1em;}
		.prosedur {width: 240px;flex: 0 0 auto;}
}


/* WPFORM */
.wpforms-container {max-width:480px;margin: 1em auto !important;background-color: var(--base-2) !important; color: var(--contrast);padding:2em !important;}
div.wpforms-container-full input[type="submit"]:not(:hover):not(:active), div.wpforms-container-full button[type="submit"]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active) {background-color:var(--accent);}
div.wpforms-container-full input, div.wpforms-container-full select {height:40px}
div.wpforms-container-full .wpforms-field-label {font-size: 14px;color: var(--contrast);font-weight: 600;margin-bottom: 5px;}
div.wpforms-container-full input[type="date"], div.wpforms-container-full input[type="datetime"], div.wpforms-container-full input[type="datetime-local"], div.wpforms-container-full input[type="email"], div.wpforms-container-full input[type="month"], div.wpforms-container-full input[type="number"], div.wpforms-container-full input[type="password"], div.wpforms-container-full input[type="range"], div.wpforms-container-full input[type="search"], div.wpforms-container-full input[type="tel"], div.wpforms-container-full input[type="text"], div.wpforms-container-full input[type="time"], div.wpforms-container-full input[type="url"], div.wpforms-container-full input[type="week"], div.wpforms-container-full select, div.wpforms-container-full textarea {border:1px solid #ddd}
.wpforms-container .wpforms-field {padding:1em 0 10px}

#onesignal-slidedown-container #onesignal-slidedown-dialog .primary.slidedown-button + .secondary.slidedown-button {display:none !important}
#onesignal-slidedown-container.slide-up {bottom: 200px !important;margin: 0 1em;}
#onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-body {display:flex !important;align-items:center;}
#onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-body-message {font-size:14px}
#onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-button {padding: 6px 15px !important;font-size: 14px !important;border-radius: 6px !important;}
#onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-button.primary {background:var(--accent) !important;display:block;width:100%;}
#onesignal-slidedown-container.slide-up #onesignal-slidedown-dialog {border-radius: 8px !important;padding: 1.5em 1.5em 1.2em;}
#onesignal-slidedown-container #onesignal-slidedown-dialog .slidedown-footer {display: flex;justify-content: center;border-top: dashed #ddd;padding-top: 1.2em;margin-top: 1.2em;}

.bookmark-btn {position: relative;background-color: transparent;color: var(--accent);padding: 0;float: right;}
.bookmark-btn:hover, .bookmark-btn:focus, .remove-favorite:hover, .remove-favorite:active {background-color:transparent;color:var(--accent);}

.remove-favorite {background-color: transparent;color:orangered;position:absolute;right:0;top:0;padding:0;}
.remove-favorite:hover, .remove-favorite:focus, .remove-favorite:active {background-color:transparent;padding:0;color:var(--accent);}

#bookmark-page h1 {font-size: 1.2rem;font-weight: bold;}
#bookmark-page h1 i {color:var(--accent);}
#favorites-list .bookmark {position:relative;display:flex;gap:1em;padding-bottom: 1.5em;border-bottom: 1px solid #ddd;margin-bottom: 1.5em;}
#favorites-list .logo-company {flex-shrink:0;}
#favorites-list .logo-company img {width:65px;height:65px;object-fit:cover;}
#favorites-list .meta-box span {color:var(--contrast-2);font-size:0.875rem;}
#favorites-list h2 {font-size:1rem;font-weight:bold;}
#favorites-list a:hover {color:var(--accent);}
#favorites-list a:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#favorites-list .remove-favorite {font-size:0.875rem;top: -1.5em;}