/*
 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
*/
.mailpoet_page .entry-content-detail {
    margin-top: 0;
    text-align: center;
}
.mailpoet_page .entry-description p {
    margin-top: 20px;
    color: #2b83e2;
font-size: 18px;
}
.mailpoet_page .entry-title{
	    color: #000000;
    font-size: 40px;
    font-weight: 900;
}
.mailpoet_page p.mailpoet_confirm_unsubscribe a {
    background-color: #1967D2;
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-weight: 600;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 8px 8px 8px 8px;
    padding: 2px 15px;
    display: inline-block;
    margin-top: 10px;
}
.mailpoet_page p.mailpoet_confirm_unsubscribe a:hover{
	    background-color: #FFFFFF;
    color: #1967D2;
    border-color: #1967D2;
}
.select2-container--default .select2-search--inline .select2-search__field, .select2-container.select2-container--default .select2-results .select2-results__option{
	font-size:14px;
}

#createProfile .fieldset-agreement-checkbox .field.full-line-checkbox-field.required-field, .jm-alert-form .field.full-line-checkbox-field.required-field {
    display: flex;
    align-items: center;
    justify-content: start;
	line-height: normal;
}
#createProfile .fieldset-agreement-checkbox .field.full-line-checkbox-field.required-field label, .jm-alert-form .field.full-line-checkbox-field.required-field label {
    margin-bottom: 0 !important;
}

#createProfile .fieldset-agreement-checkbox .field.full-line-checkbox-field.required-field input, .jm-alert-form .field.full-line-checkbox-field.required-field input {
    width: auto !important;
    margin: 0px 10px;
    height: auto !important;
}

.tag-social .apus-social-share + .entry-tags-list {margin-top: 20px;}

.tag-social { display:block !important}
.SubscribePanel .mailpoet_validate_success {
    color: #000000;
    background: #fff;
    padding: 10px;
    max-width: 600px;
    width: 100%;
}
.SubscribePanel .mailpoet_submit{ display:block !important;}
.SubscribePanel .mailpoet_form_loading > span{
	    background-color: #fff !important;
}
.ArticlesHome .slick-carousel .slick-track{  display: flex;}
.ArticlesHome .slick-slide {
  height: auto ;
  display: flex ;
  align-items: stretch;
}
.ArticlesHome .post-grid .inner-bottom{
	padding-bottom: 0;
}
.ArticlesHome .post-grid{ height: 100%;}
.apus-header{
	z-index: 999 !important;
}
.job-deatils-top{
	display: flex;
	align-items: center;
}

.job-detail-page {
    border: none !important;
    margin-top: 0px !important;
	padding-bottom: 50px;
}
.single_job_listing.job-detail-wrap {
    padding-top: 0 !important;
    padding: 0px !important;
}
.job-listing-wrapper .job_listings .job_listing a h3 {font-size: 20px; }
.job-listing-wrapper .job_listings .job_listing .company{ font-size:14px; margin-top:0px !important }

.job-listing-wrapper .job_listings .job_listing {
	padding: 20px !important;
	border-radius: 5px !important;
	border: 1px solid #ECEDF2 !important;
	background-color: #fff;
	cursor: pointer;
	position: relative;
	width: 100% !important;
	-webkit-transition: all 0.35s ease-in-out 0s;
    -o-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s;
	box-shadow: 0 0 0 0 #00000003;
}
.job-listing-wrapper .job_listings .job_listing:hover{
	 -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);
}

.job-listing-wrapper .job_listings .job_listing a {
	padding: 0;
	display: flex;
	flex-flow: wrap;
	align-items: center;
}



.job-listing-wrapper .job_listings .job_listing a:hover {
	background: transparent;
}

.rp4wp-related-job_listing > ul, ul.job_listings { 
	display: flex;
	flex-flow: wrap;
	gap: 30px !important;
	border: 0;
}

.company_logo {
	height: 80px;
	width: 80px;
	border-radius: 100px;
	border: 1px solid #e3e3e3;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.company_logo img {
	height: 78px;
	width: 78px;
	border-radius: 70px;
}

ul.job_listings li.job_listing a div.position {
	width: calc(100% - 100px);
	padding-left: 16px;
}

