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

/* ROOT CSS */
:root {
	--gradient: linear-gradient(to right, #09b3bc, #1c7fd7);
	--gradient-2: linear-gradient(to right, #0fe8bf, #1c7fd7);	
}


/* Table Of Content */
#ez-toc-container {border:none;}
#ez-toc-container.ez-toc-transparent {background: var(--gradient);color: white;width: 100%;padding: 2em;}
#ez-toc-container a, #ez-toc-container a:active, #ez-toc-container a:focus {color:white}
#ez-toc-container a:visited, #ez-toc-container a:hover {color:yellow}
div#ez-toc-container .ez-toc-title {font-weight:bold;}


/* Main Theme */
a {text-decoration:none !important}
.entry-summary > p:last-child, .entry-summary:not(:first-child) {display:block !important;font-size:14px;opacity:0.8;}
.entry-summary:not(:first-child) {margin-top:1em !important}
h2.entry-title {margin-top:10px}
.joingrup {background: var(--accent);color: white;padding: 5px 10px;border-radius: 5px;}
.joingrup a {color:white;font-size:14px;}

.navigation-branding img, .site-logo.mobile-header-logo img {height:50px !important}
.post-image-aligned-left .inside-article .post-image, .post-image-above-header .inside-article .post-image {margin-bottom:0 !important;}
.post-image-aligned-left .inside-article .post-image {margin-right: 1em !important}
.image-aligned-right .inside-article .post-image {margin-left:1em !important}
body:not(.single, .page) .post-image img {border-radius:4px;object-fit:cover;}
.related {margin-top:1.5em;}
.post-image-above-header .inside-article div.featured-image {margin-bottom:1.5em;}
#breadcrumbs {margin-bottom:5px;}
#breadcrumbs a {font-size:14px;}
#breadcrumbs i {vertical-align:bottom;margin-right: 3px;font-size: 14px;color: var(--contrast-2);}
.source-image {display: block;font-size: 10px;position: absolute;margin-left: 1em;margin-top:10px;background: rgba(0, 0, 0, 0.37);color: #fff;padding: 3px 12px;border-radius: 4px;z-index:999;}
.featured-image {background:black;opacity:0.9}
.featured-image img {width:100%}
blockquote {border-left: 5px solid var(--accent);}
.wp-block-quote {font-size:15px;}
.masonry-load-more {text-align:center;margin:1em auto !important}
.load-more a.button, a.homepage-button {font-size: 13px;background: var(--gradient);padding: 8px 2em;display: inline-block;border-radius: 4px;text-transform:uppercase;color:white;}
.load-more a.button:hover, a.homepage-button:hover {opacity:0.8;transition: background 0.3s ease;color:white;}
.box-follow {display: flex;align-items: center;border: 1px solid #ddd;padding:1.5em;margin: 1.5em 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.box-follow img {display:none;border-radius: 50%;margin-right: 20px;width: 100px;height: 100px;}
.box-info {width:100%;}
.box-info span {font-size: 17px;margin-bottom: 10px;font-weight:bold;}
.box-info p {color: #666;font-size: 14px;margin-bottom: 15px;}
.follow-button {display: flex;align-items: center;}
.social-links {display: flex;list-style: none;margin-left: auto;margin-bottom: 0;padding: 0;}
.social-links li {margin-left: 10px;}
.social-links i {font-size:13px;color:var(--contrast-2)}
a.button-follow {font-size: 13px;background: var(--gradient);color: white;padding: 6px 15px;border-radius: 4px;}
a.button-follow:hover {background:var(--gradient);transition: background 0.3s ease;color:white;}
.entry-content ol li, .entry-content ul li {font-size:15px;}
a.button-ads {font-size: 13px;background: var(--gradient);padding: 6px 12px;border-radius: 4px;
color: white !important;margin-right: 5px;}
a.button-ads:hover {opacity:0.8;transition: background 0.3s ease;}
.main-navigation {box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05);}
.entry-content .wp-block-image img {width:100%;margin-bottom:2em;}
.wp-block-tag-cloud a {background: #113585;color: white;padding: 3px 6px;border-radius: 3px;margin-right: 0;
 margin-bottom: 3px;}

#generate-slideout-menu .inside-navigation {padding-top:60px}
#generate-slideout-menu p {padding-left:5px;opacity:0.8}
.main-navigation .main-nav ul li a {padding-left:10px;line-height: 30px;opacity:0.9}
.slideout-navigation .main-nav {margin-top:10px;}
.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;line-height:3!important}
.secondary-navigation .main-nav {overflow-x:scroll;}
.secondary-navigation {background: var(--gradient) !important}
@media (min-width:768px){	
.secondary-navigation {display:none !important}
}
@media (max-width:768px){
.secondary-nav-below-header .secondary-navigation .inside-navigation.grid-container {padding:0 10px!important}
.secondary-navigation .main-nav ul li a	{line-height:3!important}
}
.secondary-navigation li a {white-space: nowrap;}
.secondary-navigation i {margin-left: -5px;color: white;}

.inside-left-sidebar #block-6 {padding:0} /* Left Sidebar */

/* Main Theme 2 Column */
.generate-columns-activated.post-image-aligned-right .generate-columns-container article:not(.featured-column) .post-image {float:right !important;margin-left: 1em!important}

@media (min-width: 768px) and (max-width: 1024px) {
	.generate-columns.tablet-grid-50, .grid-sizer.tablet-grid-50 {width:100%}
}

/* Desktop Theme */
@media (min-width: 769px) {
	.inside-right-sidebar, .inside-left-sidebar {position: sticky;top: 100px;}
	.main-navigation .main-nav ul li a {padding-left:1em;padding-right:1em;}
	.menu-item-has-children .dropdown-menu-toggle {padding-right:8px;padding-left:5px;}
	span.dropdown-menu-toggle svg {top:0.6em;}
}


/* Main Theme Mobile */
@media (max-width: 768px) {
	body:not(.post-image-aligned-center) .inside-article .post-image {float:right !important;margin-bottom: 0 !important;margin-left: 1em !important;}
	#mobile-header {padding:0 1em;}
	#mobile-header .menu-toggle {background:transparent;border-radius: 4px;padding:0 5px;}
	.mobile-header-navigation .site-logo {margin-left:0 !important}
	.new-menu svg {width: 1.585em;height: 1.585em;top: .45em;}
	span.icon-search svg {top:.200em;}
	.main-navigation .menu-bar-item > a {padding-left:10px;padding-right:1em;}
	.gp-icon .icon-search {vertical-align:middle;}
	.menu-bar-item a {padding:0 1em;}
	.masonry-load-more {margin:1em 2em !important}
}

/* Single Post */
.single-post .entry-content h2, .single-post .entry-content h3 {margin-top:2em;}

/* Single Job */
.single-loker .entry-meta {display:none !important}
.single-loker .entry-content h2 {text-align:center;}
.single-loker .entry-content h2, .single-loker .entry-content h3 {margin-top:2em;}
.apply-content {background:white;padding:30px 25px;text-align:center;}
.featured-job-image {margin-bottom:0;line-height: 0;}
.featured-job-image img {height: 180px;width: 100%;object-fit: cover;}
span.copy-email {color:var(--accent)}
a.button-apply {display: block;text-align:center;font-weight: 500;font-size:13px;;background: var(--gradient);color: white;padding: 8px 15px 10px;border-radius: 6px;margin-top: 1em;}
a.button-apply:hover {opacity:0.8;transition: background 0.3s ease;color:white}
.pendaftaran:before {display: block;width: 100%;margin: 2em auto;height: 10px;content: '';opacity: .2;background-color: transparent;background-image: radial-gradient(currentColor 1px, transparent 1px);background-position: 1px 1px;background-size: 5px 5px;}
.hashtag:before, .hashtag:after, .single-loker .entry-content h2:after {display: block;width: 100%;margin:1em -3px;height: 10px;content: '';opacity: .2;background-color: transparent;background-image: radial-gradient(currentColor 1px, transparent 1px);background-position: 1px 1px;background-size: 5px 5px;}
.single-loker .entry-content h2::after {margin:1em 0 1.5em !important}
.hashtag a {background: #f0f2f4;transition: background 0.3s ease;color: var(--contrast);padding: 6px 10px;border-radius: 15px;font-size: 12px;display: inline-block;margin-top: 5px;margin-right: 3px;}
.hashtag h4 {margin-bottom:5px;}
.hashtag a:hover {background:var(--gradient);transition: background 0.3s ease;;color:white;}
.expired {padding:3em 1.5em;background:white;}
.expired h3 {color:var(--accent);font-weight:800;}
.expired img {height:150px;width:auto;margin-bottom:1em;}
.job-exp {padding-left:5px;}
.date-exp, .gerenate-text {display: block;margin-top: 1em;}
a.generate-lamaran {display:inline-block;background:var(--gradient);color:white;margin-top: 2em;border-radius: 4px;padding: 8px 12px;font-size: 14px;}
a.generate-lamaran:hover {opacity:0.8;transition: background 0.3s ease;color:white}
.notice, .alert {padding:20px;border-width: 2px;border-style: solid;border-image: var(--gradient-2);border-image-slice: 100%;border-image-slice: 1;margin:10px 0;}
.notice span, .alert span {font-weight:bold}
.alert ul {margin:1em 0 1.5em 1em}

/*Social Share*/
.social-wrapper {margin:0 auto 1.5em;}
.wplogout-social-sharing, .copylink {padding: 5px 20px;border-radius: 3px;}
.copylink {font-size:12px;padding: 6px 15px 2px;}
.copylink span {top: -0.1em;
position: relative;}
.wplogout-social-sharing svg {position:relative;display: inline-block;top:0;}
.wplogout-social-facebook {background-color: rgba(59, 89, 152, 1);} .wplogout-social-instagram, .wplogout-social-linkedin, .wplogout-social-whatsapp {background-color: rgba(37, 211, 102, 1);}
.wplogout-social-telegram {background-color: rgba(0,136,204 ,1);}
.wplogout-social-facebook:hover,
.wplogout-social-instagram:hover, 
.wplogout-social-linkedin:hover, 
.wplogout-social-whatsapp:hover, 
.wplogout-social-telegram:hover {opacity:0.8;transition: background 0.3s ease;}

/* Block Shortcode */
body:not(.single, .slider) #block {padding:1em 25px;margin:0 auto;}
#block:not(.slider) {background:white;}

/* Block List */
.inside-right-sidebar .list_img img, .inside-right-sidebar .list_cat {display:none !important}
.list {position: relative;background:white;display: flex;flex-wrap: wrap;}
.list-item {position: relative;width:100%;border-bottom:1px solid #ddd;padding-bottom: 1em;margin-bottom: 1em;}
.list_desc {line-height:1.2;}
.list_img img {height:100px;width:100px; object-fit:cover;border-radius:4px;margin-left: 1em;float:right;}
.list_desc a {color:var(--contrast);font-size:15px;font-weight:500;}
.list_desc a:hover {color:var(--accent)}
.list_cat {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom:3px;}

body:not(.single) .list_cat {display:flex;align-items: center;}
body:not(.single) .list_cat:after {content: '';flex: 1 1 auto;border-top: 2px solid #113585;}
body:not(.single) .list_cat a {margin-bottom:0}

.list_cat a {font-size:10px;border-radius:15px;padding:4px 8px;margin-bottom: 5px;margin-right:3px;display: inline-block;background:#113585;color:var(--base)}
.list_cat a:hover {background:var(--gradient);transition: background 0.3s ease;color:white;}
a.read-more {color:#113585 !important}

/* Block Grid */
.grid_cat {display:none !important}
.grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 10px;}
.grid_img {background-size: cover;display: block;}
.grid_img img {height:130px;width:100%;object-fit:cover;border-radius:4px;}
.grid_desc {margin: 10px 0;line-height: 1.3;}
.grid_desc a {color:var(--contrast);font-size:15px;}
.grid_desc a:hover {color:var(--accent)}
@media (max-width: 768px) {
	.grid {margin: 1em 0;grid-template-columns: repeat(2, 1fr);}
	.grid_img img {height:110px;}
}

/* App Block */
.app_cat {display:none !important}
.app {display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: 10px;padding:2rem 25px !important;}
.app-item {text-align: center;padding: 2rem 1rem 1rem;box-shadow: 0px 0px 10px rgba(214, 222, 228, 0.4)}
.app_img {background-size: cover;display: block;}
.app_img img {height:auto;width:100px;object-fit:cover;border-radius:4px;}
.app_desc {margin: 1rem 0;line-height: 1.3;}
.app_desc a {color:var(--contrast);font-weight: bold;}
.app_desc a:hover {color:var(--accent)}
@media (max-width: 768px) {
	.app {margin: 1em 0;grid-template-columns: repeat(2, 1fr);}
	.app_img img {height:auto;}
}

/* Block Slider */
.slider {display: flex;overflow-x: scroll;position: relative;gap: 10px;padding:2em 1.5em !important;background:var(--gradient)}
body:not(.single) .slider {margin:0 !important}
.slider-item {position:relative;flex: 0 0 auto;width: 45%;background:#fbfbfb;padding-bottom: 10px;border-radius:6px;}
.slider-item:not(:last-child)::after, .slider-item:last-child::after {display:block;padding:0 1.4em 10px;font-size:11px;opacity:0.7;}
.slider-item:not(:last-child)::after {content:"NEXT ➤";}
.slider-item:last-child::after {content:"< PREVIOUS";}
.slider_img img {height: 160px;width: 100%;object-fit: cover;border-top-right-radius: 6px;border-top-left-radius: 6px;}
.slider_desc {line-height:1.3;padding: 1em 1em 8px;}
.slider_desc a {color:var(--contrast);font-size:16px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: clip;}
.slider_desc a:hover {color:var(--accent)}
.slider_cat {display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom:10px;}
.slider_cat a {font-size:11px;border-radius:15px;padding:4px 10px;margin-right:3px;display: inline-block;background:#eee;color:var(--contrast)}
.slider_cat a:hover {background:var(--gradient);transition: background 0.3s ease;color:white;}
@media (max-width: 768px) {
	.slider-item {width:70%;}
	.slider_img img {height:160px;}
}

/* Block Line */
.line_cat, .line_img {display:none !important}
.inside-right-sidebar #block {padding:0 !important}

.box {background:white;border-width: 2px;border-style: solid;border-image: linear-gradient(to right, #0fe8bf, #1c7fd7);border-image-slice: 1;padding:25px 20px 20px;margin-bottom:1.5em;} /* Block Line Sidebar */
.box h3 {display: flex;align-items: center;} /* Block Line Sidebar */
.box h3:after {content: '';flex: 1 1 auto;border-top: 2px solid transparent;border-image: var(--gradient);border-image-slice: 1;margin-left: 1em;} /* Block Line Sidebar */
.box i {margin-right:3px;}  /* Block Line Sidebar */
@media (min-width: 768px) {
	.box {margin-left:1em} /* Block Line Sidebar */
}
@media (max-width: 768px) {
	.box {margin:1.5em;} /* Block Line Sidebar */
}

.line_desc {border-bottom: 1px solid #eaeaea;padding-bottom: 15px;margin-bottom: 1em !important;line-height: 1.3;}
.line_desc a {position: relative;display: inline-block;color:var(--contrast);font-size:15px;font-weight: 500;padding-left: 1em;}
.line_desc a:before {content: '\25CF';position: absolute;left: 0;font-size: 13.5px;color:var(--accent)}
.line_desc a:hover:before {color:var(--hover)}
.line_desc a:hover {color:var(--accent)}

/* Section Block */
.container-block {display:flex;justify-content:space-between;flex-wrap:wrap;padding:20px;}
.column-block {flex:1;margin:10px;padding:20px;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9;}
.block-section {margin-bottom:1em;}
.block-section h3 {margin-bottom:1em !important}
.block_section, .block-section {background:white;}
.block_section, .block-section {padding:1.5em 1.5em 1em;position: relative;}
.block_section h3, .block-section h3 {display: flex;align-items: center;margin-bottom: 0;}
.block_section h3:after, .block-section h3:after {content: '';flex: 1 1 auto;border-top: 2px solid transparent;border-image: var(--gradient-2);border-image-slice: 1;margin-left: 1em;}
.block_section i, .block-section i {font-size:22px;margin-right:5px;padding-top: 2px;}

@media screen and (max-width: 768px) {
	.container-block {flex-direction:column;}
}

/* Footer */
.footer-widgets, .site-info {background:#16171e !important;color:var(--base-3)}
.footer-widgets a:hover, .footer-bar i:hover {color:var(--accent)!important}
.footer-widgets-container {border-bottom:1px solid #444}
.footer-widget-1 .widget_media_image {margin-bottom:1em}
@media (min-width:768px){
.footer-widgets .footer-widget-1 {flex-basis: 40%;}
.footer-widgets .footer-widget-2 {flex-basis: 20%;}
.footer-widgets .footer-widget-3 {flex-basis: 20%;}
.footer-widgets .footer-widget-4 {flex-basis: 20%;}	
}
.footer-widgets p {font-size:13px;color:#ccc}
#media_image-3 img {width:140px;}
#media_image-3 {margin-bottom:10px}
#footer-widgets .widget-title {font-weight: bold;text-transform: capitalize;font-size: 12px;}
#footer-widgets ul li a, .footer-bar i {font-size: 13px;color: #ccc;}
#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}
@media (max-width: 768px) {
.footer-widgets-container {padding:35px 30px}
.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: 25%;}
.footer-widgets .footer-widget-3 {flex-basis: 25%;}
.footer-widgets .footer-widget-4 {flex-basis: 100%;}
.inside-footer-widgets > div:not(:last-child) {margin-bottom:30px}	
.footer-bar .widget_nav_menu > div > ul {justify-content:left}
.footer-bar .widget_nav_menu li:first-child {margin-left:1px}
.inside-site-info {display:block;text-align:left}
}


.search-company {display: flex;flex-direction: column;align-items: center;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);padding: 2em 0;border-radius: 8px;background-color: #fff;text-align: center;width: 100%; margin: 0 auto;max-width: 100%;border: 2px solid transparent;border-image: var(--gradient-2);border-image-slice: 1;}
.search-company form {display: flex;align-items: center;justify-content: center;}
.search-company input[type="text"] {padding: 10px;margin-right: 10px;border: 1px solid #ccc;border-radius: 5px;}
.search-company button {background-color: #007bff;color: #fff;padding: 10px 15px;border: none;border-radius: 5px;cursor: pointer;}
.search-company button i {font-size: 1.2em;}

.sticky-ad {position: fixed;bottom: 0;left: 0;width: 100%;text-align: center;display: none;}
.close-ad {margin-bottom: 3px;font-size: 10px;background: var(--accent);color: white;display: inline-block;text-transform: uppercase;padding: 3px 5px;cursor: pointer;}