/* Custom container */

/* Replaced with normal container and standard footer */
/*.container-narrow {
  margin: 0 auto;
  max-width: 700px; }

.container-narrow > hr {
  margin: 30px 0; }
*/

/* Replaced with standard BS3 Navbar */
/*.navbar .nav {
  float: right; }*/

/* Jekyll Bootstrap Colors */
h1, h2, h3, h4 {
  color: #f22430;
}
#footer {
  background-color: #fdcd60;
}



/* posts index */
.post > h3.title {
  position: relative;
  padding-top: 10px; }

.post > h3.title span.date {
  position: absolute;
  right: 0;
  font-size: 0.9em; }

.post > .more {
  margin: 10px 0;
  text-align: left; }

/* post-full*/
.post-full .date {
  margin-bottom: 20px;
  font-weight: bold; }

/* tag_box */
.tag_box {
  list-style: none;
  margin: 0;
  overflow: hidden; }

.tag_box li {
  line-height: 28px; }

.tag_box li i {
  opacity: 0.9; }

.tag_box.inline li {
  float: left; }

.tag_box a {
  padding: 3px 6px;
  margin: 2px;
  background: #eee;
  color: #555;
  border-radius: 3px;
  text-decoration: none;
  border: 1px dashed #cccccc; }

.tag_box a span {
  vertical-align: super;
  font-size: 0.8em; }

.tag_box a:hover {
  background-color: #e5e5e5; }

.tag_box a.active {
  background: #57A957;
  border: 1px solid #4c964d;
  color: #FFF; }


input[type="submit"] {
	background-color:#fdcd60;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#f22430;
	font-family:Arial;
	font-size:17px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
}
input[type="submit"]:hover {
	background-color:#5cbf2a;
}
input[type="submit"]:active {
	position:relative;
	top:1px;
}
.search-result-container {
  visibility: hidden;
  position: relative;
}

.search-result-container.shown {
  position: relative;
  visibility: visible;
}

.search-result-container.shown .search-result {
  position: absolute;
  visibility: visible;
  z-index: 1;
  left: -100px;
  background-color: #fdcd60;
  width: 300px;
}

.vertical-center {
  font-size: 20px;
  text-align: center;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  height: 100px;
}

.vertical-center div {
	position: relative;
	top: 50%;
	transform:
  translateY(-50%);
}

div.medium audio {
  width: 100%;
}

img.guest {
  width: 150px;
  height: : 150px;
}

img.search-result-image {
  width: 50px;
  height: : 50px;
}

li.selected {
  background-color: red;
  border-color: black;
  border-width: 2px;
}

time.chapter-timestamp {
  font-weight: bold;
}

.sponsor-title {
  font-weight: bold;
  color: black;
}

.guest-bio, .podcast-summary {
  padding: 25px;
}

.sponsor-message {
  padding-bottom: 30px;
}