ul.job_listings li.job_listing a  h3 {
	font-size: 24px;
	font-family: "Plus Jakarta Sans", Sans-serif;
	font-weight: 600;
	line-height: 1.2;
	margin: 0;
}

#featureJobListing div.job_listings ul.job_listings > li a {
	display: block;
	padding: 15px 16px;
}
#featureJobListing div.job_listings ul.job_listings > li {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	border-radius: 10px;
}
#featureJobListing ul.job_listings li.job_listing a div.position {
	width: calc(100% - 0px);
	padding-left: 54px;
	margin-bottom: 14px;
	min-height: 42px;
}

.job-listing-wrapper .job_listings .job_listing a ul.meta {
	display: flex;
	width: 100%;
	margin: 5px 0px 8px 60px !important;
	padding: 0;
	gap: 15px;
	flex-flow: wrap;
}

.job-listing-wrapper .job_listings .job_listing a.apply-now {
  border-color: #2b83e2;
    background: #2b83e2 !important;
    color: white !important;
    padding: 9px 15px 12px !important;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    margin-right: 0;
    border: 1px solid #2b83e2 !important;
}
.job-listing-wrapper .job_listings .job_listing a.apply-now:hover {
     color: var(--superio-theme-color) !important;
    border-color: var(--superio-theme-color) !important;
    background: #FFFFFF !important;
}
.job-listing-wrapper .job_listings .job_listing .apply-button .date { font-size: 12px; }

.job-listing-wrapper .job_listings .job_listing a ul.meta .location {
 
	padding: 8px 15px 8px !important;   
	font-weight: 600 !important;
	font-size: 13px;
}
.job-listing-wrapper .job_listings .job_listing a ul.meta li i {margin-right: 5px;}
ul.job_listings li.job_listing a .meta .job-type, .job-listing-wrapper .job_listings .job_listing a ul.meta .salary, .job-listing-wrapper .job_listings .job_listing a ul.meta .qualification{ font-size: 13px;     font-weight: 500;  }
/* .job-header .job_company_logo {
	height: 80px;
	width: 80px;
	border-radius: 220px;
	border: 1px solid #e3e2e2;
	padding: 2px;
} */
.job-listing-wrapper .job-type {
	padding: 3px 12px;
	background: #34a85326;
	color: #34a853 !important;
	border-radius: 90px;
	font-size: 13px;
}
.job-listing-wrapper .job_listings .job_listing a ul.meta .location {
    padding: 6px 11px 7px !important;
    display: flex
;
    align-items: center;
}
.job-listing-wrapper .job_listings .job_listing a ul.meta .salary, .job-listing-wrapper .job_listings .job_listing a ul.meta .qualification {
    color: #444;
}

.job-listing-wrapper .job_listings .job_listing a ul.meta .salary i, .job-listing-wrapper .job_listings .job_listing a ul.meta .qualification i, .job-listing-wrapper .job_listings .job_listing a ul.meta .location i, ul.job_listings li.job_listing a .meta .job-type i {
    font-weight: 400 !important;
    font-size: 13px;
}

.job-listing-wrapper .job-header {
	display: flex;
	gap: 15px;
	align-items: center;

}
.job-header .job_company_logo {
	height: 50px;
	width: 50px;
	border-radius: 5px;
	border: 1px solid #e6e2e2;
	padding: 1px;
}

