/*
Theme Name: TB lattiat Oy
Author: Toni Rönkkö
Template: twentyseventeen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeenchild
*/

#top-menu {
    text-align: center;
}
#top-menu a:target {
    color: #888;
}
ul {
    padding-left: 1rem;
}
.site-branding {
    text-align: left;
}
.site-branding-text {
    display: block !important;
}
body.has-header-image .site-description {
    font-weight: bold;
    opacity: 1;
    text-shadow: 1px 1px 2px black;
    font-size: 20px;
}
body.has-header-image .site-description a {
    padding-left: 6px;
    color: #f44;
    font-size: 150%;
    opacity: 1;
}
body.has-header-image .site-branding a:hover {
    opacity: 1;
}

.custom-logo {
    filter: drop-shadow(0 0 0.5px black);
}
.custom-logo-link {
    padding-right: 0;
}
@media screen and (min-width: 48em) {
    .custom-logo-link img {
        max-height: 150px;
        max-width: 400px;
    }
}
#post-19 {
    display: none;
}
a {
    color: #448;
    text-decoration: underline;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.widget-area .footer-widget-1 section {
    padding-bottom: 0;
}
.page .panel-content .entry-title,
.widget-area .footer-widget-1 h2 {
    font-size: 16px !important;
    color: #222;
    font-weight: 900;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}
.widget-area .footer-widget-1 p {
    margin-bottom: 8px;
}
#colophon {
    margin-top: 0;
    padding-top: 0;
}

#colophon .widget-area {
    padding-top: 0;
}
.navigation-top .wrap,
.wrap {
    max-width: 100%;
}
.panel-content > .wrap {
    padding-top: 2em;
    padding-bottom: 2em;
}
#content {
    padding-top: 0;
}
#content > .wrap {
    padding-left: 0;
    padding-right: 0;
}
@media screen and (min-width: 48em) {
    .navigation-top .wrap,
    .wrap {
        max-width: 1400px;
    }
    #colophon .wrap {
        padding-bottom: 2em;
    }
}

@media screen and (min-width: 48em) {
    .entry-header,
    .footer-widget-1,
    .social-navigation {
        text-align: right;
    }
}

p:empty {
    display: none;
}

@media screen and (min-width: 48em) {
    .page-id-301.has-header-image .custom-header-media,
    .page-id-309.has-header-image .custom-header-media {
        height: calc(100vh - 72px);
        max-height: 100%;
        overflow: hidden;
    }
    .admin-bar.page-id-301.has-header-image .custom-header-media,
    .admin-bar.page-id-309.has-header-image .custom-header-media {
        height: calc(100vh - 72px - 32px);
    }

    .page-id-301.has-header-image .site-branding,
    .page-id-309.has-header-image .site-branding {
        display: table-cell;
        height: calc(100vh - 72px);
        vertical-align: bottom;
    }
    .admin-bar.page-id-301.has-header-image .site-branding,
    .admin-bar.page-id-309.has-header-image .site-branding {
        height: calc(100vh - 72px - 32px);
    }

    .page-id-301.has-header-image .custom-header-media img,
    .page-id-309.has-header-image .custom-header-media img {
        position: fixed !important;
    }

    .page-id-301.has-header-image .custom-header-media:before,
    .page-id-309.has-header-image .custom-header-media:before {
        height: 33%;
    }
}