@charset "utf-8";
/* CSS Document */

.writings h1 {
	margin:30px auto;
	color:#fff;
	padding: 14px 5%;
	border-top: 1px solid #8D8080;
	border-bottom: 1px solid #8D8080;
	font-weight:normal;
	font-style:italic;
}
.pg-essays .wrap { padding-top:15px; }
.pg-essays .maincontent {
	margin:50px auto 25px !important;
}
.result-pre {
	width:80%;
	margin:0 auto 14px;
	font-size:.8em;
}
.results-container {
	padding:15px 15px 24px;	
	margin-top:35px;
}
.writing-result, h2.subdivision {
	border:1px solid #004E5A;
	padding:6px 15px 6px;
	line-height:1.35;
	width:80%;
	margin:0 auto 14px;
}
.writing-result.note-container {
	border-color:transparent;
}
h2.subdivision {
	border:none;
	font-weight:normal;
	font-style:italic;
}
h3.subdivision {
	color:#A73800;
	border:none;
	border-left: 15px solid #ccc;
	padding:0 0 0 15px;
	font-weight:normal;
	font-size:.75em;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1em;
	box-sizing:border-box;
	width:80%;
	margin:0 auto 14px;
}
p.writing-title {
	display:block !important;
	margin:0;
	padding-bottom:0;
	font-size:.9em;
}
p.writing-title span {
	font-size:.8em;	
}
p.writing-title a span { color:#444 !important; }
p.writing-detail {
	margin-top:0;
	padding-top:2px;	
	text-transform:uppercase;
	font-size:.75em;
	color:#333;
}
p.writing-detail span {
	margin-left: 10px;
	padding-left: 10px;
	color: #926D21;
}
p.writing-detail span:before {
	content: '\25ba';	
	display:inline-block;
	height:15px;
	width:20px;
	color:#DBB564;
}
.formboxes {
	display:grid;
	grid-template-columns:1fr 1fr 1fr 1fr 1fr;
	column-gap:10px;
	width:80%;
	margin:5px auto 10px;
}
.searchbox {
	/* min-height:155px; */
	border:1px solid #fff;
	border-radius:6px;
}
.searchbox form {
	max-width:100%;
	/* min-height:100%; */
	padding-bottom:56.4%;
	position:relative;
}
.searchbox label { width:100%; display:block; text-align:center; margin:0;}
.searchbox form:hover {background:rgba(255,255,255,.25);}
.searchbox form:hover label { text-shadow:1px 1px 4px #000;}
.searchbox select, .searchbox label, .searchbox input { font-size:.9em; text-transform:uppercase; height:75%; box-sizing:border-box; }
.searchbox select, .searchbox option, .searchbox input[type=text] { width:100%;}
.searchbox input[type=submit],.searchbox button.btn { width:100%; height:25%; background:#333;color:#fff;border:1px solid #fff; margin:0; position:absolute; left:0;bottom:0; border-radius:0 0 6px 6px !important;}
.searchbox input[type=submit]:hover, .searchbox button.btn {
	background-color: #007587;
}
.searchbox input[type=text], .searchbox select {
	-webkit-appearance: none;
  -moz-appearance: none;
	appearance:none;
	background:none;
	border:none;
	position:absolute;
	width:100%;
	top:0;
	left:0;
}
.searchbox input[type=text] { 
	border:1px solid #fff;
	outline:1px solid #fff;
	outline-offset:-3px;
	width:calc(100% - 12px);
	height:auto;
	padding:5px 8px;
	margin:56px 6px 10px;
	background:#efefef;
}
.searchbox input[type=text] { font-size:.8em; text-transform: none;}
.searchbox select::-ms-expand { display:none; } /* IE */
.searchbox option {
	background:#fff5e0;
	color:#333;
}
.searchbox option:nth-child(odd) { background:#fefefe;}
.searchbox label {color:#fff; text-align:right; padding:7px 10px;}
.searchbox.search-category { background: #2f3030 url(/images_2025/searchbox_category.jpg) top center no-repeat; background-size:100%; }
.searchbox.search-series { background: #2f3030 url(/images_2025/searchbox_series-writing.jpg) top center no-repeat; background-size:100%; }
.searchbox.search-scrip { background: #2f3030 url(/images_2025/searchbox_scripture.jpg) top center no-repeat; background-size:100%; }
.searchbox.search-people { background: #2f3030 url(/images_2025/searchbox_BiblePeople.jpg) top center no-repeat; background-size:100%; }
.searchbox.search-key { background:#042d38; }

/* .formboxes .searchbox:first-child, .formboxes .searchbox:first-child input[type=submit] {
	border-radius: 0 0 0 11px;
} */
.searchbox select {
	color:#333;
	text-align:center !important;
	font-weight:normal;
	white-space:pre-wrap !important;
	-moz-white-space:pre;
	overflow-wrap:break-word;
	padding:0 5px;
}

@media screen and (min-width:500px) {
	.formboxes {
		display:grid;
		width:100%;
		margin:6px auto 12px;
		align-content:space-evenly;
	}
}
@media screen and (max-width:899px) {
	.formboxes {
		grid-template-columns: 1fr 1fr;
		grid-gap: 12px;
	}
}
@media screen and (max-width:699px) {
	.writing-detail, .hilite-content { font-size:.9em;}	
	.search-display .formboxes { flex-direction:column; max-width:100% !important;}
	.search-display, .display-single {
			}
  .searchbox {
	/*  width:100%;
	  max-width:100%; */
	  min-height:85px;
  }
  .searchbox label {text-align:center; background:rgba(0,0,0,.25); }
  .searchbox input[type=submit] { height:35%; }
  .searchbox:last-child input[type=submit] { border-bottom:none;}
  
	.searchbox select, .searchbox label, .searchbox input { height:65%; }
.searchbox input[type=text] { 
	width:150px;
	max-width:150px;
	margin:28px auto 10px;
	margin-left:calc(50% - 75px);
}
.searchbox { background-size:contain; }

}