@charset "UTF-8";
/************************************************

Stylesheet: Main Stylesheet

*************************************************/
/*********************https://h1.git.beanstalkapp.com/dif.git
GENERAL STYLES
*********************/



/*********************
LINK STYLES
*********************/
a:link, a:visited:link, a:visited {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); /*color: #704f40; */ color: #59c7c7;}

/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/
h1 a, .h1 a, h2 a, .h2 a{
  text-decoration: none;
  color: #704f40;
  font-family: "Times New Roman", Times, serif;}

  h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, .yarpp-related h3  {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
}

/* h3 > a, h3{font-size: 18px; line-height: 1.2;}   */
h3 > a, h3{font-size: 20px; line-height: 1.2;}

.rale{font-family: "Times New Roman", Times, serif; font-weight: 600;}
h2{font-size: 30px;color: #704f40;clear: both;}
.center{text-align: center;}
.yarpp-related h3{font-size: 24px !important;}
.yarpp-related h3{margin: 25px 0 !important;}

h1, h2 {  font-family: "Times New Roman", Times, serif;color: #704f40;}

h3,h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
}

p.tags a{font-size: 15px;}

body.category-ecodan-tiedotteet #main article p.tags a{
	color: #000 !important;
}

.column, .columns {
/*     padding-left: 0;  */
    }

    #main{
	    padding-left: 0;
	    padding-right: 0;
    }




.blog-list h3 a,
.news-column h3 a,
.article-list h3,
.article-list h3 a,
.tilaisuudet .article-header h3,
#mc_embed_signup_scroll h3,
.sidebar-ecoda__content h3,
.category-teema-artikkelit h3,
.category-teema-artikkelit h3 a,
h4.widgettitle,
h4.zf-accordion-title,
.page-template-page-esitysmateriaali h3,
.page-template-page-esitysmateriaali h3 a,
.page-nav-sidebar-secondary > ul.menu > li > a,
.sidebar-boardview h3,
.sidebar-boardview h3 a {
	color: black;
	font-family: "Times New Roman", Times, serif!important;
	font-weight: normal!important;
	font-size:24px!important;
}

.sidebar-ecoda__content a h3{
	color: black;
}

/*********************
HEADER STYLES
*********************/
.header ul.off-canvas-list li {
  list-style: none; }

/*********************
NAVIGATION STYLES
*********************/
.top-bar .title-area {
  z-index: 1; }

.off-canvas-list ul {
  margin-left: 0; }
  .off-canvas-list ul li a {
    border-bottom: 0px; }
  .off-canvas-list ul .dropdown {
    margin-left: 20px; }

/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
  padding: 1rem 0rem; }

.page-title .vcard {
  border: 0px;
  padding: 0px; }

.byline {
  color: #999; }

.page  .entry-content a,
.post  .entry-content a,
.single .entry-content a,
.single #tiivistelma-content a{
	color: #59c7c7;
	font-weight: 600;
}
/*9
#main > .breadcrumbs + h1 + article .entry-content a,
#main > .breadcrumbs + h1 + article.entry-content a:link,
#main > .breadcrumbs + h1 + article .entry-content a:visited{
	color: #59c7c7 !important;
}
*/


/*
#tietopankki-alueet .entry-content a,
#tietopankki-alueet .entry-content a:link,
#tietopankki-alueet .entry-content a:visited{
	color: #000 !important;
}
*/
#main{
	min-height: 1rem;
}

#tietopankki-alueet .blue-wrap a,
.home .article-list  .entry-date a,
.home .blog-list .entry-content a,
.home .bloglist .page  .entry-content a,
.home .bloglist .post  .entry-content a,
.blog-two-columns .post .entry-date a,
.blog-two-columns .page .entry-date a,
.category-articles-list article:not(.category-teema-artikkelit) a,
.blue-wrap a{
	color: #000; /* !important;*/
}

.blue-wrap {
	display: flex;
	flex-direction: column;
	align-items: center;
}

#tietopankki-alueet .blue-wrap h3 a{
	color: #704f40;
}


.teema-sidebar-extra{
	margin-bottom: 1rem;
}

.sidebar .sidebar-content-block h2{
	line-height: normal;
}

/*
	,
#main .entry-content p.entry-date a
*/

 p.entry-date a:hover,
#main .entry-content a:hover{
	text-decoration: underline;
}

.entry-content img {
  max-width: 100%;
  height: auto; }

.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left; }

.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right; }

.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both; }

.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto; }

.entry-content pre {
  background: #eee;
  border: 1px solid #cecece;
  padding: 10px; }

.wp-caption {
  max-width: 100%;
  background: #eee;
  padding: 5px; }
  .wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%; }
  .wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center; }

.post-password-form input[type="submit"] {
  display: inline-block;
  text-align: center;
  line-height: 1;
  cursor: pointer;
  -webkit-appearance: none;
  transition: all 0.25s ease-out;
  vertical-align: middle;
  border: 1px solid transparent;
  border-radius: 0;
  padding: 0.85em 1em;
  margin: 0 1rem 1rem 0;
  font-size: 0.9rem;
  background: #2199e8;
  color: #fff; }
  [data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0; }
  .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff; }
p.entry-date, p.entry-date a{font-size: 13px;font-family: "Times New Roman", Times, serif;font-weight: normal;}


.logo-image{margin-bottom: 40px; margin-left: 20px;}


/* Event infop */
.event-time-info{
	margin: 2rem 0;
}
	.event-time-info .item{
		margin-bottom: 1rem;
	}

	.event-time-info .item .title{
		margin-bottom: 1rem;
	}


	.blog-list article p,
	.hyphens{
		overflow-wrap: break-word;
	  word-wrap: break-word;
	  -webkit-hyphens: auto;
	  -ms-hyphens: auto;
	  -moz-hyphens: auto;
	  hyphens: auto;
	}


/*********************
IMAGE GALLERY STYLES
*********************/
/*********************
PAGE NAVI STYLES
*********************/
.page-navigation {
  margin-top: 1rem; }

/*********************
COMMENT STYLES
*********************/
#comments .commentlist {
  margin-left: 0px; }

#respond ul {
  margin-left: 0px; }

.commentlist li {
  position: relative;
  clear: both;
  overflow: hidden;
  list-style-type: none;
  margin-bottom: 1.5em;
  padding: 0.7335em 10px; }
  .commentlist li:last-child {
    margin-bottom: 0; }
  .commentlist li ul.children {
    margin: 0; }

.commentlist li[class*=depth-] {
  margin-top: 1.1em; }

.commentlist li.depth-1 {
  margin-left: 0;
  margin-top: 0; }

.commentlist li:not(.depth-1) {
  margin-left: 10px;
  margin-top: 0;
  padding-bottom: 0; }

.commentlist .vcard {
  margin-left: 50px; }
  .commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal; }
  .commentlist .vcard time {
    float: right; }
    .commentlist .vcard time a {
      color: #999;
      text-decoration: none; }
      .commentlist .vcard time a:hover {
        text-decoration: underline; }
  .commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff; }

.commentlist .comment_content p {
  margin: 0.7335em 0 1.5em;
  font-size: 1em;
  line-height: 1.5em; }

.commentlist .comment-reply-link {
  float: right; }

/*********************
COMMENT FORM STYLES
*********************/
.respond-form {
  margin: 1.5em 10px;
  padding-bottom: 2.2em; }
  .respond-form form {
    margin: 0.75em 0; }
    .respond-form form li {
      list-style-type: none;
      clear: both;
      margin-bottom: 0.7335em; }
      .respond-form form li label,
      .respond-form form li small {
        display: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url],
    .respond-form form textarea {
      padding: 3px 6px;
      background: #efefef;
      border: 2px solid #cecece;
      line-height: 1.5em; }
      .respond-form form input[type=text]:focus,
      .respond-form form input[type=email]:focus,
      .respond-form form input[type=url]:focus,
      .respond-form form textarea:focus {
        background: #fff; }
      .respond-form form input[type=text]:invalid,
      .respond-form form input[type=email]:invalid,
      .respond-form form input[type=url]:invalid,
      .respond-form form textarea:invalid {
        outline: none;
        border-color: #fbc2c4;
        background-color: #f6e7eb;
        -ms-box-shadow: none;
        box-shadow: none; }
    .respond-form form input[type=text],
    .respond-form form input[type=email],
    .respond-form form input[type=url] {
      max-width: 400px;
      min-width: 250px; }
    .respond-form form textarea {
      resize: none;
      width: 97.3%;
      height: 150px; }

#comment-form-title {
  margin: 0 0 1.1em; }

