.downloading {
	opacity: 0.5;
	pointer-events: none;
}
.wpcf7-form div.generated-file-name__container {
	display: none;
}
/* NIEUWE CV GEN */
.col-span-1 {
	grid-column: span 1;
}
.col-span-2 {
	grid-column: span 2;
}
.col-span-3 {
	grid-column: span 3;
}
.col-span-4 {
	grid-column: span 4;
}
.col-span-5 {
	grid-column: span 5;
}
.col-span-6 {
	grid-column: span 6;
}
.col-span-7 {
	grid-column: span 7;
}
.col-span-8 {
	grid-column: span 8;
}
.col-span-9 {
	grid-column: span 9;
}
.col-span-10 {
	grid-column: span 10;
}
.col-span-11 {
	grid-column: span 11;
}
.col-span-12 {
	grid-column: span 12;
}
.row-span-1 {
	grid-row: span 1;
}
.row-span-2 {
	grid-row: span 2;
}
.row-span-3 {
	grid-row: span 3;
}
.row-span-4 {
	grid-row: span 4;
}
.row-span-5 {
	grid-row: span 5;
}
.row-span-6 {
	grid-row: span 6;
}
.row-span-7 {
	grid-row: span 7;
}
.row-span-8 {
	grid-row: span 8;
}
.row-span-9 {
	grid-row: span 9;
}
.row-span-10 {
	grid-row: span 10;
}
.row-span-11 {
	grid-row: span 11;
}
.row-span-12 {
	grid-row: span 12;
}

.cv-page .input-wrapper {
	margin-top: 12px;
}

.cv-generator-2 .content-block {
	margin: 0;
	height: calc(100svh - 96px);
	max-height: calc(100svh - 96px);

	opacity: 0;

	transition: all .2s ease;
}
.cv-generator__form {
	height: calc(100svh - 96px);
	max-height: calc(100svh - 96px);
	overflow: scroll;
	padding: 32px 32px 32px var(--container-padding);
	width: 55%;
	border-right: 2px solid #ccc;
	box-shadow: 14px 0px 16px rgba(0,0,0,0.1);
	position: relative;
}

.content-block.download .cv-generator__form {
	border-right: none;
	box-shadow: none;
	padding: 0;
}

.cv-generator__pdf-preview__container #pdf-preview,
.cv-generator__pdf-preview__container #pdf-preview iframe {
	height: 100% !important;
}

.cv-generator__left {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 8px 24px;
}

.bttn__container {
	display: flex;
	flex-direction: column;
	grid-gap: 16px;
}

.bttn__container br {
	display: none;
}

.bttn__container > label {
	display: flex;
	gap: 8px;
}

.wpcf7-form-control.wpcf7-radio {
	display: flex;
	gap: 24px;
}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
	margin: 0;
}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item label {
	display: flex;
	gap: 6px;
}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item label input {
	appearance: none;
	width: 24px;
	height: 24px;
	padding: 0;
	position: relative;
	background-color: var(--white);
	border-radius: 99px;
	border: 1px solid var(--tertiary-tint-3);
	cursor: pointer;
}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item label input:after {
	content: '';
	position: absolute;
	inset: 4px;
	background-color: var(--tertiary);
	opacity: 0;
	border-radius: 99px;
	transition: all .2s ease;
}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item label input:checked:after {
	opacity: 1;
}

.remove-cv-page {
	cursor: pointer;
	position: relative;
	padding-left: 16px;
}
.remove-dialog-box {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 10;
	display: flex;
	gap: 12px;
	align-items: center;
	padding: 8px;
	background-color: var(--white);
	box-shadow: 1px 2px 7px rgba(0,0,0,0.25);

	opacity: 0;
	pointer-events: none;
	transition: all .2s ease;
}
.remove-dialog-box .remove-dialog-box-text {
	white-space: nowrap;
	translate: 0 1px;
}

