/*
 Theme Name:   Joinas Divi 4.2
 Theme URI:    https://joinas.fi
 Description:  Asiakas: Grants Funding Oy
 Author:       Joinas Oy
 Author URI:   https://joinas.fi
 Template:     Divi
 Version:      4.2
*/

/***** Teeman muokkaukset *****/

/* Asiakkaan ilme */

:root {
  --asiakasvari: #482E51; 
  --tummaasiakasvari: #342240;
  --asiakastehostevari: #077871;
  --toinenasiakastehostevari: #077871;
  --asiakasfontti: 'Poppins', sans-serif;
  --asiakasotsikkofontti: 'Aleo', serif;
}

/* Ei vareja tai fontteja taman alle */
/* Typografia */

body {
	font-family: var(--asiakasfontti);
	font-weight: 400;
}


h1, div#page-container div#main-content h1
{ 
	font-family: var(--asiakasotsikkofontti);
 }

h2, h3, h4, h5 {
  font-family: var(--asiakasfontti);
  font-weight: 700;
}

.et_pb_bg_layout_light h1,
.et_pb_bg_layout_light h2,
.et_pb_bg_layout_light h3,
.et_pb_bg_layout_light h4 { color: var(--asiakasvari);  }

h1 span { color: var(--toinenasiakastehostevari); }
h2 span { color: var(--asiakastehostevari); }

div#page-container div#main-content h2, h2 {  font-size: 24px; margin-top: 20px; margin-bottom: 5px; line-height: 1.45; }
div#page-container div#main-content h3, h3 {  font-size: 20px; margin-top: 10px; color: var(--asiakasvari); line-height: 1.45; }
div#page-container div#main-content h4, h4 { }


/* Kustomoidut luokat */


h2.iso { font-size: 43px !important; line-height: 1.35; }
.blur .et_parallax_bg { -webkit-filter: blur(15px); -moz-filter: blur(15px); -o-filter: blur(15px); -ms-filter: blur(15px); filter: blur(15px); }

/* WOO!  */

div.woocommerce-notices-wrapper { 
  z-index: 999; 
  position: fixed;
  width: 100%;
}
div.woocommerce-notices-wrapper div{ 
  -webkit-box-shadow: 0px 10px 25px 0px rgba(72,46,81,0.15); 
  -moz-box-shadow: 0px 10px 25px 0px rgba(72,46,81,0.15); 
  box-shadow: 0px 10px 25px 0px rgba(72,46,81,0.15);
}
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message { background: var(--tummaasiakasvari); }

/* Nelirivi  */

div.nelirivi { display: grid !important; grid-template-columns: repeat(2, 1fr); column-gap: 25px; }
div.nelirivi div.et_pb_column_1_6 {
  /* width: 47% !important;
  float: left; */
  width: calc(100% - 0px) !important;
  display: inline-grid;
  min-height: 400px;
  margin-bottom: 30px;
}

/* Asiakasryhma-kortti */

.asiakasryhma_slider {
  width: 100%;
  max-width: 100%;
overflow-x: scroll;
overflow-y: hidden;
display: grid;
scroll-snap-type: x mandatory;
}
.asiakasryhma_slider .asiakasryhma_kortti {
  font-size: 18px;
line-height: 1.8em;
background-color: #F7F5F0;
border-radius: 10px 10px 10px 10px;
overflow: hidden;
padding-top: 8vw!important;
padding-right: 5vw!important;
padding-bottom: 8vw!important;
padding-left: 5vw!important;
width: 92%;
max-width: 92%;
scroll-snap-align: center;
margin-left: auto!important;
margin-right: auto!important;
}
.asiakasryhma_slider .asiakasryhma_kortti p {
padding-top: 0px;
}
div#page-container div#main-content .asiakasryhma_slider .asiakasryhma_kortti h2 {
padding-bottom: 0px;
margin-bottom: 0px;
margin-top: 40px;
}
.asiakasryhma_slider .asiakasryhma_kortti a {
font-weight: 600;
text-decoration: underline;
-webkit-text-decoration-color: RGBA(255,255,255,0);
text-decoration-color: RGBA(255,255,255,0);
font-size: 15px;
color: #077871 !important;
}

.asiakasryhma_ikoni { max-width: 132px; }

