/*
 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
*/

.single-content-job-apply .header-job, .search-no-results .data-job span {display:none !important}
.header-job {background-size: cover;background-position: center;background-repeat: no-repeat;margin-top:3px}
.header-job .inside-article {background:transparent;color:white;padding:80px 30px 30px !important}
.single-job .header-job  thead, .single-job .header-job  tbody {color:white}
.single-job th {padding:10px 0 1px;}
.header-job .inside-article img {background:white;height: 80px;width: 80px;object-fit: contain;border-radius: 50%;margin-bottom: 10px;padding: 5px;border: 1px solid var(--orange);}
#company-profile {color:var(--accent);padding: 1em 0 0;}
.company-profile-content, .single-job .entry-content {color:#222;}
@media (min-width: 769px) {
.header-job .inside-article {background:transparent;color:white;padding:80px 30px 40px !important}	
}

thead {text-align: left;font-size:14px;padding-bottom:10px !important;color:#333}
tbody {font-weight:normal; color:black;font-size:13px;}
table {margin: 0;}
table p {margin-bottom:1em}
table, td, th {border:none}
td {padding:2px 0 0;}
th {padding:8px 0 1px;}
td:first-child {width:40%;vertical-align: top;}
td:first-child:after {content:":";float: right;
margin-right: 10px;}

/* Single Post */
.single-post .rank-math-breadcrumb p {margin-bottom:10px;font-family: PT Serif;font-size:15px}
.single-post .featured-image {margin-bottom:1em !important}
.single-post .wp-block-quote {font-size:100%}
.single-post .entry-meta {display:none}
.single-post .entry-content {font-family: PT Serif;font-size: 16px;color: #333;margin-top:10px;}
.single-post h1.entry-title {font-family: PT Serif;font-size: 22px;}
.single-post .featured-image img {height: 250px;object-fit: cover;}
.single-post .list_desc h2 {font-size:14px !important}
.single-post .related-inline {background: #f9f9f9;padding:30px;margin-bottom: 1em;}
.single-post .list-item {padding:10px 0;background:transparent;}
.single-post .entry-content h2,
.single-post .entry-content h3,
.single-post .entry-content h4 {font-weight:bold;font-family: PT Serif;}
.single-post .entry-content h2 {font-weight:bold;font-size:20px}
.single-post .entry-content h3 {font-weight:bold;font-size:18px}
.single-post .entry-content h4 {font-weight:bold;font-size:16px}
.cat-name {margin-bottom:10px;}
.single-post .wp-block-image img {width:100%;margin-bottom:2em;}
p#breadcrumbs {margin-bottom:10px}

@media(max-width: 768px) {
.single-post .featured-image img  {height:180px}
.single-post .block_list {margin:0}	
.single-post .related-inline {margin-left: -30px;margin-right: -30px;}
}

/* Main Theme */
a {text-decoration:none}
.site-header {box-shadow: 0 0 5px rgba(0,0,0,.1);}
body:not(.single, .page) .inside-article {position:relative;padding: 30px 25px;}
.list-item h2 a:before, .carousel-item a:before, .box-list a:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.navigation-branding img, .site-logo.mobile-header-logo img {height:50px !important}
.inside-site-info {font-size:12px}
.slideout-navigation.main-navigation .main-nav ul li a {font-size:13px;line-height:2;border-bottom:1px solid #ccc;padding:8px 0;margin:0 10px}
.main-navigation .main-nav ul ul li a, .slideout-navigation.main-navigation .main-nav ul ul li a {font-size:12px}
#generate-slideout-menu {padding-top:4em}
#generate-slideout-menu.main-navigation .main-nav ul ul {left:10px}
.entry-content h2 {font-size:15px;font-weight:800;font-family:poppins}
.entry-content ol, .entry-content ul {margin:0 0 2em 1em}
.entry-content ul li::marker, .entry-content ol li::marker {color: var(--accent);font-weight: 600;}
.entry-content ol li::marker {font-size:13px;font-weight: 500;}
.entry-content ul li::marker {font-size:15px}
.generate-columns {margin-bottom: 5px;}
.main-navigation.has-branding .inside-navigation.grid-container {padding: 5px 30px 5px 30px;}
a.tag-cloud-link {font-size: 12px !important;border: 1px solid;border-radius: 4px;padding: 1px 6px;display: inline-block;margin: 3px 1px;}
a.tag-cloud-link:hover {background:var(--accent);color:var(--base-3);transition: transform 0.3s ease;}
#tag_cloud-2 .widget-title {margin-bottom: 1.5em;font-size: 14px;line-height: 1.2;font-weight: 800;
text-transform: uppercase;border-left: 5px solid var(--accent);
padding-left: 8px;font-family: poppins;color: black;}
.line hr {margin:1em 0 2em}
.line h2 {margin-top:1.5em}
.entry-content .wp-block-table {margin-bottom:1.5em}
.masonry-load-more {text-align:center}
.masonry-load-more a.button {width: 60%;text-align:center;display: inline-block !important;border-radius:4px}
span.deadline-text {position: absolute; font-size: 12px; right: 10px; top: 10px; animation: blink 2s infinite;color:#e2007f}
#menu-social-media svg {height:16px;width:16px}
.term-bumn .bumn {display:none;}
.button-grup {order: 3;}
.button-grup a {font-size: 12px;border: 1px solid;padding: 4px 10px;border-radius: 2em;background-color:var(--base-3);}

@media(max-width: 768px) {
#site-navigation .menu-toggle {order: -1;margin-right: 0;padding: 0 4px !important;}
.inside-site-info	{padding: 30px 40px 20px;}
body:not(.single, .page) .inside-article {margin:0 10px}	
.gp-icon svg {width:1.2em;height: 1.2em;top:0.2em}
.new-menu svg {width: 2em;height: 2em;top: .6em;color: var(--base-3);}
#site-navigation .navigation-branding {margin: auto;}
.main-navigation {padding:0}	
.main-navigation.has-branding .menu-toggle, .main-navigation.has-branding .menu-toggle {margin-right: 0 !important;}
.main-navigation.has-branding .inside-navigation.grid-container {
padding: 2px 1rem !important;}
.single-job #main {margin-top:0}
#mobile-header {margin-bottom:1px}	
.entry-summary {display:none !important;margin-top:8px !important; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;line-height:1.2;font-size:13px;}
}
.copy-email {color:var(--accent);border:1px solid;padding:4px 10px;border-radius:6px;}
.canvas-logo img {width: 180px;}

/* Job Posting */
#right-sidebar .entry-date {display:none}
.data-job, .data-job span {display: block;}
.data-job .companyname {font-size:12.5px;margin-top:5px;font-weight:bold;color:#555;line-height:1.3;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.data-job span {font-size:11px;color:#999;font-weight:normal;}
.jobdata {font-weight: bold;font-size: 12.5px;margin: 5px 0 0;line-height: 1.2; color:#555; display: -webkit-box;
-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.data-single {margin-bottom:2em}
.job-cat {display:flex;align-items:center;overflow: hidden;margin-bottom: 8px;gap:5px;}
.job-cat a {font-size:10px;border-radius:15px;padding:4px 8px;margin-right:3px;display: inline-block;background:#113585;color:white}
.job-categories {display:flex;align-items: center;line-height: 1.6;margin-bottom:2px;}
.job-categories span {color: var(--contrast-2);font-size: 0.750rem;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.job-categories a {color:var(--contrast);font-weight:600;font-size: 0.750rem;text-transform: uppercase;border-bottom:1px solid var(--orange);padding-bottom:2px;line-height: 1;}
.job-categories a:hover {color:var(--accent);}
.job-cat:after {display:none;content: '';flex: 1 1 auto;border-top: 1.5px solid var(--accent);}
.post-image-aligned-left .inside-article .post-image {margin-top:0 !important}
span.job-cat-single {border: 1px solid #eee;display: inline-block;padding: 4px 8px;border-radius: 15px;font-size: 10px;margin-bottom: 5px;}
body:not(.single, .page) .job-data
.job-data {font-size:14px;margin-top:5px;color: black;font-weight:normal;line-height:1.3}
.single-job .job-data {font-size:13px;font-weight: 600;color: white;margin-top: 8px;}
.job-data span, .carousel-desc .detail-job {display:block;font-size:12px;font-weight:normal;opacity:0.6}
.post-image {text-align:left !important;float: left !important;line-height: 0;}
.all-link {padding: 20px;background: white;margin-bottom:5px}
.related-job {background:white;margin:10px auto; display:block !important}
.all-link h3, .related-job h4 {font-size: 14px;margin-bottom: 0;font-weight: bold;
font-family: Poppins;display: inline-block;background: linear-gradient(45deg, #f7f7f7 50%, transparent 60%);
padding: 8px;}
.all-link a {font-size:13px;font-weight:500;margin-top:5px;display:block}
.tags {display:inline-block;margin-left: 5px}
.more-jobs {background:white;padding:25px;margin-top: 5px;}
.more-jobs h3 {font-size: 14px;margin-bottom: 10px;font-weight: bold;font-family: Poppins;display: inline-block;background: linear-gradient(45deg, #f7f7f7 50%, transparent 60%);padding: 8px;}
.more-jobs ul {margin: 0 0 0 2em !important;}

/* Single Job */
.single-job .post-image-aligned-center .featured-image {text-align:left!important}
.single-job .featured-image {text-align:left!important;margin-bottom:1rem !important;}
.post-image {margin-right:1.3em !important;margin-bottom:0!important}
.single-job .featured-image img {width:100%;height:200px;object-fit:cover;}
.rank-math-breadcrumb p {margin-bottom:10px;}
.rank-math-breadcrumb {margin-top:1.5em;}
.post-image img, .apply .size-thumbnail, .tax-company .size-thumbnail  {width:80px;height:80px;object-fit:cover;border-radius:6px; border:1px solid #ddd}
.apply .size-thumbnail, .tax-company .size-thumbnail   {margin-bottom:10px}
.company_profile, .company_profile h2 {font-size:14px}
.company_profile hr {margin-bottom:25px}
.apply, .expired {text-align: center;background: white;padding: 40px 30px;}
.alert {text-align:center; padding:40px;background:#f7f7f7;margin-top:15px;font-size:13px}
.closed {display:block !important; margin-top: 10px;}
a.button-apply {background: var(--accent);display: block;padding: 8px;border-radius: 6px;color:white; text-align:center;}
.hashtag {margin:1em auto;}
.hashtag a {background: var(--accent);color: white;padding: 6px 10px;border-radius: 15px;font-size: 11px;display: inline-block;margin-top: 5px;}
.hashtag a:hover {background: var(--orange);color:white;}
.single-job a.button-apply, .masonry-load-more a.button, .generate-lamaran input[type="submit"] {font-size: 12px;margin: 1em 0;position: relative;display: block;padding: 8px 20px;background: linear-gradient(25deg, var(--orange) 0%, var(--orange) 50%, #08f 50%, #08f 100%);background-size: 225% 100%;background-position: right;transition: background-position 0.5s;color: #fff;text-decoration: none;}
.single-job a.button-apply:hover, #cari button[type="submit"]:hover, .masonry-load-more a.button:hover, .generate-lamaran input[type="submit"]:hover {background-position: left;}
body:not(.single, .page) .inside-article, .list-item {transition: transform 0.3s ease;}
body:not(.single, .page) .inside-article:hover, .list-item:hover {transform: translateY(-5px);background-color: rgba(255, 255, 255, 0.8);}
.single-job .inside-article {padding-top:2em;}
.after-button {margin-top:1.5rem;padding: 30px 25px 5px;
background: #f9f9f9;text-align: center;margin-bottom: 1.5em;border-image: linear-gradient(to right, red, black, blue, indigo) 1;
border-width: 1px;border-style: solid;}
.apply-url {border: 1px solid;border-radius: 4px;padding: 4px 8px;}
.expired h2 {font-weight:bold;font-size:20px}
.single-job .entry-content h2, .info-pendaftaran h2, #company-profile h2, .company_profile h2 {font-size:18px;font-weight:bold}
.apply h2 {font-size:16px;font-weight: bold;}
#company-profile h2 {color:var(--contrast)}
.single-job .entry-content h3 {font-size:16px;font-weight:bold;}
.single-job .entry-content ul li, .single-job .entry-content ol li {font-size:98%}
.single-job tbody strong {color:var(--contrast)}
.thumbs img {height: 75px;width: 75px;object-fit: cover;border-radius: 8px;margin-right:1em;}
.single-job h1.entry-title {font-size:20px}
.single-job #apply-content a {border: 1px solid;border-radius: 6px;padding: 2px 6px 5px;display: inline-block;margin:0 5px;}
body:not(.list_desc) .single-job .entry-content h2::after, .single-job .entry-content h3::after {display: block;width: 100%;margin: 15px -4px;height: 10px;content: '';opacity: .2;background-color: transparent;background-image: radial-gradient(currentColor 1px,transparent 1px);background-position: 1px 1px;background-size: 5px 5px;}
.social-sharing {padding: 6px 1.5em;color: white;border-radius: 4px;}
.social-sharing i {font-size:13px;}
.social-facebook, .social-linkedin {background:#3b5998}
.social-whatsapp {background:#25d366}
.social-telegram {background:#08c}
a.link-apply {border: 1px solid var(--accent);padding: 5px 10px;border-radius: 5px;}
a.link-apply:hover {background:var(--accent);color:var(--base-3)}
h2.entry-title {margin-bottom:5px;}
.single-job	.rmp-results-widget {margin-top:5px;}

@media (max-width: 768px) {
.single-job tbody {font-size:13px}
.single-job h1.entry-title {font-size:20px;}
}

/* Company */
h1.page-title {font-size:18px;font-weight:bold}

.inside-left-sidebar .widget {padding:0;}
@media (min-width: 769px) {
	.post-image img {width:180px;height:130px;}
	.entry-summary {display:block;margin-top: 10px !important;font-size: 0.875rem;}
.inside-right-sidebar, .inside-left-sidebar {position: sticky;top:80px;}
#nav_menu-5	{float: left;margin-right: 20px;}
#nav_menu-5	li {margin:0 5px!important}
#nav_menu-6	{display: flex;}
}

@media (max-width: 768px) {
#right-sidebar, #left-sidebar {display:none}
#nav_menu-5 svg	{height: 18px;width: 18px;}
#nav_menu-5	li {margin:0 8px!important}	
.tax-company .generate-columns-container {display:block}	
.home a.button-apply {margin:1rem 2rem}
.main-navigation .main-nav ul li a {padding-left: 1.5rem;}	
.main-navigation.has-branding .menu-toggle {margin-right:1.5rem}
.menu-toggle, .main-navigation .menu-bar-item > a {padding:0 10px!important}
.main-navigation .main-nav ul li a {padding-left:2rem}
#mobile-header.toggled .main-nav > ul {border-top:dotted 2px #ccc}	
.post-image {float:left!important;}
}

/* Block List */
.block_list {margin: 0 auto 10px;gap: 5px;display: flex;flex-direction: row !important;flex-wrap: wrap;}
.home .block-list {flex: 1 0 100%;}
.block-list {position: relative;flex: 1 0 33%;}
.list-item {background: white;padding:10px 0;}
body:not(.single) .list-item {padding:20px;}
.list_img {display: flex;}
.list_img img {height:70px;width:70px; object-fit:cover;border-radius: 6px;margin-right: 20px;border: 1px solid #ddd;}
.list_desc h2 {font-size:13px;font-family:poppins;margin-top:5px;margin-bottom:0;line-height:1.2}
.entry-content .block-list .list_desc h2 a {font-size:14px}
.block-list .list_desc h2 a, h2.entry-title a {display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.block-list .list_desc h2 a {font-weight:bold;  display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;color:var(--contrast-2)}
.list_desc span {font-size: 12px;color: #999;}
.single-job .entry-content .block_list {margin-bottom:2em;}
@media (min-width:768px){
.widget-section .block_list {display:block}
.widget-section .block-list {margin-bottom:5px}
.widget-section {display: flex;justify-content: space-between;}
.widget-column {flex-basis: 33%; /* Lebar kolom */}
}

@media (max-width:768px){
.block_list, .all-link {margin:3px 10px;display:block}	
.single-job	.block_list {margin:3px 0;}		
.block-list {width: 100%;float: none;margin-bottom:3px}
.list-item {margin: 0 auto;padding-bottom: 1.5em;}
.single-job .list-item {border-bottom:1px solid #ddd}	
}

/* List */
.box-list a {display: -webkit-box;font-size: 13px;line-height: 1.3;padding-right: 1.5em;-webkit-line-clamp: 2;
-webkit-box-orient: vertical;overflow: hidden;}
.list {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 3px;}
.box_list {position:relative}
.box_desc h2 {margin-bottom:0}
.box-list {display: flex;align-items: flex-start;justify-content: space-between;background: white;transition: box-shadow 0.3s ease-in-out;padding:20px;}
.company-detail {flex-grow: 1;display: flex;flex-direction: column;justify-content: flex-start;margin-top:5px;margin-left:1.2em}
.box-list:hover {animation: pulse 2s infinite;}
.company-logo {line-height:0; display: flex;align-items: flex-start;flex-shrink: 0;width: 60px;}
@keyframes pulse {
0% {box-shadow: 0 0 0 0px rgba(7, 106, 198, 0.4);}
70% {box-shadow: 0 0 0 6px rgba(7, 106, 198, 0);}
100% {box-shadow: 0 0 0 0px rgba(7, 106, 198, 0);}
}

@media (max-width:768px){
.box_list {display:block;margin:0 10px 3px;}
.list {display:block}	
}


/* Module Carousel */
.carousel {display: flex;gap: 5px;margin:0 auto;overflow-x: scroll; position: relative;margin-bottom:1em;}
.carousel-item {position:relative;height: 250px;flex: 1;display: flex;border-radius:15px;}
.carousel-item:hover {border:1px solid var(--accent)}
.carousel-desc {display: flex;padding: 25px;flex: 1;align-items: flex-end;}
.carousel-desc a {display:block;font-size: 14px;font-weight: bold;color: white !important;}
.carousel-desc .meta-info {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;}
.carousel-desc .meta-info a, .header-job .meta-info a {display: inline-block;font-size: 10px;color: white;border: 1px solid #eee;margin-right: 5px;border-radius: 15px;padding: 3px 8px;margin-bottom:5px;font-weight:normal}
@media (max-width:768px){
#cari {margin:0 10px}	
.carousel {margin:0 10px 1em}	
.carousel-item {flex: 0 0 75%;}	
}

/* Search Form */
#cari {background: transparent;color:white;padding:30px;margin:1px auto;text-align:center;display: flex;
gap: 8px;}
#cari p {text-align:center;font-size:13px;color:white}
#cari h1 {display: block;margin: 10px auto 8px;font-weight: 800;font-size: 18px;text-align:center;border-left:0;padding-left:0;text-transform: uppercase}
#cari span {margin-bottom: 1rem;display: block;color: #666;}	
#cari input[type="text"],
#cari select {width: 80%;padding:8px 10px;border: 1px solid #ccc;border-radius: 5px;transition: border-color 0.2s ease-in-out;font-size: 12px;}
#cari input[type="text"]:focus,
#cari select:focus {outline: none;border-color: #6b46c1;}
#cari button[type="submit"] {font-size: 13px;position: relative;padding: 8px 10px;background: linear-gradient(25deg, var(--accent) 0%, var(--accent) 50%, var(--orange) 50%, var(--orange) 100%);background-size: 250% 100%;background-position: right;transition: background-position 0.5s;color: #fff;text-decoration: none;width: 20%;border-radius:6px}
a.lamar {display: inline-block;font-size: 13px;font-weight:500;color: white;background-color: var(--orange);cursor: pointer;transition: background-color 0.5s ease-in-out;padding: 4px 8px;margin-top: 1em;border-radius: 4px;}
#cari a {background: var(--orange);color: white;font-size: 12px;padding: 3px 12px;margin-bottom: 1em;display: inline-block;}
@media (max-width: 768px) {
#cari {padding: 40px 30px !important;display:block}
#cari input[type="text"], #cari select, #cari button[type="submit"] {width:100%;margin:5px 0;}	
}

.homepage-button {display: inline-block;background-color: var(--accent);color: #fff;
padding: 6px 10px;border-radius: 5px;text-decoration: none;font-weight: normal;margin-right: 5px;font-size: 13px;}
.homepage-button:hover {color:#ccc!important}
.back-button {display: inline-block;background-color: #6c757d;color: #fff;padding: 6px 10px;border-radius: 5px;border: none;font-weight: normal;cursor: pointer;font-size: 13px;}

/* 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 .main-nav ul li a {font-weight:normal;padding:0 15px !important;}
.secondary-navigation .main-nav {overflow-x:scroll;}
@media (max-width:768px){
.secondary-nav-below-header .secondary-navigation .inside-navigation.grid-container {padding:0 10px!important}
}
.secondary-navigation li a {white-space: nowrap;}

/* Dark Mode */
.toggle {border-radius: 30px;font-size: 16px;cursor: pointer;background: #888;color: white;width: 40px;height: 20px;z-index: 99;}
.circle {
width: 20px;height: 20px;
transform: translateX(0);
border-radius: 30px;
transition: 0.6s;position: absolute;
text-align:center;background: white;
border: 1px solid var(--contrast);}
.icon-dark {text-align: center;padding:0 1px}
.toggle-moon, .toggle-sun {width: 50%;float: left;}
.toggle-sun [class*=" bi-"]::before, .toggle-moon [class*=" bi-"]::before {color:white;font-size:14px; vertical-align:baseline}
.dark-mode .circle {transform: translateX(19px)}

body.dark-mode, .dark-mode .site-header, .dark-mode .main-navigation a, .dark-mode .site-content .content-area, .dark-mode .site-info, .dark-mode .entry-content, .dark-mode .inside-article:not(.single-job .header-job .inside-article), .dark-mode .entry-content strong, .dark-mode .wp-block-quote, .dark-mode h1:not(.tax-company h1.page-title, .header-job h1.entry-title), .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode .site-content a, .dark-mode .slideout-navigation, .dark-mode .slideout-navigation .main-nav a, .dark-mode .secondary-navigation, .dark-mode .page-header:not(.tax-company .page-header), .dark-mode .radar-owl, .dark-mode .pst_desc h2 a, .dark-mode .pst_desc a, .dark-mode .mobile-menu-control-wrapper .menu-toggle, .dark-mode .story, .dark-mode .heading-front, .dark-mode .sticky-menu-container, .dark-mode .main-navigation, .dark-mode .new-menu svg, .dark-mode thead, .dark-mode tbody, .dark-mode .company-view, .dark-mode .related-job, .dark-mode .box-list, .dark-mode .all-link, .dark-mode .list-item, .dark-mode .paging-navigation, .dark-mode .jobdata, .dark-mode .apply, .dark-mode .after-button, .dark-mode .company-profile-content, .dark-mode .companyname, .dark-mode .follow, .dark-mode .highlight, .dark-mode .block-home, .dark-mode .footer-widgets, .dark-mode .sidebar .widget  {background: var(--contrast) !important;color: #ccc !important;}
.dark-mode .front {background:transparent !important}
.dark-mode #cari button[type="submit"], .dark-mode .secondary-navigation .main-nav ul li[class*="current-menu-"] > a {background-color:var(--accent)}
.dark-mode .generate-columns .inside-article, .dark-mode .company-view, .dark-mode .page-header, .dark-mode .main-navigation {border-bottom:1px solid #555}

.follow {background: var(--accent);color: white;font-size: 13px;display:flex;align-items: center;
width: 100%;height: 50px;align-content: center;gap:1em;padding: 0 25px;}
.follow span {font-size: 12.5px;}	
.follow a {color: white;background: var(--orange);padding: 1px 15px;border-radius: 15px;font-size: 12px;}
.block-home {background:white;padding:1.5em 1em;margin-bottom:1em;}
.block-home h3 {font-size: 18px;font-weight:bold;margin-bottom: 1em;padding: 0 20px;}
.gb-grid-wrapper-e0fc6176 {padding-top:1em}
.gb-grid-wrapper-e0fc6176 .wp-block-heading {font-weight: 800;font-size:16px !important;padding: 1em;background: white;margin-bottom: 5px;}
@media (max-width:768px){
	.gb-grid-wrapper-e0fc6176 .wp-block-heading {margin:5px 10px}
	.footer-bar-align-right .copyright-bar {float:left}
	.footer-bar-active .inside-site-info {padding:10px 30px;}
}
.footer-widgets, .site-info {background:#16171E;color:var(--base-3)}
.footer-widgets {font-size:13px;margin-top:10px;}
.footer-bar i {font-size:13px;}
.footer-widgets .widget {margin-bottom:1em;}
.footer-widgets .widget p, .footer-bar i {color: #ccc;}
.footer-widgets-container {border-bottom:1px solid #444;border-top:1px solid #ddd}
.footer-widgets a:hover {color:var(--accent) !important}
@media (min-width:768px){
.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%;}
}
#footer-widgets .widget-title {font-weight: bold;text-transform: capitalize;font-size: 15px;padding-bottom: 10px;}
#footer-widgets ul li a {font-size: 13px;color: #ccc;}
#footer-widgets ul li a:hover {color:var(--accent)}
#footer-widgets .widget ul li {margin-bottom:0}
#footer-widgets .widget-title {margin-bottom:0;border-bottom:0}
.footer-widgets-container {padding-bottom:30px;}
.footer-bar .widget_nav_menu li {margin:0 8px}
.footer-bar p {margin-bottom:0}
@media (max-width: 768px) {
.footer-bar-active .inside-site-info {flex-direction: inherit;align-items: center;justify-content: space-between;}
.footer-widgets-container {padding:35px 30px 0}
	.footer-bar-active .footer-bar {margin-bottom:0;}
.footer-widgets .inside-footer-widgets {flex-direction: row !important;flex-wrap: wrap;}
.footer-widgets .footer-widget-1 {flex-basis: 100%;}
.footer-widget-1 {padding-right: 15%;}
.footer-widgets .footer-widget-2 {flex-basis: 50%;}
.footer-widgets .footer-widget-3, .footer-widgets .footer-widget-4, .footer-widgets .footer-widget-5 {flex-basis: 50% !important;}
.footer-bar .widget_nav_menu > div > ul {justify-content:left}
.footer-bar .widget_nav_menu li:first-child {margin-left:1px}
}

.header-job {display:flex}
.job-info {flex:1}

.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(5, 12, 25, 0.8),rgba(0,3,5,.5)),url(/wp-content/uploads/2024/11/Background-Jobs.webp) !important;background-position: center center;background-size: cover;background-repeat:no-repeat;}
.front-hero h3 {font-family:Montserrat, sans-serif;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:0;border-radius:none;margin:auto;animation: fadeUp 3s ease forwards;opacity: 1;background-color:transparent;padding:0;}
.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: 7px 1.2em;margin: 2px;background: var(--orange);color: var(--base);border-radius: 0 25px 25px 0;}
.front-search button:hover {color:var(--base);}
.front-search button i {margin-right:5px;vertical-align: middle;}

.button-container {padding:0;background: transparent;}
.button-click {display: inline-block;width:auto;background-color:var(--contrast);color:var(--base-3);text-align:center;padding:8px 1.2em;cursor:pointer;margin-bottom:0;border-radius:6px;font-family: Montserrat, sans-serif;font-weight: 800;font-size:12px;box-shadow: 4px 4px 0px 0px var(--shadow-hover);}
.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;}
.button-apply {font-size: 12px;margin: 1em 0;position: relative;display: block;padding: 8px 20px;background-color: var(--accent);color:var(--base-3);text-decoration: none;border-radius: 5px;text-align: center;cursor:pointer;}
.button-apply:hover {background-color:var(--orange);}
.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:99999}
.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 {margin-bottom: 0;font-weight: bold;font-size: 1.2rem;}
.close-button {position: absolute;top: -5px;right: 10px;cursor: pointer;color: orangered;font-size: 2em;}
.apply-content h2 {position: relative;z-index: 2;display: inline-block;padding-left: 10px;line-height: 1.5;margin-bottom: 10px;font-size: 18px;font-weight:900;}
.apply-content {font-size: 0.875rem;}
.apply-content h2:before {position: absolute;z-index: -1;top: 0;bottom: 0;left: 0;display: inline-flex;width: 60%;height: 1.5em;content: '';opacity: .7;background-color: #fac906;}
.footer-apply {margin:1.5em 0 0;display: flex;align-items: center;justify-content: space-between;gap:1rem;}
.footer-apply img {width:100px;}
.footer-apply a {border: 0 !important;border-radius: 0 !important;padding: 0 !important;margin: 0 !important;}
.apply-area {background-color: var(--base-3);box-shadow: 8px 8px 0px -2px var(--shadow-hover);border: 2px solid var(--contrast-2);margin: 1em 0 1.5em;padding: 2em 1.5em;}
.apply-area h2 {font-size:16px;font-weight:900;margin-bottom:10px;}
.apply-area p {margin-bottom:1.5em}
.apply-area h2 i {color:var(--accent)}
span.alert {display:block;font-size:100%;padding:0;margin:0;color:var(--contrast)}

@media (max-width:768px){
	.modal-content {width:92%;}
	.apply-area {padding:2.5em 2em;}
}

@keyframes fadeUp {
    0% {opacity: 1;transform: translateY(10%);}
    100% {opacity: 1;transform: translateY(0);}
}
.fade {animation: fadeUp 1s ease forwards;}
.rmp-btn {background-color: var(--contrast);padding: 5px 10px;border-radius: 4px;font-size: 0.875rem;margin-top: 10px;width: 110px !important;}
.rmp-btn:hover {background-color:var(--orange);padding: 5px 10px;border-radius: 4px;font-size: 0.875rem;margin-top: 10px;width: 110px !important;}
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__results, .rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__hover-text {display:none;}
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__submit-btn--visible {width:125px;}
.rmp-results-widget__avg-rating, .rmp-results-widget__vote-count {display:flex;align-items:center;}
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container, .rmp-results-widget__visual-rating {line-height:0;}
.rmp-icon--full-highlight, .rmp-icon--half-highlight, .rmp-icon--ratings {font-size:0.813rem;}
.rmp-widgets-container {padding:0;border:none;}
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container .rmp-rating-widget__icons {margin-bottom:0;}
.rmp-results-widget {display: flex;align-items: center;gap: 3px;line-height: 1;}
.js-rmp-avg-rating, .rmp-results-widget__vote-count {font-size:0.750rem;color:var(--contrast-2)}
.rmp-icon--ratings {font-size:0.750rem;margin-right:0;}
.rmp-widgets-container.rmp-wp-plugin.rmp-main-container,.rmp-results-widget__visual-rating {margin:0;}

.popSc {
  display:flex;
  justify-content:center;
  align-items:center;
  background:rgba(255, 255, 255, 0.1);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  width:100%;
  height:100%;
  z-index:9999;
  padding:0 15px;
  position:fixed;
  top:0;
  left:0;
}
.popBo {
  background:#fff;
  box-shadow:0 10px 30px -8px rgb(0 0 0 / 40%);
  padding:30px;
  border-radius:10px;
  text-align:center;
  max-width:400px;
  box-sizing:border-box;
}
.popBo svg {
  width:50px;
  height:50px;
  fill:#b82929;
  margin-bottom:8px;
}
.popCo h2 {
  font-size:21px;
  font-weight:700;
  margin:0 0 15px;
}
.popCo p {
  font-size:14px;
  margin:20px 0;
}
.adnanRisnawan_button {
  display:inline-block;
  padding:10px 20px;
  background:#007bff;
  color:#fff;
  text-decoration:none;
  border-radius:5px;
}
.adnanRisnawan_button:hover {
  background:#0056b3;
  color:#fff;
}