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

.churchuse .wrap {
	width:800px;
	max-width:92%;
	margin:0 auto;	
}
.churchuse p.note {
	color:#F30;
	background:#eee;
	padding:5px 12px;
	box-shadow:1px 2px 4px #555;
}
input[type=submit] { display:inline-block; }
input[type=submit].upload-button {
	font-size:1.1em;
	border-color:#f30;
	padding:3px 10px;
	border-radius:6px;
	box-shadow:1px 2px 4px #555;
}
form h3 {
	font-size:1.1em;
	font-weight:normal;
	font-style:italic;
	margin:0 0 .5em;
	padding:.2em 0 .1em;
	border-bottom:1px solid #ddd;	
}
.audio label, .churchuse label {
	font-size:.85em;
	display:inline-block;
	width:150px;
	height:1.2em;
	line-height:1.2;
	margin-bottom:3px;
	font-weight:300;
}
.churchuse label {width:280px;}
.churchuse label span { 
	text-transform:uppercase;
	font-size:.75em;
}
.churchuse input[type=text], input[type=date], select {
	margin-bottom:3px;
	padding:2px;
	height:1.2em;
	font-size:1em;
	line-height:1.2;
	width:300px;
	max-width:90%;
}
select { height:auto; }
select, input#text_reference {
	width:140px;	
}



/* ccc2018 style */
.search-display {
	width:35%;
	min-width:300px;
	max-width:470px;
	padding:0 0 10px;
	float:none;
	margin:10px auto 20px;
	background-color: #f4f2ec;
}
.search-display p {
	padding: 5px 18px;	
}
.search-display form { margin:0 18px; }
.search-display .searchbox {
	margin-bottom:5px;	
}
.searchbox form {
	display:flex;
	flex-direction:row;	
}

.searchbox label { width:32%;align-self:center;}
.searchbox select, .searchbox option, .searchbox input[type=text] { width:48%; margin:1px 3px 0 0; }


.grid-container {
	background:#fff;
}
.sermon-box, .search-display, .hilite {
	border-radius:0 12px 0 12px;
	font-size:.9em;
	min-height:200px;
	border:2px solid #c9d896;
}
.searchbox {font-size:.7em; }
.hilite { min-height:0; }
.search-display.text-box {min-height:auto !important; }
.sermon-box {
	font-family:"fira-sans",Verdana, Geneva, sans-serif;	
	font-weight:300;
}
.sermon-box, .hilite {
	background:#8c9b59;
	display:grid;
	position:relative;
 }
.sermon-box h3, .search-display h3, .sermon-content p, .hilite h3, .hilite p {
	margin:0;
	padding:.2em 0;	
}