.soveltuvat { margin-top: 30px; }
.soveltuvat .asiakasryhma_kortti { margin-bottom: 30px; }
.palvelunostot .asiakasryhma_kortti { 
  margin-bottom: 60px; 
  background-color: var(--asiakasvari);
}
.palvelunostot .asiakasryhma_kortti h2 { color: #ffffff; }
.palvelunostot .asiakasryhma_kortti p { color: #daccb7; }
.palvelunostot .asiakasryhma_kortti a.luelisaa { color: #ffffff !important; }

/* Testimoniaali-fix */

.et-db #et-boc .et-l .et_pb_testimonial { overflow: visible !important; }
.et-db #et-boc .et-l .et_pb_testimonial:before {  }

/* Logoseina */

.logoseina {
  width: 100%;
  text-align: center;
}
.logoseina div.logoseinan_logo {
  display: inline-block;
  margin:  0 auto;
  border: 15px solid #ffffff;
  width:  180px;
  height: 130px;
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.logoseina::after {
  content: "";
  clear: both;
  display: table;
}

/* Listaukset */

.single-post div#et-main-area div#main-content div ul,
.laskeutumissivut-template-default div#et-main-area div#main-content div ul, 
div#et-main-area div#main-content div.et_pb_text_inner ul { list-style-type: none; padding: 10px 0px; margin: 0; } 
.single-post div#et-main-area div#main-content div ul li,
.laskeutumissivut-template-default div#et-main-area div#main-content div ul li,
div#et-main-area div#main-content div.et_pb_text_inner ul li { position: relative; padding-left: 30px; padding-bottom: 5px; }
.single-post div#et-main-area div#main-content div ul li:before,
.laskeutumissivut-template-default div#et-main-area div#main-content div ul li:before ,
div#et-main-area div#main-content div.et_pb_text_inner ul li:before {
	content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: var(--asiakasvari); 
    font-size: 12px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0px;
}

.single-post div#et-main-area div#main-content div ol,
div#et-main-area div#main-content div.et_pb_text_inner ol,
.laskeutumissivut-template-default div#et-main-area div#main-content div ol {
  list-style: none;
  counter-reset: numerointi;
  margin-top: 10px;
}
.single-post div#et-main-area div#main-content div ol li,
div#et-main-area div#main-content div.et_pb_text_inner ol li,
.laskeutumissivut-template-default div#et-main-area div#main-content div ol li {
  counter-increment: numerointi;
  margin-left: 30px;
  margin-bottom: 5px;
}
.single-post div#et-main-area div#main-content div ol li::before,
div#et-main-area div#main-content div.et_pb_text_inner ol li::before,
.laskeutumissivut-template-default div#et-main-area div#main-content div ol li::before {
  content: counter(numerointi) ". ";
  color: var(--asiakastehostevari);
  font-weight: bold;
  position: absolute;
  left: 0;
}

div#et-main-area div#main-content div.et_pb_text_inner ul.checklist li:before {  content: "\f00c" !important; }

