/* FORM
======================================================= */

/* ERROR TEXT */
form span.red.text {position:absolute;bottom:calc(var(--ss)*-16vw); color:var(--grey); font:var(--ps)}

/* FIELDS */
/*form .segment{margin-bottom:calc(var(--ss)*38vw);}*/
form .segment > .field{margin-bottom:calc(var(--ss)*42vw); position:relative; width:100%;}
form .segment:last-child,
form .segment > .field:last-child{margin-bottom: 0;}

form input[type="text"], form input[type="text"]:focus, form input[type="text"]:hover, form .error input[type="text"],
form input[type="tel"], form input[type="tel"]:focus, form input[type="tel"]:hover, form .error input[type="tel"],
form textarea, form .selection.dropdown{padding:0  0 calc(var(--ss)*7vw); border:none; border-bottom:var(--border2); box-shadow:none; border-radius:0; background: transparent; margin-bottom:0; font:var(--p1); height:calc(var(--ss)*29vw); min-height:fit-content; display:flex; align-items: center; line-height:1; color:var(--black); width:100%; text-align: left; text-transform: uppercase; letter-spacing:var(--ls03); border-color:var(--grey)}

/*form textarea{height:calc(var(--ss)*75vw);}*/

form .mainfield > label{width:100%;font:var(--p2); font-weight: 400; margin-bottom:calc(var(--ss)*23vw);}

#required-text p{font:var(--footers);}

@media(max-width:768px){
}

@media(min-width:769px){
	form > div{max-width:calc(var(--ss)*780vw); margin:0 auto;}
    form span.red.text {bottom:calc(var(--ss)*-26vw)}
    
    /* FIELDS */
	form .segment > .field{margin-bottom:calc(67/16*1rem);}
    
    form input[type="text"], form input[type="text"]:focus, form input[type="text"]:hover, form .error input[type="text"],
	form input[type="tel"], form input[type="tel"]:focus, form input[type="tel"]:hover, form .error input[type="tel"],
	form textarea, form .selection.dropdown{padding-bottom:calc(13/16*1rem); height:calc(43/16*1rem);}

}

@media(min-width:1921px){
    /* ERROR TEXT */
	form span.red.text {bottom:calc(-26/16*1rem);}
    
    form > div{max-width:calc(780/16*1rem);}
	
	/* FIELDS */
	form .segment > .field{margin-bottom:calc(67/16*1rem);}
	
	form input[type="text"], form input[type="text"]:focus, form input[type="text"]:hover, form .error input[type="text"],
	form input[type="tel"], form input[type="tel"]:focus, form input[type="tel"]:hover, form .error input[type="tel"],
	form textarea, form .selection.dropdown{padding-bottom:calc(13/16*1rem); height:calc(43/16*1rem);}
    
	form .mainfield > label{margin-bottom:calc(23/16*1rem);}
}


/* SELECT
======================================================= */
form div[data-vtype="select"]{z-index:1000;}
form .selection.dropdown{position:relative; cursor:pointer;}
.dropdown > select { display: none; }

form .selection.dropdown .menu{outline: 0; margin: 0; height:fit-content; max-height:calc(var(--ss)*467vw); box-shadow: 0 2px 3px 0 rgba(34,36,38,.15); background:var(--lgrey); border-radius:0; border:var(--border2); width:100%;overflow-x: hidden; overflow-y: auto; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-overflow-scrolling: touch;transition: opacity .1s ease;left: 0;cursor: auto; position: absolute;  top:100%;padding:0; text-shadow: none; text-align: left; z-index: 1000; }

