/*!
README - STYLEGUIDE BRIEFLY

Find the style by media query screen width, using Find or CTRL + F
min-width 601px, min-width: 901px, min-width: 1200px, min-width: 1600px,
max-width: 1599px, max-width: 1199px, max-width: 900px, max-width: 600px

Make this stylesheet still readable and after using this file, dont forget to use beautify after development
Thankyou Whello Developer
*/

/* > MOBILE */
@media all and (min-width: 601px) {
	.card-logo-talent {
		padding: 50px;
	}

	.vc_row.row-talent-profile .wh-profile {
		position: absolute;
		top: -74px;
		right: 60px;
	}

	.gform_fields .gfield.field-terms-condition {
		max-width: calc(50% - (26px / 2));
		position: absolute;
		bottom: 14px;
		left: 0;
		z-index: 2;
		margin: 0;
	}

	.gform_footer .gform_button {
		width: calc(50% - (26px / 2));
		max-width: 100%;
	}

	.card-infobenefit {
		padding: 20px 30px 30px;
	}

	.wpb_single_image.image-with-title .wpb_heading {
		bottom: 42px;
	}
}

/* > TABLET */
@media all and (min-width: 901px) {
	.tabs-swapblock .vc_tta-tabs-list a[href*="#"] {
		font-size: var(--text-md);
		padding: 20px 14px 18px;
	}
}

/* >= DESKTOP & LAPTOP */
@media all and (min-width: 1200px) {
	.image-profile-wrapper .profile-wrapper {
		bottom: -54px;
		right: -24px;
	}

	.vc_row.row-hash-content .action-hash-content {
		width: 450px;
	}

	.row-hash-content .inner-hash-content {
		width: calc(100% - 450px);
		padding-right: 58px;
	}

	.action-hash-content .title-voordelen {
		padding: 0 44px;
	}

	.action-hash-content .lists-voordelen a {
		padding-right: 30px;
		padding-left: 30px;
	}

	.card-logo-talent .logo-groups .logo-group-item {
		width: 16.666%;
	}

	.tabs-swapblock .vc_tta-tabs-list {
		margin-left: -33px;
		margin-right: -33px;
	}

	.tabs-swapblock .vc_tta-tabs-list .vc_tta-tab {
		padding: 0 33px;
	}

	.tabs-swapblock .vc_tta-tabs-list .vc_tta-tab {
		width: auto;
	}

	.tabs-swapblock .vc_row.row-swapblock > .wpb_column {
		width: calc(50% - 22px);
	}

	.vc_row.row-banner-contact {
		margin-top: 114px;
		margin-bottom: 114px;
	}

	.vc_row.row-banner-contact .col-content-contact {
		width: calc(100% - 525px);
	}

	.vc_row.row-banner-contact .col-form-contact {
		position: absolute;
		top: -114px;
		right: 60px;
		width: 525px;
		padding: 42px 48px 50px;
	}
}

/* >= LARGE DESKTOP */
@media all and (min-width: 1600px) {
	.vc_row.row-swapblock > .wpb_column {
		width: calc(50% - 45px);
	}

	.vc_row.row-hash-content {
		padding-left: 40px;
		padding-right: 70px;
	}

	.row-hash-content .inner-hash-content .wpb_content_element:not(.wpb_single_image),
	.row-hash-content .inner-hash-content .whbutton-wrapper {
		padding-left: 40px;
	}

	.card-logo-talent .logo-groups {
		margin-left: -35px;
		margin-right: -35px;
	}

	.card-logo-talent .logo-groups .logo-group-item {
		padding: 0 35px;
	}

	.vc_row.row-swapblock-keurmerk {
		padding: 0 46px;
	}

	.vc_row.row-swapblock-keurmerk .wpb_column.col-content-block {
		width: 52%;
	}

	.vc_row.row-swapblock-keurmerk .wpb_column.col-media-block {
		width: 48%;
	}
}

/* < LARGE DESKTOP */
@media all and (max-width: 1599px) {
	.card-logo-talent .logo-groups {
		margin-left: -20px;
		margin-right: -20px;
	}

	.card-logo-talent .logo-groups .logo-group-item {
		padding: 0 20px;
	}
}

