/*
Theme Name: Twenty Seventeen 1776
Theme URI: https://wordpress.org/themes/twentyseventeen/
Template: twentyseventeen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 1.6.1526767285
Updated: 2018-05-19 22:01:24

*/

/* https://www.w3.org/Style/Examples/007/leaders.en.html */
ul.leaders {
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    list-style: none
}
ul.leaders li {         /* this block is necessary to make entries where both   */
    display: block;     /* spans are > 50% of the <li>'s width wrap to a second */
    overflow-x: hidden; /* line and show dots to the end of the first line.     */
}
ul.leaders li:before {
    float: left;
    width: 0;
    white-space: nowrap;
    content: ". . . . . . . . . . . . . . . . . . . . "
             ". . . . . . . . . . . . . . . . . . . . "
             ". . . . . . . . . . . . . . . . . . . . "
             ". . . . . . . . . . . . . . . . . . . . "
             ". . . . . . . . . . . . . . . . . . . . "
}
ul.leaders span:first-child {
    padding-right: 0.33em;
    background: white
}
ul.leaders span + span {
    float: right;
    padding-left: 0.33em;
    background: white
}

/* https://wordpress.org/support/topic/mobile-header-image-doesnt-resizeunresponsive/#post-8565037 */
@media screen and (max-width: 1000px) {
    .has-header-image.twentyseventeen-front-page .site-branding, 
    .has-header-video.twentyseventeen-front-page .site-branding, 
    .has-header-image.home.blog .site-branding, 
    .has-header-video.home.blog .site-branding,
    .has-header-image.twentyseventeen-front-page .custom-header, 
    .has-header-video.twentyseventeen-front-page .custom-header, 
    .has-header-image.home.blog .custom-header, 
    .has-header-video.home.blog .custom-header {
		height: auto;
        left: 0;
        max-width: 100%;
        min-height: 0;
        -o-object-fit: unset;
        object-fit: unset;
        position: relative;
        -ms-transform: none;
        -moz-transform: none;
        -webkit-transform: none;
        transform: none;
    }

    .has-header-image.twentyseventeen-front-page .site-branding, 
    .has-header-video.twentyseventeen-front-page .site-branding, 
    .has-header-image.home.blog .site-branding, 
    .has-header-video.home.blog .site-branding,
    .custom-header-media,
    .has-header-image .custom-header-media img, 
    .has-header-video .custom-header-media video, 
    .has-header-video .custom-header-media iframe {
        position: static;
    }

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

    body.has-header-image .site-description, 
    body.has-header-video .site-description {
        color: #222;
        opacity: 1;
    }

    .site-branding .wrap {
        padding: 0 1em;
    }
}

.entry-header .entry-title {
	margin-bottom: 0;
}

@media screen and (min-width: 30em) {
	.panel-content .entry-header {
   	    margin-bottom: 0;
	}
	.panel-content .wrap {
    padding-bottom: 2em;
    padding-top: 2em;
}
}
@media screen and (min-width: 48em) {
	.page.page-one-column .entry-header, .twentyseventeen-front-page.page-one-column .entry-header, .archive.page-one-column:not(.has-sidebar) .page-header {
   	    margin-bottom: 0;
	}
	.panel-content .recent-posts .entry-header {
		margin-bottom: 0;
	}
	.site-content {
	    padding: 1em 0 0;
	}
}

.recent-posts .entry-header {
	margin-bottom: 0;
}