/*
	Theme Name:   Twenty Fourteen Child
	Theme URI:
	Description:  Twenty Fourteen Child Theme
	Author:       Peter Sun
	Author URI:   
	Template:     twentyfourteen
	Version:      2.0.0
	Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
	Text Domain:  
*/

@import url("css/animate.css/animate.min.css");
/*@import url("__twentyfourteen (moded).css");*/
@import url("_style.css");

/*YouTube iframe Resize Support*/
.is-provider-youtube .wp-block-embed__wrapper {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}

.is-provider-youtube .wp-block-embed__wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 8px 8px 12px -8px rgb(0, 0, 0, 0.5);
}

.animate__animated {
   -webkit-animation-fill-mode: none;
    animation-fill-mode: none
}

@font-face {
	font-family: "Segoe UI";
	src: url("fonts/SegoeUI.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

* {
	font-family: 'Segoe UI';
	font-size: 10.5pt;
    font-weight: normal;
}

.site-title {
	font-size: 30pt;
	font-weight: 600;
}

h6.a {
	text-decoration: none;
}

.entry-content a {
    color: #09e;
}

.entry-content a:hover {
    color: #0af;
}

.site {
	/* color: #fff; */
}

.search-toggle {
	display: none;
}

del {
	text-shadow: 8px 8px 12px rgb(0, 0, 0, 0.125); 
	/*text-shadow: none;*/
	/*background-color: #fff;*/
}

/*.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	background-color: #333;
	color: ddd;
	margin: 0 auto;
	width: 80%;
	max-width: 720px;
}*/

.mejs-container * {
	/*font-family: 'Segoe UI' !important;*/
}

.mejs-video {
	margin-bottom: 5px !important;
}

.wp-video {
	max-width: 100% !important;
}

.entry-title .dashicons-lock {
	/*content: "\f160";*/
	font-size: 14pt;
	vertical-align: bottom;
}

.entry-title .dashicons-lock {
	/*content: "\f160";*/
	font-size: 14pt;
	vertical-align: bottom;
}

a .dashicons-lock {
	/*content: "\f160";*/
	padding: 0;
	margin : 0;
	padding-top: 2px;
	font-size: 16px;
	/*vertical-align: bottom;*/
}

label input,
label input:focus {
	/*color: #f00;*/
	border: 0;
	padding-top: 5px;
	background-color: #555;
	color: #fff;
}

/*li a {
    white-space: nowrap;
    text-overflow: ellipsis;
	width: 100px;
}*/

/*.hentry .mejs-volume-button.mejs-mute button:before,
.widget .mejs-volume-button.mejs-mute button:before {
	content: '\f109';
	font-size: 20px;
	position: absolute;
	top: 0px;
	left: 0;
}

.widget .mejs-volume-button.mejs-unmute button:before,
.hentry .mejs-volume-button.mejs-unmute button:before {
	content: '\f109';
	left: 0;
	position: absolute;
	top: 0;
}

.hentry .mejs-fullscreen-button button:before,
.widget .mejs-fullscreen-button button:before {
	content: '\f474';
}
*/


@media screen and (min-width: 594px) {
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content .entry-meta,
	/*.site-content .archive-header,*/
	.page-content {
		/*background-color: #333;*/
		/*color: #eee;*/
		/*margin: 0 auto;*/
		width: 80%;
		max-width: 720px;
        font-size: 10.5pt;
	}
}

.site-content .entry-meta {
	width: 100%;
	margin: 0 auto;
}

.primary-sidebara {
}

.widget-area li {
	display: flex;
	align-items: center;
}

.widget-area a {
	overflow: hidden;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
    color: #aaa;
}

.widget-area a:hover {
	overflow: initial;
	background-color: #000;
	text-shadow: 4px 4px 4px rgb(0, 0, 0, 1);
	/*display: initial;*/
	/*vertical-align: middle;*/
	/*white-space: nowrap;*/
	/*width: 120px;*/
	/*text-overflow: ellipsis;*/
}

@media screen and (min-width: 810px) 
{
	* {
		background-color: #3;
		text-shadow: 8px 8px 12px rgb(0, 0, 0, 0.5);
	}

	.wp-block-embed figcaption {
		color: #ddd;
	}

	.site {
		background-color: #333;
		color: #fff;
		max-width: 100%;
		/*position: relative;*/ 
	}

	.site-header {
		max-width: 100%;
		position: relative;
		width: 100%;
        box-shadow: 8px 8px 12px -8px rgb(0, 0, 0, 0.5);
		z-index: 4;
	}

	#secondary {
		background-color: #000;
    	z-index: 3; 
	}
 
	.hfeed.site::before {
        box-shadow: 8px 8px 12px -8px rgb(0, 0, 0, 0.5);
	}

	.wp-video {
		box-shadow: 8px 8px 12px -8px rgb(0, 0, 0, 0.5);
	}

	img.size-full,
	img.size-large,
	.wp-post-image,
	.post-thumbnail img {
		/*padding: 0px;*/
		/*border: 0px solid #000;*/
		box-shadow: 8px 8px 12px -8px rgb(0, 0, 0, 0.5);
	}

	.site-description {
		font-size: 8pt;
		line-height: 1.5;
		width: 150px;
        /*min-width: 300px;*/
	}

	.search-toggle {
		display: none;
	}

	.widget-title {
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
		margin: 0;
		line-height: normal;
		color: rgba(255, 255, 255, 0.7);
		/*font-size: 14px;*/
		font-weight: 400;
	}

	.footer-sidebar .widget .widget-title,
	.primary-sidebar .widget .widget-title {
		font-size: 10.5pt;
		font-weight: normal;
	}

	.footer-sidebar .widget .widget-title,
	.primary-sidebar .widget .widget-title {
		margin-bottom: 4px;
	}
	
	.primary-sidebar {
		width: 144px;
	}

	.content-area {
		padding-top: 40px;
	}

	.archive-header,
	.page-header {
		max-width: 720px;
		padding: 0;
		margin: 24px auto;
		width: 80%;
		max-width: 720px;
		margin-top: 0;
	}

	.archive-header {
		margin-top: 0;
		padding: 0;
		 /*display: none;*/ 
	}

	.archive-title, 
	.page-title {
		font-weight: 500;
		font-size: 10.5pt;
		color: #ddd;
	}

	.site-main {
	}

/*	.entry-header {
		border-radius: 8px 8px 0 0;
		color: #ddd;
		margin-top: 0;
	}*/

	.entry-title {
		text-transform: unset;
	}

	.entry-content {
		border-radius: 0 0 8px 8px;
		font-size: 10.5pt;
		font-weight: 300;
        text-shadow: 8px 8px 12px rgb(0, 0, 0, 0.5);
	}

	.entry-title,
	.entry-title a {
		color: #ccc;
		/* font-size: 28px; */
	}

	.content-sidebar,
	.contributor,
	.post-navigation a,
	.image-navigation .previous-image,
	.image-navigation .next-image,
	.site-content blockquote.alignleft,
	.site-content blockquote.alignright {
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	}

	.content-sidebar .widget_twentyfourteen_ephemera > ol > li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.25);
	}

	.list-view .site-content .hentry {
		border-top: 1px solid rgba(255, 255, 255, 0.15);
	}

	.comments-area {
		border-radius: 2pt;
		background-color: #333;
	}

	del span,
	.entry-content .edit-link a,
	.meta-nav,
	.entry-meta a,
	span.comments-link::before,
	time.entry-date,
	a::before,
	a.entry-format,
	a.url.fn.n,
	a.post-edit-link::before,
	a.post-edit-link {
		color: #aaa;
	}

	h6 {
		font-weight: 500;
	}

	.post-navigation a, 
	.image-navigation a {
		color: #aaa;
	}

	textarea#comment {
		font-size: 10pt;
		font-weight: normal;
		color: #fff;
		background-color: #444;
	}

    .entry-meta,
	.entry-date,
	.entry-meta a {
		font-size: 9.5pt;
	}

	.site-info {
		padding: 8px 16px;
	}
}

/*@media screen and (min-width: 980px) 
{
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content .entry-meta,
	.page-content {
		max-width: 80%;
	}
}*/

/*@media screen and (min-width: 1080px) 
{
	.site-content .entry-header,
	.site-content .entry-content,
	.site-content .entry-summary,
	.site-content .entry-meta,
	.page-content {
		max-width: 720px;
	}
}*/

@media screen and (min-width: 1080px) 
{
	.primary-sidebar {
		width: 180px;
	}
}