.elementor-kit-10{--e-global-color-primary:#007DCC;--e-global-color-secondary:#767676;--e-global-color-text:#252525;--e-global-color-accent:#0DB028;--e-global-color-99f0aa9:#FFFFFF;--e-global-color-ff9d4a0:#000000;--e-global-color-0843f59:#F1F1F1;--e-global-color-d72f263:#767676;--e-global-color-d5055ec:#474749;--e-global-color-6f81966:#D42E12;--e-global-color-4c2ee21:#0DB028;--e-global-color-e23d578:#E04F66;--e-global-color-81d7965:#EDB512;--e-global-color-f87c271:#0B8D21;--e-global-color-3b6f796:#0064A3;--e-global-color-11c2b08:#007DCC;--e-global-typography-primary-font-family:"Helvetica";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Arial";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Helvetica";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Arial";--e-global-typography-accent-font-weight:500;--e-global-typography-d48f280-font-size:40px;--e-global-typography-d48f280-font-weight:700;--e-global-typography-108f228-font-size:30px;--e-global-typography-83423c8-font-size:20px;--e-global-typography-83423c8-line-height:1.2em;font-family:"Arial", "Helvetica", Helvetica, Arial, sans-serif;font-size:16px;}.elementor-kit-10 e-page-transition{background-color:#FFBC7D;}.elementor-kit-10 a{color:var( --e-global-color-primary );}.elementor-kit-10 a:hover{text-decoration:none;}.elementor-kit-10 h1{text-transform:uppercase;}.elementor-kit-10 button,.elementor-kit-10 input[type="button"],.elementor-kit-10 input[type="submit"],.elementor-kit-10 .elementor-button{text-transform:uppercase;border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* LinkedIn icon supporter class for Font Awesome */
.icon-linkedin {
        font-family: "Font Awesome 5 Brands";
    font-weight: 400;
    font-style: normal;
    margin-right: 5px;
}

/**
 * MBNL Vacancies Styles
 * Styles for vacancy listing and single vacancy pages
 *
 * This CSS file should be manually added to Elementor's Custom CSS panel:
 * Elementor → Site Settings → Custom CSS
 * or added to individual page/template Custom CSS
 */

/* Vacancy List Wrapper */
.vacancies_list {
	margin-bottom: 2rem;
	padding: 30px;
}

.mbnl-vacancies-list {
    margin: 20px 0;
}

/* Isotope Grid */
.isotope-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.isotope-grid-item {
    width: 100%;
    padding: 0 15px 30px;
    box-sizing: border-box;
}

@media (min-width: 640px) {
    .isotope-grid-item {
        width: 50%;
    }
}

@media (min-width: 1024px) {
    .isotope-grid-item {
        width: 33.333%;
    }
}

[class*="column"] + .vacancy_item[class*="column"]:last-child {
	float: left;
}

/* Vacancy Card Styles - Main Container */
.main-ca-menu {
	margin-top: 15px;
	overflow: visible;
	position: relative;
	display: block;
	background: #eee;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
	-o-transition: all 300ms ease-in-out;
	-ms-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}

.main-ca-menu a {
	text-align: left;
	width: 100%;
	height: 100%;
	display: block;
	color: #333;
	position: relative;
}

.main-ca-icon {
	font-size: 40px;
	color: #007dcc;
	line-height: 60px;
	position: absolute;
	width: 90px;
	left: 0;
	text-align: center;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

.main-ca-content {
	display: table-cell;
	vertical-align: middle;
	padding: 60px 20px 10px;
}

.main-ca-main {
	font-size: 16px;
	text-transform: uppercase;
	color: #007dcc;
	margin-top: 10px;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

.main-ca-sub {
	font-size: 14px;
	color: #666;
	font-weight: bold;
	margin-top: 4px;
}

h2.main-ca-main {
	font-weight: bold;
	font-size: 20px!important;
}

/* Vacancy Card Hover Effects */
.main-ca-menu:hover {
	background-color: #767676;
}

.main-ca-menu:hover .main-ca-icon {
	color: #edb512;
	font-size: 100px;
	opacity: 0.4;
	left: 20px;
	top: 5px;
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
}

.main-ca-menu:hover .main-ca-main {
	color: #edb512;
	opacity: 0.8;
}

.main-ca-menu:hover .main-ca-sub {
	color: #fff;
	opacity: 0.8;
}

/* Contract Job Type Styling */
.Contract .main-ca-icon,
.Contract .main-ca-content h2 {
	color: #02ca1f;
}

/* Content Container */
.main-ca-content-container {
	margin-top: 4.5rem;
	padding: 10px;
}

@media screen and (max-width: 469px) {
	.main-ca-content-container {
		margin-top: 3.5rem;
	}
	.main-ca-main {
		margin-bottom: 0;
	}
	.main-ca-icon {
		font-size: 40px;
		color: #007dcc;
		line-height: 60px;
		position: absolute;
		width: 90px;
		left: 0;
		text-align: center;
		-webkit-transition: all 300ms linear;
		-moz-transition: all 300ms linear;
		-o-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		transition: all 300ms linear;
	}
}

/* Filter Holder Styles */
.filter_holder {
    padding: 20px;
    margin-bottom: 30px;
    border-radius: 4px;
}

.filter_holder h2 {
	color: #007dcc;
	cursor: pointer;
    margin: 0 0 15px;
    font-size: 1.25rem;
    user-select: none;
}

.filter_holder h2 i {
    margin-right: 8px;
}

.filters {
	display: block;
}

.filters,
.contract_filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
}

/* Filter Button Styles */
span.filter_btn {
	display: inline-block;
	margin-right: 6px;
	cursor: pointer;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2em;
	padding: 10px 20px;
	text-align: center;
	background-color: #767676;
	margin-top: 8px;
	border: none;
	transition: all 0.3s ease;
}

span.filter_btn:hover,
span.filter_btn.active {
	background: #000000;
}

/* Permanent Filter Button */
.contract_filters .filter_btn.Permanent {
    background-color: #e5f2fa;
    color: #007dcc;
}

.contract_filters .filter_btn.Permanent:hover,
.contract_filters span.filter_btn.active.Permanent {
	color: #ffffff;
    background: #007dcc;
}

/* Contract Filter Button */
.contract_filters .filter_btn.Contract {
    background-color: #e5fae7;
    color: #02ca1f;
}

.contract_filters .filter_btn.Contract:hover,
.contract_filters .filter_btn.Contract.active {
	color: #e5f2fa;
	background: #02ca1f;
}

/* Single Vacancy Styles */
.mbnl-vacancy-details {
    margin: 20px 0;
}

.vacancy-header {
    margin-bottom: 2rem;
}

.single-vacancy {
    color: #333;
    padding-bottom: 10px;
    margin-bottom: 0;
}

h1.single-vacancy {
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: none;
}

h1.single-vacancy i {
    margin-right: 10px;
}

h2.single-vacancy {
    font-size: 1.5rem;
    color: #007DCC;
    font-weight: 700;
}

/* Vacancy Metadata Section */
.vacancy-metadata {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 2rem;
}

.vacancy-meta-item {
    flex: 1;
    min-width: 200px;
}

.vacancy-meta-label {
    font-size: 1.2rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 0.5rem;
}

.vacancy-meta-value {
    font-size: 1rem;
    color: #666;
}

/* Vacancy Content Section */
.vacancy-content {
    margin-bottom: 2rem;
}

.vacancy-content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
}

.vacancy-description {
    line-height: 1.6;
    margin: 20px 0;
}

.vacancy-description h2,
.vacancy-description h3 {
    margin-top: 25px;
    margin-bottom: 15px;
}

.vacancy-description ul,
.vacancy-description ol {
    margin: 15px 0;
    padding-left: 30px;
}

.vacancy-description li {
    margin-bottom: 8px;
}

/* Application Info Section */
.vacancy-application-info {
    background: #f5f5f5;
    padding: 1.5rem;
    border-left: 4px solid #007dcc;
    margin-bottom: 2rem;
}

.vacancy-application-info p {
    margin: 0;
    font-size: 1rem;
}

/* Vacancy Action Buttons */
.vacancy-actions {
    margin-top: 2rem;
}

.button-container {
	margin-top: 2rem !important;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.vacancy-button-style {
	background: #007dcc;
	color: white;
	padding: 1rem 1.2rem;
	font-size: 1.2rem;
    display: inline-block;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    font-family: inherit;
}

a.vacancy-button-style {
    color: white;
}

.vacancy-button-style:hover,
.vacancy-button-style:focus {
	color: #f2eeee;
    text-decoration: none;
    background: #005a9e;
    outline: 2px solid #005a9e;
    outline-offset: 2px;
}

/* LinkedIn Share */
.lishare {
    display: inline-block;
}

/* Refer Vacancy Section */
.vacancy-referral {
    margin-top: 2rem;
}

#refer_vacancy {
    background: rgba(239, 239, 239, 0.5);
    padding: 20px;
    margin-top: 20px;
    border-radius: 4px;
}

/* Utility Classes */
.text-left {
    text-align: left;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

/* Responsive Adjustments */
@media (max-width: 639px) {
    .filter_holder h2 {
        cursor: pointer;
    }

    .filters {
        display: none;
    }

    .button-container {
        flex-direction: column;
    }

    .button-container .columns {
        width: 100% !important;
        text-align: center !important;
    }

    .vacancy-metadata {
        flex-direction: column;
        gap: 1rem;
    }

    .vacancy-content-header {
        flex-direction: column;
        align-items: flex-start;
    }

    .lishare {
        align-self: flex-start;
    }
}/* End custom CSS */