/*
 Theme Name:   Sempress Child
 Template:     sempress
 Version:      1.0.0
*/

:root,
[data-theme="light"] {
	--base-color: #555;
	--bg-color: #fff;
	--br-bg-color:#efefef;
	--meta-base-color: #999;
	--a-sp-color: #21759B;
	--iwt-bg-color: #fbffff;
}

[data-theme="dark"] {
	--base-color: #fff;
	--bg-color: #222;
	--br-bg-color:#222;
	--meta-base-color: #bbb;
	--a-sp-color: #ced9de;
	--iwt-bg-color: #333;
}
.p-spot {
	text-align:left;
	margin:16px 0 28px 0;
	padding:6px 0 6px 0;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size: .75em;
	line-height:1.5em;
}
.p-spot img {
	width:300px;
}
#menufix {
	display:none;!important
}

.iwtblock {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight:600;
	padding: 0;
	margin: 0 40px 40px 40px;
	font-size: 1em;
	line-height: 1.7em;
	border: 1px solid #a3b8cc;
	border-radius: 8px;
	text-align: center;
	background: var(--iwt-bg-color);
	text-shadow:none;
}

.iwtblock a {
	background: var(--iwt-bg-color);
	color: var(--a-sp-color);
	text-decoration:none;
}
select#archives-dropdown-2, select#cat.postform {
	width: 260px;
	height: 36px;
	padding-left:10px;
	background-color: #fff;
	border: 1px solid #ccc;
	font-size: 1em;
	color: #444;
	appearance: normal; 
-moz-appearance: menulist; 
-webkit-appearance: menulist;
}
body {
	background-image: none;
	background-color: #fff;
	width: 400px;
	margin: auto;
	font-family: Georgia,"Times New Roman",Times,serif;
}
h1.entry-title.p-name {
	line-height:.65em;
	margin-bottom:8px;
}
#secondary {text-align:center;}

.entry-content,
.entry-title,
.entry-meta,
.entry-summary {
	padding: 0 11px 0 6px;
	text-shadow: none;
}
.menu-menu-1-container {
	font-size: 14px;
}
#site-image {
	width:320px;
}
#slugger {
	margin-top:16px;
	margin-left:20px;
}
.workby {
	font-size: 12px;
	line-height: 1.2em;
}
.syndy, .syndy a {
	font-style:italic;
	font-size:12px;
	padding-top:12px;
}
article {
	padding-bottom:6px;
	padding-left:3px;
}
article img {
	border: 1px solid #000;
	padding: 3px;
}
.entry-content {
	margin: 0;
}
.hcard-display {
	margin: 20px 40px 20px 40px;
	padding: 12px 0 0 0;
	border: 1px solid #a3b8cc;
	background-color: var(--iwt-bg-color);
	border-radius: 8px;
	text-align:center;
}
footer.entry-meta {
	padding: 0;
	margin: 18px 0 0 0;
	display:none;
}
article h1 {
	font-weight: 400;
}
img {
	max-width: 400px;
}
#page img.avatar, .hcard-header img {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position: relative;
	border: none;
	/*border-radius:24px;*/
}
section.h-cite.response.u-quotation-of,section.response.u-bookmark-of.h-cite,section.h-cite.response.u-in-reply-to,section.response.u-like-of.h-cite {
	padding: 0;
	margin: 0 0 12px 0;
}
.widget {
	border-bottom: none;
}
#sac-latest-message {
	display: none;
}
.wpcf7-response-output {
	font-size: 0.75em;
}
.menu-menu1-container li {
	font-size: 0.85em;
}
#syndication-links {
	display: none;
}
input[type="submit"] {
	background: #eee;
	font-weight: 600;
	color: #444;
	border: 1px solid #999;
	border-radius: 0;
}
div#site-generator, footer#colophon {
	font-size:.9em;
}

#site-generator:after {
	content: ".";
}
#colophon:after {
	content: "Site designed by joe jenett.";
	font-size:.9em;
}
#webmention-form label {
	font-size: 1em;
}
#site-description {
	display: none;
}
#branding {
	background: #ffffff;
}
section.h-cite.response.u-quotation-of blockquote {
	margin: 12px 0;
}
#site-title {
	display: none;
}
.menu a {
	font-size: .85em;
	font-weight: 600;
}
nav {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 600;
}
#nav-above .nav-previous a,#nav-above .nav-next a {
	margin: 0 0 10px;
}
/*footer.entry-meta {
display: none;
}
*/
h1,h2,h3,h4,h5 {
	font-weight: 600;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.entry-header .entry-title a {
	font-size: 24px;
}
.e-content,blockquote {
	font-size: 1.2em;
	line-height: 1.5em;
}
.e-content h2 {
	font-size: 26px;
}
.single-column #page,#comments,#nav-above,#nav-below,#respond,#webmention-form {
	width: 400px;
}
#site-image {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	margin-bottom: 8px;
}
#site-title {
	display: none;
}
/*#site-generator {
display: none;
}
*/
#media_image-2,#hcard_widget {
	text-align: center
}
.single-column #main .widget-area {
	overflow: hidden;
	width: 400px;
}
.u-in-reply-to {
	margin: 0 24px 0 0;
}
input.search-field {
		width: 99%;
	padding:18px;
	font-size:1.1em;
	-webkit-appearance:none;
}
#webmention-source {
	height: 24px;
}
article.page,
article.post,
article.attachment {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	position: relative;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
	background-color: #fff;
	border: none;
	max-width: 400px;
}
.ann {
	
}
#custom_html-2 {
	display:none;
}
@media only screen and (max-width:767px) {
	body #page {
		padding: 0 25px;
	}
	body,.single-column body,.multi-column body {
		font-size: 1.6em;
	}
	.kind-display-text {
		font-size: 1.6em;
	}
	blockquote {
		font-size: 1.6em;
	}
	.entry-content,.comment-content {
		line-height: 1.3em;
	}
	.single-column #page,#comments,#nav-above,#nav-below,#respond,#webmention-form {
		max-width: 400px;
	}
	.nav-previous,.nav-next {
		font-size: 0.7em;
	}
	.single-column #main .widget-area {
		overflow: hidden;
		max-width: 400px;
	}

}
@media only screen and (max-width:479px) {
	div#site-generator, footer#colophon {
	font-size:.8em;
}
.ann {
	position:relative;
	top: 60px;
	margin-bottom:70px;
}
#colophon:after {
	content: "";
}
	.p-spot img {
	width:320px;
}
	#menufix {
	text-align:left;
    font-weight:700;
	background: var(--bg-color);
	color: var(--base-color);
	display:none;!important
}
	}
	#menufix a {
		font-weight:700;
		margin:0 10px;
		text-decoration:none;
		font-family:sans-serif;
		background: var(--bg-color);
	    color: var(--base-color);
		font-size:.7em;
		
	}
	#access {
	display: block;
}
	.entry-meta {
		font-size:.8em;
	}
	p {
		font-size:.9em;
	}
	nav#nav-above {
		margin-top:36px;
	}
	.iwtblock {
		/*font-size:1em;
		line-height:1.7em;*/
	}
	#site-image {
	max-width:320px;
	max-height:54px;
}
	#slugger {
		margin-top:12px;
		margin-left: 36px;
	}

}