a[href^="tel:"], a[href^="mailto:"], a.whatsapp { white-space: nowrap; text-decoration: none !important; }
 a[href^="tel:"]:before { 
    content: "\f095";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /* color: var(--asiakasvari); */
    padding-right: 0.5em;
    padding-left: 1em; 
    position: relative;
    top: 0px;
    left: 0px;
}
 a.whatsapp:before { 
    content: "\f232";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: var(--asiakasvari); 
    padding-right: 0.5em;
    padding-left: 1em; 
    position: relative;
    top: 0px;
    left: 0px;
}
 a[href^="mailto:"]:before { 
    content: "\f0e0";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: var(--asiakasvari); 
    padding-right: 0.5em;
    padding-left: 1em;    
    position: relative;
    top: 0px;
    left: 0px;
}
.et_pb_bg_layout_dark a[href^="mailto:"]:before, .et_pb_bg_layout_dark a[href^="tel:"]:before, .et_pb_bg_layout_dark a.whatsapp:before { color: #ffffff; } 
.et-l--footer .et_pb_bg_layout_dark a[href^="mailto:"]:before, .et-l--footer .et_pb_bg_layout_dark a[href^="tel:"]:before, .et-l--footer .et_pb_bg_layout_dark a.whatsapp:before { color: #ffffff; } 

/* Kategoriasivun muotoilut */

a.more-link { top: 10px; position: relative; }
a.more-link::after {
  transition-timing-function: ease-in-out;
  transition: 1s;
  content: " \24"; 
  font-family: 'ETmodules';
  font-weight: normal;
  position: absolute;
}
a.more-link:hover::after {
  padding-left: 5px;
}
.single-post .et_pb_section .et_pb_post_title .et_pb_title_container { max-width: 850px; margin: 0 auto; }
.et_pb_blog_grid .et_pb_post { padding: 40px !important; }
body.home .et_pb_blog_grid .et_pb_post { padding: 0px !important; }
.et_pb_blog_grid .et_pb_image_container { margin: -40px -39px 29px !important; }

.fluid-width-video-wrapper { margin-bottom: 20px; }

div.et_pb_post_content blockquote { font-size: 20px; color: var(--asiakastehostevari); border-color: var(--asiakastehostevari); border-left: 4px solid; line-height: 1.65;  }

/* Footer */

.footer-listaus h3 { font-size: 18px !important; }
div#et-main-area footer div.footer-listaus div.et_pb_text_inner ul { list-style-type: none !important; padding: 10px 0px; margin: 0; } 
div#et-main-area footer div.footer-listaus div.et_pb_text_inner ul li { position: relative; padding-left: 30px; padding-bottom: 5px; }
div#et-main-area footer div.footer-listaus div.et_pb_text_inner ul li:before,
#asiakasryhma-valikko h4:before {
    content: "- ";   
    font-size: 12px;
    padding-right: 0.5em;
    position: absolute;
    top: 0px;
    left: 0px;
}
#asiakasryhma-valikko article { margin-bottom: 0px !important; }
#asiakasryhma-valikko .et-db #et-boc .et-l .et_pb_post {  }

/* JATKA-lomake */

#gform_wrapper_2 {
  max-width: 530px;
  margin:  0 auto;
  background-color: #ffffff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 10px 25px 0px rgba(72,46,81,0.15); 
  -moz-box-shadow: 0px 10px 25px 0px rgba(72,46,81,0.15); 
  box-shadow: 0px 10px 25px 0px rgba(72,46,81,0.15);
  padding: 10px;
}
#gform_wrapper_2 button {
  border-radius: 7px;
  background-color: var(--asiakasvari);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  border: 0px;
  width: 100%;
}
#gform_wrapper_2 input {
  border: 0px !important;
}

#gform_wrapper_2 #validation_message_2_1 { display: none;  }
#gform_wrapper_2 #gform_2_validation_container { 
  border: 0px;  
  background-color: #ECE9ED;
  text-align: left;
  padding: 25px;
  margin-top: 0px;
   -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); 
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); 
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); 
}
#gform_wrapper_2 #gform_2_validation_container h2 {
  font-size: 16px !important;
  color: var(--asiakasvari);
  margin: 0px !important;
  padding: 0px !important;
}
#gform_wrapper_2 #gform_2_validation_container span.gform-icon { display: none; }

/* Uutiskirje-lomake */

#gform_wrapper_3 {
  max-width: 550px;
  margin:  0 auto;
  
}
#gform_wrapper_3 button {
  border-radius: 7px;
  background-color: var(--asiakasvari);
  color: #ffffff;
  font-size: 16px;
  font-weight: 600;
  border: 0px;
  width: 100%;
  padding: 15px 20px !important;
  height: auto !important;
}
#gform_wrapper_3 input {
  border: 0px !important;
    border-radius: 7px !important;
  padding: 17px 20px !important;
}

#gform_wrapper_3.gform_wrapper .gfield_error label { color: var(--asiakasvari) !important; }
#gform_wrapper_3 #validation_message_3_1, #gform_3_validation_container { display: none;  }
#gform_wrapper_3 #gform_3_validation_container, #validation_message_3_2 { 
  border: 0px;  
  border-radius: 7px;
  background-color: var(--asiakastehostevari);
  color: #ffffff;
  text-align: left;
  padding: 25px;
  margin-top: 0px;
   -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); 
  -moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); 
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0); 
}
#gform_wrapper_3 #gform_3_validation_container h2 {
  font-size: 16px !important;
  color: var(--asiakasvari);
  margin: 0px !important;
  padding: 0px !important;
}
#gform_wrapper_3 #gform_3_validation_container span.gform-icon { display: none; }

/* Asiakasryhmavalikko */

#asiakasryhma-valikko h4 {
  font-weight: 400 !important;
  font-size: 14px !important;
  margin:  0px;
  padding: 0px;
  padding-left: 30px;
}

#asiakasryhma-valikko article {
  margin:  0px;
  padding: 0px 0px 24px 0px;
}
/* Mobiilimenu & dropdown */

