/* Blog-archive */
.blog-authors {
    background: #f6f6f6;
    padding: 1rem;
}

.blog-authors ul {
    list-style: none;
    padding: 0;
}

/* Single-blog-page */
.single-blog-entry {
  display: flex;
  flex-wrap: wrap;
}
.single-blog-entry .authors {
  order: 2;
}
.single-blog-entry .addthis_tool {
  order: 9999;
  width: 100%;
}

.blog {
    padding: 24px 24px 0;
    padding: 1.5rem 1.5rem 0;
    width: 100%;
}

.blog .entry-footer {
    padding: 1.5rem 0;
}

.blog .authors {
    padding: 1.5rem 0;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
    display: none;
}

.wrap-author-info {
	display: grid;
    grid-template-columns: 92px 1fr;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.wrap-author-info .author-image {
	max-width: 5rem;
    float: none;
}

.wrap-author-info .author-image, .wrap-author-info div {
    display: inline-block;
}

.wrap-author-info .author-name {
    font-weight: 600;
    line-height: 1.25;
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 115%;
}

.date {
    font-size: 115%;
}

.author-image {
    float: left;
    max-width: 36px;
    max-width: 2.25rem;
    border-radius: 50%;
    margin: 8px 8px 4px 0;
    margin: .5rem .5rem .25rem 0;
}

img.author-image {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: middle;
	-ms-interpolation-mode: bicubic;
}

/* Blog - Sidebar */

.sidebar-cpt .wrapper {
    margin: 0;
    max-width: 720px;
    padding: 1.5rem;
}

.sidebar-cpt .author-item {
    background-color: #e3f2e4;
    padding: 1.5rem;
    margin-bottom: 1rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.sidebar-cpt .author-item .author-link {
  color: black;
  font-weight: bold;
}

.sidebar-cpt .author-image {
    border-radius: 50%;
    grid-column: span 1 / span 1;
}

.sidebar-cpt .author-item .author-name {
    font-weight: bold;
    grid-column: span 3 / span 3;
    margin: auto 0;
}

.sidebar-cpt .author-info {
    grid-column-start: 1;
    grid-column-end: 5;
}

/* Single-author-page */

.author-header {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.author-header .author-image {
    grid-column: span 4 / span 4;
}

.author-header .author-info {
    grid-column: span 8 / span 8;
    margin: auto;
}

.accordion .content.active button {
    background: unset !important;
    border: 0;
    border-top: 1px solid;
    color: #39893e !important;
}

.accordion .content.active button i {
    color: #39893e !important;
}

.accordion button {
    width: 100%;
    cursor: pointer;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
}

.accordion .textarea {
    display: none;
    padding: .5rem 1rem;
}

@media screen and (min-width: 768px) {
    .date {
        font-size: 125%;
    }

    .blog .authors {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

	.wrap-author-info {
		grid-gap: 20px;
		width: 100%;
		float: left;
	}
    .all-authors .wrap-author-info {
        width: 100%;
    }
	.wrap-author-info .author-image {
		max-width: 100%;
		margin-right: 0;
	}

    .wrap-author-info .author-name {
        font-size: 125%;
    }
}

@media screen and (min-width: 992px) {
    .blog {
        margin: 0;
        padding: 30px 30px 0;
        padding: 1.875rem 1.875rem 0;
    }
    .blog .authors {
      display: block;
    }
    .sidebar-cpt {
        width: 100%;
        float: right;
        padding: 1.875rem 1.875rem 0;
        margin-bottom: 32px;
        margin-bottom: 2rem;
    }
}

@media screen and (min-width: 1025px) {
    .blog-wrapper {
        max-width: 720px;
    }
    .blog {
        float: left;
        margin-right: 0;
    }
}

/* Saavutettavuusfiksit */
.breadcrumb > span > span:first-child:before {
  display: none;
}
.breadcrumb > span > span:first-child > a {
  text-indent: unset;
  height: auto;
  width: auto;
}
.card-title-number {
  font-family: "FFScalaSansWebRegular";
  display: block;
  color: #347a38;
}
.youtube-link .text-black {
  color: #232726;
}
.search-results .blog {
  padding: 0;
}
.search-results .type-post header.entry-header {
  border: none;
}