#allowed_tags {
  margin: 1.5em 10px 0.7335em 0; }

.nocomments {
  margin: 0 20px 1.1em; }
body.page p.byline{display: none;}
/*********************
SIDEBARS & ASIDES
*********************/
.widget ul {
  margin: 0; }
  .widget ul li {
    list-style: none; }
.sidebar h2 {
  color: white;
border-bottom: 1px solid #7ccfdf;
}

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 1em;
  color: #ffffff;
  }
/*********************
PRIVACY POLICY LINK
*********************/

.privacy-wrap {
	display: block;
    float: left;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    width: 100%;
}
.privacy-link {
	font-size: 90%;
	color: white !important;
	opacity: 0.5;

}
.privacy-link:hover ,
.privacy-link:focus {
	color: white;
	text-decoration: underline;
	opacity: 1;
}

/*********************
FOUNDATION STYLES
*********************/

/*********************
PLUGIN STYLES
*********************/
.gform_body ul {
  list-style: none outside none;
  margin: 0; }

/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/
/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet.

Remember to add things that won't make sense to print at
the bottom. Things like nav, ads, and forms shouldbe set
to display none.
******************************************************************/
@media print {
  * {
    background: transparent !important;
    color: #000000 !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    -ms-filter: none !important; }
    a:after, a:visited:after {
      content: "" !important; }
    a abbr[title]:after, a:visited abbr[title]:after {
      content: " (" attr(title) ")"; }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr, img {
    page-break-inside: avoid; }
  img {
    max-width: 100% !important; }
  @page {
    margin: 0.5cm; }
  p, h2, h3 {
    orphans: 3;
    widows: 3; }
  body a,
  a:link,
  a:visited {
    color: #00a1c1 !important;
    text-decoration: underline !important;
  }
  h2,
  h3 {
    page-break-after: avoid; }
    .row {
        max-width: 100%;
        width: 100%;
    }
    div,
    .large-1,
    .large-2,
    .large-3,
    .large-4,
    .large-5,
    .large-6,
    .large-7,
    .large-8,
    .large-9,
    .large-10,
    .large-11,
    .large-12,
    .medium-4,
    .medium-5,
    .medium-6,
    .medium-7,
    .medium-8,
    .small-6 {
    clear: both !important;
    float: none !important;
    width: 100% !important;
   }
   .small-push-6,
   .small-pull-6 {
    left: 0%;
   }
   .what-is-dif h1 span,
   .what-is-dif > span {
    padding: 0 !important;
    max-width: 100% !important;
   }
  .header,
  .sidebar,
  .page-navigation,
  .off-canvas,
  .slicknav_menu,
  .slick-slider,
  .wp-prev-next,
  .respond-form,
  .gp-back-to-top,
  nav, .top-bar-right, .yarpp-related, #menu-top-navigation-2, footer.footer, .notice-not-logged, .addthis_toolbox {
    display: none;
    visibility: hidden;
  }

  article,
  .article-wrapper {
    height: auto !important;
  }
}

   #content > #inner-content, .slider-content-left{
	  /* padding-left: 20px !important; */
	   padding: 1rem;
	  }




/*
   article:not(.news-list-item) p.tags a,
   article:not(.news-list-item) p.tags a:visited {
	   color: #fff;    }
*/

  .blog-list article p.tags a,
  .category-articles-list .blogit article p.tags a,
   article p a, /*article p a:visited, */
   .blogit article p.tags a,
   .blogit article p.tags a:visited,
  .blog-listing article:not(.news-list-item) p.tags a,
   .blog-listing article:not(.news-list-item) p.tags a:visited {
/* 	   color: #704f40 !important; */
	    color: #000;
	  }

