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

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

/* FIELDS */
form .segment > .field{margin-bottom:calc(var(--ss)*24vw); position:relative; width:100%;}
.newsletter-form-block form .segment > .field{margin-bottom:calc(var(--ss)*12vw);}
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:calc(var(--ss)*11vw) calc(var(--ss)*20vw); border:calc(var(--ss)*1vw) solid var(--black); box-shadow:none; border-radius:calc(var(--ss)*25vw); background: transparent; margin-bottom:0; font:var(--p1); height:calc(var(--ss)*45vw); min-height:fit-content; display:flex; align-items: center; line-height:1; color:var(--black); width:100%; text-align: left;}

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

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

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

@media(min-width:769px){
	.newsletter-form-block form .segment > .field{margin-bottom:calc(var(--ss)*11.3vw);}

	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:calc(var(--ss)*10.3vw) calc(var(--ss)*18.8vw); border-radius:calc(var(--ss)*23.35vw); font-size:calc(var(--ss)*15vw); height:calc(var(--ss)*42.21vw);}
	
	form textarea{height:calc(var(--ss)*75vw); border-radius:calc(var(--ss)*150vw);}
}

@media(min-width:1441px){/* ERROR TEXT */
	form span.red.text {bottom:-0.75rem;}
	
	form .segment > .field{margin-bottom:1.5rem;}
	.newsletter-form-block form .segment > .field{margin-bottom:0.7rem;}
	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.64488rem 1.1725rem; border-radius:1.46563rem; font-size:0.938rem; height:2.63813rem; border-width:1px;}
	
	form textarea{height:4.6875rem; border-radius:9.375rem;}
	
	form .mainfield > label{margin-bottom:1.5rem;}
}


/* SELECT
======================================================= */
form div[data-vtype="select"]{z-index:1000;}
form .selection.dropdown{position:relative;}
.dropdown > select { display: none; }
form .default.dropdown:not(.button) > .text, form .dropdown:not(.button) > .default.text{font:var(--p1);}

form .selection.dropdown .menu{outline: 0; margin: 0; max-height:calc(var(--ss)*467vw); box-shadow: 0 2px 3px 0 rgba(34,36,38,.15); background:var(--cream); border-radius:calc(var(--ss)*50vw); border:calc(var(--ss)*1vw) solid var(--black); 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: calc(100% + calc(var(--ss)*12vw));padding: calc(var(--ss)*26.5vw);font:var(--p1); text-shadow: none; text-align: center; z-index: 1000; }

form .field .dropdown .menu > .item{font:var(--p1); color:var(--black); padding:0 calc(var(--ss)*16vw); z-index: 11; will-change: transform,opacity; width:fit-content; margin:0 auto;height:calc(var(--ss)*36vw); display:flex;align-items: center; justify-content: center; border-radius:calc(var(--ss)*30vw); transition:all 0.3s;border:calc(var(--ss)*1vw) solid var(--cream);}

form .field .dropdown .menu > .item.active{color:var(--cream); background-color:var(--black);border-color:var(--black);}
form .field .dropdown .menu > .item:focus,
form .field .dropdown .menu > .item:hover{border-color:var(--black);}

form .selection.dropdown > .dropdown.icon{width:calc(var(--ss)*13.215vw); height:calc(var(--ss)*17.589vw); top:50%; right:calc(var(--ss)*13.79vw); transform:translateY(-50%); transition: transform 0.3s; background:url('/templates/rondostratford/images/shared/arrow-down-black.svg') center / contain no-repeat; margin: 0; padding:0; opacity:1;cursor: pointer;position: absolute;z-index: 3;}
form .selection.dropdown.active > .dropdown.icon{transform:translateY(-50%) scaleY(-1);}
form .selection.dropdown > .dropdown.icon::before {display: none;}

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

@media(min-width:769px){
	form .default.dropdown:not(.button) > .text, form .dropdown:not(.button) > .default.text{font-size:calc(var(--ss)*15vw);}
	form .field .dropdown .menu > .item{font-size:calc(var(--ss)*15vw);}
}

@media(min-width:1441px){
	form .default.dropdown:not(.button) > .text, form .dropdown:not(.button) > .default.text{font-size:0.938rem;}
	form .selection.dropdown .menu{max-height:29.1875rem; border-radius:3.125rem; border:1px solid var(--black);top: calc(100% + 0.75rem);padding:1.66rem; }
	form .field .dropdown .menu > .item{font-size:0.938rem; padding:0 1rem; z-index: 11;height:2.25rem; border-radius:1.875rem; border:1px solid var(--cream);}
	
	form .selection.dropdown > .dropdown.icon{width:0.82594rem; height:1.09931rem; right:0.86rem; }
}


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

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

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){
	
}

@media(min-width:1441px){
	form .chckbox label{padding-left:2.813rem;}
	form .chckbox label:before{height:1.25rem; width:1.25rem;border:1px solid var(--black); }
}



/* RADIO
======================================================= */
form div[data-vtype="radios"] .field:not(:last-child){margin-bottom:calc(var(--ss)*24vw);}
form .radio label{ font:var(--p1); line-height: 1; padding-left:calc(var(--ss)*54vw); height:calc(var(--ss)*30vw); display:flex; align-items: center; position:relative; cursor:pointer;}
form .radio label:before{position: absolute; left:0; top:0; content:''; height:calc(var(--ss)*30vw); width:calc(var(--ss)*30vw); border-radius:50%;  background:transparent; border:calc(var(--ss)*1vw) solid var(--black); z-index:1; transition:all 0.3s; cursor:pointer; }
form .radio.checked label:before{background:var(--black);}

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

@media(min-width:769px){
	
}

@media(min-width:1441px){
	form div[data-vtype="radios"] .field:not(:last-child){margin-bottom:1.5rem;}
	form .radio label{padding-left:3.375rem; height:1.875rem;}
	form .radio label:before{height:1.875rem; width:1.875rem; border:1px solid var(--black);}
}


/* CHECKBOXES (BTN GROUP) 
======================================================= */
form div.btn-group .checkboxes label{padding: 0 calc(var(--ss)*15vw); background:transparent; color:var(--black); border:calc(var(--ss)*1vw) solid var(--black); font:var(--p1); transition: all 0.3s; height:calc(var(--ss)*35vw); display:flex; justify-content: center; align-items: center; border-radius:calc(var(--ss)*38vw); cursor:pointer;}
form div.btn-group .checkboxes.checked label{color:var(--cream); background: var(--black)}

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

@media(min-width:769px){
	
}

@media(min-width:1441px){
	form div.btn-group .checkboxes label{padding: 0 0.938rem; border:1px solid var(--black); height:2.188rem; border-radius:2.375rem;}
	
}

/* BUTTON
======================================================= */
button[type="submit"]{margin-top:calc(var(--ss)*21vw);}

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

@media(min-width:769px){
	.contact-form-block button[type="submit"]{margin-top:calc(var(--ss)*54vw);}
}

@media(min-width:1441px){
	button[type="submit"]{margin-top:1.3125rem;}
	.contact-form-block button[type="submit"]{margin-top:3.375rem;}
}




/*
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;}