/* >= DESKTOP & LAPTOP && < LARGE DESKTOP */
@media all and (min-width: 1200px) and (max-width: 1599px) {
	.vc_row.row-swapblock > .wpb_column {
		width: calc(50% - 30px);
	}
}

@media all and (max-width: 1299px) {
	.site-banner {
		--padding-container: 40px;
	}
}

/* <= LARGE TABLET */
@media all and (max-width: 1199px) {
	br {
		display: none;
	}

	.image-profile-wrapper .profile-wrapper {
		bottom: -16px;
		right: -16px;
	}

	.action-hash-content .lists-voordelen a {
		padding-right: 20px;
		padding-left: 20px;
	}

	.tabs-swapblock .vc_tta-tabs-container:before {
		opacity: 0;
	}

	.tabs-swapblock .vc_tta-tabs-list a[href*="#"] {
		width: 100%;
		justify-content: center;
	}

	.tabs-swapblock .vc_tta-tabs-list a[href*="#"]:after {
		opacity: 1;
	}

	.vc_row.row-banner-contact {
		padding: 20px;
	}

	.vc_row.row-banner-contact .col-content-contact {
		width: 100%;
	}

	.vc_row.row-banner-contact .col-form-contact {
		width: 100%;
		margin-top: 40px;
		margin-bottom: -60px;
		padding: 20px;
	}
}

/* > SMALL TABLET && <= LARGE TABLET */
@media all and (min-width: 901px) and (max-width: 1199px) {
	.vc_row.row-swapblock > .wpb_column {
		width: calc(50% - 20px);
	}

	.vc_row.row-hash-content .action-hash-content {
		width: 400px;
	}

	.row-hash-content .inner-hash-content {
		width: calc(100% - 400px);
		padding-right: 40px;
	}
}

/* > MOBILE && <= LARGE TABLET */
@media all and (min-width: 601px) and (max-width: 1199px) {
	.card-logo-talent .logo-groups .logo-group-item {
		width: 25%;
	}

	.tabs-swapblock .vc_tta-tabs-list {
		margin-left: -10px;
		margin-right: -10px;
	}

	.tabs-swapblock .vc_tta-tabs-list .vc_tta-tab {
		width: 33.333%;
		padding: 0 10px;
	}
}

/* <= TABLET */
@media all and (max-width: 900px) {
	.vc_row.row-swapblock > .wpb_column {
		width: 100%;
	}

	.vc_row.row-swapblock > .wpb_column.col-media-block {
		order: -1;
		margin-bottom: 32px;
	}

	.vc_row.row-hash-content .action-hash-content,
	.row-hash-content .inner-hash-content {
		width: 100%;
	}

	.vc_row.row-hash-content .action-hash-content {
		order: -1;
		margin-bottom: 40px;
	}

	.tabs-swapblock .vc_tta-tabs-list a[href*="#"] {
		font-size: var(--text-xs);
		padding: 10px 8px 8px;
	}
}

/* > MOBILE && <= SMALL TABLET */
@media all and (min-width: 601px) and (max-width: 900px) {
}

/* <= MOBILE */
@media all and (max-width: 600px) {
	.card-logo-talent {
		padding: 40px 20px;
	}

	.card-logo-talent .logo-groups .logo-group-item {
		width: 50%;
	}

	.vc_row.row-talent-profile .wh-profile {
		width: 100%;
		order: -1;
		margin-bottom: -20px;
	}

	.tabs-swapblock .vc_tta-tabs-list {
		margin-left: -4px;
		margin-right: -4px;
	}

	.tabs-swapblock .vc_tta-tabs-list .vc_tta-tab {
		width: 50%;
		padding: 0 4px;
	}

	.vc_row.row-talent-acquisition .col-content-talent-acquisition h3 {
		font-size: var(--text-xl);
	}

	.card-infobenefit {
		padding: 20px;
	}

	.wpb_single_image.image-with-title .wpb_heading {
		bottom: 10px;
		font-size: var(--text-xl);
	}
}