form .field .dropdown .menu > .item{padding:calc(var(--ss)*7vw); z-index: 11; will-change: transform,opacity; margin:0 auto;height:calc(var(--ss)*36vw); display:flex;align-items: center; justify-content: flex-start; border-radius:0; transition:all 0.3s;border:none; width:100%; cursor:pointer;}
form .field .dropdown .menu > .item:not(:last-child){border-bottom:var(--border2); border-color:#AAAAAA}

form .field .dropdown .menu > .item.active{background-color:var(--white);}
form .field .dropdown .menu > .item:not(.ative):focus,
form .field .dropdown .menu > .item:not(.ative):hover{background-color:var(--blue)}

@media(max-width:768px){
}

@media(min-width:769px){
    form .selection.dropdown .menu > .item{padding:calc(var(--ss)*13vw);height:calc(var(--ss)*56vw);}
}

@media(min-width:1921px){
	form .selection.dropdown .menu{max-height:calc(467/16*1rem); }

	form .field .dropdown .menu > .item{padding:calc(13/16*1rem); height:calc(46/16*1rem)}

}


/* CHECKBOX
======================================================= */
form .chckbox{width:100%;}
form .chckbox label{display:flex;padding-left:calc(var(--ss)*29vw); font:var(--ps); margin-bottom:0; align-items:center; padding-top:0; height:fit-content;}

form .chckbox label:before{position: absolute; left:0; top:50%; transform:translateY(-50%);content:''; height:calc(var(--ss)*13vw); width:calc(var(--ss)*13vw); color:var(--black); background:transparent; border:var(--border2); z-index:1; transition:border 0.3s; display: flex; justify-content: center; align-items: center; cursor:pointer; border-radius:0}

form .chckbox.checked label:before{ content: "✓";}

form .chckbox:after,
form .chckbox label:after{display:none;}

form .field.error .chckbox label::before{background:transparent;}
form .chckbox label a{text-decoration: underline;}

@media(max-width:768px){
}

@media(min-width:769px){
    form .chckbox label{padding-left:calc(var(--ss)*54vw);}

	form .chckbox label:before{width:calc(var(--ss)*25vw); height:calc(var(--ss)*25vw); border-color:#AAAAAA}
}

@media(min-width:1921px){
	form .chckbox label{padding-left:calc(54/16*1rem);}

	form .chckbox label:before{height:calc(25/16*1rem); width:calc(25/16*1rem);}
}



/* RADIO
======================================================= */

/*
form .radio label{ font:var(--p2); line-height: 1; padding-left:calc(var(--ss)*50vw); height:calc(var(--ss)*28vw); display:flex; align-items: center; position:relative; cursor:pointer;}
form .radio label:before{position: absolute; left:0; top:0; content:''; height:calc(var(--ss)*26vw); width:calc(var(--ss)*26vw); border-radius:0;  background:transparent; border:var(--border2); z-index:1; transition:all 0.3s; cursor:pointer; }
form .radio.checked label:before{background:var(--Golden-Hour);}

@media(max-width:768px){
    form div[data-vtype="radios"] .field:not(:last-child){margin-bottom:calc(var(--ss)*14vw);}
}

@media(min-width:769px){
    form .mainfield[data-vtype="radios"] > .field{width:calc(var(--ss)*333vw)}
	
}

@media(min-width:1921px){
     form .mainfield[data-vtype="radios"] > .field{width:calc(333/16*1rem)}
    
    form .radio label{padding-left:calc(50/16*1rem); height:calc(28/16*1rem);}
    form .radio label:before{height:calc(26/16*1rem); width:calc(26/16*1rem); }
}
*/


/* CHECKBOXES (BTN GROUP) 
======================================================= */
/*
form div.btn-group .checkboxes label{padding: 0 calc(var(--ss)*12vw); background:transparent; color:var(--Rich-Steel); border:var(--border2); font:var(--p2); transition: all 0.3s; height:calc(var(--ss)*35vw); display:flex; justify-content: center; align-items: center; border-radius:0; cursor:pointer; width:calc(var(--ss)*70vw)}
form div.btn-group .checkboxes.checked label{color:var(--Morning-Haze); background: var(--Rich-Steel)}

@media(max-width:768px){
}

@media(min-width:769px){
    form div.btn-group .checkboxes label{width:calc(var(--ss)*157vw)}
}

@media(min-width:1921px){
	form div.btn-group .checkboxes label{padding: 0 calc(12/16*1rem); height:calc(35/16*1rem); width:calc(157/16*1rem)}
}
*/

/* BUTTON
======================================================= */
button[type="submit"]{margin-top:0; width:100%;}
button[type="submit"]:hover{color:var(--greyalt);}

@media(max-width:768px){
}

@media(min-width:769px){
	button[type="submit"]{width:calc(var(--ss)*412vw); margin-right:auto; margin-left:auto; height:calc(var(--ss)*53vw)}
}

@media(min-width:1921px){
	button[type="submit"]{ width:calc(412/16*1rem); height:calc(53/16*1rem)}
}




/*
PLACEHOLDERS :-(
========================================================== */

input::-webkit-input-placeholder { opacity:1; color:inherit !important; font:inherit;}
input::-moz-placeholder { opacity:1; color:inherit !important; font:inherit; padding:inherit; border-radius:inherit;}
input:-ms-input-placeholder { opacity:1; color:inherit !important; font:inherit; padding:inherit; border-radius:inherit;}
input:-moz-placeholder { opacity:1; color:inherit !important; font:inherit; padding:inherit; border-radius:inherit;}

textarea::-webkit-input-placeholder { opacity:1; font:inherit; color:inherit !important; padding:0;}
textarea::-moz-placeholder { opacity:1; font:inherit; color:inherit !important; padding:0; border-radius:inherit;}
textarea:-ms-input-placeholder { opacity:1; font:inherit; color:inherit !important; padding:0; border-radius:inherit;}
textarea:-moz-placeholder { opacity:1; font:inherit; color:inherit !important; padding:0; border-radius:inherit;}