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

/* CUSTOM CODE CAREER */
/*
div.custom_code_career_grid [class^="col-"],
div.custom_code_career_grid [class*=" col-"] {
	padding-left: 0px;
	padding-right: 0px;
}
*/
div.custom_code_career_grid {
	margin: 0px 0px 80px 0px;
}

div.custom_code_career_grid div.custom_code_career_grid_background {
	padding: 40px 0px;
	background: var(--ci_color);
	color: var(--ci_color_white);
}
@media only screen and (max-width: 1199px) {
	div.custom_code_career_grid div.custom_code_career_grid_background {
		padding: 40px 0px 10px 0px;
	}
}

div.custom_code_career_grid div.custom_code_career_grid_wrapper div.row {
	display: flex;
	justify-content: space-between;
	column-gap: 30px;
}
div.custom_code_career_grid div.custom_code_career_grid_wrapper div.row:not(:last-child) {
	margin-bottom: 30px;
}
div.custom_code_career_grid div.custom_code_career_grid_wrapper div.row::before,
div.custom_code_career_grid div.custom_code_career_grid_wrapper div.row::after {
	content: none;
}
@media only screen and (max-width: 1199px) {
	div.custom_code_career_grid div.custom_code_career_grid_wrapper div.row {
		display: block;
		margin-bottom: 0px;
	}
}

div.custom_code_career_grid div.custom_code_career_grid_wrapper div[class^="col-"] {
	background: var(--ci_color_accent_2_hover);
	padding: 20px;
}
div.custom_code_career_grid div.custom_code_career_grid_wrapper div[class^="col-"].dummy {
	background: none;
	padding: 0px 20px;
}
@media only screen and (max-width: 1199px) {
	div.custom_code_career_grid div.custom_code_career_grid_wrapper div[class^="col-"] {
		display: flex;
		margin-bottom: 30px;
	}
	div.custom_code_career_grid div.custom_code_career_grid_wrapper div.row:last-child div[class^="col-"]:last-child {
		margin-bottom: 0px;
	}
}
@media only screen and (max-width: 480px) {
	div.custom_code_career_grid div.custom_code_career_grid_wrapper div[class^="col-"] {
		display: block;
		margin-bottom: 30px;
	}
}

div.custom_code_career_grid div.custom_code_career_grid_wrapper div.col-md-12 {
	background: none;
	padding: 0px;
}
div.custom_code_career_grid div.custom_code_career_grid_wrapper div.col-md-12 h2 {
	color: var(--ci_color_white);
	text-align: center;
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 0px;
}
div.custom_code_career_grid div.custom_code_career_grid_wrapper div.col-md-12 h2::after {
	background: var(--ci_color_accent_2_hover);
	left: 50%;
	transform: translateX(-50%);
}
@media only screen and (max-width: 1199px) {
	div.custom_code_career_grid div.custom_code_career_grid_wrapper div.col-md-12 h2 {
		text-align: left;
	}
	div.custom_code_career_grid div.custom_code_career_grid_wrapper div.col-md-12 h2::after {
		left: 0%;
		transform: translateX(0%);
	}
}
div.custom_code_career_grid div.custom_code_career_grid_wrapper div.col-md-12 h2 span {
	display: block;
	font: normal 14px/24px 'Open Sans','Helvetica Neue',Helvetica,Arial,sans-serif;
	font-weight: 300;
	letter-spacing: 0px;
}

div.custom_code_career_grid div.custom_code_career_grid_wrapper div[class^="col-"] h3 {
	color: var(--ci_color_white);
}
div.custom_code_career_grid div.custom_code_career_grid_wrapper div[class^="col-"] h3::after {
	background: var(--ci_color);
}



/* CUSTOM CODE CAREER ICONS */
div.custom_code_career_grid div.custom_code_career_grid_icon_wrapper {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
div.custom_code_career_grid div.custom_code_career_grid_icon {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
div.custom_code_career_grid div.custom_code_career_grid_icon img {
	max-width: 40%;
	margin: 0 auto;
}
@media only screen and (max-width: 1199px) {
	div.custom_code_career_grid div.custom_code_career_grid_icon_wrapper {
		display: block;
		float: left;
		width: 20%;
		margin: 0px;
		padding-right: 20px;
	}

	div.custom_code_career_grid div.custom_code_career_grid_icon {
		display: block;
		position: relative;
		top: 50%;
		transform: translateY(-50%);
	}

	div.custom_code_career_grid div.custom_code_career_grid_icon img {
		position: relative;
		max-width: 50%;
		margin: 0 auto;
	}
}
@media only screen and (max-width: 480px) {
	div.custom_code_career_grid div.custom_code_career_grid_icon_wrapper {
		display: block;
		float: none;
		width: 100%;
		margin: 0px 0px 20px 0px;
		padding-right: 0px;
	}

	div.custom_code_career_grid div.custom_code_career_grid_icon {
		top: 0%;
		transform: none;
	}

	div.custom_code_career_grid div.custom_code_career_grid_icon img {
		max-width: 30%;
	}
}


/* CUSTOM CODE CAREER TEXT */
@media only screen and (max-width: 1199px) {
	div.custom_code_career_grid div.custom_code_career_grid_text_wrapper {
		display: block;
		float: right;
		width: 80%;
	}
}
@media only screen and (max-width: 480px) {
	div.custom_code_career_grid div.custom_code_career_grid_text_wrapper {
		float: none;
	}
}

/* CUSTOM CODE CAREER BUTTON */
div.custom_code_career_grid_button div[class^="col-"] {
	margin: 0px 0px 80px 0px;
	padding: 0px 0px;
}

div.custom_code_career_grid_button a.href_button {
	display: block;
	text-align: center;
}