/* codeDESIGN - content_job_offers_grid.css */
@charset "utf-8";

/* CONTENT JOB OFFERS GRID */
div.component_column_1_inner {
	background: none !important;
}
div.component_column.col-md-8, 
div.component_column.col-md-4, 
div.component_column.col-md-12 {
	margin: 80px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.content_job_offers {
	background: #f8f8f8 !important;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.content_job_offers [class^="col-"],
div.content_job_offers [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}



div.content_job_offers_apply_to_wrapper {
	background: #ffffff;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;	
}
div.content_job_offers_apply_to_wrapper div.content_job_offers_content_box {
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
}
div.content_job_offers_apply_to_wrapper div.content_job_offers_image_box {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}
div.content_job_offers_apply_to_wrapper div.content_job_offers_image_box div.content_job_offers_image_box_caption {
	font-weight: 400;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
}



.com_content div.component div.item-page-article-content {
	padding: 0 !important;
}
.com_content div.item-page strong, 
.com_content div.item-page b {
	font-weight: 400;
	color: var(--ci_color_black);
}

div.content_job_offers div.container:not(:last-child) {
	margin-bottom: 20px;
}

@media only screen and (max-width: 991px) {
	div.content_job_offers div.conatiner {
		background: var(--ci_color_white);
	}
}

div.content_job_offers div.row {
	background: var(--ci_color_white);
}
div.content_job_offers div.row:not(.items_row) {
	padding: 20px 0px;
	margin-bottom: 20px;
}
div.content_job_offers div.row:not(.items_row):first-child {
	padding-top: 0px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.row:first-child:not(.items_row):not(.text_row) {
		padding-top: 0px !important;
	}
}

div.content_job_offers div.row.spacer_row {
	padding: 0px;
}

div.content_job_offers div.head_row,
div.content_job_offers div.text_row {
	padding-top: 20px !important;
}

div.content_job_offers div.job_offers_item_rows {
	margin-bottom: 20px;
}

div.content_job_offers div.row.items_row {
	display: flex;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.row.items_row {
		display: inherit;
	}
}

div.content_job_offers div.row.items_row div.col-md-12 {
	padding-right: 0px !important;
}
div.content_job_offers div.row.items_row h2 {
	margin-bottom: 0px;
}

div.content_job_offers div.row.items_row {
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 0px;
}
div.content_job_offers div.items_row:not(:last-child) {
	padding-bottom: 30px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.items_row:not(:last-child) {
		padding-bottom: 0px;
	}
}

div.content_job_offers div.items_row {
	padding-top: 20px;
}
div.content_job_offers div.items_row:last-child {
	padding-bottom: 20px;
}

div.job_offers_item_rows div.items_row:not(:last-child) {
	margin-bottom: 0px;
}
@media only screen and (max-width: 991px) {
	div.job_offers_item_rows div.row.items_row,
	div.job_offers_item_rows div.row.items_row:not(:last-child) {
		margin-bottom: 0px;
	}
}

div.content_job_offers div.row:not(.items_row):not(:first-child):not(:last-child) {
	margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.row:not(.items_row):not(:first-child):not(:last-child),
	div.job_offers_item_rows div.row.items_row:last-child {
		margin-bottom: 20px;
	}
}

div.content_job_offers div.row.items_row div[class^="col-"]:nth-child(1) {
	padding-left: 0px;
	padding-right: 20px;
}
div.content_job_offers div.row.items_row div[class^="col-"]:nth-child(2) {
	padding-left: 10px;
	padding-right: 10px;
}
div.content_job_offers div.row.items_row div[class^="col-"]:nth-child(3) {
	padding-left: 20px;
	padding-right: 0px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.row.items_row div[class^="col-"]:nth-child(1),
	div.content_job_offers div.row.items_row div[class^="col-"]:nth-child(2),
	div.content_job_offers div.row.items_row div[class^="col-"]:nth-child(3) {
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 30px;
	}
	div.content_job_offers div.items_row:last-child div[class^="col-"]:nth-child(3) {
		margin-bottom: 0px;
	}
}

div.content_job_offers div.job_offer_item {
	display: block;
	position: relative;
	height: calc(100% - 51px);
	background: var(--ci_color_accent_2);
	color: var(--ci_color_white);
	padding: 20px;
	cursor: pointer;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
div.content_job_offers div.job_offer_item:hover {
	background: var(--ci_color_accent_2_hover);
}

div.content_job_offers div.job_offer_item > div {
	text-align: center;
}

div.content_job_offers div.job_offer_item div.job_offer_title {
	text-transform: uppercase;
	font-size: 42px;
	line-height: 48px;
	font-weight: 600;
}
div.content_job_offers div.job_offer_item div.job_offer_diversity {
	text-transform: uppercase;
	font-weight: 600;
}
div.content_job_offers div.job_offer_item div.job_offer_description {
	font-weight: 600;
}
div.content_job_offers div.job_offer_item div.job_offer_location {
	font-weight: 600;
}

div.content_job_offers div.job_offer_item a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

div.content_job_offers div.row.head_row {
	padding-bottom: 18px;
	/* margin-bottom: 24px; */
}
div.content_job_offers div.row.head_row div.job_offer_head_text {
	padding-right: 20px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.row.head_row div.job_offer_head_text {
		padding: 0px 20px;
	}
}

div.content_job_offers div.row.head_row div[class^="col-"]:nth-child(1) {
	padding-left: 0px;
	padding-right: 20px;
}
div.content_job_offers div.row.head_row div[class^="col-"]:nth-child(2) {
	padding-left: 10px;
	padding-right: 0px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.row.head_row div[class^="col-"]:nth-child(1) {
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 30px;
	}
	div.content_job_offers div.row.head_row div[class^="col-"]:nth-child(2) {
		padding-left: 0px;
		padding-right: 0px;
		margin-bottom: 0px;
	}
}

div.content_job_offers div.job_offer_head_item {
	display: block;
	position: relative;
	background: var(--ci_color_accent_2);
	color: var(--ci_color_white);
	padding: 69px 40px;
	margin-top: -164px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.job_offer_head_item {
		margin-top: 0px;
	}
}

div.content_job_offers div.job_offer_head_item_title {
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	text-transform: uppercase;
	font-size: 96px;
	line-height: 64px;
	font-weight: 600;
}
div.content_job_offers div.job_offer_head_item_title span {
	display: block;
	font-size: 48px;
	line-height: 48px;
	margin-top: 10px;
}
@media only screen and (max-width: 991px) {
	div.job_offer_head_item {
		display: none !important;
	}
	div.content_job_offers div.job_offer_head_item_title {
		left: 0%;
		transform: translateX(0%);
	}
}

div.content_job_offers div.job_offer_head_item_text {
	display: block;
	position: relative;
	text-align: right;
	text-transform: lowercase;
	font-size: 36px;
	line-height: 36px;
	font-weight: 600;
}

div.content_job_offers div.job_offer_text {
	padding: 0px 20px;
}

div.content_job_offers div.row.text_row {
	/*
	margin-left: -20px;
	margin-right: -20px;
	*/
	padding: 20px 20px 20px 20px;
}

div.content_job_offers div.job_offer_buttons {
	display: block;
	position: relative;
	height: 51px;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.job_offer_buttons {
		height: 102px;
	}
}
div.content_job_offers div.job_offer_buttons a {
	display: inline;
	position: relative;
	float: left;
	width: 50%;
	text-align: center;
}
div.content_job_offers div.job_offer_buttons a:hover,
div.content_job_offers div.job_offer_buttons a:hover:link,
div.content_job_offers div.job_offer_buttons a:hover:visited {
	text-decoration: none;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.job_offer_buttons a {
		width: 100%;
	}
}

div.content_job_offers div.row.text_row ul {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	margin-bottom: 0px;
}
div.content_job_offers div.row.text_row ul > li > ul {
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
}
@media only screen and (max-width: 768px) {
	div.content_job_offers div.row.text_row ul {
		columns: 1;
		-webkit-columns: 1;
		-moz-columns: 1;
	}
}

div.content_job_offers div.row.text_row_blue {
	background: var(--ci_color_accent_2);
}
div.content_job_offers div.row.text_row_blue h2 {
	color: var(--ci_color_white);
	/*
	font-size: 36px;
	line-height: 36px;
	*/
	font-size: 30px;
	line-height: 30px;
	/* font-weight: 600; */
}
div.content_job_offers div.row.text_row_blue h2::after {
	background-color: var(--ci_color_accent_2_hover);
}
div.content_job_offers div.row.text_row_blue h3 {
	color: var(--ci_color_white);
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: none;
	/* font-weight: 600; */
}
div.content_job_offers div.row.text_row_blue h3::after {
	content: none;
}

div.content_job_offers div.row.text_row_blue ul li {
	color: var(--ci_color_white);
}
div.content_job_offers div.row.text_row_blue ul li strong {
	color: var(--ci_color_white);
	font-weight: 400;
}
div.content_job_offers div.row.text_row_blue ul li::before {
	color: var(--ci_color_white);
}
div.content_job_offers div.row.text_row_blue ul li:hover::before {
	color: var(--ci_color_white);
}

div.content_job_offers div.row.text_row_white h2 {
	/*
	font-size: 36px;
	line-height: 36px;
	*/
	font-size: 30px;
	line-height: 30px;
}
div.content_job_offers div.row.text_row_white h3 {
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: none;
}
div.content_job_offers div.row.text_row_white h3::after {
	content: none;
}

div.content_job_offers div.row.text_row > div.col-md-4 > div > img {
	width: 66.67%;
	margin: 0 auto;
}
@media only screen and (max-width: 991px) {
	div.content_job_offers div.row.text_row > div.col-md-4 > div > img {
		margin: 40px auto 0 auto;
	}
}

div.codedesign_responsive_slider_swiper_content {
	background: var(--ci_color_white);
	padding: 20px;
}

div.codedesign_responsive_slider_swiper_content h2 {
	font-size: 30px;
	line-height: 30px;
}

div.content_job_offers div.row.initiative_row {
	margin-bottom: 0px !important;
}

div.content_job_offers div.row.initiative_row div[class^="col-"] {
	padding: 0px 20px;
}

div.content_job_offers div.row.initiative_row div[class^="col-"] ul li {
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 20px;
	position: relative;
	width: 100%;
}
div.content_job_offers div.row.initiative_row div[class^="col-"] ul li::before {
	content: "\f105";
	font-family: 'Font Awesome 6 Pro';
	font-weight: 300;
	font-size: 1.2em;
	color: var(--ci_color_accent_1);
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline-block;
	position: absolute;
	left: 4px;
	top: 50%;
	transform: translateY(-50%);
	-moz-transition: all 0.5s ease 0s;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
div.content_job_offers div.row.initiative_row div[class^="col-"] ul li:hover::before {
	color: var(--ci_color_accent_2);
	left: 6px;
}
div.content_job_offers div.row.initiative_row div[class^="col-"] ul li:nth-child(even) {
	background-color: #f8f8f8;
}
div.content_job_offers div.row.initiative_row div[class^="col-"] ul li div.buttons {
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 10px 20px;
}
div.content_job_offers div.row.initiative_row div[class^="col-"] ul li div.buttons a {
	display: inline-block;
	position: relative;
	margin-left: 20px;
}
@media only screen and (max-width: 720px) {
	div.content_job_offers div.row.initiative_row div[class^="col-"] ul li div.buttons {
		display: block;
		position: relative;
		left: 0px;
		padding: 0px;
	}
	div.content_job_offers div.row.initiative_row div[class^="col-"] ul li div.buttons a {
		margin-left: 0px;
	}
	div.content_job_offers div.row.initiative_row div[class^="col-"] ul li div.buttons a:nth-child(2) {
		margin-left: 20px;
	}
}

.items_row h2.bigger {
	font-size: 30px !important;
	line-height: 30px !important;
	font-weight: normal !important;
}

.content_job_offers_accordion_wrapper {
	margin-bottom: 20px;
	padding: 20px;
	background: var(--ci_color_white);
}
.content_job_offers_accordion {
}
.content_job_offers_accordion_item {
	background: var(--ci_color_white);
}
.content_job_offers_accordion_item .content_job_offers_accordion_header {
	padding: 10px;
	border: 1px solid #e5e8ee;
	border-bottom: none;
	cursor: pointer;
	font-weight: 400;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.content_job_offers_accordion_item:last-child .content_job_offers_accordion_header:not(.ui-state-active) {
	border-bottom: 1px solid #e5e8ee;
}
.content_job_offers_accordion_item .content_job_offers_accordion_header i.fal {
	font-size: 16px;
	color: var(--ci_color_black);
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.content_job_offers_accordion_item:hover .content_job_offers_accordion_header i.fal,
.content_job_offers_accordion_item .content_job_offers_accordion_header.ui-state-active i.fal {
	color: var(--ci_color);
}
.content_job_offers_accordion_item .content_job_offers_accordion_content {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #e5e8ee;
	/* border-top: none; */
}
.content_job_offers_accordion_item:hover .content_job_offers_accordion_header,
.content_job_offers_accordion_item .content_job_offers_accordion_header.ui-state-active {
	background: #f8f8f8;
	color: var(--ci_color);
}
.content_job_offers_accordion_item .content_job_offers_accordion_header span.ui-accordion-header-icon::after {
	font-family: 'Font Awesome 6 Pro';
	font-size: 1.5em;
	content: "\f078";
	/*margin: 10px 10px 0px 0px;*/
	padding: 0px 0px 0px 0px;
	float: right;
	cursor: pointer;
	transition: all 0.33s ease-in-out;
	-moz-transition: all 0.33s ease-in-out;
	-o-transition: all 0.33s ease-in-out;
	-webkit-transition: all 0.33s ease-in-out;
}
.content_job_offers_accordion_item .content_job_offers_accordion_header.ui-state-active span.ui-accordion-header-icon::after {
	content: "\f077";
}
.content_job_offers_accordion_item h2 {
	font-size: 30px !important;
	line-height: 30px !important;
	margin-bottom: 0px !important;
}
.content_job_offers_accordion_item h3 {
	padding: 0px !important;
	margin: 0px 0px 10px 0px !important;
	border-bottom: none !important;
}
.content_job_offers_accordion_item h3::after {
	content: none !important;
}
.content_job_offers_accordion_item_blue {
	background: var(--ci_color_accent_2);
	color: var(--ci_color_white);
}
.content_job_offers_accordion_item_blue h2,
.content_job_offers_accordion_item_blue h3,
.content_job_offers_accordion_item_blue strong {
	color: var(--ci_color_white) !important;
}
.content_job_offers_accordion_item_blue h2 {
	font-size: 30px !important;
	line-height: 30px !important;
}
.content_job_offers_accordion_item_blue h2::after {
	background: var(--ci_color_accent_2_hover) !important;
}
.content_job_offers_accordion_item_blue h3 {
	padding: 0px !important;
	margin: 0px 0px 10px 0px !important;
	border-bottom: none !important;
}
.content_job_offers_accordion_item_blue h3::after {
	content: none !important;
}
.content_job_offers_accordion_item_blue ul li::before {
	color: var(--ci_color_white) !important;
}
.content_job_offers_accordion_item ul {
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
	margin-bottom: 0px;
}
.content_job_offers_accordion_item ul li ul {
	columns: 1;
	-webkit-columns: 1;
	-moz-columns: 1;
}