/*
Theme Name: Tussitaikurit
Description: This is a child theme for Flatsome Theme
Author: Suomen Digimarkkinointi Oy
Template: flatsome
Version: 3.6
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.section-bg {
    top: 101px;
}

.single-blogi figcaption {
    background-color: rgba(0,0,0,0.05);
    padding: 1rem;
    font-size: .85rem;
    text-align: center;
}
.single footer.entry-meta {
    border-top: none;
    margin-bottom: 3rem;
}
.blog-archive footer.entry-meta {
    border-top: none;
}
.main-article .badge {
    display: none;
}
.single-blogi .entry-header .entry-meta.uppercase.is-xsmall,
.blog-archive  .entry-header .entry-meta.uppercase.is-xsmall{
    margin-top: 23px;
}
.entry-header .entry-meta a {
    color: #333333;
}
.single-blogi h1{
    hyphens: auto;
}
.separator-dot {
    margin: 0 .3rem;
}
.pis-li {
    -js-display: flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important;
    -ms-flex-item-align: start!important;
    align-self: flex-start!important;
    vertical-align: top!important;
    padding: 10px 0 10px;
}
.pis-utility {
    margin-right: 15px;
    max-height: 100%;
    top: 7%;
    margin-bottom: 0;
}
.pis-date {
    margin: 0!important;
    display: table-cell;
    z-index: 20;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 2.3rem;
    height: 2.4rem;
    color: #667c6e;
    border: 2px solid currentColor;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    font-size: .8rem;
    font-weight: bolder;
    transition: background-color .3s, color .3s, border .3s;
}
.pis-title {
    max-height: 100%;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: auto!important;
    margin-bottom: 0;
}
.single-blogi button i, .single-blogi .button i {
    top: -1px;
}

@media only screen and (max-width: 30em) {
    .single-blogi h1{
        font-size: 1.9rem!important;
    }
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

}