.apply-button {
	display: flex;
	justify-content: space-between;
	width: 100%;
	border-top: 1px solid #f0f0f0;
	margin-top: 6px;
	padding-top: 7px;
	font-size: 14px;
	color: #777;
}

	.job-listing-wrapper .job_listings .job_listing a ul.meta .salary {
	margin-left: auto !important;
}
.job_listing:hover .apply-now {
	color: #2b83e2;
}
#featureJobListing	.location {
	width: max-content !important;
}
.HomepageList ul.job_listings {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px !important;
}
.HomepageList ul.job_listings .job_listing{
    border-radius: 10px !important;
    border: 1px solid #ECEDF2;
    background-color: #fff;
    -webkit-transition: all 0.35s ease-in-out 0s;
    -o-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s;
    box-shadow: 0 0 0 0 #00000003;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -ms-border-radius: 10px !important;
    -o-border-radius: 10px !important;
    -webkit-transition: all 0.35s ease-in-out 0s;
    -o-transition: all 0.35s ease-in-out 0s;
    transition: all 0.35s ease-in-out 0s;
    box-shadow: 0 0 0 0 #00000003;
}
.HomepageList ul.job_listings .job_listing a{
	padding: 15px !important;
}
.HomepageList ul.job_listings .job_listing:hover { background: none;}
.HomepageList ul.job_listings .job_listing h3 {
    font-size: 20px;
    color: #202124;
}
.HomepageList ul.job_listings .job_listing .company{
	font-size: 13px;
}
.HomepageList ul.job_listings .job_listing .meta .location {
    font-size: 13px;
    padding: 6px 10px !important;
    margin-top: 0px;
}
.HomepageList ul.job_listings .job_listing .meta {
    width: calc(100% - 60px);
}
.HomepageList ul.job_listings .job_listing:hover {
    -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);
}
.HomepageList ul.job_listings .job-header{
	display: flex;
    gap: 15px;
}
.tagcloud a {     padding: 4px 10px 5px !important;}
.HomepageList ul.job_listings .job-header .job_company_logo{
    height: 60px;
    width: 60px;
}
.related-jobs-wrapper{
	margin-top: 0px !important;
	    background-color: #ECEDF2;
    text-align: center;
	padding-top: 10px;
}
.related-jobs-wrapper .related-jobs h3 {
	font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 50px;
    font-weight: 700;
}
@media only screen and (min-width : 768px) and (max-width : 1199px) {

	.related-jobs-wrapper {
	margin-top: 0 !important; 
}
	.job-categories li {
	width: 50%;
	padding: 10px;
}
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
	.related-jobs-wrapper {
	margin-top: 0 !important; 
}
	.job-listing-wrapper .job_filters { 
	margin-bottom: 65px; 
}
.job-listing-wrapper .job_listings .job_listing {
	width: 100%;
}


}
@media only screen and (max-width : 767px) {
.jm-notice.type-dialog{
	min-width: auto !important;
}
	.post.no-results.not-found {
		margin-bottom: 20px;
}
	#createProfile #submit-resume-form {
    flex-direction: column;
}
#createProfile #submit-resume-form fieldset {
    width: calc(100% - 15px) !important;
    margin-bottom: 0px !important;
}
	#submit-resume-form .field.account-sign-in .button {
    padding: 8px 12px;
    border-radius: 52px;
    clear: both;
    display: inline-block;
    text-align: center;
}
	.top-detail-blog-info{ flex-direction: column;gap: 5px;
	}
	.tag-social .apus-social-share + .entry-tags-list a, .share-blog a {
		margin-bottom:10px;
	}
.related-jobs-wrapper .related-jobs ul {grid-template-columns: repeat(1, 1fr) !important;}
	.HomepageList ul.job_listings {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px !important;
}

	#featureJobListing div.job_listings ul.job_listings > li a .company_logo {
	position: absolute !important;
	left: 10px !important;
}
	#featureJobListing ul.job_listings li.job_listing a div.position {
	width: calc(100% - 0px);
	padding-left: 85px;
	margin-bottom: 14px;
	min-height: 80px;
}
	#featureJobListing .location { 
	float: left;
}
	ul.job_listings li.job_listing a h3 {
	font-size: 18px; 
}
	.job-header .job_company_logo {
	height: 50px;
	width: 50px; 
}

	.job-listing-wrapper .job_listings .job_listing {
 
	padding: 10px !important;
	border-radius: 10px !important;
}
	ul.job_listings li.job_listing a div.position h3 {
	font-size: 21px; 
}
.job-listing-wrapper .job_listings .job_listing {
	width: 100%;
}

	.related-jobs-wrapper {
	margin-top: 0 !important; 
}
	
		.job-categories li {
	width: 100%; 
}

}


.top-content-detail-blog .entry-content-detail{ margin-top:0px !important;}
.entry-content-detail { 
	margin: -110px auto 0 !important; 
	background: #fff;
	border-radius: 10px;
}