/* Toissijaisen valikon muutokset */

.joinas-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.joinas-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
}
 
.joinas-hide-mobile-menu .et_mobile_nav_menu {
    display: none !important;
}

.et_pb_menu_0_tb_header.et_pb_menu ul li.current_page_item a {  }
.et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item.menu-item-has-children ul li a { color: var(--asiakasvari) !important;  }
.et-menu .menu-item-has-children>a:first-child { /* padding-right: 0px;*/ }
.et-menu .menu-item-has-children>a:first-child:after {/* content: ""; */ }
.nav li ul.sub-menu {
  width: 400px;
  border-radius: 5px;
  border-top: 0px;
  -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.07); 
  -moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.07); 
  box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.07);
}
.nav li ul.sub-menu a {
  width: 360px;
}

.mega-menu ul.sub-menu {
  width: 100% !important;
}

li.mega-menu ul.sub-menu { padding: 50px; }
.et_pb_menu_1_tb_header.et_pb_menu .nav li.mega-menu ul { background-color: var(--tummaasiakasvari) !important; }

.et-menu-nav li.mega-menu>ul>li>a:first-child { font-size: 22px; }
.et_pb_menu_1_tb_header.et_pb_menu .nav li.mega-menu ul.sub-menu li.menu-item-has-children a { color: #ffffff !important; }
.et_pb_menu_1_tb_header.et_pb_menu .nav li.mega-menu ul.sub-menu li.menu-item-has-children ul.sub-menu li a { color: #daccb7 !important; }
.et_pb_menu_1_tb_header.et_pb_menu .nav li.mega-menu ul.sub-menu li.menu-item-has-children ul.sub-menu li.current-menu-item a { color: #ffffff !important; }
.et_pb_menu_1_tb_header.et_pb_menu .nav li.mega-menu ul.sub-menu li.menu-item-has-children ul.sub-menu li.current-menu-item a::before {
  content: "•";
  color: #ffffff;
  position: absolute;
  left: -0px;
}
#mobile_menu2 ul.sub-menu { background-color: var(--tummaasiakasvari) !important; }

nav.et-menu-nav .et-menu li li a { padding: 18px 20px !important; }

/* .et_mobile_menu { left: 10px; width: calc(100% - 20px); } */
#mobile_menu2 { border-radius: 10px; border-top: 0px; }
#mobile_menu2.et_mobile_menu li a { padding: 25px 10%; text-align: left; }

#mobile_menu2.et_mobile_menu li.current-menu-item a, #mobile_menu2.et_mobile_menu li.second-level a { background-color: rgba(218, 204, 183, .025);  }
#mobile_menu2.et_mobile_menu li.current_page_parent a { border-radius: 10px; }

#mobile_menu2.et_mobile_menu li.current-menu-item li a::before { content: ""; } 
#mobile_menu2.et_mobile_menu { padding: 0px; top: 55px; -webkit-box-shadow: 0px 10px 80px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 10px 80px 0px rgba(0,0,0,0.3); box-shadow: 0px 10px 80px 0px rgba(0,0,0,0.3); }

.mobile_nav.opened .mobile_menu_bar:before {
 content: '\4d';
}

.et_mobile_menu .menu-item-has-children > a {
background-color: transparent;
position: relative;
}
.et_mobile_menu .menu-item-has-children > a:after {
font-family: 'ETmodules';
content: '\4c';
font-weight: normal;
position: absolute;
font-size: 18px;
top: 25px;
right: 30px;
}
.et_mobile_menu .menu-item-has-children > .icon-switch:after{
content: '\4d';
}
.et_mobile_menu ul.sub-menu li {
display: none;
}

.et_mobile_menu li.mega-menu ul.sub-menu {
padding:  0px;
}

.et_mobile_menu li.mega-menu ul.sub-menu li ul li {
background-color: rgba(0, 0, 0, .2);
}

.et_mobile_menu ul.sub-menu li.reveal-items {
display: block !important;
}

.et_mobile_menu li li, .et_pb_menu .et_mobile_menu li ul { padding-left: 0px; }


/* Lomakemuotoilut */

/* Listausten poistaminen */
div#et-main-area div#main-content div.et_pb_text_inner .gform_wrapper ul li { position: relative; padding-left: 0px; padding-bottom: 0px; }
div#et-main-area div#main-content div.et_pb_text_inner .gform_wrapper ul li:before {
  content: "";
}

/*----*/

.et_pb_bg_layout_dark .gform_wrapper ul.gform_fields .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
  border: 2px solid #ffffff; padding: 15px 20px;
}
body .et_pb_bg_layout_light .gform_wrapper ul li.gfield { margin-top: 0px; }
.et_pb_bg_layout_light div.gform_wrapper div.gform_footer { margin-top: 0px; padding: 0px; }
.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label { font-size: 16px; }
.gform_wrapper ul.gform_fields .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	padding: 14px 14px;
}

