/*
Theme Name: Stage
Theme URL: http://jesushopeinmyheart.com/
Description: Courteously provided by your friends at Expanse Content Management System We heart your face.
Version: 1.0
Author: iantearle
Author URL: http://iantearle.com
Site: jesushopeinmyheart
*/
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
@import 'bootstrap.css';
@import 'space.css';

/*
-------------------------------------------------
Global values
=================================================
*/

:root {
    --black:    #000;
}

body{
	background:#d9c6ac url(../images/BG_body.jpg) fixed center top;
	font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
}
a{
	color: #67979e;
	text-decoration: none;
}
a:hover{
	color:#fd258c;
}

#shaddow_top{
	background: url(../images/BG_shaddow_top.png) no-repeat;
	height: 10px;
	margin: 20px auto 0 auto;
	width: 960px;
}
#shaddow{
	background: url(../images/BG_shaddow.png) repeat-y;
	margin: 0 auto;
	width: 960px;
}
#mainContainer{
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 940px;
}
blockquote {
	    font-size: 14px;
	    padding: 5px;
	}
	blockquote p {
	    float: left;
	    font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
		font-size: 16px;
		font-style: italic;
	    padding: 0px;
	    margin: 0;
	}
p cite{
	font-size: 11px;
	float: right;
	margin-bottom: 10px;
}
/*
-------------------------------------------------
Header
=================================================
*/
#header{
    background-color: #e3dccc;
    background-repeat: no-repeat;
    background-size: contain;
    max-height: 500px;
	position: relative;
}
		#header #logo p{
			display: none;
		}
/*
-------------------------------------------------
Menu
=================================================
*/
.navbar-inverse {
	background-color: #9dcacf;
    background-image: linear-gradient(to left top, rgb(157, 202, 207), rgb(110, 157, 162));
    border: 1px solid #9dcacf;
    border-top: 2px dashed #fff;
    border-bottom: 2px dashed #fff;
    box-shadow: 0 0 0 4px #9dcacf, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
    text-shadow: -1px -1px #aa3030;
    font-weight: normal;
}

    .nav>li {
        font-size: 16px;
    }

	.navbar-inverse .navbar-nav>li>a, .navbar-inverse .navbar-text {
		font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
		color: #fff;
		display: block;
		font-weight: normal;
		letter-spacing:0.1em;
		line-height: 25px;
		text-align:center;
		text-decoration: none;
		text-shadow: #3f6166 0px -1px 1px;
	}
	.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
    	background-color: #84b3b8;
	}


