/*
 Theme Name:   Joinas Divi 3.1
 Theme URI:    https://joinas.fi
 Description:  Asiakas: SMV Invest Oy
 Author:       Joinas Oy
 Author URI:   https://joinas.fi
 Template:     Divi
 Version:      3.1.1
*/

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

/* Asiakkaan ilme */

:root {
  --asiakasvari: #3C3C3B; 
  --tummaasiakasvari: #3C3C3B;
  --asiakastehostevari: #FFD000;
  --asiakasfontti: 'arboria', sans-serif;
  --asiakasotsikkofontti: 'arboria', sans-serif;
}

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

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


h1, h2, h3, h4, h5, h6,
div#page-container div#main-content h1,
div#page-container div#main-content h2,
div#page-container div#main-content h3,
div#page-container div#main-content h4,
div#page-container div#main-content h5 { 
	font-family: var(--asiakasotsikkofontti);
 	font-style: normal;
  font-weight: 900;
 }

.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(--tummaasiakasvari); }

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

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

/* Kustomoidut luokat */

div.viiva {  width: 72px; height: 5px; border: 0px; background-color: var(--asiakastehostevari); margin-bottom: 35px; }

/* Listaukset */

div#et-main-area div#main-content div.et_pb_text_inner ul { list-style-type: none; padding: 10px 0px; margin: 0; } 
div#et-main-area div#main-content div.et_pb_text_inner ul li { position: relative; padding-left: 30px; padding-bottom: 5px; }
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;
}

div#et-main-area div#main-content div.et_pb_text_inner ol {
  list-style: none;
  counter-reset: numerointi;
  margin-top: 10px;
}
div#et-main-area div#main-content div.et_pb_text_inner ol li {
  counter-increment: numerointi;
  margin-left: 30px;
  margin-bottom: 5px;
}
div#et-main-area div#main-content div.et_pb_text_inner 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; } 


/* Kaksipalstainen blogi */

div.two-column-blog div.et_pb_column div.et_pb_blog_grid_wrapper div.et_pb_blog_grid div.et_pb_salvattore_content div.column { margin-right: 0px; width: calc(50% - 20px); }
div.two-column-blog div.et_pb_column div.et_pb_blog_grid_wrapper div.et_pb_blog_grid div.et_pb_salvattore_content div.column:first-of-type { margin-right: 40px; }
div.two-column-blog div.et_pb_column div.et_pb_blog_grid_wrapper div.et_pb_blog_grid div.et_pb_salvattore_content div.column h2.entry-title { max-width: 400px; margin: 0 auto; }

.poistavimpaimenotsikko .et_pb_widget h4.widgettitle { display: none; }

/* Kategoriasivun muotoilut */

/* .single-post .blogikuva_row:not(.et_pb_image_wrap) { margin-top: -270px !important; } */
div#page-container div#main-content .artikkelikirjoitus h2 { font-size: 24px; margin-top: 30px; }

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; }
.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;  }


@media only screen and (max-width: 980px) {
div.et-fixed-header div.et_pb_row_0_tb_header div.et_pb_column_3_4 { margin-bottom: 0px; }
}

@media only screen and (min-width: 981px) {

/* Tarttuva ylapalkki 
#main-header.et-fixed-header {
	position: fixed;
}
.logged-in #main-header.et-fixed-header { padding-top: 30px }
#page-container {
 padding-top:75px; 
} */

/* Custom palstajako */
.custom_column-left { width: calc(50% - 10px;); float: left; padding-right: 10px; }
.custom_column-right { width: 50%; float: right; }
.custom_column-right .et_pb_widget, .custom_column-left .et_pb_widget { width: 100% !important; }
.custom_column-right .et_pb_widget h4.widgettitle, .custom_column-left .et_pb_widget h4.widgettitle {
  font-size: 21px;
  margin-top: 10px;
}


/* Navigaation palsajako */
header.et-l--header .et_pb_column_3_4 { width: calc(100% - 260px); margin-right: 0px; }
header.et-l--header .et_pb_column_1_4 { width: 240px; }


}

/* Evasteilmoitus */
div#cookie-notice { padding: 5px 0; }
#cn-notice-text a { color: #ffffff; }
a#cn-accept-cookie { white-space: nowrap; background-color: #ffffff; padding: 6px 10px; border-radius: 20px; }
@media only screen and (max-width: 875px) { a#cn-accept-cookie { margin-top: 15px; display: block;} div.cookie-notice-container { font-size: 16px; line-height: 1.6; padding: 30px; } }
.cookie-notice-hidden { display: none !important; }

/* Mobiilimenu & dropdown */

.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;
}


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

#mobile_menu1 { border-radius: 10px; border-top: 0px; }
#mobile_menu1.et_mobile_menu li a { padding: 25px 10%; text-align: center; }
#mobile_menu1.et_mobile_menu li a:hover { background-color: #ffffff; }
#mobile_menu1.et_mobile_menu li.current-menu-item a, #mobile_menu1.et_mobile_menu li.second-level a { background-color: #f6f6f6;  }
#mobile_menu1.et_mobile_menu li.current-menu-item a::before { content: "^"; font-family: 'ETmodules'; font-weight: 400; font-variant: normal; position: absolute; left: 10%; color: var(--asiakasvari); font-size: 30px; } 
#mobile_menu1.et_mobile_menu li.current_page_parent a { border-radius: 10px; }