.et_pb_bg_layout_dark .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .et_pb_bg_layout_dark .gform_wrapper textarea {
	border: 0px;
}
.et_pb_bg_layout_light .gform_wrapper textarea { padding: 14px 14px;  }
.et_pb_bg_layout_dark .gform_wrapper textarea { padding: 14px 14px; }

.gform_wrapper div.gform_body ul.gform_fields div.ginput_container { margin-top: 2px; }
.gform_wrapper ul.gform_fields li.gfield { padding-right: 0px !important; }
.gform_wrapper .gform_footer input[type=submit].gform_button,
div#page-container div#main-content button[type=submit]._submit { font-family: var(--asiakasfontti) !important; font-size: 16px; width: 100%; padding: 17px 20px !important; border: 0px; background-color: var(--tummaasiakasvari) !important; color: #fff; font-weight: 600; border-radius: 2px; cursor: pointer; }
.et_pb_bg_layout_dark .gform_wrapper .gform_footer input[type=submit].gform_button {  background-color: var(--asiakastehostevari); color: var(--tummaasiakasvari);}
.gform_wrapper li.hidden_label input { margin-top: 0px !important; }
.gform_wrapper .gform_footer { margin-top: 0px !important; }
body .gform_wrapper ul li.gfield { margin-top: 10px !important; }

.gform_wrapper input::placeholder, .gform_wrapper textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--asiakasvari);
    opacity: 1; /* Firefox */
    font-size: 16px;
    font-style: italic;
}

.gform_wrapper input:-ms-input-placeholder, .gform_wrapper textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: var(--asiakasvari);
    font-size: 16px;
    font-style: italic;
}

.gform_wrapper input::-ms-input-placeholder, .gform_wrapper textarea::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--asiakasvari);
    font-size: 16px;
    font-style: italic;
} 

.et_pb_bg_layout_dark .gform_wrapper { margin: 0px; }

.gform_wrapper input[type=text], 
.gform_wrapper input[type=password], 
.gform_wrapper input[type=tel], 
.gform_wrapper input[type=email], 
.gform_wrapper input.text, 
.gform_wrapper input.title, 
.gform_wrapper textarea {
  border: 0px;
  border-bottom: 1px solid;
  border-color: var(--asiakasvari) !important;
  border-radius: 0px !important;
}
.et_pb_bg_layout_light .gform_wrapper ul.gform_fields .ginput_container textarea:focus, .et_pb_bg_layout_light .gform_wrapper ul.gform_fields .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus, .gform_wrapper ul.gform_fields .ginput_container textarea:focus, .gform_wrapper ul.gform_fields .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):focus {
  border-bottom: 2px solid !important; border-color: var(--asiakasvari) !important; font-style: normal !important; font-weight: 500 !important; background-color: #F9F9FA !important;
}
.gform_wrapper li.gf_left_half { margin-right: 8px; width: calc(50% - 8px) !important; }
.gform_wrapper li.gf_right_half { margin-left: 8px !important; width: calc(50% - 8px) !important; } 


