/*
 Theme Name:   Twenty Seventeen Child
 Description:  Unser Child Theme
 Author:       Jan Tack (digidrom.de)
 Author URI:   https://www.digidrom.de
 Template:     twentyseventeen
 Version:      1.0
 Text Domain:  twentyseventeen-child
*/

@font-face {
    font-family: 'Libre Franklin';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/libre-franklin-v2-latin-regular.eot'); 
    src: local('Libre Franklin'), local('LibreFranklin-Regular'),
        url('./fonts/libre-franklin-v2-latin-regular.eot?#iefix') format('embedded-opentype'), 
        url('./fonts/libre-franklin-v2-latin-regular.woff2') format('woff2'), 
        url('./fonts/libre-franklin-v2-latin-regular.woff') format('woff'), 
        url('./fonts/libre-franklin-v2-latin-regular.ttf') format('truetype'), 
        url('./fonts/libre-franklin-v2-latin-regular.svg#LibreFranklin') format('svg'); 
}
@font-face {
    font-family: 'Libre Franklin';
    font-style: italic;
    font-weight: 400;
    src: url('./fonts/libre-franklin-v2-latin-italic.eot'); 
    src: local('Libre Franklin Italic'), local('LibreFranklin-Italic'),
        url('./fonts/libre-franklin-v2-latin-italic.eot?#iefix') format('embedded-opentype'), 
        url('./fonts/libre-franklin-v2-latin-italic.woff2') format('woff2'), 
        url('./fonts/libre-franklin-v2-latin-italic.woff') format('woff'), 
        url('./fonts/libre-franklin-v2-latin-italic.ttf') format('truetype'), 
        url('./fonts/libre-franklin-v2-latin-italic.svg#LibreFranklin') format('svg'); 
}
@font-face {
    font-family: 'Libre Franklin';
    font-style: normal;
    font-weight: 600;
    src: url('./fonts/libre-franklin-v2-latin-600.eot'); 
    src: local('Libre Franklin SemiBold'), local('LibreFranklin-SemiBold'),
        url('./fonts/libre-franklin-v2-latin-600.eot?#iefix') format('embedded-opentype'), 
        url('./fonts/libre-franklin-v2-latin-600.woff2') format('woff2'), 
        url('./fonts/libre-franklin-v2-latin-600.woff') format('woff'), 
        url('./fonts/libre-franklin-v2-latin-600.ttf') format('truetype'), 
        url('./fonts/libre-franklin-v2-latin-600.svg#LibreFranklin') format('svg'); 
}
@font-face {
    font-family: 'Libre Franklin';
    font-style: italic;
    font-weight: 600;
    src: url('./fonts/libre-franklin-v2-latin-600italic.eot'); 
    src: local('Libre Franklin SemiBold Italic'), local('LibreFranklin-SemiBoldItalic'),
        url('./fonts/libre-franklin-v2-latin-600italic.eot?#iefix') format('embedded-opentype'), 
        url('./fonts/libre-franklin-v2-latin-600italic.woff2') format('woff2'), 
        url('./fonts/libre-franklin-v2-latin-600italic.woff') format('woff'), 
        url('./fonts/libre-franklin-v2-latin-600italic.ttf') format('truetype'), 
        url('./fonts/libre-franklin-v2-latin-600italic.svg#LibreFranklin') format('svg'); 
}
@font-face {
    font-family: 'Libre Franklin';
    font-style: normal;
    font-weight: 800;
    src: url('./fonts/libre-franklin-v2-latin-800.eot'); 
    src: local('Libre Franklin ExtraBold'), local('LibreFranklin-ExtraBold'),
        url('./fonts/libre-franklin-v2-latin-800.eot?#iefix') format('embedded-opentype'), 
        url('./fonts/libre-franklin-v2-latin-800.woff2') format('woff2'), 
        url('./fonts/libre-franklin-v2-latin-800.woff') format('woff'), 
        url('./fonts/libre-franklin-v2-latin-800.ttf') format('truetype'), 
        url('./fonts/libre-franklin-v2-latin-800.svg#LibreFranklin') format('svg'); 
}


div.site-info {
    display: none;
}

.entry-meta {
    display: none;
}

body.has-header-image .site-title,
body.has-header-video .site-title {
    background: rgba(255,255,255,0.8);
    padding: 0 3px 3px 3px;
    border: none;
}

body.has-header-image .site-title a,
body.has-header-video .site-title a {
    color: #4F0E0C !important;
    font-family: Georgia, TimesNewRoman;
    font-size: 24px;
    background: transparent;
    padding: 0 3px 3px 3px;
    letter-spacing: 0.05em;
    border: none;
}

@media (max-width: 420px) {

    body.has-header-image .site-title a,
    body.has-header-video .site-title a {
        font-size: 14px;
    }
}

div.cols {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 12px;
}

div.cols div.col {
    align-items: stretch;
    flex: 1;
    flex-grow: 1;
}

div.cols div.col:first-child {
    margin-right: 1ex;
}

div.cols div.col:last-child {
    margin-left: 1ex;
}

.entry-footer {
    display: none !important;
}

.nav-subtitle {
    display: none !important;
}

.entry-header img {
    margin: 1em 0; 
}

article.post .entry-content h2{
    font-size: larger;
    font-weight: bold;
    color: black;
} 

.custom-header-media:before {
    display: none;
}

.wcp-carousel-main-wrap .post-style-2 .wcp-content-wrap {
    min-height: 60px;
}

#envirabox-title-outside {
    display: none;
}

/*
.has-header-image .custom-header-media img, 
.has-header-video .custom-header-media video, 
.has-header-video .custom-header-media iframe, 
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
    height: 100%;
    left: 0;
    object-fit: contain;
    top: 0;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
    width: 100%;
}*/

@media (orientation: portrait) { 
    .home.has-header-image.twentyseventeen-front-page .custom-header, 
    .home.has-header-video.twentyseventeen-front-page .custom-header{
        padding-top: 60%;
        height: 0px;
    }

    .home.has-header-image.twentyseventeen-front-page .custom-header .custom-header-media, 
    .home.has-header-image.twentyseventeen-front-page .custom-header #wp-custom-header, 
    .home.has-header-image.twentyseventeen-front-page .custom-header #wp-custom-header img, 
    .home.has-header-video.twentyseventeen-front-page .custom-header .custom-header-media {
        position: absolute;
        top: 0; right:0; bottom:0; left:0; 
    }

    .home.has-header-image .custom-header #wp-custom-header img {
        height: 25%;
        -o-object-fit: contain;
        object-fit: contain;
    }

    .home.has-header-image.twentyseventeen-front-page .custom-header .site-branding {
        position: absolute;
        height: auto;
        bottom:0; left:0;

    }
    .home.has-header-image.twentyseventeen-front-page .custom-header .site-branding .wrap {
        position: absolute;
        bottom:0; left:5%; 
    } 

}