/*
-------------------------------------------------
Content
=================================================
*/
.content{
	background: url(../images/BG_content.png) repeat-y center top;
	background-size: cover;
}
/*
h1 {
    position: relative;
}
h1:before {


    height: 56px;
    width: 100%;
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
}
*/
.left-hang {
    display: inline-block;
    background-color: #9dcacf;
    background-image: linear-gradient(to left top, rgb(157, 202, 207), rgb(110, 157, 162));
    color: #FFF;
    margin: 10px 0 10px -35px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    border: 1px solid #9dcacf;
    border-left: 1px solid #74a3a8;
    border-top: 2px dashed #fff;
    border-bottom: 2px dashed #fff;
    box-shadow: 0 0 0 1px #74a3a8;
  }

  .left-hang:before {
    bottom: -23px;
    left: -1px;
    content: " ";
    width: 0;
    height: 0;
    border-top: 10px solid #9dcacf;
    border-left: 10px solid transparent;
    border-right: 10px solid #9dcacf;
    border-bottom: 10px solid transparent;
    position: absolute;
    z-index: 0;
  }

  .right-hang {
    display: inline-block;
    background-color: #9dcacf;
    background-image: linear-gradient(to left top, rgb(157, 202, 207), rgb(110, 157, 162));
    color: #FFF;
    margin: 10px -35px 10px 0;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    border: 1px solid #9dcacf;
    border-left: 1px solid #74a3a8;
    border-top: 2px dashed #fff;
    border-bottom: 2px dashed #fff;
    box-shadow: 0 0 0 1px #74a3a8;
  }

  .right-hang:before {
    bottom: -23px;
    right: -1px;
    content: " ";
    width: 0;
    height: 0;
    border-top: 10px solid #9dcacf;
    border-right: 10px solid transparent;
    border-left: 10px solid #9dcacf;
    border-bottom: 10px solid transparent;
    position: absolute;
    z-index: 0;
  }
	#content #category-content{
		width: 550px;
		float: left;
	}
		#content #category-content .excerpt,
		#content #category-content .descr{
			margin: 0 10px;
		}
			#content #category-content .excerpt dt,
			#content #category-content .descr dt{
				background-color: #9dcbd1;
				clear:both;
				float: left;
				font-weight: bold;
				padding: 0 3px;
				width: 10em;
			}
				#content #category-content .excerpt dd,
				#content #category-content .descr dd{
					margin: 0 0 4px 10px; float: left;
				}
					#content #category-content .excerpt dd p.clear,
					#content #category-content .descr dd p.clear{
						clear: both;
					}
	#content #category-sidebar{
		width: 390px;
		float: right;
	}
		#content #category-sidebar #category-descr{
			margin: 0 0 0 10px;
			position: relative;
		}
			#content #category-sidebar #category-descr p{
				background-color: #fff7e9;
				padding: 20px 10px 20px 10px;
			}
			#content #category-sidebar #category-descr span{
				background: url(../images/ICON_paper_clip.png) no-repeat;
				height: 61px;
				position: absolute;
				right: -5px;
				top: -5px;
				width: 30px;
			}

		#content #category-sidebar #tour-dates .descr{
			margin: 0 0 0 10px;
			width: 380px;
		}
			#content #category-sidebar #tour-dates .descr ul{
				width: 380px;
				list-style: none;
				margin: 0;
			}
				#content #category-sidebar #tour-dates .descr ul li{
					color: #454545;
					font-size: 12px;
					height: 20px;
					padding: 4px 5px 4px 5px;
					width: 370px;
				}
					#content #category-sidebar #tour-dates .descr ul li.even{
						background-color: #fff7e9;
					}
					#content #category-sidebar #tour-dates .descr ul li a{
						background-color: #426165;
						color: #fff;
						display: block;
						float: right;
						padding: 0 5px;
						text-align: center;
						text-decoration: none;
						width: 60px;
					}
						#content #category-sidebar #tour-dates .descr ul li a:hover{
							background-color: #aed7dc;
							color:#426165;
						}
					#content #category-sidebar #tour-dates .descr ul li span{
						display: block;
						float: left;
						width: 60px;
					}
		#content #category-sidebar #latest-news .descr{
			margin: 0 0 0 10px;
			width: 380px;
		}
			#content #category-sidebar #latest-news .descr ul{
				width: 380px;
				margin: 0;
				list-style: none;
			}
				#content #category-sidebar #latest-news .descr ul li{
					color: #454545;
					font-size: 12px;
					padding: 4px 5px 4px 5px;
					width: 370px;
				}
					#content #category-sidebar #latest-news .descr ul li span{
						float: left;
						font-size: 18px;
						padding: 15px 0 0 15px;
						text-align: center;
						width: 30px;
					}
					#content #category-sidebar #latest-news .descr ul li p{
						clear: none;
						float: right;
						margin: 0;
						padding: 0;
						width: 300px;
					}
/*
-------------------------------------------------
Gallery Template
=================================================
*/
#content #category-content .song{
	margin: 0 0 30px 0;
}
/*
-------------------------------------------------
Press Template
=================================================
*/
#content #category-content .meta{
	margin: 10px;
}


/*
-------------------------------------------------
Footer
=================================================
*/
#footer{
	background: url(../images/BG_footer.jpg) repeat-y;
	background-size: cover;
	color: #fff;
}
		#footer #social ul{
			margin: 10px 10px 50px 40px;
			float: left;
		}
			#footer #social ul li{
				float: left;
				height: 26px;
			}
				#footer #social ul li a{
					background: url(../images/ICON_social_sites.png) no-repeat left top;
					display: block;
					height: 26px;
					text-indent: -9999em;
					width: 130px;
				}
					#footer #social ul li.last a{background-position: 0 0;}
					#footer #social ul li.myspace a{background-position: -150px 0}
					#footer #social ul li.ilike a{background-position: -310px 0}
					#footer #social ul li.facebook a{background-position: -470px 0}
					#footer #social ul li.twitter a{background-position: -630px 0;}