/* VIRHEILMOITUKSET */
div.et_pb_module .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) { margin: 0 auto; max-width: 100% !important; width: 100% !important;}
.gform_wrapper div.validation_message { color: var(--asiakasvari); line-height: 1.5; }
.gform_wrapper div.validation_error { color: #fff !important; border: 0px !important; background-color: var(--asiakasvari); border-radius: 5px; margin-top: 30px !important; margin-bottom: 0px !important; padding: 16px 20px !important; }
.gform_wrapper li.gfield_error div.ginput_container ul li label { color: #2d2d2d !important; }
.gform_wrapper .gfield_error .gfield_label { color: var(--tummaasiakasvari) !important;  }
.gform_wrapper li.gfield_error { text-align: left !important;  }
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description { padding-top: 7px !important; }
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning { background-color: rgba(255, 255, 255, 0) !important; border-top: 0px !important; border-bottom: 0px !important; padding-top: 0px !important; }
.gform_wrapper li.gfield_error ul.gfield_checkbox { color: #fff; }
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea { border-color:  var(--asiakastehostevari) !important; }

/* AC  */
div#page-container div#main-content form._form {
  padding: 0px !important;
  margin:  0px !important;
  font-family: var(--asiakasfontti) !important;
  font-size: 16px !important;
}
div#page-container div#main-content form._form p,
div#page-container div#main-content form._form legend,
div#page-container div#main-content form._form span label {
    font-family: var(--asiakasfontti) !important;
  font-size: 16px !important;
}
div#page-container div#main-content form._form ._field-wrapper input {
    padding: 14px 14px;
    background-color: #F7F5F0!important;
    border:  0px;
}

/* Palstajarjestyksen muuttaminen */

@media all and (max-width: 980px) {
/*** wrap row in a flex box ***/
.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
/*** custom classes that will designate the order of columns in the flex box row ***/
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
/*** add margin to last column ***/
.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
}

a.et_pb_button.viivanappi:hover { background-color: rgba(0,0,0,.0) !important; }
a.et_pb_button.viivanappi, a.et_pb_button.viivanappi:hover { padding-right: 30px !important; }
a.et_pb_button.viivanappi::after { 
  content: "\f178" !important;
    font-family: 'Font Awesome 5 Pro' !important;
    font-style: normal;
    font-weight: 300;
    text-decoration: inherit;
    font-size: 16px;
    padding-right: 0.5em;
    position: absolute;
    top: 7px;
    right: 0px;
  display: inline-block !important;
 }

a.et_pb_button.viivanappi.et_pb_bg_layout_light:hover::after { right: -5px;
    -webkit-transform:scale(1.1,1.0);
    -moz-transform:scale(1.1, 1.0);
    -ms-transform:scale(1.1, 1.0);
    -o-transform:scale(1.1, 1.0);
    transform:scale(1.1,1.0);
     }


/* Responsiiviset muutokset */

@media all and (max-width: 980px) {

#gform_wrapper_2 input {
  text-align: center !important;
}
.poista_mobiilista { display: none !important; }
div.et_pb_menu__wrap:before {
  position: absolute;
  left: 135px;
  top: 10px;
  font-size: 12px;
  font-weight: 600;
  color: #7796a6;
}

.asiakasryhma_slider .asiakasryhma_kortti {
font-size: 16px;
padding-top: 60px!important;
padding-right: 30px!important;
padding-bottom: 20px!important;
padding-left: 30px!important;
scroll-snap-align: center;
}
.asiakasryhma_slider {
display: grid;
/* grid-template-columns: repeat(7,80%) !important; */
}
.palvelunostot .asiakasryhma_kortti {
padding-top: 40px!important;
padding-bottom: 40px!important;

}
.palvelunostot .asiakasryhma_kortti h2 {
margin-top: 0px;

}
}


@media all and (max-width: 640px) {

#jdivi_header h3 { font-size: 16px !important; }
footer  .et_pb_column_2_tb_footer { width: 100%; }

div.nelirivi { display: grid !important; grid-template-columns: repeat(1, 1fr); column-gap: 0px; }
.scroll-kortti h2 { font-size: 18px !important; }
.scroll-kortti .et_pb_text_inner img { width: 85px !important; height: auto; }
a.et_pb_button.viivanappi { padding-right: 0px !important; }
a.et_pb_button.viivanappi::after { 
  content: "" !important;
 }
 a.et_pb_button.viivanappi:hover::after { content: "" !important; }


.gform_wrapper li.gf_left_half { margin-right: 0px; width: 100% !important; }
.gform_wrapper li.gf_right_half { margin-left: 0px !important; width: 100% !important; } 
  .gform_wrapper .top_label li.gfield.gf_left_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm), .gform_wrapper .top_label li.gfield.gf_middle_third:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm) {
    width: 50% !important; float: left;
  }

  h1, h1.et_pb_contact_main_title, .et_pb_title_container h1 { font-size: 32px !important; }
  
  h2.iso { font-size: 31px !important; line-height: 1.35; }

  div#page-container div#main-content h2, h2 { font-size: 25px; }

  div.et_pb_title_container h1.entry-title {
    font-size: 32px; 
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
  .hyphens-mobile p, .hyphens-mobile, p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
}