/*
 Theme Name:   Twenty Seventeen Mod
 Template:     twentyseventeen
 Text Domain:  twentyseventeen-mod
 GitHub Theme URI: wfjsw/twentyseventeen-mod
*/

.entry-meta {
	font-size: 16px;
	font-size: 1rem;
	font-weight: 800;
}

.page .panel-content .entry-title,
.page-title,
.page .entry-title {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

h2.widget-title { 
    font-size: 18px;
    font-size: 1.125rem;
}

.navigation-top .wrap {
    padding: 0 2em !important;
}

.navigation-top a {
    font-size: 16px;
    font-size: 1rem;
    padding: 15px 1.25em !important;
}

.site-header .navigation-top .menu-scroll-down {
    top: 0 !important;
}

.site-branding-text {
    text-shadow: 2px 2px 5px black;
}

@media screen and (min-width: 48em) {

	.has-sidebar:not(.error404) #primary {
		width: 70% !important; 
	}

	.has-sidebar #secondary {
		width: 24% !important;
	}

}

h2, .home.blog .entry-title {
	font-weight: 300 !important;
}

.site-footer {
	background-color: #0f0f0f;
}

.ccp-copyright {
	font-size: 12px;
	/* font-size: .6em; */
	font-weight: 300;
}

.site-info {
	width: 100% !important;
}

/* .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: calc(100vh - 50px);
} */

.site-description {
	font-size: 16px;
	font-size: 1rem;
}

.site-title {
	font-size: 28px;
	font-size: 1.75rem;
}

.comments-title {
	font-size: 24px;
	font-size: 1.5rem;
}

.comment-body .quote blockquote, .comment-body .quote .title {
	background-color: #2b2b2b;
	border-left: 5px solid #2980b9;
	display: flex;
	align-items: center;
	font-style: normal;
}

.comment-author .avatar, .comment-content .avatar, .comment-respond .avatar {
	border-radius: 50%;
}

.comment-body {
	font-size: 16px;
	font-size: 1rem;
}


.comment-content aside.quote {
	margin-bottom: 1em;
}

.comment-body .quote .title {
	color: #bdbdbd;
}

[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
	font-style: normal;
}

.blocks-gallery-caption, .wp-block-embed figcaption, .wp-block-image figcaption {
	color: #9a9a9a;
}

h2.widget-title {
	margin-bottom: 1.25em !important;
}

aside.entry-excerpt-intro {
	margin-bottom: 1em;
}

aside.entry-excerpt-intro blockquote {
    background-color: #2b2b2b;
    border-left: 5px solid #2980b9;
    display: flex;
    align-items: center;
	font-style: normal;
	font-size: 1em;
    padding: 0.8em;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    border-top: none;
    border-right: none;
    border-bottom: none;
    clear: both;
}

@media screen and (min-width: 48em) {
	.wrap, .navigation-top .wrap {
		max-width: 1280px;
	}
}

.entry-summary p, 
.entry-summary blockquote, 
html[lang^=zh-] .entry-summary p, 
html[lang^=zh-] .entry-summary blockquote,
.entry-content p, 
.entry-content blockquote, 
html[lang^=zh-] .entry-content p, 
html[lang^=zh-] .entry-content blockquote,
.entry-content ul, 
.entry-content ol, 
html[lang^=zh-] .entry-content ul, 
html[lang^=zh-] .entry-content ol {
	font-family: "Times New Roman", "SimSun", serif;
	letter-spacing: 0.01em !important;
	font-size: 14pt;
	list-style-position: inside;
}

.entry-content ul, 
.entry-content ol {
	list-style-position: inside;
}

h2, .home.blog .entry-title {
	font-size: 26px;
	font-size: 1.625rem;
	font-weight: 400;
}

@media screen and (max-width: 782px) {
	.entry-summary p, 
	.entry-summary blockquote, 
	html[lang^=zh-] .entry-summary p, 
	html[lang^=zh-] .entry-summary blockquote,
	.entry-content p, 
	.entry-content blockquote, 
	html[lang^=zh-] .entry-content p, 
	html[lang^=zh-] .entry-content blockquote,
	.entry-content ul, 
	.entry-content ol, 
	html[lang^=zh-] .entry-content ul, 
	html[lang^=zh-] .entry-content ol {
		font-size: 12pt;
	}
}

@media screen and (min-width: 48em) {
	.single-post .entry-title, .page .entry-title {
		font-size: 28pt;
	}
}

.nav-subtitle {
	font-size: 14pt;
	font-size: 1rem;
}

.nav-title {
	font-size: 16pt;
	font-size: 1.14rem;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	font-size: 16pt;
	font-size: 1.14rem;
}