/*
-------------------------------------------------
Error/Success Messages
=================================================
*/
.contenterror {
	background:#FFF1ED url(../images/ICON_error.gif) no-repeat .5em 50%;
	padding:.5em .5em .5em 2.2em;
	border:1px solid #900;
	width:50%;
	margin:.15em auto;
	text-align:center;
}
.contentsuccess {
	background:#F4FDEF url(../images/ICON_success.gif) no-repeat .5em 50%;
	padding:.5em .5em .5em 2.2em;
	border:1px solid #3F9305;
	width:50%;
	margin:.15em auto;
	text-align:center;
}
.contentalert {
	background:#FEFFDF url(../images/ICON_alert.gif) no-repeat .5em 10%;
	padding:.5em .5em .5em 2.2em;
	border:1px solid #EFEFEF;
	width:50%;
	margin:.15em auto;
	text-align:center;
}
.errortext {
	color:#C00;
}
.successtext {
	color:#090;
}
.contenterror ul,.contentsuccess ul {
	padding:0;
	margin:0 0 0 25px;
	text-align:left;
	list-style:none;
}
.formNote {
background:#fafafa;
padding:.5em;
border:1px solid #53B2F8;
width:70%;
margin:1em auto;
text-align:left;
font-size:90%;
color:#777;
clear:both;
text-align:center;
}
.formNote a {
color:#000;
border: none;
padding: 0;
}

/*
-------------------------------------------------
Form fields
=================================================
*/
#comments{
float: left;
}
/*
-------------------------------------------------
Ad Network
=================================================
*/
#adn{
width: 300px;
height: 130px;
float: left;
margin: 0 0 0 10px;
}
#adn a { display:block; font-size: 11px; font-family: 'Lucida Sans', 'Lucida Grande'; width: 298px;}

#adn a img {
float:left;
margin:0 10px 0 0;
padding:0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

#adn p { margin:0 }

#adn br { display:none }
#adn .powered a{
font-size: 10px;
margin: 10px 0 0 0;
color: #888;
}

