/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 28 2018 | 19:30:23 */
.nf-form-wrap .nf-form-layout  {padding: 0px; max-width: 100%; text-align:left;}
.nf-form-content {padding: 0;}

/* ### Ensimmäisen kolmen rivin säätäminen kolmeen ### */
#nf-field-1-container, #nf-field-2-container, #nf-field-8-container {display:inline-block;width:32%; }
#nf-field-1-container, #nf-field-2-container {margin-right:1.3%;}

/* ### Pikkuotsikoiden säätöjä ### */
.nf-field-label label {padding-top: 20px;}
.nf-form-content label {font-size: 18px; line-height: 26px; font-family: "Muli", Sans-serif;}

/* ### Syötekentän säätöjä ### */
.nf-field-element .ninja-forms-field.nf-element  {background-color:#fff; font-family: "Muli", Sans-serif;}

/* ### piilota ilmoitus kuinka monta merkkiä jäljellä ### */
.nf-input-limit {display:none;}

/* ### Tähtimerkin ja virheilmoitusten säätöjä, muutoin syötekentät pomppaavat ylöspäin virheilmoituksen tullessa näkyviin ### */
.ninja-forms-req-symbol {color:yellow;}
.nf-error-msg,.ninja-forms-req-symbol{ font-family: "Muli", Sans-serif; color:yellow !important;}
.nf-response-msg p {font-size:18px;}
#nf-error-1 .nf-error-required-error,
#nf-error-2 .nf-error-required-error, /*huom! EI identtinen*/
#nf-error-2 .nf-error-invalid-email {font-family: "Muli", Sans-serif; position: absolute; left:0px; top:0px;} 


@media (max-width: 767px) {  /* ####### TABLETTINÄKYMÄ  ####### */
  .nf-form-wrap .nf-form-layout {padding: 0 12% 0 12%; width: 100%; text-align:left;}
  #nf-field-1-container, #nf-field-2-container, #nf-field-8-container {display:block;width:100%; }
  #nf-field-1-container, #nf-field-2-container {margin-right:0%;}
}   /* end media query */

@media (max-width: 479px) { /* ####### MOBIILINÄKYMÄ  ####### */
  .nf-form-wrap .nf-form-layout  {padding: 5px; max-width: 100%; text-align:left;}
  .elementor-element.elementor-widget.elementor-widget-shortcode {margin:10px 10px;}
  #nf-field-1-container, #nf-field-2-container, #nf-field-8-container {display:block; width:100%; }
  #nf-field-1-container, #nf-field-2-container {margin-right:0%; margin-left:0;}
}   /* end media query */

  
/* # # # # # LÄHETÄ-PAINIKKEEN SÄÄTÖJÄ # # # # # */

.submit-wrap .nf-field-element .ninja-forms-field.nf-element  
    {height: auto; padding:20px 30px; width:100%; background-color:rgba(255,255,255,0); color: rgba(255,255,255,1); font-size:15px; border:solid #fff 3px;
    font-family: "Amiko", Sans-serif; font-weight: 600; text-transform: uppercase; line-height: 1.5em; letter-spacing: 2px; }

.submit-wrap .nf-field-element .ninja-forms-field.nf-element:hover 
{background-color:rgba(255,255,255,0.8); color:#555; margin-top:-10px; margin-bottom:10px; border-width:0; padding:23px 33px;}
.elementor-button:focus, .elementor-button:hover, .elementor-button:visited {color: rgba(255,255,255,0.8);} 

@media (min-width: 768px) {
  /* ### ettei lomakkeen painike ole 100% leveä isolla näytöllä ### */
  .submit-wrap .nf-field-element .ninja-forms-field.nf-element {width:auto;}
} /*end media query*/

/*button shadow removal*/
.button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input#searchsubmit:hover, 
    .pagination span.current, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, 
    .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .hestia-sidebar-open.btn.btn-rose:hover, 
    .hestia-sidebar-close.btn.btn-rose:hover, .pagination span.current:hover 
    { -webkit-box-shadow: none; box-shadow: none;}
/* the button shadow on hover: */
/*   .button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input#searchsubmit:hover, 
    .pagination span.current, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, 
    .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .hestia-sidebar-open.btn.btn-rose:hover, 
    .hestia-sidebar-close.btn.btn-rose:hover, .pagination span.current:hover {
    -webkit-box-shadow: 0 14px 26px -12px rgba(0,0,0,0.5),0 4px 23px 0 rgba(0,0,0,0.12),0 8px 10px -5px rgba(0,0,0,0.5);
    box-shadow: 0 14px 26px -12px rgba(0,0,0,0.5), 0 4px 23px 0 rgba(0,0,0,0.12), 0 8px 10px -5px rgba(0,0,0,0.5);}
*/