.ce_form {
	--cl-input-text: var(--cl2);
	--cl-input-bg: var(--cl4);
	--cl-label: var(--cl-copy);
	--cl-select: var(--cl-copy);
}
.highlight .ce_form {
	--cl-input-text: var(--cl2);
	--cl-input-bg: white;
	--cl-label: white;
	--cl-select: var(--cl-copy);
}
.ce_form .formbody,
.mod_login .formbody {
	display: flex;
	flex-direction: column;
	gap: clamp(0.8rem,1.5vw,1rem);
}
.ce_form .widget,
.mod_login .widget {
	/* margin-bottom: 1.2rem; */
	display: flex;
	flex-direction: column;
	gap: clamp(0.3rem,1vw,0.4rem);
	justify-content: flex-start;
	align-items: flex-start;
}
.ce_form input[type="text"],
.ce_form input[type="email"],
.ce_form input[type="tel"],
.ce_form input[type="search"],
.ce_form input[type="password"],
.ce_form textarea,
.mod_login input[type="text"],
.mod_login input[type="password"],
.mod_login textarea {
	display: block;
	width: 100%;
	border: none;
	padding: clamp(.3rem,1vw,.5rem);
	background-color: var(--cl-input-bg);
	border-bottom: 1px solid var(--cl1);
	transition: background-color .3s;
	outline: none;
	font-family: var(--font-copy);
	font-size: var(--md);
	color: var(--cl-input-text);
/* 	padding-left: clamp(.3rem,1.1vw,0.7rem); */
	line-height: var(--lh-md);
	
}
.highlight .ce_form  input[type="text"],
.highlight .ce_form  input[type="email"],
.highlight .ce_form  input[type="tel"],
.highlight .ce_form  input[type="search"],
.highlight .ce_form  input[type="password"],
.highlight .ce_form  textarea,
.highlight .mod_login input[type="text"],
.highlight .mod_login input[type="password"],
.highlight .mod_login textarea {
	border-bottom-color: white;
	
}
.highlight .ce_form input:focus,
.highlight .mod_login input:focus,
.highlight .ce_form textarea:focus,
.highlight .mod_login textarea:focus {
	background-color: #ffffff;
}
.ce_form input:focus,
.mod_login input:focus,
.ce_form textarea:focus,
.mod_login textarea:focus {
	background-color: #ffffff;
}
.ce_form textarea {
/* 	resize: none; */
	resize: vertical;

}
.ce_form label,
.ce_form legend,
.mod_login label {
	display: block;
	margin-bottom: 0rem;
	font-size: var(--sm);
	color: var(--cl-label);
}
input:focus::placeholder {
	color: transparent;
}
.ce_form select,
.ce_form input[type="file"] {
	/* margin-bottom: .5rem; */
	font-size: var(--sm);
	padding: .2rem;
	padding-right: .4rem;
	background-color: white;
	/* border: 1px solid var(--cl1); */
}
.ce_form input[type="file"] {
	color: var(--color3);
	background-color: white;
	
}
.ce_form select {
	min-width: 9rem;
	border-radius: 0.4rem;
	padding: clamp(0.3rem,0.4vw,.7rem);
	border: none;
	outline: none;
	font-family: var(--font-copy);
    -moz-appearance:none;
    -webkit-appearance:none;
	appearance:none;
	position: relative;
	background-color: var(--cl-input-bg);
	color: var(--cl-select);
	background: url(../img/icons/select-arrow.svg) no-repeat right transparent;
}
.ce_form select option {
	
	
}
.widget-select {
	position: relative;
	align-self: flex-start;
}
.widget-select:before {
	content: '';
	position: absolute;
	display: block;
	right: 0rem;
	z-index: 9999999;
	background: url(../img/icons/chevron-down.svg) no-repeat center transparent;
	height: 55%;
	top: 0rem;
	pointer-events: none;
	background-size: clamp(.5rem,1vw,1rem);
	aspect-ratio: 1.2;
	cursor: pointer;
	
}
.ce_form__error {
	color: red;
	font-size: var(--md);
	
}
.widget-submit {
	align-self: flex-start;
	
}
.widget-checkbox {
	
}
.widget-checkbox legend {
	margin-bottom: .5rem;
	
}
.widget-checkbox .checkbox_container {
	padding: 0rem;
	border: none;
	
}
.widget-checkbox .checkbox_container span {
	display: grid;
	grid-template-columns: min-content 1fr;
	gap: .5rem;
	
}
.widget-explanation p:last-of-type {
	margin-bottom: 0rem;
	
}