*,*:before,*:after{outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
input,button{outline:none;}
a,a:hover,a:visited{color:#ddd;text-decoration:none;}
.flex{display:-webkit-flex;display:flex;}
.flex-wrap{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.flex-align{-webkit-align-items:center;align-items:center;}
.w-full{width:100%;}

/* HTML5 Audio Player with Playlist, source: https://codepen.io/sekedus/pen/ExxjZEz */
#simp button,#simp input,#simp img{border:0;}
#simp{max-width:600px;font-size:14px;font-family:"Segoe UI", Tahoma, sans-serif;text-align:initial;line-height:initial;background:#17212b;color:#ddd;margin:0 auto;border-radius:6px;overflow:hidden;}
#simp .simp-album{padding:20px 25px 5px;}
#simp .simp-album .simp-cover{margin-right:20px;}
#simp .simp-album .simp-cover img{max-width:80px;width:100%;margin:0;padding:0;display:block;}
#simp .simp-album .simp-title{font-size:120%;font-weight:bold;}
#simp .simp-album .simp-artist{font-size:90%;color:#6c7883;}
#simp .simp-controls{padding:15px;}
#simp .simp-controls button{font-size:130%;width:32px;height:32px;background:none;color:#ddd;padding:7px;cursor:pointer;border:0;border-radius:3px;}
#simp .simp-controls button[disabled]{color:#636469;cursor:initial;}
#simp .simp-controls button:not([disabled]):hover{background:#4082bc;color:#fff;}
#simp .simp-controls .simp-prev,#simp .simp-controls .simp-next{font-size:100%;}
#simp .simp-controls .simp-tracker,#simp .simp-controls .simp-volume{flex:1;margin-left:10px;position:relative;}
#simp .simp-controls .simp-buffer {position:absolute;top:50%;right:0;left:0;height:5px;margin-top:-2.5px;border-radius:100px;}
#simp .simp-controls .simp-loading .simp-buffer {-webkit-animation:audio-progress 1s linear infinite;animation:audio-progress 1s linear infinite;background-image: linear-gradient(-45deg, #000 25%, transparent 25%, transparent 50%, #000 50%, #000 75%, transparent 75%, transparent);background-repeat:repeat-x;background-size:25px 25px;color:transparent;}
#simp .simp-controls .simp-time,#simp .simp-controls .simp-others{margin-left:10px;}
#simp .simp-controls .simp-volume{max-width:110px;}
#simp .simp-controls .simp-volume .simp-mute{margin-right:5px;}
#simp .simp-controls .simp-others .simp-active{background:#242f3d;}
#simp .simp-controls .simp-others .simp-shide button{font-size:100%;padding:0;width:24px;height:14px;display:block;}
#simp .simp-controls input[type=range]{-webkit-appearance:none;background:transparent;height:19px;margin:0;width:100%;display:block;position:relative;z-index:2;}
#simp .simp-controls input[type=range]::-webkit-slider-runnable-track{background:rgba(183,197,205,.66);height:5px;border-radius:2.5px;transition:box-shadow .3s ease;position:relative;}
#simp .simp-controls input[type=range]::-moz-range-track{background:rgba(183,197,205,.66);height:5px;border-radius:2.5px;transition:box-shadow .3s ease;position:relative;}
#simp .simp-controls .simp-load .simp-progress::-webkit-slider-runnable-track{background:#2f3841;}
#simp .simp-controls .simp-load .simp-progress::-moz-range-track{background:#2f3841;}
#simp .simp-controls .simp-loading .simp-progress::-webkit-slider-runnable-track{background:rgba(255,255,255,.25);}
#simp .simp-controls .simp-loading .simp-progress::-moz-range-track{background:rgba(255,255,255,.25);}
#simp .simp-controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;height:13px;width:13px;margin-top:-4px;cursor:pointer;border-radius:50%;box-shadow:0 1px 1px rgba(0,0,0,.15), 0 0 0 1px rgba(47,52,61,.2);}
#simp .simp-controls input[type=range]::-moz-range-thumb{-webkit-appearance:none;background:#fff;height:13px;width:13px;cursor:pointer;border-radius:50%;box-shadow:0 1px 1px rgba(0,0,0,.15), 0 0 0 1px rgba(47,52,61,.2);}
#simp .simp-footer{padding:10px 10px 12px;font-size:90%;text-align:center;opacity:.7;}
#simp .simp-display{overflow:hidden;max-height:650px;transition:max-height .5s ease-in-out;}
#simp .simp-hide{max-height:0;}
/* playlist */
#simp ul{margin:5px 0 0;padding:0;list-style:none;max-height:245px;}
#simp ul li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin:0;padding:8px 20px;cursor:pointer;}
#simp ul li:last-child{padding-bottom:13px;}
#simp ul li:nth-child(odd){background:#0e1621;}
#simp ul li:hover{background:#242f3d;}
#simp ul li.simp-active{background:#4082bc;color:#fff;}
#simp ul li .simp-desc{font-size:90%;opacity:.5;margin-left:5px;}
/* playlist scrollbar */
#simp ul{overflow-y:auto;overflow-x:hidden;scrollbar-color:#73797f #2f3841;}
#simp ul::-webkit-scrollbar-track{background-color:#2f3841;}
#simp ul::-webkit-scrollbar{width:6px;background-color:#2f3841;}
#simp ul::-webkit-scrollbar-thumb{background-color:#73797f;}
/* progress animation */
@-webkit-keyframes audio-progress{to{background-position:25px 0;}}
@keyframes audio-progress{to{background-position:25px 0;}}
/* mobile */
@media screen and (max-width:480px) {
	#simp .simp-controls .simp-volume,#simp .simp-controls .simp-others{display:none;}
	#simp .simp-controls .simp-time{margin-right:10px;}
}
@media screen and (max-width:370px) {
	#simp .simp-time .simp-slash,#simp .simp-time .end-time{display:none;}
}

/*# sourceMappingURL=styles.css.map */