#mobile_menu1.et_mobile_menu li.current-menu-item li a::before { content: ""; } 
#mobile_menu1.et_mobile_menu { padding: 0px; top: 45px; -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 .first-level > a {
background-color: transparent;
position: relative;
}
.et_mobile_menu .first-level > a:after {
font-family: 'ETmodules';
content: '\4c';
font-weight: normal;
position: absolute;
font-size: 18px;
top: 25px;
right: 30px;
}
.et_mobile_menu .first-level > .icon-switch:after{
content: '\4d';
}
.second-level {
display: none;
}
.reveal-items {
display: block;
}
/* .et_mobile_menu {
margin-top: 20px;
width: 230%;
margin-left: -65%;
} */

.et_mobile_menu li li, .et_pb_menu .et_mobile_menu li ul { padding-left: 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;
}
}



/* 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_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]) {
  border-color: #efefef; 
}
.keltainentausta .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]) {
  border: 2px solid #ffffff; 
}
.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; border-radius: 4px; 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: 10px 12px;
}
.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: 2px solid var(--asiakastehostevari); -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.4); box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.4); 
}
.keltatausta .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: 2px solid var(--asiakasvari); }
.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 {
  -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); 
}
.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;
}
.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 { font-size: 16px; width: 100%; padding: 17px 20px; border: 0px; background-color: var(--asiakastehostevari); color: #fff; font-weight: 400; border-radius: 4px; -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3); box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3); cursor: pointer;}
.keltatausta .gform_wrapper .gform_footer input[type=submit].gform_button { background-color: var(--asiakasvari);  }
.et_pb_bg_layout_dark .gform_wrapper .gform_footer input[type=submit].gform_button { background-color: var(--asiakastehostevari); color: #ffffff;   }
.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; }
.et_pb_bg_layout_dark .gform_wrapper input::placeholder, .et_pb_bg_layout_dark .gform_wrapper textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--asiakasvari);
    opacity: 1; /* Firefox */
    font-weight: 900;
    font-size: 16px;
    font-style: normal;
}

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

.et_pb_bg_layout_dark .gform_wrapper input::-ms-input-placeholder, .et_pb_bg_layout_dark .gform_wrapper textarea::-ms-input-placeholder { /* Microsoft Edge */
    color: var(--asiakasvari);
    font-weight: 900;
    font-size: 16px;
    font-style: normal;
} 
.et_pb_bg_layout_dark .gform_wrapper { margin: 0px; }


/* 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(--asiakastehostevari); line-height: 1.5; }
.gform_wrapper div.validation_error { color: #fff !important; border: 0px !important; background-color: var(--asiakastehostevari); 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(--asiakastehostevari) !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; }
.page-id-183 .gform_wrapper li.gfield_error div.ginput_container ul li label { color: var(--asiakasvari) !important; }
.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; }


/* Responsiiviset muutokset */

@media all and (max-width: 1200px) { .et_pb_menu_0_tb_header.et_pb_menu ul li a { font-size: 15px !important; } }
@media all and (max-width: 1170px) {
  :lang(fi) div.et_pb_menu__wrap:before { display: none; }
  :lang(en) div.et_pb_menu__wrap:before { display: none; } 
} 
@media all and (max-width: 1130px) { body #page-container .et_pb_section .et_pb_button_0_tb_header { font-size: 14px !important; } 
body.et-db div#page-container #et-boc .et-l .et_pb_button_0_tb_header_wrapper .et_pb_button_0_tb_header, .et-db #et-boc .et-l .et_pb_button_0_tb_header_wrapper .et_pb_button_0_tb_header:hover, .et-l--header .et_pb_button_0_tb_header_wrapper .et_pb_button_0_tb_header, .et-l--header .et_pb_button_0_tb_header_wrapper .et_pb_button_0_tb_header:hover {
  padding-top: 7px!important;
  padding-right: 15px!important;
  padding-bottom: 7px!important;
  padding-left: 15px!important;
}

header.et-l--header .et_pb_column_3_4 { width: calc(100% - 200px); margin-right: 0px; }
header.et-l--header .et_pb_column_1_4 { width: 180px; }
}
@media all and (max-width: 1065px) {
  header.et-l--header .et_pb_column_1_4 { display: none; }
  header.et-l--header .et_pb_column_3_4 { width: 100% !important; }
}

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

li.lang-item a { margin-left: 0px; margin: 0 auto; margin-bottom: 20px; margin-top: 20px; padding: 15px 30px !important; }

  :lang(fi) li.lang-item a:before { content: "Change language: " }

  .et_pb_column_0_tb_header { margin-bottom: 0px; }
.custom_column-left { width: 100%; padding-right: 0px; }
.custom_column-right { width: 100%; padding-top: 40px; }
  :lang(fi) div.et_pb_menu__wrap:before { display: block; }
  :lang(en) div.et_pb_menu__wrap:before { display: block; } 

div.et_pb_menu__wrap:before {
  position: absolute;
  left: 135px;
  top: 10px;
  font-size: 12px;
  font-weight: 600;
  color: #7796a6;
}
}
@media all and (max-width: 800px) {
div.two-column-blog div.et_pb_column div.et_pb_blog_grid_wrapper div.et_pb_blog_grid div.et_pb_salvattore_content div.column { margin-right: 0px; width: 100%; }
div.two-column-blog div.et_pb_column div.et_pb_blog_grid_wrapper div.et_pb_blog_grid div.et_pb_salvattore_content div.column:first-of-type { margin-right: 0px; }
}
@media all and (max-width: 640px) {

  div.et_pb_module div.et_pb_text_inner h1 { 
    /* font-size: 32px;  */
  }
  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 {
        -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
}