/* .single_job_listing {
	display: flex;
	flex-flow: wrap;
} */

.job-logo {
	max-height: 100%;
	max-width: 100%;
	height: auto;
	width: auto;
}

.company-logo {
width: 120px;
    height: 120px;
    border: 1px solid #ececec;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    padding: 0;
	background: #FFFFFF;
}

.custom-job-detail {
	padding-top: 30px;
}

.custom-job-detail {
	padding-top: 0px;
	flex-flow: wrap;
}

.job-details {
	padding-left: 30px;
}

.job-details p {
	margin: 0;
}

.job-info {
	display: flex;
	flex-flow: wrap;
	gap: 15px;
	padding-top: 10px;
}  


/* .single_job_listing.job-detail-wrap {
	    padding: 20px;
} */


.wrapper-single-post .job-details .job-title {
	font-size: 28px;
	margin: 0;
	color: #FFFFFF;
	font-weight: 600;
	padding-top: 5px;
}

.job-details svg {
	height: 22px;
	margin-top: 6px;
	width: 22px;
}

.job-details p {
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	display: flex;
	align-items: flex-start;
	gap: 6px;
}

.job-details .job-type svg {
	margin-top: 4px;
	margin-right: 2px;
}

.job_listing .job-type {
	color: #77838F !important;
}

.page-template-page-job-detail section#main-container > .job-deatils-top {
    display: none;
}
.job-description {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: #3F3F3F;
    line-height: 1.8;
    padding: 10px 20px;
    background: #ccc;
    background-color: #F7FCFF;
    margin: 20px 0px;
    border-radius: 5px;
}

.job-apply {
	width: 100%;
	text-align: right;
}
.job-info, .job-details svg path{
	    color: #FFFFFF;
}
.job-details svg path {
	fill: #FFFFFF;
}

#submit-resume-form input {
	border: 1px solid #ccc;
	height: 58px;
	border-radius: 8px;
	padding: 12px 10px;
	outline: 0;
	font-size: 16px;
}


#submit-resume-form {
	width: 100%; 
	background: #f5f5f5;
	padding: 30px;
}

#submit-resume-form .button {
	background: #2b83e2;
	color: white;
	border: 0;
	width: 150px;
}


.job-manager-single-alert-link {
	margin-top: 20px;
}
.related-jobs-wrapper .related-jobs ul{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px !important;
}

.related-job-item {
    display: flex;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    background: #fff;
    padding: 12px 12px;
    border-radius: 10px;
    gap: 10px;
    border: 1px solid #ececec;
}

.related-job-item a {
	display: flex;
	align-items: flex-start;
}

.related-job-item a {
	display: flex;
	align-items: flex-start;
	width: 100%;
}

.related-job-item a .job-details {
	width: calc(100% - 80px);
	padding-left: 15px;
}


.related-job-item a .job-details h4 {
	text-align: left;
	margin: 0;
	font-size: 22px;
	font-weight: 600;
}


.related-job-item a .job-details p {
	color: #555;
	font-size: 15px;
}


.job-apply { 
	color: #0b5109;
}

.custom-job-listing.featured-job .job-header {
	width: 100%;
}

.custom-job-listing.featured-job {
	padding: 15px;
}

.custom-job-listing.featured-job .job-header .job-details {
	width: calc(100% - 80px);
	padding-left: 10px;
}

.custom-job-listing.featured-job .job-header .job-details .job-expiry {
	display: none;
}

.filter-listing-form .btn-submit {
	color: white;
}

.custom-job-listing.featured-job .job-header .job-details .job-title {
	font-size: 18px;
}

.custom-job-listing.featured-job .job-header .job-details p {
	margin: 0;
	font-size: 14px; 
	gap: 6px;
}

#submit-resume-form .field.account-sign-in .button {
	padding: 8px 12px;
	border-radius: 52px;
}



#addJobAlert .modal-title {
	font-size: 22px;
	font-weight: 600;
}

#addJobAlert .modal-header .close {
	margin-top: 0;
	position: absolute;
	top: -1px;
	right: 9px;
	font-size: 35px;
	font-weight: 300;
	color: #777;
}