h3.sermon-title, h3.search-title, .hilite h3 {
	padding:7px 18px 6px;
	color:#fff;
	border-radius:0 12px 0 0;
	font-weight:300;
	font-size:.7em;
}
.recent h3.sermon-title, .hilite h3 {
	font-size:.85em;
}
h3.search-title {
	background:#8c9b59;
	margin-bottom:6px;
}
h3 a { color:#fff; text-decoration:none; }

h3 a:after {
	content:" \2192";
}
h3 a:hover {
	color:#f4f2ec;	
}
.sermon-content, .hilite-content {
	padding: 15px 25px 95px;
	position: relative;
	background-color: #f4f2ec;
	border-radius: 60px 0 0 8px;
	color: #443F35;
	font-size: 0.8em;
}
.hilite-content { padding-bottom:15px; }
.hilite-content img {
	background-color: #f4f2ec;
	border-radius: 48px 0 0 8px;
}

.pic .hilite-content {padding:0;}
.hilite .themequote {
	padding:8px 25px 10px;
	font-family:"adobe-caslon-pro",serif;
	font-style:italic;
	color:#fff;
}
.date-detail, .series-detail, .content-detail {
	font-size:.75em !important;
}
.hilite p.time { padding:.4em 0 0; line-height:1.1;}
.hilite .event, .sermon-box p {
	font-size:0.9em;
	font-weight:300 !important;
	padding:0 0 .3em;
	line-height:1.4;
}
.sermon-box h4, .hilite p.time {font-family:"adobe-caslon-pro",serif;font-size:1.2em;font-style:italic; }
p.date-detail { padding-left:24px; }
.recent p.date-detail { padding-left:0; }
.series-detail {font-style:italic; }
.recent .date-detail {padding-bottom:0;}
.recent .series-detail, .sermon-box .content-detail {margin-bottom:.7em; }
.series-detail a, p.speaker a {
	font-style: normal;
	color: #534F42;
	border-bottom: 1px solid #443F35;
}
.series-detail a:hover, p.speaker a:hover {
	color: #8c9b59;
	border-color: #8c9b59;
}
.audio-box {
	position:absolute;
	background:#c9d896;
	border-radius:0 0 0 7px;
	width:100%;
/*	top:calc(100% - 73px); */
	bottom:0;
/*	height:73px; */
 }
.sermon-box audio {
	width:100%;
	margin:0;	
}
p.download { 
margin:0;
background:#c9d896;
border-radius:0 0 0 13px; }
.download a {
	font-size:.7em;
	text-transform:uppercase;
	background:#444;
	color:#fff;
	padding:7px 18px;
	text-decoration:none;
	display:block;
	border-radius:0 0 0 13px;
}
.download span {
	color:#bbb;
	font-size:.8em;	
}
option { background:#000; color:#fff; }
select > option[value=""] {
    display: none;
}

/* speaker photo for speaker-display.php */
.results-heading {
	margin:10px auto 20px;
	color:#c9d896;
	font-size:1.3em;
	line-height:1.35;
	border:1px solid #c9d896;
	border-radius:0 12px;
	text-align:center;
	box-sizing:border-box;
	padding:20px 15px;
	background: #525252;
	position:relative;
	width:35%;
	min-width:300px;
	max-width:470px;
}
.display-single .results-heading {
	width:80%;
	min-width:300px;
	max-width:470px;
}
.speaker .results-heading {
	padding:10px 15px 20px 95px;
}
.speaker .results-heading:after {
	position:absolute;
	height:100px;
	width:92px;
	top:calc(50% - 50px);
	left:10px;
	content:'';
	background:url(/images/speaker-icon.png) 0 center no-repeat;
	background-size:92px;
	/* border-radius:0 0 0 12px; */
	border-radius:50%;
}
.results-heading span {
	font-size:.7em;
	font-family:"adobe-caslon-pro", serif;
	font-style:italic;
	font-weight:normal;
	color:#fff;
}


@media screen and (max-width:499px) {
.sermon-box {
	margin-bottom:14px;
}
.grid-container { padding:8px; }
.search-display, h1.results-heading {
	margin:10px auto;	
}
}
/* grid */
@media screen and (min-width:500px) {
	.grid-container {
		display:grid;
		width:100%;
		margin:6px auto 12px;
		align-content:space-evenly;
	}
}
@media screen and (min-width:500px) and (max-width:899px) {
	.grid-container {
		grid-template-columns: 1fr 1fr;
		grid-gap: 12px;
		padding:12px;
	}
}
@media screen and (max-width:699px) {
	.sermon-content, .hilite-content { font-size:.9em;}
}
@media screen and (max-width:899px) {
	.searchbox label { width:70px;align-self:center;}
}
@media screen and (min-width:900px) and (max-width:1299px) {
	.grid-container {
		grid-template-columns:1fr 1fr 1fr;
		grid-gap: 15px;
		padding:15px;
	}
}
 @media screen and (min-width:1300px) {
	.grid-container {
		grid-template-columns:1fr 1fr 1fr 1fr;
		grid-gap: 18px;
		padding:18px;
	}
}

/* pagination box */
.paging {
	text-align: center;
	font-size: 0.5em;
	text-transform: uppercase;
	border: 1px solid #c9d896;
	border-color:#a7a08f;
	background-color: #E7E1D8;
	clear: both;
	margin: 15px auto;
	padding: 8px 8px 9px;
	width:35%;
	min-width:300px;
	max-width:470px;
	box-sizing: border-box;
	border-radius: 0 12px 0 12px;
}

.display .paging p { margin:0; padding:0 0 4px; line-height:1; color:#999; }
.paging ul, .paging li {
	list-style-type:none;
	margin:0;
	padding:0;	
}
.paging li {
	margin:0 4px;	
	color:#999;
	display:inline;
}
.display .paging a {
	color: #fff;
	background-color:#a7a08f;
	text-decoration: none;
	height:20px;
	width:20px;
	display:inline-block;
	padding:2px;
	border-radius:50%;
}
.display .paging .current {
	height: 22px;
	width: 22px;
	display: inline-block;
	padding: 2px;
	border-radius: 50%;
	border: 1px solid #d8d0bf;
	border-color: #C1B599;
	background: #fff;
}
.display .paging li:first-child, .display .paging li:last-child {
	width:100%;
	text-align:center;
}
.display .paging li:first-child a, .display .paging li:last-child a {
	width: auto;
	border: none;
	background: none;
	color: #948472;
	padding: 4px 0;
	height: auto;
}
.display .paging a:hover {
	background-color: #525252;
}
.display .paging .disabled { display:none; }
.display-single { max-width:600px; margin:10px auto;}
.display-single .sermon-box { max-width:600px; margin:10px auto; }
.display-single h1 span { display:block; margin-top:8px; font-size:.85em; }



/* display photo */
.img-box {
  	background:#555 url(images/speaker-icon.png) 0 center no-repeat;
	width:70px;
	height:80px;
	background-size:contain;
	float:right;
	margin:5px 0px 25px 10px;
	border-radius:50%;
}
/* replace background image according to speaker name as below */
.speaker-Tim-Gallant .img-box, .speaker-Tim-Gallant .results-heading:after {background-image:url(images/T_Gallant.jpg);}
.speaker-Jamie-Soles .img-box, .speaker-Jamie-Soles .results-heading:after { background-image:url(images/J_Soles.jpg); }
.speaker-Theo-Hoekstra .img-box, .speaker-Theo-Hoekstra .results-heading:after { background-image:url(images/T_Hoekstra.jpg); }
.speaker-George-Plante .img-box, .speaker-George-Plante .results-heading:after { background-image:url(images/G_Plante.jpg); }
.speaker-Dale-Callahan .img-box, .speaker-Dale-Callahan .results-heading:after { background-image:url(images/D_Callahan.jpg); }
.speaker-Mike-Donovan .img-box, .speaker-Mike-Donovan .results-heading:after { background-image:url(images/M_Donovan.jpg); }
.speaker-Jesse-Penner .img-box, .speaker-Jesse-Penner .results-heading:after { background-image:url(images/J_Penner.jpg); }
.speaker-Desmond-Jones .img-box, .speaker-Desmond-Jones .results-heading:after { background-image:url(images/D_Jones.jpg); }
.speaker-Aaron-Sheppard .img-box, .speaker-Aaron-Sheppard .results-heading:after { background-image:url(images/A_Sheppard.jpg); }
.speaker-Terry-Tollefson .img-box, .speaker-Terry-Tollefson .results-heading:after { background-image:url(images/T_Tollefson.jpg); }