/* Firstly style the specific checkbox group */
/* The checkbox grid on 'Edit Profile' */
form.jet-form-builder .ktrr-form-pretty-checkboxes.ktrr-pretty-profile-checkboxes {
	margin-top: var(--space-40);
}
/* Dynamic heading 'What brings you here [name]?' */
form.jet-form-builder .ktrr-form-pretty-checkboxes.ktrr-pretty-profile-checkboxes .ktrr-dynamic-heading {
	margin-bottom: var(--space-20);
}
/* The checkbox grid on 'Instructor Profile' */
form.jet-form-builder .ktrr-form-pretty-checkboxes.ktrr-pretty-certification-checkboxes {
	margin-bottom: var(--space-40);
}
/* Now style the general checkbox grid */
/* Change the grid to 4 columns */
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-gap: 30px;
}
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap {
	white-space: initial;
	padding: 0;
	border-radius: var(--border-radius-10);
    box-shadow: 0 5px 10px rgba(0,0,0,0.1);
}
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label {
	display: inline-block;
	position: relative;
	width: 100%;
    height: 100%;
    text-align: center;
    transition: border 0.3s; /* Smooth transition for the border */
    cursor: pointer;
	margin-bottom: 0;
}
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label span {
	height: 200px !important;
	padding: var(--space-30);
	display: flex;
    align-items: flex-end;
	justify-content: center;
}
form.jet-form-builder .ktrr-form-pretty-checkboxes--simple .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label span {
	height: 80px !important;
	padding: var(--space-10) !important;
    align-content: center !important;
    flex-wrap: wrap;
}
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[type="checkbox"] + span {
	width: 100%;
    height: 100%;
	border: 2px solid var(--color-tropic);
	position: relative;
	border-radius: var(--border-radius-10);
}
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[type="checkbox"]:hover + span {
	border: 2px solid var(--color-risd);
}
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[type="checkbox"]:checked + span {
    border: 2px solid var(--color-risd);
}
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[type="checkbox"]:hover + span,
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[type="checkbox"]:checked + span {
    border-radius: var(--border-radius-10);
    /* z-index: 1; (Ensure it appears above the span text) -> currently creates an issue with other fields, test it */
}

form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[type="checkbox"] + span::before {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 1.4em;
    height: 1.4em;
	border-radius: var(--border-radius-99);
	border-width: 2px;
}

/* Add the SVG icon using ::after */
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[type="checkbox"] + span::after {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    width: 64px;
    height: 64px;
}
/* INSTRUCTOR */
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="instructor"] + span::after {
	content: '';
    background-image: url('/wp-content/uploads/icon-surfer.svg');
}
/* KITESCHOOL_OWNER */
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="kiteschool_owner"] + span::after {
	content: '';
    background-image: url('/wp-content/uploads/icon-kiteshop.svg');
}
/* KITESTAY_HOST */
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="kitestay_host"] + span::after {
	content: '';
    background-image: url('/wp-content/uploads/icon-wind-1.svg');
}
/* SHOPPER */
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="shopper"] + span::after {
	content: '';
    background-image: url('/wp-content/uploads/icon-kitesurfer.svg');
}

form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="instructor"] + span::after,
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="kiteschool_owner"] + span::after,
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="kitestay_host"] + span::after,
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="shopper"] + span::after {
    background-size: contain;
    background-repeat: no-repeat;
	filter: grayscale(1);
	opacity: 0.3;
}
/* Change the icon on hover or checked state */
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="instructor"]:hover + span::after,
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="instructor"]:checked + span::after,
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="kiteschool_owner"]:hover + span::after,
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="kiteschool_owner"]:checked + span::after,
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="kitestay_host"]:hover + span::after,
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="kitestay_host"]:checked + span::after,
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="shopper"]:hover + span::after,
form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="shopper"]:checked + span::after {
    filter: grayscale(0);
	opacity: 1;
}

/* INSTRUCTOR PROFILE - Instructor Certification */
/* Add the SVG icon using ::after */
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[type="checkbox"] + span::after {
    position: absolute;
    top: 70px;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
    max-height: 64px;
}
/* IKO International Kiteboarding Organisation logo */
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="iko"] + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="iko-center"] + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="iko-pro-center"] + span::after {
	content: '';
    background-image: url('/wp-content/uploads/2024/11/icon-IKO.svg');
}
/* IWO International Wingfoil Organisation logo */
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="iwo"] + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="iwo-center"] + span::after {
	content: '';
    background-image: url('/wp-content/uploads/2024/11/icon-IWO.svg');
}
/* BKSA British Ktesports Association logo */
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="bksa"] + span::after {
	content: '';
    background-image: url('/wp-content/uploads/2024/11/icon-BKSA.svg');
}
/* VDWS International logo */
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="vdws"] + span::after {
	content: '';
    background-image: url('/wp-content/uploads/2024/11/icon-VDWS.svg');
}
/* Kiteboarding Australia logo */
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="kiteboarding-australia"] + span::after {
	content: '';
    background-image: url('/wp-content/uploads/2024/11/icon-kiteboarding_australia.svg');
}

form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="iko"] + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="iko-center"] + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="iko-pro-center"] + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="iwo"] + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="iwo-center"] + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="bksa"] + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="vdws"] + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="kiteboarding-australia"] + span::after {	
	background-size: contain;
    background-repeat: no-repeat;
	filter: grayscale(1);
	opacity: 0.3;
}

/* Change the icon on hover or checked state */
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="iko"]:hover + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="iko"]:checked + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="iko-center"]:hover + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="iko-center"]:checked + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="iko-pro-center"]:hover + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="iko-pro-center"]:checked + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="iwo"]:hover + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="iwo"]:checked + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="iwo-center"]:hover + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="iwo-center"]:checked + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="bksa"]:hover + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="bksa"]:checked + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="vdws"]:hover + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="vdws"]:checked + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="kiteboarding-australia"]:hover + span::after,
form.jet-form-builder .ktrr-pretty-certification-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[value="kiteboarding-australia"]:checked + span::after {
    filter: grayscale(0);
	opacity: 1;
}


/***** DARK THEME *****/
.ktrr-jet-form--dark form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[type="checkbox"] + span {
    border: 2px solid var(--color-risd);
	color: var(--color-white);
}
.ktrr-jet-form--dark form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[type="checkbox"] + span {
    background-color: var(--color-raisin);
}
.ktrr-jet-form--dark form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[type="checkbox"]:hover + span,
.ktrr-jet-form--dark form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap input[type="checkbox"]:checked + span {
    background-color: var(--color-berry-pie);
}
.ktrr-jet-form--dark form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="instructor"] + span::after,
.ktrr-jet-form--dark form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="kiteschool_owner"] + span::after,
.ktrr-jet-form--dark form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="kitestay_host"] + span::after,
.ktrr-jet-form--dark form.jet-form-builder .ktrr-form-pretty-checkboxes .jet-form-builder__fields-group .checkboxes-wrap.checkradio-wrap label input[value="shopper"] + span::after {
	filter: grayscale(0);
	opacity: 0.8;
}
.ktrr-jet-form--dark form.jet-form-builder .field-type-checkbox-field .jet-form-builder__field-label.for-checkbox>span::before {
	border: 1px solid var(--color-tropic);
}
.ktrr-jet-form--dark form.jet-form-builder .field-type-checkbox-field .jet-form-builder__field-label.for-checkbox :hover + span::before,
.ktrr-jet-form--dark form.jet-form-builder .field-type-checkbox-field .jet-form-builder__field-label.for-checkbox :checked + span::before {
	border-color: var(--color-risd) !important;
}