@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

/* ------  L O M A K E - ARVOSTELU  -------------------------------------------------*/
iframe.form-lomake {/* height: 700px!important; */}

div.vp-form { display: block; width: 80%; /*max-width: 600px;*/  background-color:transparent; margin: 5px auto!important; text-align: left; color: #333;  font-family: 'Open Sans', sans-serif; font-size: 1em; line-height: 1.7em; position: relative;}

div.form-top {position: absolute; top:40px;}
div.lomake-text {padding: 3px 0 8px 0; font-family: 'Open Sans', sans-serif; font-size: 1em; line-height: 1.7em; color:#333;}
div.lomake-label { padding: 3px 0 8px 0; font-family: 'Open Sans', sans-serif; font-size: 1em; line-height: 1.7em; color:#333; }
div.lomake-label-high { padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: 1px dotted #222;  }

div.lomake-object {padding: 3px 0 8px 0; font-family: 'Open Sans', sans-serif; font-size: 1em; line-height: 1.7em; color:#333;}
input.lomake { border: 1px solid #8F8F8F; background-color: #fff; padding: 8px 2%; width: 80%; border-radius: 10px;  font-family: 'Open Sans', sans-serif; font-size: 1em; line-height: 1.7em; color:#555;}
input.lomake:hover {box-shadow:inset 0px 0px 0px 1px #444; }

input.lomake-short { border: 1px solid #8F8F8F; background-color: #fff; padding: 8px 2%; width: 45%; border-radius: 10px;  font-family: 'Open Sans', sans-serif; font-size: 1em; line-height: 1.7em; color:#555;}
input.lomake-short:hover {box-shadow:inset 0px 0px 0px 1px #444; }

input.lomake-shorter { border: 1px solid #8F8F8F; background-color: #fff; padding: 8px 2%; width: 70px; border-radius: 10px;  font-family: 'Open Sans', sans-serif; font-size: 1em; line-height: 1.7em; color:#555;}
input.lomake-shorter:hover {box-shadow:inset 0px 0px 0px 1px #444; }

textarea.lomake-area { border: 1px solid #8F8F8F; background-color: #fff; padding: 8px 2%; width: 80%; height: 120px; border-radius: 10px;  font-family: 'Open Sans', sans-serif; font-size: 1em; line-height: 1.3em; color:#555;}
textarea.lomake-area:hover {box-shadow:inset 0px 0px 0px 1px #444; }
input.box{ border: 1px solid #8F8F8F; background-color: #fff; padding: 6px 2%; width: 20px;}

input.button { display: block; color: #fff; width: auto; margin: 10px 0 0 0; padding: 8px 15%;  background-color:#009bde;  
	text-decoration: none; border-radius: 8px; border:0; font-size: 1em; text-transform:uppercase;  font-family: "Oswald", sans-serif; font-weight: 400; }
input.button:hover {background-color: #222; color: #fff; text-decoration: none; cursor: pointer;  }

h2 { font-family: 'Open Sans', sans-serif;  font-size: 1.5em; font-weight: 400; line-height:  1.2em;  color: #222;}

a.body:link, a.body:visited { color: #009bde; font-weight: bold; text-decoration: underline; padding: 2px 5px;  }
a.body:hover {color: #fff; background-color: #009bde; text-decoration: none;  }

a.front:link, a.front:visited { color: #fff; background-color:#1291ce; font-size: .95em; text-decoration: none; padding: 5px 8px; border-radius: 5px; }
a.front:hover { text-decoration: underline; background-color:transparent; color: #1291ce;   }


span.small {font-size: .85em;}