.remove-cv-page:hover .remove-dialog-box {
	opacity: 1;
	pointer-events: all;
}

.wpcf7-form .repeater-field-item {
	margin-top: 24px;
}

.cv-generator__education-succes {
	display: flex;
	flex-direction: column;
	margin-bottom: 24px;
}
.cv-generator__education-succes > p > label {
	margin-bottom: 6px;
	display: block;
}
.cv-generator__education-succes > p br {
	display: none;
}
.cv-generator__education-succes .wpcf7-form-control-wrap .wpcf7-form-control,
.cv-generator__education-succes .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {
	display: block;
	margin: 0;
}
.cv-generator__education-succes .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label {
	display: flex;
	gap: 12px;
	align-items: center;
}
.cv-generator__education-succes .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label .wpcf7-list-item-label {
	white-space: nowrap;
	font-size: 18px;
}
.cv-generator__education-succes .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label input {
	appearance: none;
	width: 24px;
	height: 24px;
	border: 1px solid var(--tertiary-tint-3);
	border-radius: 4px;
	background-color: var(--white);
	position: relative;
	padding: 0;
}
.cv-generator__education-succes .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label input:after {
	content: '';
	background-color: var(--tertiary);
	position: absolute;
	inset: 4px;
	border-radius: 2px;
	opacity: 0;
	transition: all .2s ease;
}
.cv-generator__education-succes .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label input:checked:after {
	opacity: 1;
}

.cv-generator-2 .repeater-field-button-add {
	border: 1px solid var(--black);
	border-radius: 0;
	padding: 4px 8px 4px 36px;
	background-color: var(--white);
	color: var(--black);
	display: inline-block;
	position: relative;
	transition: all .2s ease;
}
.cv-generator-2 .repeater-field-button-add:after {
	content: '+';
	font-size: 35px;
	font-weight: 100;
	line-height: .8;

	position: absolute;
	left: 8px;
	top: 5px;
	bottom: 4px;
}
.cv-generator-2 .repeater-field-button-add:hover {
	background-color: var(--tertiary);
	border-color: var(--tertiary);
}
.small {
	font-size: 16px;
}

.cv-form-wrapper {
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-gap: 8px 24px;
}

.remove-wrapper {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
}

.cv-download-button-wrapper {
	display: flex;
	margin-top: 6px;
}

.btn.btn--send {
	background-color: var(--secondary);
	padding: 0;
	min-width: 58px;
	width: 58px;
	border-radius: 0;
}
.btn.btn--send:before {
	background-color: var(--tertiary);
	width: 250%;
	height: 150%;
	top: -25%;
	left: -65%;
}
.btn.btn--send .btn__inner {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 768px) {
	.cv-generator-2 .cv-header {	
		/* 		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 32px 0; */
		padding: 20px 10px;
	}
	.cv-generator-2 .cv-header > p {
		grid-column: span 3;
		grid-row: 2;
		margin: 0 auto;
	}
	.cv-generator-2 .cv-header__download-container {
		grid-column: 2 / 4;
	}

	.cv-generator__container {
		flex-direction: column-reverse;
	}

	.cv-generator__form {
		padding-right: 2px;
		width: 100%;
	}

	.cv-generator-2 .content-block {
		margin: 0;
		padding: 32px 0;
		height: unset;
		max-height: unset;
	}

	.cv-generator__pdf-preview__container {
		width: 100%;
		height: 100%;
		aspect-ratio: 9 / 16;
	}
}

@media (max-width: 768px) {
	/* all columns become full width on tablet/mobile */
	.col-span-1,
	.col-span-2,
	.col-span-3,
	.col-span-4,
	.col-span-5,
	.col-span-6,
	.col-span-7,
	.col-span-8,
	.col-span-9,
	.col-span-10,
	.col-span-11,
	.col-span-12 {
		grid-column: span 12;
	}
}

/* EINDE NIEUWE CV GEN */