/*
 Theme Name:   Superio Child
 Theme URI:    https://themeforest.net/item/superio-job-board-wordpress-theme/32180231
 Description:  Superio Child Theme
 Author:       ApusTheme
 Author URI:   http://apusthemes.com
 Template:     superio
 Version:      1.0.0
 Text Domain:  superio-child
*/

/* MME customisations (moved here from the parent theme's style.css and css/template.css) */
.elementor-4907 .elementor-element.elementor-element-508819a { color: #000 !important; }
.widget-nav-menu .menu li a { color: #000 !important; }
.apus-footer-inner .elementor-widget-container p { color: #000; }
.wpcf7-not-valid-tip { position: static; }

/* MME customisations carried over from the previously edited Superio 1.2.36 (css/template.css + style.css). Generated 2026-10-13. */
a:hover, a:focus { color: #e37e46; }
.apus-breadscrumb { background-color: #fef3ed; }
.add-fix-top { color: #ce306a; background-color: rgb(206 48 106 / 10%); }
.add-fix-top.active:focus, .add-fix-top.active:hover { background: #ce306a; }
.select2-container.select2-container--default.select2-container--focus .select2-selection--single, .select2-container.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container.select2-container--default.select2-container--open .select2-selection--single, .select2-container.select2-container--default.select2-container--open .select2-selection--multiple { border-color: #ce306a; }
.list-number { font-size: 20px; font-weight: 600; }
.form-control { padding: 6px 20px; background: #ffffff; color: #424548; font-size: 20px; }
.form-control::placeholder { color: #3a3838; }
.form-control:focus { border-color: #e37e46; }
#apus-footer .widget-nav-menu .menu li a:before { background-color: #e37e46; }
.btn-inverse.btn-theme:hover { color: #CE306A; border-color: #CE306A; }
.apus-loadmore-btn { display: inline-block; font-size: 14px; font-weight: 500; background: var(--superio-theme-color); color: #fff; text-transform: uppercase; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; padding: 12px 30px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
.apus-loadmore-btn:hover, .apus-loadmore-btn:focus { color: #fff; background: #262626; }
.btn-readmore:after { background: #e37e51; }
.btn-theme { background-color: #CE306A; border-color: #CE306A; }
.btn-theme:hover, .btn-theme:focus, .btn-theme:active { background-color: #111; border-color: #111; }
.more-link { color: #ce306a; }
#wrapper-container { overflow: hidden; }
.pagination li > span, .pagination li > a, .apus-pagination li > span, .apus-pagination li > a { font-size: 20px; }
.pagination li > span:hover, .pagination li > span.current, .pagination li > a:hover, .pagination li > a.current, .apus-pagination li > span:hover, .apus-pagination li > span.current, .apus-pagination li > a:hover, .apus-pagination li > a.current { background: #e27053; }
.pagination > span, .pagination > a, .apus-pagination > span, .apus-pagination > a { font-size: 20px; }
.pagination > span:hover, .pagination > span.current, .pagination > a:hover, .pagination > a.current, .apus-pagination > span:hover, .apus-pagination > span.current, .apus-pagination > a:hover, .apus-pagination > a.current { background: #e37e46; }
.megamenu > li > a { font-size: 17px; }
.megamenu > li:hover > a, .megamenu > li.active > a { color: #e37e46; }
.megamenu .caret { display: none; }
.megamenu > li > a:after { -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; content: ''; position: absolute; bottom: 0; right: 0; background-color: #e37e46; width: 0; height: 1px; }
.megamenu > li:hover > a:hover:after, .megamenu > li:hover > a:focus:after { width: 100%; left: 0; }
.megamenu .dropdown-menu, .apus-header .widget-nav-menu .menu#menu-top-menu li ul.sub-menu { border-radius: 0 0 8px 8px !important; -webkit-border-radius: 0 0 8px 8px !important; -moz-border-radius: 0 0 8px 8px !important; -ms-border-radius: 0 0 8px 8px !important; -o-border-radius: 0 0 8px 8px !important; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); border: 1px solid #ECEDF2; border-top: 1px solid #ecedf2; padding: 15px 0; }
.megamenu .dropdown-menu:before { border-color: transparent transparent #e37e46; }
.megamenu .dropdown-menu li > a { font-size: 16px; }
.megamenu .dropdown-menu li > a:hover, .megamenu .dropdown-menu li > a:active { color: #00c58f; }
.megamenu .dropdown-menu li:hover > a, .megamenu .dropdown-menu li.current-menu-item > a, .megamenu .dropdown-menu li.open > a, .megamenu .dropdown-menu li.active > a { color: #e37e46; }
.megamenu .dropdown-menu .dropdown-menu, .apus-header .widget-nav-menu .menu#menu-top-menu li .sub-menu { visibility: hidden; opacity: 0; filter: alpha(opacity=0); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -webkit-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); border-radius: 8px !important; -webkit-border-radius: 8px !important; -moz-border-radius: 8px !important; -ms-border-radius: 8px !important; -o-border-radius: 8px !important; -webkit-box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); box-shadow: 0 6px 15px 0 rgba(64, 79, 104, 0.05); padding: 15px 0; border: 1px solid #ECEDF2; position: absolute; display: block; z-index: 1; background: #fff; min-width: 200px; margin: 0; }
.apus-header .widget-nav-menu .menu#menu-top-menu li { position: relative; display: inline-block; padding: 0 15px; margin: 0; text-align: left; }
.megamenu.effect2 > li:hover > .dropdown-menu , .apus-header .widget-nav-menu .menu#menu-top-menu li:hover .sub-menu { margin-top: 0; visibility: visible; opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateX(0deg); -ms-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); }
.megamenu.effect3 > li > .dropdown-menu, .apus-header .widget-nav-menu .menu#menu-top-menu li .sub-menu { display: block; min-width: 200px; background: #fff; visibility: hidden; opacity: 0; filter: alpha(opacity=0); border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; -webkit-box-shadow: none; box-shadow: none; position: absolute; -webkit-animation: fadeleft 0.3s ease-in-out 0s; animation: fadeleft 0.3s ease-in-out 0s; }
.post-layout .description { font-size: 20px; color: #565e60; }
.post-layout .entry-title { font-size: 24px; }
.post-layout .top-info { font-size: 16px; }
.post-layout .btn-readmore { font-size: 18px; border-bottom: 1px solid; font-weight: 600; }
.top-detail-blog-info li { margin-right: 20px; font-size: 16px; }
.top-detail-blog-info a:hover, .top-detail-blog-info a:focus { color: #e37e46; }
.post-navigation .nav-links .navi { color: #e44343; font-size: 18px; }
.post-navigation .nav-links .title-direct { font-size: 16px; }
.post-navigation .inner:hover, .post-navigation .inner:hover a { color: #e37e46; }
.widget-features-box .description { margin: 15px 0 0; }
.widget-features-box.style1 .item-inner { padding: 0; margin: 0px; position: relative; }
.widget-nav-menu .menu li a { color: #000; }
.apus-footer-inner .elementor-widget-container p { color: #000; }
.widget-nav-menu .menu li a:after { background-color: #ffa700; }
.widget-nav-menu .menu li a:hover, .widget-nav-menu .menu li a:focus { color: #e37e46; }
form.wpcf7-form .title { font-size: 24px; font-weight: 600; }
.text-theme { color: #e37e46 !important; }
.bg-theme { background: #ce306a; }
.top-img img, .updow .img img, .updow .image-wrapper img { transition: 0.3s all ease-in-out; }
.top-img img, .updow:hover .img img, .updow:hover .image-wrapper img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.updow { overflow: hidden; }
.item-inner:hover .features-box-content a h3 { color: #e37e46; }
.updow-infinite { -webkit-animation: updow 1s ease-in-out 0s infinite; animation: updow 1s ease-in-out 0s infinite; }
.widget-search form .btn { left: 2px; }
.widget-search .form-control { padding-left: 44px; }
.register-form-wrapper .role-tabs li > a, .login-form-wrapper .role-tabs li > a { color: #34A853; background-color: rgba(52, 168, 83, 0.15); }
.register-form-wrapper .role-tabs li:hover > a, .register-form-wrapper .role-tabs li:focus > a, .register-form-wrapper .role-tabs li.active > a, .login-form-wrapper .role-tabs li:hover > a, .login-form-wrapper .role-tabs li:focus > a, .login-form-wrapper .role-tabs li.active > a { background-color: #34A853; }
.btn-follow { color: #CE306A; background: #ce306a14; }
.btn-follow[class*="btn-unfollow"], .btn-follow.added, .btn-follow:hover, .btn-follow:focus { background-color: #CE306A; }
.btn-theme-light { color: #ce306a; background: #ce306a14; }
.btn-theme-light.added, .btn-theme-light:hover, .btn-theme-light:focus { background-color: #ce306a; }
.btn-apply { background: #CE306A; border-color: #CE306A; }
.btn-apply:focus, .btn-apply:hover { border-color: #CE306A; background: #fff; color: #CE306A; }
span.featured { line-height: 25px; }
.type-job { background: #00c58f; color: #fff; }
.type-job:hover { color: #fff; background: #4dd9b2; }
.category-banner-inner .number { font-size: 16px; }
.city-banner-inner .bg-banner { z-index: -1; }
.job-grid { text-align: left; }
.job-grid .job-title { font-size: 20px; margin: 0 0 5px; line-height: 1.4; }
.job-grid .job-location { font-size: 18px; }
.job-grid .job-location i { color: #e7aaac; font-size: 22px; vertical-align: middle; }
.job-list.v2 .btn-follow { top: 10px; right: 10px; }
.rtl .job-list.v2 .btn-follow { left: 10px; }
.sidebar-job .widget.has-content { background-color: #f2f4f7; border: 1px solid #a1abbb; }
.sidebar-job .widget_apus_job_buttons { padding: 0 !important; background: transparent !important; }
.job-detail-header .employer-logo { display: none; }
.job-detail-header.v1 { background: #f2f4f7; }
.job-metas-detail { font-size: 15px; }
.job-detail-employer-info .value a:hover, .job-detail-employer-info .value a:focus { color: #ce306a; }
.job-detail-detail .icon { color: #cc2f69; }
.filter-listing-form.horizontal .form-control { text-align: center; }
.filter-listing-form .toggle-filter-list { color: #ce306a; }
.filter-listing-form .toggle-filter-list .icon-more { color: #ce306a; background: #ce306a12; }
.filter-listing-form .toggle-filter-list:hover .icon-more { background: #ce306a; }
.filter-listing-form .circle-check .list-item { margin-bottom: 5px; }
.filter-listing-form .circle-check .list-item label { font-size: 18px; color: #202124; }
.filter-listing-form .circle-check .list-item [type="checkbox"] + label { line-height: 26px; }
.candidate-alert-form .button, .job-alert-form .button { border: 2px solid #ce306a; background-color: #fff; color: #ce306a; }
.candidate-alert-form .button:hover, .candidate-alert-form .button:focus, .job-alert-form .button:hover, .job-alert-form .button:focus { color: #fff; border-color: #ce306a; background: #ce306a; }
.candidate-alert-form .form-control, .job-alert-form .form-control { border-radius: 6px; border: none; }
.jobs-alert-ordering-wrapper { display: none; }
.main-items-wrapper:before { width: 102%; height: 115%; }
.apus-header .widget-nav-menu .menu#menu-top-menu li a { padding: 5px 0; }
.apus-header .widget-nav-menu .menu#menu-top-menu li .sub-menu { min-width: 220px; }
.apus-header .widget-nav-menu .menu#menu-top-menu li a:hover { color: #e37e46; }
h2.tst-hd { color: #fff; font-size: 42px; margin: 0; font-weight: 600; }
.tst-hd a { color: #e77e46; }
.tst-hd a:hover { text-decoration: underline; }
h2.tst-hd.lt-bg { color: #202124; }
.features-box-image img { border-radius: 5px; }
.features-box-content { background: #fff; position: absolute; bottom: 0; left: 0px; right: 0; border-radius: 5px; margin: 10px; padding: 10px; }
.features-box-content h3.title { margin: 0; }
.item.col-xs-12.col-sm-4, .item.col-xs-12.col-sm-6 { padding: 10px; }
.elementor-section.elementor-section-stretched.sticky { position: fixed; left: 0; right: 0; top: 0; z-index: 499; }
.resume-writing .features-box-content { position: static; margin: 25px 0; }
.resume-writing .widget-features-box.style1 .item-inner:hover { background-color: #fff; -webkit-box-shadow: none; box-shadow: none; }
.resume-writing .widget-features-box.style1 .item-inner.updow { border: none; border-radius: 5px; }
.widget-features-box.style1 .item-inner.updow { border: 1px solid #938a8a; border-radius: 5px; }
.elementor-widget-icon-box h4.elementor-icon-box-title, .elementor-widget-image-box h4.elementor-image-box-title { margin-top: 0; margin-bottom: 0; }
.search-form-top .elementor-widget-container .form-control { height: 34px; border: 1px solid; padding: 10px; padding-left: 45px; font-size: 16px; }
.job-title a { color: #e7aa91; }
.job-title a:hover { color: #e37e46; }
.post-date { background: #f9f9f9; padding: 5px 15px; position: absolute; left: 0; right: 0; bottom: 0; text-align: center; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
li.icon-date { list-style: none; font-size: 18px; width: calc(100% / 2 - 2px); display: inline-block; }
.wpcf7 input[type="file"] { cursor: pointer; font-size: 14px; background: #eee; padding: 15px; border-radius: 4px; width: 100%; }
span.job_link { display: inline-block; text-align: center; border-left: 1px solid #ddd; width: calc(100% / 2 - 3px); }
span.job_link a { display: block; }
span.job_link a:hover { text-decoration: underline; }
.c-hero__container { position: relative; }
.c-hero__content { position: absolute; top: 50%; left: 0; padding: 60px; width: 50%; transform: translateY(-50%); }
.c-hero__card p { font-size: 20px; color: #242204; }
section.o-section { margin-bottom: 50px; }
h1.title.title--large { font-size: 48px; font-weight: 600; margin: 10px 0 20px; }
.entry-description p { color: #242526; font-size: 20px; }
.wpcf7-not-valid-tip { color: #fff; font-size: 14px; padding: 0 10px; font-weight: normal; display: block; background: #dc3232; width: 100%; z-index: 1; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border-color: #edae08; background: #edae08; color: #fff; font-size: 14px; border-radius: 5px; }
.contact-form form.wpcf7-form .title { color: #fff; }
.query-form form.wpcf7-form { background: #fff; max-width: 750px; }
.contact-form form.wpcf7-form { border: none; padding: 0; }
.contact-form .form-control { background: transparent; color: #fff; font-weight: 600; border-bottom-color: #fff; }
.contact-form .form-control::placeholder { color: #fff; }
.contact-form form.wpcf7-form [type="submit"] { min-width: 220px; text-align: center; font-weight: 600; background: #fff; color: #ce306a; font-size: 18px; }
.contact-form form.wpcf7-form [type="submit"]:hover { background: #111; color: #fff; }
p.contact-form-top-bar { background: #111; color: #fff; padding: 15px 45px; font-size: 20px; font-weight: 600; }
.contact-form-inner { padding: 20px 50px 80px; }
.service-grid p { text-align: justify; }
.tab-points li { background: #fff; margin: 0px 20px 20px 0px; padding: 20px; list-style: none; box-shadow: 0 5px 12px rgba(0,0,0,.16); border-bottom: 3px solid #e37e46; border-radius: 5px; width: calc(100% / 2 - 20px); display: inline-block; vertical-align: top; }
.tab-points .elementor-tab-title.elementor-active, .tab-points .elementor-tab-title.elementor-active a { background: #f1ad88; color: #fff; border-radius: 5px; }
.tab-points.elementor-widget-tabs .elementor-tab-content { padding-top: 0; }
.contact-form .wpcf7 input[type="file"] { background: #a72051; border: 1px solid; }
.contact-form p { color: #fff; }
.employers h3.title { text-align: center; }
.wpcf7 form.sent .wpcf7-response-output { border-color: #46b450; background: #46b450; color: #fff; font-size: 14px; border-radius: 4px; }
.contact-form .form-control option { color: #222; }
.job-detail-description a { color: #e37e46; }
.job-detail-description a:hover { text-decoration: underline; }
.main-page a, .entry-description a { color: #e37e46; }
.main-page a:hover, .entry-description a:hover { text-decoration: underline; }
.apus-social-share.share-blog { display: block; margin-bottom: 20px; }
body .pum-form--style-default input[type=email], body .pum-form--style-default input[type=text] { background-color: #fff; margin-bottom: 5px; font-size: 18px; padding: 10px 8px; border: none; border-bottom: 1px solid; }
body .pum-theme-10695 .pum-title, .pum-theme-hello-box .pum-title { text-align: center; }
body .pum-form--style-default button { font-size: 20px; margin: 10px 0 0; padding: 15px 5px; cursor: pointer; background: #eb4481; color: #fff; border: none; border-radius: 5px; }
body .pum-theme-10695 .pum-container, body .pum-theme-hello-box .pum-container { padding: 30px; border-radius: 10px; border: none; }
body .pum-container .pum-content>:first-child { margin-top: 0; text-align: center; font-size: 18px; }
body { font-family: 'Ysabeau', sans-serif; }
.filter-listing-form .toggle-filter-viewmore { color: #ce306a; }
.filter-listing-form .toggle-filter-viewmore .icon-more { color: #ce306a; background: #ce306a12; }
.filter-listing-form .toggle-filter-viewmore:hover .icon-more { background: #ce306a; }
.mfp-bg, .mfp-wrap { z-index: 900 !important; }
.elementor-4907 .elementor-element.elementor-element-508819a { color: #000!important; }
@media (min-width: 1200px) {
	.page-id-8408 .apus-breadscrumb, .page-id-8414 .apus-breadscrumb, .page-id-8419 .apus-breadscrumb, .page-id-8337 .apus-breadscrumb, .page-id-8358 .apus-breadscrumb, .page-id-8395 .apus-breadscrumb { margin: 0; }
	.list-number .number { margin-right: 20px; }
	.list-number li { margin-bottom: 20px; }
	.form-control { border-bottom: 1px solid #686666; border-top: none; padding: 15px 0 15px 15px; border-left: none; border-radius: 0; border-right: none; }
	.post-layout .entry-title { margin-top: 20px; font-size: 24px; margin-bottom: 20px; }
	.widget-features-box.style1 .item-inner { margin: 15px 0px; }
	.widget-search form .btn { height: auto; }
	.category-banner-inner .title { font-size: 20px; }
	.job-grid { padding: 50px 30px 60px; }
}
@media (min-width: 992px) {
	.layout-job-sidebar-v2 .sidebar .widget, .layout-job-sidebar-v2 .apus-sidebar .widget { background-color: #f2f4f7; }
}
@media (min-width: 768px) {
	.pagination > span, .pagination > a, .apus-pagination > span, .apus-pagination > a { line-height: 34px; min-height: 44px; }
}
@media (min-width: 1500px) {
	.megamenu > li { margin-right: 24px; }
}
@media only screen and (max-width:1024px) {
	h2.tst-hd { font-size: 36px; }
	.c-hero__content { width: 100%; padding: 20px; }
}
@media only screen and (max-width:767px) {
	h2.tst-hd { font-size: 32px; }
	.employers .item.col-xs-12.col-sm-4, .employers .item.col-xs-12.col-sm-6 { padding: 0; }
	.tab-points li:nth-child(2n) { margin-right: 0; width: calc(100% / 2); }
	.tab-points ul { padding-left: 0; }
	form.wpcf7-form .title { font-size: 20px; }
	.form-control { font-size: 18px; }
	.apus-breadscrumb { margin: 0; }
	h1.title.title--large { font-size: 26px; margin: 10px 0; }
	.c-hero__card p { font-size: 16px; margin: 0; }
	.top-detail-blog-info li { margin-right: 20px; display: inline-block; font-size: 16px; list-style-type: disc; }
	.top-detail-blog-info { max-width: 850px; list-style-position: inside; padding: 0; margin: 20px auto 0; display: block; }
	.contact-form-inner { padding: 20px 20px 40px; }
}
@media only screen and (max-width:585px) {
	.tab-points .elementor-tabs .elementor-tab-content { padding: 0; padding-top: 20px; }
	.tab-points li { width: 100%; margin-right: 0; }
	.tab-points li:nth-child(2n) { width: 100%; }
}
/* Declarations the old theme had removed from these rules */
@media (min-width: 1200px) {
	.widget-features-box.style1 .item-inner { padding: 0; }
	.tag-social.has-tag { display: block; }
}

/* Keep the header in normal flow on pages marked "transparent header" (the current site look). */
.header_transparent .apus-header { position: relative; z-index: 6; }