#addJobAlert .modal-body-note {
	font-size: 14px;
	margin-bottom: 10px;
}

#addJobAlert .modal-body > div {
	display: flex;
	flex-flow: column;
	margin-bottom: 8px;
}

#addJobAlert .modal-body > div label {
	font-weight: 500;
	font-size: 14px;
	margin-bottom: 3px;
	color: #202124;
	margin-bottom:  5px !important;
}

#addJobAlert .modal-body > div .form-control, #addJobAlert .modal-body > div select {
    padding: 0 10px;
    height: 40px !important;
    font-size: 14px;
    background: #F0F5F7;
    border: 0;
    border-radius: 5px !important;
    border: solid 1px #ccc !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -ms-border-radius: 5px !important;
    -o-border-radius: 5px !important;
}

#addJobAlert .modal-footer {
	padding: 25px 15px;
	text-align: center; 
}

#addJobAlert .modal-footer #create_alert_btn {
	color: white;
	background: var(--superio-theme-color);
	border-color: var(--superio-theme-color);
}

#addJobAlert .modal-footer > div {
	font-size: 12px;
	margin-top: 10px;
}
.single-job_listing .modal-content {
	padding: 0;
}

.no_job_listings_found {
	text-align: center;
}
.job-description .share-blog {
    border-top: solid 1px #e1e1e1;
    padding: 20px 0;
}

.jobs-details-alert-popup .modal-content{     max-width: max-content; padding: 0;}
.jobs-details-alert-popup .modal-body, .jobs-details-alert-popup .modal-header{ padding: 15px 0px;}
.jobs-details-alert-popup .modal-footer .btn{ font-size: 16px; margin: 0px 5px !important; }
@media only screen and (max-width: 767px) {
.jobs-details-alert-popup .modal-content{         padding: 0px 20px;}
.jobs-details-alert-popup  .job-pop .w-50{     padding-left: 0 !important;}
.related-jobs-wrapper .related-jobs h3{
	font-size: 25px !important;
}
 .entry-content-detail { 
	padding: 0 5px !important;
}

.job-deatils-top {
	        height: auto !important;
        padding: 40px;
		text-align: center;
}
.job-info{
	justify-content: center;
}

.single_job_listing.job-detail-wrap {
	padding-top: 5px;
}

.custom-job-detail {
	padding-top: 0; 
}
.job-apply{
	text-align: center;
}

 .company-logo {
	margin: auto;
} 

.related-job-item {
	width: 100%; 
	padding: 10px; 
}

.wrapper-single-post .job-details .job-title {
	font-size: 26px; 
	padding-top: 20px;
}

.job-description { 
	font-size: 15px; 
	line-height: 1.7;
}

.related-jobs > h3 {
	margin-top: 0;
}

#submit-resume-form { 
	padding: 15px;
}

.related-job-item a .job-details h4 { 
	font-size: 17px; 
}

.related-jobs-wrapper { 
	padding-bottom: 50px !important;
        padding-top: 30px;
}

.job-details {
	width: 100%;
	padding-left: 0;
}
}

.w-50 {
    width: 50%;
}
#addJobAlert .modal-body > div label,
#addJobAlert .modal-body > div .form-control{
	width: 100%;
	margin-bottom: 10px;
}
#addJobAlert .modal-body > div input#popupState {
    margin-bottom: 0 !important;
}
.job-pop{
	display: flex;
}

.job-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    margin-top: 30px;
    padding: 15px;
}

.job-pagination .page-link {
    padding: 8px 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #f8f8f8;
    color: #333;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.2s ease;
	height: 40px;
	padding: 5px 14px;
}

.job-pagination .page-link:hover {
    background-color: #2b83e2;
    color: #fff;
    border-color: #2b83e2;
}

.job-pagination .page-link.active {
    background-color: #2b83e2 ;
    color: white;
    font-weight: bold;
    border-color: #2b83e2 ;
    box-shadow: 0 0 4px rgba(0, 115, 170, 0.5);
}

.job-pagination .dots {
    padding: 8px 12px;
    color: #777;
    font-weight: bold;
    font-size: 16px;
}