/*======================================
Theme Name: Twenty Seventeen Child
Theme URI: https://wordpress.org
Description: Das Twenty Seventeen Child Theme
Version: 1.0
Author: the WordPress team
Author URI: https://wordpress.org
Template: twentyseventeen
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
======================================*/

@font-face {
    font-family: 'Square Peg';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/square-peg-v2-latin-regular.eot');
    src: local(''),
         url('fonts/square-peg-v2-latin-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/square-peg-v2-latin-regular.woff2') format('woff2'),
         url('fonts/square-peg-v2-latin-regular.woff') format('woff'),
         url('fonts/square-peg-v2-latin-regular.ttf') format('truetype'),
         url('fonts/square-peg-v2-latin-regular.svg#SquarePeg') format('svg');
}

@font-face {
    font-family: 'Libre Franklin';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/libre-franklin-v13-latin-300.eot');
    src: local(''),
         url('fonts/libre-franklin-v13-latin-300.eot?#iefix') format('embedded-opentype'),
         url('fonts/libre-franklin-v13-latin-300.woff2') format('woff2'),
         url('fonts/libre-franklin-v13-latin-300.woff') format('woff'),
         url('fonts/libre-franklin-v13-latin-300.ttf') format('truetype'),
         url('fonts/libre-franklin-v13-latin-300.svg#LibreFranklin') format('svg');
  }
  
@font-face {
    font-family: 'Libre Franklin';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/libre-franklin-v13-latin-600.eot');
    src: local(''),
         url('fonts/libre-franklin-v13-latin-600.eot?#iefix') format('embedded-opentype'),
         url('fonts/libre-franklin-v13-latin-600.woff2') format('woff2'),
         url('fonts/libre-franklin-v13-latin-600.woff') format('woff'),
         url('fonts/libre-franklin-v13-latin-600.ttf') format('truetype'),
         url('fonts/libre-franklin-v13-latin-600.svg#LibreFranklin') format('svg');
}

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

::-moz-selection {
	color: #FFF;
	background: #000;
}

::selection {
	color: #FFF;
	background: #000;
}

h1.site-title {
    font-family: 'Square Peg', cursive;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 400;
    font-size: 10rem;
    text-shadow: 10px 10px 10px rgba(0,0,0,0.8);
    line-height: 1.1;
}

p.site-title {
    font-family: 'Square Peg', cursive;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 400;
    font-size: 5rem;
    text-shadow: 10px 10px 10px rgba(0,0,0,0.8);
    line-height: 1.1;
}

@media screen and (max-width: 400px) {
    h1.site-title {
        font-size: 5rem;
    }
    p.site-title {
        font-size: 3rem;
    }
}

h1, h2, h3, h4, h5, h6 {
    padding: 0;
    font-weight: 300!important;
}

ul {
    padding: 0 0 0 1rem;
}

.widget ul {
    padding: 0;
}

.single-featured-image-header img {
    max-width: 1000px;
}

.single-featured-image-header {
    background-color: #fff;
    border-bottom: 0px solid #eee;
    margin-top: 1.5em;
}