/*
	  #tietopankki-alueet .tp-alue p a,
	  .uudet-syventavat  p a,
	   .uudet-syventavat  p a:visited{
		  color: #704f40 !important;
	  }
*/

	#tietopankki-alueet .tp-alue p a{
		font-weight: 600;
	}

		#tietopankki-alueet .tp-alue p a:hover{
			color: #2199e8 !important;
		}

	.uudet-syventavat  p a,
	   .uudet-syventavat  p a:visited{
		  color: #704f40 !important;
	  }

  .uudet-syventavat p {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  article.category-teema-artikkelit  p.tags a,
  article.category-teema-artikkelit p.tags a:visited{
	  color: #444 !important;
	}

	.home .news-list a,
	.news-column article:not(.news-list-item) p.entry-date a,
	.news-column article:not(.news-list-item).entry-date p a:visited,
	.news-column article:not(.news-list-item).entry-date p.tags a,
	.news-column article:not(.news-list-item) p.entry-date {   color: #fff !important;}


  .slider-row.row{max-width: 100%;}
  .what-is-dif{
	  background-color: #00a1c1;
/* 	  padding-left: 0px; */
	  padding-left: 1rem;
  }

  .what-is-dif h1 span,
  .what-is-dif > span{
	  max-width: 75rem; display: block; margin: 0px auto; font-size: 40px; font-weight: bold; color: #fff; padding: 25px 0 25px 20px;}
  /*.what-is-dif > span:hover{ color: #cce8e3;}*/

  .what-is-dif .button{background-color: #cce8e3; color: black; padding: 5px !important; margin-bottom: 5px;}


  .capitalize{
	  text-transform: capitalize;
  }

  .q-box{
	  background-color: #59c7c7;
	  color: #fff;
      padding: 5px 5px 8px 9px;
	  font-family: "Times New Roman", Times, serif;
	  font-weight: 600;
	  font-size: 20px;
    }
    .q-box.active{background-color: #03839c ;}
    .q-box .big{font-size: 30px;}
	.button.tiny, .button.small {background-color:#9fdedd; color: #000; margin-bottom: 0;} /* margin-left: 10px; } */
	.button.tiny:hover, .button.small:hover { background-color:#59c7c7; color: #fff;}
	.video-nosto-alue p{ background-color: #704f40; padding: 15px; color: #fff;}
	p{margin-bottom: 10px;}
	.video-nosto-alue img {max-height:250px;}
	.video-nosto-alue{position: relative;}
	.video-nosto-alue .fa{
		position: absolute;
		left: 42%;
		right: 0;
		top: 26%;
		color: white;
	}
/* 	.front-page-article{background-color: #cce8e3 !important; padding: 15px 32px; margin-bottom: 33px;}	 */

	.entry-date,
	.entry-date a,
	.tags > .tags-title,
	.tags > a,
	.yarpp-related .tags-title a,
	.yarpp-related .tags-label{text-transform: uppercase; color:#000;}

	.tags > a:hover {color:#59c7c7;}
	.tags > img{margin-right: 25px;}
.avatar {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 50%;
}

/* TOP BAR*/
#top-topbar, #top-topbar > div > ul, #top-topbar > ul > li {background-color: #cce8e3; border-bottom: 0;}
#top-topbar{padding: 0 !important;    max-width: 75em;    margin: 0 auto;}
.top-topbar-wrapper{background-color: #cce8e3;}
#menu-members-menu-1 li.menu-item > a, #menu-jasen-ylavalikko-1 li.menu-item > a,
#menu-jasen-ylavalikko-en-1 li.menu-item > a,
 .top-bar-right  a, .top-bar-right  p, .top-bar-left  p, .top-bar-left  a{color:#4c4e4e !important; margin-right: 0px; font-size: 13px; margin-bottom: 0px; }

#menu-jasen-ylavalikko-1 li.menu-item > a,
#menu-jasen-ylavalikko-en-1 li.menu-item > a,
#menu-members-menu-1 li.menu-item > a{
	text-transform: uppercase;
}

.top-bar-left.float-left {
	position: absolute;
	top: 1.5rem;
}


.top-bar-right li:last-child a:after {content: "" !important;}
#top-bar-menu{background-color: #fff; padding: 27px 0px 10px 0px; position: relative;}
#top-bar-menu{max-width: 75rem; margin: 0 auto;}
.top-bar-right .menu>li, .top-bar-right .menu-item>li {    display: inline-block;    margin: 0 5px;}
.top-bar-right .login-button a{margin-right: 10px;}

/*SEARCH*/
.search-field.rounded{
/*
    background-image: url('../images/magnifier.png');
    background-repeat: no-repeat;
    background-position: 85% 50%;
*/
}
 .search-form > label > span{display: none;}
.rounded {
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
.top-bar-right .search-form  input[type=search] {border-color: #59c7c7; border-width:2px;color: #59c7c7;  text-align: center;    max-width: 320px;    margin-right: 0px;    margin-left: auto;
}
.top-bar-right .search-form  input[type=search]::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #59c7c7;
    text-align: center;
}
.top-bar-right .search-form  input[type=search]::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #59c7c7;
   opacity:  1;
   text-align: center;
}
.top-bar-right .search-form  input[type=search]::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #59c7c7;
   opacity:  1;
   text-align: center;
}
.top-bar-right .search-form  input[type=search]::-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #59c7c7;
   text-align: center;
}
.search-wrapper{
    width: 400px !important;
    margin: 35px 50px 30px;
}
/* JOn */

.search-form{
	position: relative;
}

.search-form .search-submit.button{
	position: absolute;
    top: 0;
    right: -1rem;
    width: 4rem;
    height: 37px;
    border-radius: 1rem;
    /* opacity: 0; */
    background-color: transparent;
    background-image: url('../images/magnifier.png');
    background-repeat: no-repeat;
    background-position: 0 10px;
    color: #59c7c7;
    font-size: 0;
    outline: none;
}

@media screen and (max-width: 39.9375em) {
	.search-wrapper{
    	width: 250px !important;
	}
	.what-is-dif > span {
    	font-size: 33px;
    }

}
@media screen and  (max-width: 63.9375em) {

}

/* NAVIGATION*/

.menu-item > a{color:#59c7c7 !important; font-family: Arial, Helvetica, sans-serif; font-size: 20px;font-weight: bold;  }
.menu-item > a:hover {    color: #704f40 !important}
#menu-top-navigation-1{background-color: #fff;}
	#menu-jasen-ylavalikko-1 > .menu-item > p, #menu-jasen-ylavalikko-1 > .menu-item >  a,
  #menu-jasen-ylavalikko-en-1 > .menu-item > p, #menu-jasen-ylavalikko-en-1 > .menu-item >  a,
  #menu-members-menu-1 > .menu-item > p, #menu-members-menu-1 > .menu-item >  a
  {
		    color: #4c4e4e !important;
		    margin: 17px 0px !important;
		    font-size: 13px !important;
		    font-family: Arial, Helvetica, sans-serif;
		    text-transform: uppercase;
		    font-weight: 600;
		    padding: 3px 18px 3px 5px !important;

	}


	#menu-jasen-ylavalikko-1, #menu-jasen-ylavalikko-en-1, #menu-members-menu-1 {background-color: transparent;}
    #menu-jasen-ylavalikko-1 li a, #menu-jasen-ylavalikko-en-1 li a,
    #menu-members-menu-1 li a, #top-topbar .top-bar-right .menu>li:not(:last-child) a{  border-right: 1px solid #000 !important;}

    #menu-members-menu-1 li a:last-child,
    #menu-jasen-ylavalikko-en-1 li a:last-child,
    #menu-jasen-ylavalikko-1 li a:last-child {
      border-right: none !important;
    }

.menu-sidebar {
  margin: 0;
}
.menu-sidebar .categories ul li {
  margin-left: 0;
}
.menu-sidebar .categories .children li {
  margin-left: 20px;
}
.menu li a, .menu-sidebar li a,  .menu li p{  margin: 17px 0px !important;  padding: 3px 18px 3px 5px !important;font-family: Arial, Helvetica, sans-serif; }
#top-bar-menu .menu>li>a, #top-bar-menu .menu>li>p{margin:0 !important;}
.login-button{background-color: #f5b880 !important;margin-right: 20px; }
.login-button a{color:#fff !important; }
.login-button > a > i{margin-left: 5px; margin-right: 5px;}
#top-topbar.top-bar ul {
	padding-right: 0px;
	height: 66px;
    vertical-align: middle;
    display: block;

    }
.menu-sidebar li a:hover,
.menu-sidebar li a:active {
  color: #c6ecf3 !important;
}
.top-bar-right.kirjautuneiden-menu ul {	padding-right: 0px !important; }
.menu .active>a {
    background: transparent;
}
.login-button a{display: inline-block !important; border:0px !important; }
#top-topbar .top-bar-right .menu>li.login-button a{border:0px !important; }
.login-button {color: #FFF !important; margin-right: 0 !important;}
#wpadminbar {
    position: fixed !important;
    top: 0px !important;
}
#top-bar-menu .top-bar-right ul:not(.submenu) > li{border-right: 1px solid #59c7c7 !important; margin: 0 !important;}
#top-bar-menu .top-bar-right ul li a{   padding: 5px 10px !important;}
#top-bar-menu .top-bar-right ul li:last-child a{padding-right: 0 !important;}
#top-bar-menu .top-bar-right ul li:last-child{border-right: 0 !important; }
#top-topbar .top-bar-right .menu li.english > a{border-right: 0 !important; }


body .top-bar,
body .top-bar ul{
	 background: transparent;
}

/* FOOTER */
.footer{background-color: #704f40;}
.footer .menu{margin-top: 50px;margin-bottom: 50px;}
.footer .menu li{display: block; }
.footer .menu li a{color: #fff !important; border: solid #fff 1px; margin: 5px;padding: 10px; text-align: center;}
.footer p{color: #fff;}
.footer img {margin-top: 30px;}
.footer .button{background-color: transparent; border: #fff 1px solid;}
footer #menu-top-navigation-2 > li.menu-item >a {
    font-size: 16px !important;
    text-align: left;
    padding-left: 30px !important;
}


/*FRONTPAGE */
.link-area { background-color: #704f40; padding: 15px; color: #fff;}
.link-area  a{color: #fff; font-size: 18px; font-weight: bold;}
.link-area > a:after{color: #fff;}
.bg-overlay {background: transparent !important;}
.wpsisac-slick-slider button.slick-next{ background:url('../images/arrow-right.png') 0 0 no-repeat !important;     background-size: 30px 51px !important;}
.wpsisac-slick-slider button.slick-prev{ background:url('../images/arrow-left.png') 0 0 no-repeat !important;background-size: 30px 51px !important;}
.slider-content{max-width: 75rem;}
.slide-wrap{
	max-width: 75em;
    float: none;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    }
.slide-title{font-size: 48px; color: #fff;}
.slide-title:hover{ color: #cce8e3;}
.slider-short-content > p{font-size: 16px; color:#fff;}

.news-column > div > article, .news-column >  article {
    padding: 25px;
	background-color: #59c7c7;
/* 	margin-right: 2%; */
    margin-bottom: 15px;
    }

.news-column > div > article.news-list-item ,
.news-column > article.news-list-item{
	background: transparent;
	padding: 0 1rem 0 0;
}

article.news-list-item .article-wrapper{
	padding: 25px;
	background-color: #e2f1ef;


 }

/*
body.page-id-18 .news-column > div > article, .news-column >  article {
	    margin: 0 5px 10px;
}
*/

body.page-id-9821 article p.tags a{color: #000 !important;}
.news-column > div > article:not(.news-list-item) a,
.news-column >  div > article:not(.news-list-item) p,
.news-column > div > article:not(.news-list-item) h3,
.news-column >  article:not(.news-list-item) a,
.news-column >  article:not(.news-list-item) p .news-column >  article h3{
	color: #fff;
}

.news-column a.button{
	background-color: #9fdedd;
    color: #000;
    margin-bottom: 0;
    margin-left: 0px;}
.news-column article:not(.news-list-item) .tags-title{color: #fff;}
.news-column > div > article > footer{padding-top: 0px;}
 p.tags{margin-top: 20px;}
 .news-column .link-area {    float: left;    width: 100%;}
 .banneri-alue-1{margin: 50px 0 50px 0;}
 .kumppanit > div { padding: 0px;  /*width: 235px; height: 132px;margin: 20px;*/}
 .kumppanit > div > div{border: 1px solid grey; margin: auto 10px;height: 132px;padding: 10px;}
  .kumppanit h2{margin: 40px 0;}
  .kumppanit .helper{
	display: inline-block;
    height: 100%;
    vertical-align: middle;
  }
  .kumppanit .link-area-wrapper{ float: left; width: 100% !important;}
  .kumppanit .link-area{width: 163px;  margin: 35px auto;}
  .twitter-wrapper{ }
  .twitter-wrapper a{font-size: 15px; color: #fff;}
  .twitter-wrapper p{    line-height: 1.4; border-bottom: 1px #aae0ea solid; padding-bottom: 15px; margin-bottom: 15px;}
  .simple-tweets {padding-top: 25px; padding-bottom: 10px; padding-left: 22px; padding-right: 22px;background-color:#59c7c7;}
  .twitter-wrapper li:last-child > p{border-bottom: 0px white solid !important;}
  .banneri-alue-2 img{width: 100%;}
  .yarpp-related p.entry-date{color: #fff;}

  /*MURUPOLKU*/
  .breadcrumbs a, .breadcrumbs span{color:#7a7979; font-size: 16px;}


/*ARTIKKELI*/

body.home .blogit,
body .blog-two-columns{
	border-top: 1px solid #d4d4d4;
}

body.home .blogit	article,
body .blog-two-columns article{
	/*border-top: 1px solid #d4d4d4;*/
	border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;
    padding-top: 30px;
    padding-bottom: 30px;
    }


body .blog-two-columns article{
	padding-bottom: 1rem;
}


    body .blog-two-columns article{padding-left: 20px;}
body.home .blogit	article .tags, .blog-two-columns  article .tags{margin-bottom: 0 !important;}


	body.home .blogit .entry-content{
		overflow: hidden;
	}

	body.home .blogit .article-footer{
		display: none;
	}

	body.single #main,
	body.page #main {
/* 		padding-right: 2rem; */

	}



  .byline a{color:#000;}
  blockquote, blockquote p {
    line-height: 30px;
    color: #59c7c7;
    margin-right: 80px;
    margin-left:30px;
    font-size: 18px;
    font-weight: 600;
    border: 0px;
    display: inline-block;
	}
	blockquote:before {
		color: #704f40;
	    content: url('../images/quote.jpg');
	    font-size: 40px;
	    display: block;
	    position: relative;
	    top: 30px;
	    font-family: "Times New Roman", Times, serif;
		font-weight: 600;
	    left: -60px;
	}
	/*blockquote:after {
	  color: #704f40;
	  content: close-quote;
	  font-size: 40px;
	  display: inline-block;
    position: relative;
	}*/
	.article-footer .tags{background-color: transparent; padding: 0px 15px 15px 0px;}

	.news-column .tags{background-color: transparent;color:white;}

	.blue-theme .news-column .tags{color:#000;}

	.notice-not-logged {background-color: #cce8e3; overflow: hidden; padding: 30px 15px 15px 25px;}
	.notice-not-logged h3{clear: both; color:#704f40; font-size: 24px; font-weight: bold; padding-top: 1.00rem;}
	.notice-not-logged > h3:first-of-type {padding-top: 0;}
	.notice-not-logged img{margin-right: 10px;}
	.notice-not-logged a{margin: 10px 10px 10px 10px; font-weight: bold;}
	.button.light{background-color: #c3eaf1;color:#0a0a0a !important;}
	.button.brown{background-color: #704f40; color: #fff;}
    a.attachement-link {box-sizing: border-box; float: left; margin: 0;padding: 0 10px 10px 0; width: 50%;}
    @media screen and (max-width: 39.9375em) {
        a.attachement-link {width: 100%;}
    }
	a.attachement-link span { background-color: #c3eaf1; box-sizing: border-box; margin: 0; padding:  5px 5px 5px 15px; display: block; word-wrap: break-word;}
	.widget_most_popular_tags_dif {background-color: #d2c9c5 !important; padding: 20px;}
	.widget_most_popular_tags_dif h4{color:#704f40; font-size: 32px; }
	.widget_most_popular_tags_dif a{ color: #000; font-size: 14px; font-weight: bold; text-transform: uppercase;}
	.wp-tag-cloud a{    font-size: 15px;
    width: 100%;
    display: block;}
	span.number{display: inline-block;    float: right;}




	.yarpp-related {
	    margin: 1em 0;
	    clear: both;
	}
	.article-footer > img {margin-right: 20px; margin-top: 10px;}
	.ingressi, .ingressi p{font-size: 18px !important; line-height: 24px; color: black; font-weight: bold; 	}

	#sidebar1{padding-right: 0;}
	.category-sidebar, .category-sidebar-2, .avainhenkilot-sidebar, .tietopankki-sidebar, .blogin-sidebar, .sidebar-blue{background-color: #59c7c7; padding-bottom: 20px; margin-bottom: 20px; padding-top: 20px;}
	.avainhenkilot-sidebar li{ padding-left: 20px; list-style: none; color: white;}
	.avainhenkilot-sidebar li a{color: #fff;}
	.category-sidebar, .category-sidebar-2, .blogin-sidebar, .sidebar-blue {padding-left: 20px; padding-right: 20px;}
	.category-sidebar a, .category-sidebar-2 a, .tietopankki-sidebar a, .sidebar-blue a{color:#fff !important; }
	.tietopankki-sidebar a{color:#fff !important; border-bottom: 0 !important;}
	.category-sidebar .current_page_item a, .category-sidebar-2 .current_page_item a, .tietopankki-sidebar a{border-bottom: 1px #fff solid;}
	.category-sidebar h3, .category-sidebar h3{color:#fff; padding: 20px 20px 0 20px; }
	.category-sidebar h2, .category-sidebar-2 h3{border-bottom: 2px solid #fff;}

	.category-sidebar p, .category-sidebar-2 p{color:#fff; padding: 5px 10px 5px 0px; line-height: 1.2; } /*padding: 5px 10px 5px 30px;*/

	.category-sidebar  ul{margin-left:0}

	.sidebar-blue li{
		display: block;
	}

	#sidebar1 .sidebar-blue li a{
		margin: 0 !important;
		padding-left: 0 !important;
	}

	#sidebar1 .first-as-title li:first-child a{
		border-bottom: 1px solid #7ccfdf;
	    font-weight: normal;
	    padding: 0 0 0.50rem !important;
	    font-size: 30px;
	    text-transform: none;
	    margin-bottom: .5rem !important;
	    clear: both;
	    display: block;
	}

	.sidebar-blue li a,
	.category-sidebar .tag-listing a,
	/*.category-sidebar .writers li a,*/
	.page-nav-sidebar-secondary ul.sub-menu li  a,
	.page-nav-sidebar-secondary ul li.current_page_item ul.sub-menu li  a,
	.category-sidebar.news-sidebar li a,
	.category-sidebar p, .category-sidebar-2 p{
		 border-bottom: none;
	    font-size: 0.875rem;
	    font-weight: normal;
	    text-transform: uppercase;
	    margin-bottom: 0;
	}


	.category-sidebar ul  a,
	.category-sidebar .menu .sub-menu a,
	.category-sidebar-2 .menu .sub-menu a {
	    border-bottom: none;
	    font-size: 0.875rem;
	    font-weight: normal;

	}

	.category-sidebar .menu .sub-menu a,
	.category-sidebar-2 .menu .sub-menu a {
		text-transform: uppercase;
	}

	.page-nav-sidebar-secondary ul{
			list-style: none;
	}

/*
	.page-nav-sidebar-secondary .menu .sub-menu .current_page_item.active  > a,
	.page-nav-sidebar-secondary .menu .sub-menu .current-menu-item.active > a{
	    border-bottom: 1px solid #7ccfdf;
	    font-size: 1.10rem;
	    line-height: 1.20;
	    margin: 0 0 0.70rem !important;
	    padding: 0 0 0.20rem !important;
	}
*/



	.category-sidebar .menu, .category-sidebar-2 .menu{    margin-left: 20px;}
	.category-sidebar .menu-item > a, .category-sidebar-2 .menu-item > a{color:#fff !important;}
/* 	.category-sidebar li.menu-item, .category-sidebar-2 li.menu-item  {display: none;} */
	.category-sidebar li.menu-item  {display: none;}


	.category-sidebar li.menu-item.current_page_item,  .category-sidebar li.menu-item.current_page_item li, .category-sidebar li.menu-item.current_page_ancestor,  .category-sidebar li.menu-item.current_page_ancestor li{display: block !important;}

/* 	.category-sidebar-2 li.menu-item.current_page_item,  .category-sidebar-2 li.menu-item.current_page_item li, .category-sidebar-2 li.menu-item.current_page_ancestor,  .category-sidebar-2 li.menu-item.current_page_ancestor li{display: block !important;} */

	.category-sidebar li.menu-item.current_page_item >a, .category-sidebar-2 li.menu-item.current_page_item >a{font-size: 24px;}


.sidebar .ajankohtaista-sidebar {
  padding-bottom: 25px;
}
.ajankohtaista-sidebar .menu li {
  display:block;
}

	#menu-top-navigation-2 > li.menu-item >a {
		color: #fff;
		padding: 20px 20px 0 20px;
/* 		font-size: 31px !important; */
	}
	#tietopankki-alueet{
		overflow: hidden;
	}
	#tietopankki-alueet h3{font-size:19px !important;}
	#tietopankki-alueet h3 a{font-size:24px !important; display: block; margin-bottom: 1.3rem}
	#tietopankki-alueet .columns.tp-alue,
	.columns.tp-alue-columns{
		overflow: hidden;
		 margin-bottom: 1rem;
		 position: relative;

	}

	.company_logo_centered{
		/*
			Background rules are in the template loop-archive-alue.php
		*/
		min-height: 150px;
	}

	#tietopankki-alueet .columns.tp-alue > div{
		padding-bottom: 20px;
	}
	#tietopankki-alueet .columns.tp-alue .button{
		margin-top: 1rem;
		position: absolute;
		bottom: 0;
	}
	#tietopankki-alueet p{line-height:1.2 !important;}
	.uudet-syventavat{border-top:1px solid #444;border-bottom:1px solid #444; padding-top: 10px;}
/* 	.uudet-syventavat > p > a{color: #000 !important;} */
	.kirjoittajan-nimi p, .kuvan-omistaja p{ font-size: 18px;}
	.kirjoittajan-nimi img, .kuvan-omistaja img{ margin-right: 20px; height: 36px;}

	/* TAG PAGE*/
	.tag-listing > header, .tag-listing > footer, .tag-listing > section{background-color: #cce8e3 !important; padding-right: 10px; }
	.tag-listing > header{padding-top: 20px; margin-top: 20px;}
	.tag-listing > header, .tag-listing > section, .tag-listing > footer{padding-left: 20px;}
	.tag-listing h3, .tag-listing p{margin-bottom: 0; padding-bottom: 8px;}
	.tag-listing .tags{padding-top: 35px; margin-top: 0;}
/* 	body.tag .blogit article{border-bottom: 1px solid #d4d4d4; margin-top: 20px;} */
	/* avainhenkilö PAGE*/

	.henkilon-esittely{
		color: #704f40;
		font-weight: bold;
		}
/* 	.tyokokemus{padding-top: 50px;} */
	.person_wrapper a{color: #000;}
	.grey-box{width:150px; height:170px; background: grey; display: inline-block;}

	/* TIETOPANKKI PAGE*/
	#tietopankki-alueet {margin-top: 30px;}
/* 	.kumppanit > div{margin-bottom: 20px;} */

	.kumppanit > div{
		min-height: 130px;
	}

	.tp-alue > img{ width: 324px;}
	.tp-alue > div{background-color: #cce8e3; padding: 0px; margin-bottom: 20px; height: 100%;} /* max-width: 324px; */
	.tp-alue > div img{
		width: 80%;
	}
	.tp-alue div.inner-content{
		padding: 0 20px;
	}
	.tp-alue .button{background-color: #cce8e3; color: black; padding: 5px !important;}
	.tietopankki-sidebar{padding: 20px;}
	.tietopankki-sidebar.yritys{    background-color: #cce8e3;}
	.tietopankki-sidebar h3{color: white;}
	.tietopankki-sidebar > h2 >a{text-decoration: underline;}
	.tietopankki-sidebar p{color: white;}
	.tietopankki-sidebar ul ul{padding-left: 30px;}
	.tietopankki-sidebar li, tietopankki-sidebar li span{color: #fff;    list-style: none;}
	.tietopankki-sidebar li .fa{margin-right: 10px;}
	.tietopankki-sidebar p{margin-bottom: 0;}
	.yritys-osa p, .yritys-osa h3 {text-align: center; padding-bottom: 25px;}
	.yritys-osa h3{padding: 25px;}
	.companyt-logo-wrapper{max-width:300px; margin-right: 30px; margin-bottom:20px; clear:both;}
	.tietopankki-sidebar.yritys p, .tietopankki-sidebar.yritys li, .tietopankki-sidebar.yritys a{ color: #000 !important;}
	.tiivistelma-wrapper h2, .tiivistelma-wrapper p{clear: none;}
	.companyt-logo-wrapper > div> h2{margin-top: 25px; text-align: center;}
	.tiivistelma-wrapper {
		background: #cce8e3;
		padding: 10px;
		max-height: 80px ;
		overflow: hidden;
		margin-bottom: 30px;
		}
	.latest-pdf{margin-top: 20px;}
	#tiivistelma-content{clear: both;}
	.tiivistelma-wrapper.open{max-height: none; }
	.tp-alue > div.osa-alue-blue{ background: #C8E9F2; min-height: 136px; margin-bottom: 0;}
	.tp-alue > div.osa-alue-blue img{max-height: 95px;}
	.tiivistelma-wrapper > .napit{float: right;     margin-top: 1.50rem;}
	.tiivistelma-wrapper > h2{float: left; display: inline-block;}
	.tiivistelma-wrapper > p{clear: both;}
	#tiivistelma-storage{display: none;}
#henkilojasenet li{list-style: none;}
.tml-user-admin-bar-front-wrap{display: none;}
.blogin-sidebar {background-color:#E6F7FB}
.avatar-wrapper p{color: #000 !important;}
.avatar-wrapper h2{color:#704f40 !important }
.blogin-sidebar .avatar{float: none;}

/*SOME JAKONAPIT*/


.addthis_toolbox > a .at-icon-wrapper{
	background-color: #704f40 !important;
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    margin: 10px 5px 0 0;
    overflow: hidden;
    transition: 0.2s all;
    width: 30px;
}
.addthis_toolbox > a .at-icon-wrapper:after{
	font-family: FontAwesome;
    color: white;
    position: relative;
    left: 11px;
}
.addthis_button_facebook:before{
	content: "Jaa:";
    color: #000;
    font-weight: bold;
    line-height: 32px;
    vertical-align: bottom;
    margin-right: 30px;}
.addthis_button_facebook .at-icon-wrapper:after{	content:  "\f09a"; }
.addthis_button_twitter .at-icon-wrapper:after{	content:  "\f099"; left: 9px !important;}
.addthis_button_linkedin .at-icon-wrapper:after{	content:  "\f0e1"; left: 9px !important;}
.addthis_button_email .at-icon-wrapper:after{	content:  "\f003"; left: 8px !important;}
.addthis_button_print .at-icon-wrapper:after{	content:  "\f02f"; left: 8px !important; }
.addthis_button_print{float:right !important;}
.addthis_button_print:before{
	content: "Tulosta:";
	color: #000;
    font-weight: bold;
    line-height: 32px;
    vertical-align: bottom;
    margin-right: 30px;}
.addthis_toolbox > a .at-icon-wrapper > svg{display: none;}
body.single-osa .addthis_button_facebook, body.single-osa .addthis_button_twitter , body.single-osa .addthis_button_linkedin , body.single-osa .addthis_button_email  {display: none;}

/* Asiantuntijakumppani sivu*/
.asiantuntijakumppani,
.kumppani{ margin-right:0px;}

section.boardview img{margin-bottom:25px; }

/*phonenumber fix*/
a[href^=tel] { color: inherit; text-decoration: none; }

 body.category-teema-artikkelit #sidebar1 .menu-item-6984, body.category-teema-artikkelit #sidebar1 .menu-item-6984 .sub-menu > li{display:block;}

article.esityslistaus{margin-left: -20px;}
.attachment-teema-thumb{margin-bottom: 20px;}


/*TEEMASIVUN TAGIT*/
.tag_cloud_on_single a { color: white; display: inline; }
.tag_cloud_on_single { color: white;     overflow-wrap: break-word;}
.writers > li{list-style: none;}


.news-sidebar li{list-style: none; color: #fff;}


body .ccfic:empty{
	display:none;
}


/* TAG LIST BUTTON */
.button.show-tags{
	background-color: transparent;
    border: #fff 1px solid;
    color: white !important;
    text-transform: uppercase;
    margin-top: 1rem;


}

/* Tietopankki */
.company-name{
	font-size: 11px;
	text-transform: uppercase;
}

/* ---------------------

	Image slider

--------------------- */


	.image-slider a:first-child{
		position: relative;
		display: block;
	}

	.image-slider a:first-child::before{
		content: 	"+";
		position: 	absolute;
		display: 	block;
		width: 		50px;
		height: 	50px;
		font-size: 	50px;
		color: 		white;
		top:		50%;
		left: 		50%;
		border: 	2px solid white;
		border-radius: 50%;
		line-height: 36px;
		text-align: center;
		opacity: 		0.5;
		margin-left: -25px;
		margin-top:  -25px;

		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
	}

	.image-slider a:first-child:hover::before{
		opacity: 		1;
	}


/* ---------------------

	COMMON

--------------------- */

		body .white{
			color: white;
		}

		body .absolute{
			position: absolute;
		}

		body .relative{
			position: relative;
		}

		body .fullwidth{
			width:100% !important;
		}

		body .block{
			display: block;
		}

		body .inline-block{
			display: inline-block;
		}


		body .fixed{
			position: fixed;
		}

		body .left {
		  float: left !important;
		}

		body .right {
		  float: right !important;
		}

		body .float-none {
		  float: none !important;
		}

		body .clearfix:before, .clearfix:after {
		  content: " ";
		  display: table;
		}

		body .clearfix:after {
		  clear: both;
		}

		body .text-center{
			text-align: center;
		}

		body .text-left{
			text-align: left;
		}

		body .text-right{
			text-align: right;
		}

		body .text-align-normal{
			text-align: inherit;
		}

		body .valign-top{
			vertical-align: top;
		}

		body .valign-middle{
			vertical-align: middle;
		}

		body .valign-bottom{
			vertical-align: bottom;
		}

		body .centered{
			margin: 0 auto;
		}

		body .no-margin{
			margin: 0 !important;
		}

		body .no-margin-left{
			margin-left: 0 !important;
		}

		body .no-margin-right{
			margin-right: 0 !important;
		}


		body .no-padding{
			padding: 0;
		}

		body .no-padding-important{
			padding: 0 !important;
		}

		body .no-padding-top{
			padding-top: 0;
		}

		body .no-padding-left{
			padding-left: 0;
		}

		body .no-padding-right{
			padding-right: 0;
		}

		body .no-padding-bottom{
			padding-bottom: 0;
		}

		body .column:last-child:not(:first-child),
		body .columns:last-child:not(:first-child){
			float: left;
		}

		body .no-list-style{
			list-style: none;
		}


		body .bg-blue-light{
			background: #cce8e3;
		}

		body .uppercase{
			text-transform: uppercase;
		}

.excerpt-spacer{
	width:10px;
	display: inline-block;
}

.page-nav-sidebar-secondary .menu .sub-menu .sub-menu li{
    margin-left: 1rem;
}

/* -----------------

	MENU DROPDOWNS

------------------*/


#top-bar-menu ul.menu > li.menu-item.is-dropdown-submenu-parent > a{
	padding-right: 1.2rem !important;
}

.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu{

    background: white;
    /* padding-top: 1rem; */
    margin-top: 0;
    padding: 0.6rem;


}
		.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu-item{
			border: 0;
		}

/* -----------------

	MOBILE MENU

------------------*/
.mobile-title-bar {

	position: relative;
	background: white; /*#59c7c7;*/
    border-bottom: 1px solid white;
    color: #59c7c7;
}

	.mobile-title-bar .title-bar-title{
		color: #59c7c7;
		font-weight: normal;
	}

	.mobile-title-bar .menu-icon::after{
		    background: #59c7c7;
		    box-shadow: 0 7px 0 #59c7c7, 0 14px 0 #59c7c7;
	}

	.mobile-title-bar .logo-image.mobile{
		height: 40px;
		max-width: 100%;
	    margin-bottom: 0rem;
	}

	.mobile-title-bar .top-bar-right{
		padding-top: 0.6rem;
	}


#mobile-menu{
	background: #333;
	color: white;
	padding: 1rem;
}

	#mobile-menu ul.menu{
		background: transparent !important;
	}

		#mobile-menu #extra-menu.menu > li,
		#mobile-menu ul.menu li.menu-item{
			display: block;
			float: none;
			clear: both;
			text-align: center;
			margin-bottom: 0.5rem;
			border: 2px solid white;
		}

		#mobile-menu ul.menu li.menu-item.is-accordion-submenu-parent a:after{
			border-color: white transparent transparent;
		}



		#mobile-menu #extra-menu.menu > li.search-item{
			border: none;
			margin: 1.2rem;
		}

			body #mobile-menu #extra-menu > li > a,
			body #mobile-menu #member-menu ul.menu > li.menu-item > a,
			body #mobile-menu ul.menu > li.menu-item > a{
				display: 		block;
				color: 			white  !important;
				font-family: Arial, Helvetica, sans-serif;
				font-weight: 	normal;
				text-transform: none !important;
				font-size: 		1rem !important;
			    margin: 		0 !important;
			    padding: 		1rem !important;


			      -webkit-transition: all .25s ease-in-out;
			      -moz-transition: all .25s ease-in-out;
			      -o-transition: all .25s ease-in-out;
			      transition: all .25s ease-in-out;

			}


		#mobile-menu .main-menu.menu li{
			 border: none;
		}


		#mobile-menu .main-menu ul.menu > li.menu-item > a{
				background: #59c7c7 !important;
			    display: 	block;
			   font-weight: bold;
		}

		#mobile-menu .main-menu ul.menu ul.submenu > li.menu-item{
			    margin: 0.5rem !important;
				border: none;
		}

			#mobile-menu .main-menu ul.menu ul.submenu > li.menu-item > a{
				background: #cce8e3 !important;
				color: #333 !important;
			}



		body #mobile-menu #extra-menu > li > a:hover,
			body #mobile-menu #member-menu ul.menu > li.menu-item > a:hover,
			body #mobile-menu ul.menu > li.menu-item > a:hover,
			#mobile-menu .main-menu ul.menu > li.menu-item > a:hover{
				background: white !important;
				color:  #59c7c7 !important;
			}


		body #mobile-menu #extra-menu > li.login-button > a{
			display: block !important;
		}

@media screen and (max-width:54.000em) and (min-width: 45.000em){

	#mobile-menu #extra-menu.menu > li,
	#mobile-menu ul.menu li.menu-item{
	    float: left;
	    clear: none;
	   width: 32.5%;
	   margin-right: 1.215%;
	}

	#mobile-menu #extra-menu.menu > li:nth-child(3n+3),
	#mobile-menu ul.menu li.menu-item:nth-child(3n+3){
		margin-right:0;
	}

	#mobile-menu #extra-menu.menu > li.search-item{
		width: 95%;
	}

	#mobile-menu #extra-menu.menu > li.login-button{
		width: 100%;
	}

	#mobile-menu .main-menu ul.menu ul.submenu > li.menu-item {
	    width: auto;
	    float: none !important;
	    clear: both;
	}
}

@media screen and (max-width:45.000em) and (min-width: 35.000em){

	#mobile-menu #extra-menu.menu > li,
	#mobile-menu ul.menu li.menu-item{
	   float: left;
	    clear: none;
	   width: 49.5%;
	   margin-right: 1%;
	}

	#mobile-menu #extra-menu.menu > li:nth-child(2n+2),
	#mobile-menu ul.menu li.menu-item:nth-child(2n+2){
		margin-right:0;
	}

	#mobile-menu #extra-menu.menu > li.search-item{
		width: 95%;
	}

	#mobile-menu #extra-menu.menu > li.login-button{
		width: 100%;
	}

	#mobile-menu .main-menu ul.menu ul.submenu > li.menu-item {
	    width: auto;
	    float: none !important;
	    clear: both;
	}

}

/* -----------------

	PAGINATION

------------------*/

body .pagination li{
	display: inline-block;
}

.ensimmainen a, .viimeinen a {
  color: #b5b5b5;
}

/* -----------------

	SLICK SLIDER

------------------*/

body .wpsisac-slick-slider,
	body .slick-slider{
		height: auto !important;
		max-height: none !important;
		    background-size: contain;
	}

	body .wpsisac-slick-slider .slick-image-slide,
	body .slick-slider .slick-image-slide{
		max-height: none !important;
	}


/* -----------------

		EVENT

------------------*/

body .off-canvas-wrapper article.event .article-content-wrapper{ /* This overrides styling in Additions.css */
/* 	height: auto; */
}


/* ---------------------

	ZF ACCORDION (Käytetään koska foundationin oma menee liian aikaisin kiinni, ja siksi aiheuttaa layout issueita)

--------------------- */

.zf-accordion-item,
.zf-accordion-item .zf-accordion-title {
	position: relative;
}

		.zf-accordion-item .zf-accordion-title{
		    text-align: 		left;
/* 		    background-color: 	#cce8e3; */
		    color: 				#704f40 !important;
		    font-size: 			1rem;
		    padding: 			0.5rem;
		    cursor: 			pointer;
		    overflow: 			hidden;
		    border-bottom: 		1px solid #ccc;
		}

		.zf-accordion-item .zf-accordion-content{
			padding: 			0.5rem;
		}

			.zf-accordion-item .zf-accordion-title span.heading{
				font-size: 			1rem;
			}

			.zf-accordion-item .zf-accordion-title span.heading,
			.zf-accordion-item .zf-accordion-title h2,
			.zf-accordion-item .zf-accordion-title h3{
				margin: 0;
			}


			.zf-accordion-item .zf-accordion-title span.open-info{
				right: 0;
				bottom: 0.5rem;
				position: absolute;
			}

			.zf-accordion-item .zf-accordion-title h2 + span.open-info{
				 bottom: 1rem;



			}

/*
			.zf-accordion-item .zf-accordion-title h2:after{
				content: 	'+';
				display: 	block;
				width: 		40px;
				height: 	100%;
				position: 	absolute;
				right:		0;
				top: 		50%;
				margin-top: -25px;
				line-height: 40px;


			}
*/

/* -----------------

		BOARDVIEW

------------------*/

body .boardview-lehti .boardview img{
	width: auto;
	max-width: 100%;
}

/* -----------------

		BUTTONS

------------------*/

.button.issuu-link,
.button.pdf-link{
	padding:	 	0.5rem 1rem 0.5rem 2.2rem;
	font-weight: 	normal;
	position: 		relative;
}

	.button.issuu-link:hover,
	.button.pdf-link:hover{
		background: #59c7c7;
	}


	.button.issuu-link:before,
	.button.pdf-link:before{
		font-family: 	'fontawesome';
		font-size: 		16px;
		display: 		block;
		position: 		absolute;
		left: 			0.6rem;
		top: 			50%;
		margin-top: 	-8px;

	}


	.button.pdf-link:before{
		content: 		"\f1c1";
	}

	.button.issuu-link:before{
		content: 		"\f08e";

	}

.ext-link{

}


.readmore-btn{
	text-transform: uppercase;
}

/* -----------------

		TEEMA ARTICLES

------------------*/

.teema-article-list .article-wrapper{
	    background-color: #cce8e3;
    margin-bottom: 0.9375rem;
    padding: 25px;
}

.single  h2.teema-title{
	background-color: #59c7c7;
	color: white;
	padding: 0.5rem 1rem;
	margin: 1rem 0;
}

.single .teema-article-list article{
	padding: 0;
	border: 0;
}

/* -----------------

	ISSUU

------------------*/

body #main .issuuembed{ /* issuu-isrendered*/
	max-width: 100% !important;
	max-height: 500px !important;
	margin-bottom: 2rem;
}

/* -----------------

	Profile page hack.
	Hide the avatar section

------------------*/

.wpua-edit-container{
	display: none;
}


/* ---------------------
	boardview-widget ja sidebar-content-block
--------------------- */
.sidebar-content-block,
.boardview-widget{
	background-color: #cce8e3;
    margin-bottom: 0.9375rem;
    padding: 25px;
    overflow: hidden;
}

.sidebar-content-block h1,
.sidebar-content-block h2,
.sidebar-content-block h3,
.sidebar-content-block h4,
.sidebar-content-block h5,
.sidebar-content-block h6,
.boardview-widget h1,
.boardview-widget h2,
.boardview-widget h3,
.boardview-widget h4,
.boardview-widget h5,
.boardview-widget h6{
	color: #704f40;
}

.sidebar-section-title{
	    border-bottom: 1px solid #7ccfdf;
    font-size: 2.00rem !important;
    line-height: 1.20;
    margin: 0 0 0.50rem !important;
    padding: 0 0 0.50rem !important;
}


/* HENKILÖLISTAUS */
.person_wrapper{clear: both; min-height: 200px;}
.single-kirjoittaja h1, .single-avainhenkilot h1{ border-bottom: solid 1px #d4d4d4;}
/*
.kaksi-palstaa{margin-right: 0px; margin-left: 10px;}
.kaksi-palstaa:first-child{margin-left: 0px;}
*/

.kaksi-palstaa {
	padding-right: 0px;
	margin-bottom: 16px;

}

.kaksi-palstaa .article-content{
	background-color: #cce8e3 !important;
    padding: 1rem;

}

.event.kaksi-palstaa .article-content{
	padding: 0;
}

.teema article.yksi-palsta{
	margin-bottom: 1rem;
}

	.teema article.yksi-palsta .article-content{
		padding: 1.8rem 2rem;
	}


/* -----------------

	MEDIA QUERIES

------------------*/

/*
@media screen and (min-width: 1280px){
	.wpsisac-slick-slider.design-4 .slick-image-slide .slide-wrap .slider-content-left {
    	padding: 50px 0px;
	}
}
*/


@media screen and (min-width: 63.9375em){
		.news-column > div > article.large-4, .news-column > article.large-4 {width: 31% !important; margin: 1%;}
/*
	.large-6 {
	    width: 48%;
	}
	.news-column > div > article, .news-column >  article {
	    width: 48%;
    }
}
*/

}

@media screen and (max-width: 63.9375em) {
	.news-column >  article.small-12.medium-6{
		width: 100% !important;
		margin: 0 0 1rem;
		padding: 0;
	}
	.news-column > div > article.small-12{
		width: 100% !important;
	}
	.columns:last-child:not(:first-child) {
		float: left;
	}

	.home .row .row {
		margin: 0;
	}

	.home #inner-content .main-column-right .columns{
		padding:0;
	}

	.home #inner-content .video-nosto-alue.columns{
		padding-left: .9375rem;
	}
}



@media screen and (max-width: 54.063em) {

	body #sidebar1,
	body #sidebar1 .columns{
		padding-left: 0;
	}

	.home #inner-content .video-nosto-alue.columns{
		/*padding-left: 0;*/
		height: auto;
		/*width: 100%;*/

	}
	.video-nosto-alue img{
		height: auto;
		width: 100%;
		max-height: none;
	}

	.no-padding-mobile{
		padding: 0 !important;
	}

	body .attachment-teema-thumb{
		width: 100%;
		height: auto;
	}

}

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

	body.single #main,
	body.page #main {
		padding-right: 0;
	}

	.mobile-fullwidth{
		width: 100% !important;
	}
}

@media screen and (max-width:400px){



}

/* ARKISTO */
/* .archive .kaksi-palstaa:first-child {margin-left: 10px;} */
.archive .kaksi-palstaa {margin-bottom: 10px;}

.list-valitysilmoitukset {
  margin-left:0;
  list-style:none;
}
.list-valitysilmoitukset li {
  margin-bottom:1em;
}

.page-template-menneet-tilaisuudet article {
  padding: 0 15px 0 0;
}

/* LOGIN  FORM */

.popmake-title {
  margin-bottom: 1rem;
}

.tml-submit-wrap, .tml-rememberme-wrap {
  clear: both !important;
  display: block !important;
  width: 100%;
}
.tml-submit-wrap #wp-submit2, .tml-submit-wrap #wp-submit {
  float: left;
}

/* Avoimet hallituspaikat notice */

.dif-notice p {
  background: #cce8e3;
  padding: 25px;
  margin-bottom: 33px;
}

.open-positions-number {
  color: #fff;
  text-decoration: none;
  background: #d40000;
  border-radius: 100%;
  font-size: 80%;
  font-weight: bold;
  padding: 0.08rem 0.45rem;
}

.dif-user-avatar-upload ul {
  list-style:none;
}

.menu-jasen-ylavalikko-container .dif-has-open-positions,
.menu-jasen-ylavalikko-en-container .dif-has-open-positions  {
  position: relative;
  width: 200px;
}

.menu-jasen-ylavalikko-container .dif-has-open-positions:after,
.menu-jasen-ylavalikko-en-container .dif-has-open-positions:after {
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 100%;
  display: block;
  background: #d40000;
  position: absolute;
  top: 19px;
  right: 15px;
}

/* Jäsenkirjeet / Newsletter Menu */
.newsletter-menu .menu {
	display: flex;
	margin: 1rem 0;
	flex-flow: row wrap;
}
.newsletter-menu.center .menu {
	justify-content: center;
}
.newsletter-menu.menu--archive .menu{
	margin-left: 12px;
}

.newsletter-menu .menu-item {
	margin: 0.25rem;
}
.newsletter-menu li a {
	margin: 0 !important;
	padding: 0.5rem !important;
	background: #59c7c7;
	color: white !important;
	font-weight: 400;
	text-decoration: none !important;
}
.newsletter-menu li a:hover,
.newsletter-menu li a:focus {
	color: white !important;
	background: #008ca7;
}
.newsletter-menu li.active a {
	background: #cce8e3;
	color: #59c7c7 !important;
	cursor: default;
	display: none;
}

/* Fix top bar height */

.top-bar-right.kirjautuneiden-menu ul {
    padding-top: 0.5rem;
}

#menu-paavalikko-2 {
    margin-top: 38px !important;
}

.top-bar .menu,
.top-bar .vertical.menu {
    margin-top: 0 !important;
}

/* Print to PDF icon */

.article-footer {
  position: relative;
}

.dif-print-to-pdf {
  top: 2rem;
  left: 0.5rem;
  background: url('../../assets/images/pdf.svg');
  background-size: 32px 32px;
  height: 32px;
  width: 32px;
  fill: #704f40;

}
.dif-print-to-pdf a,
.dif-print-to-pdf a:hover,
.dif-print-to-pdf a:visited,
.dif-print-to-pdf a:active {
  color: rgba(0, 0, 0, 0) !important;
}

/* Remove font weight from related articles categories */

.yarpp-related a {
  font-weight: normal !important;
}

/* Future events widget */

.future-events {
  background: #f7e4d2;
  padding: 25px 25px 10px 25px;
}

.future-events h2 {
	border: 0;
}

.future-events a {
	font-weight: bold;
}

.future-events a:hover, .future-events a:focus {
	text-decoration: underline;
}

.future-events .all-events-link {
	display: block;
	margin-top: 1.5rem;
}

.future-events ul {
  margin-top: 1rem;
  list-style: none;
  margin-left: 0;
}
.future-events li {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin-bottom: 0.7rem;
}

/* Testit */

.testit {
  padding: 1rem;
}

.testi {
  padding: 0 1rem 0 0;
  margin-bottom: 1rem;
}

.testi h2 {
  margin-bottom: 1.2rem;
}

.testi-wrapper {
    border: 1px solid #d6d6d6;
    padding: 1.5rem 1.2rem 0 1.2rem;
    text-align: center;
}

/* Ajankohtaista image widget */

.ajankohtaista-image-widget {
  margin: 2rem 0;
}

.ajankohtaista-image-widget img {
  margin-bottom: 0.5rem;
}

.ajankohtaista-image-widget p {
  font-size: 92%;
}

html body .menu-item.hidden {
  display:none;
}

/* Rajaa aikavälillä */

.date-filter {
  background: #ede2df;
}

.date-filter.category-sidebar h2 {
  color: #704f40;
  border-bottom: 0 !important;
  margin-bottom: 5px !important;
}

.date-filter input {
  width: 100%;
  background-image: url('../images/calendar-icon.svg');
  background-size: 20px 20px;
  background-position: right 10px center;
  background-repeat: no-repeat;
}

.date-filter .datepicker-field {
  margin-bottom: 1rem;
  padding: 0.6rem;
  border: 0;
  font-size: 90%;
}

.date-filter .datepicker-submit {
  padding: 0.6rem;
  border: 0;
}

/* Tilaisuudet */

.enrollment a.button {
	color: white !important;
	padding: .7rem 1rem;
	background: #59c7c7;
	margin-top: 2rem;
}

#wp-calendar tr, #wp-calendar td {
	background: white;
}

#wp-calendar td a {
	font-weight: bold;
}
#event-content span {
	font-family: inherit !important;
}
div.separator {
  border-bottom: 1px solid #d8d8d8;
  border-top: none;
  box-shadow: 0px 1px 0px #ececec;
  margin: 0 30px;
  padding: 20px 0;
  display: block;
  clear: both;
}

.widget_recent_entries a{
	color: black;
}

.h3-times h3{
	font-family: "Times New Roman", Times, serif;
	font-weight: normal!important;
}
/* relevanssirelated styles */
h3.relevanssi_related_grid_header {
	color: #70351f;
	margin-top: 1rem;
	font-family: Arial, Helvetica, sans-serif;
}
#relevanssi_related_grid {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-column-gap: 10px;
	color: white;
}
.dif_relevanssi_related_post {
	background-color: #59c7c7;
	list-style-type: none; 
	padding: 1rem;
	font-family: Arial, Helvetica, sans-serif;
}
.dif_relevanssi_related_post h4 {
	font-family: "Times New Roman", Times, serif;
	margin-bottom: 1rem;
	font-weight: normal;
	font-size: 1.5rem;
}
.dif_relevanssi_related_post span, .related-tags a {
	font-size: 0.813rem;
	color:white;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}

.dif_relevanssi_related_post span a {
	font-size: 0.813rem;
	color:white;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}

#relevanssi_related_grid a.button.small {
	margin-bottom: 1rem;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.688rem;
	color: #060707;
}


.blog-writer-single{
  display: flex;
  flex-direction: column;
}