/*

 Theme Name:   District Child

 Theme URI:    http://crossroaddfw.jerelandleeza.com/new/district-child/

 Description:  District Child Theme

 Author:       Jerel Kuravackal

 Author URI:   http://crossroaddfw.jerelandleeza.com

 Template:     district

 Version:      1.0.0

 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready

 Text Domain:  district-child

*/



@import url("../district/style.css");



/* =Theme customization starts here

-------------------------------------------------------------- */

p, ul {
	font-size: 14px;
}

h5 {
	margin:0;
	padding:0;
	font-size: 18px;
	line-height: 18px;
	margin-bottom:0px;
}

h6 {
	margin:0;
	padding:0;
	font-size: 18px;
	font-weight:normal !important;
	line-height: 18px;
	margin-bottom:14px;
}

h6.search-meta {
	margin-bottom:30px;
}

h5.appstore {
	margin-bottom:-8px;
}

h2.border-bottom {
	color: #222222 !important;
	border-bottom: solid 2px #d9d9d9 !important;
	border-bottom: solid 2px rgba(0,0,0,.15) !important;
	padding-bottom: 21px !important;
	display: inline-block !important;
	margin-bottom: 0 !important;
}

/* Widget styles on homepage */
h2.widgettitle {
	margin-bottom: 12px !important;
	padding-bottom: 10px !important;
	border-bottom: 1px solid #dcdcdc !important;
	border-color: rgba(0,0,0,.15) !important;
}

.widgets_on_page ul ul, ul ol,  ol ol, ol ul {
	margin: 0px 0 0px 0px;
	font-size: 100%;
}
.widget_ultimate_posts .post-title a {
	-moz-transition: height .25s, line-height .25s, background .25s, visibility .25s;
	-ms-transition: height .25s, line-height .25s, background .25s, visibility .25s;
	-o-transition: height .25s, line-height .25s, background .25s, visibility .25s;
	-webkit-transition: height .25s, line-height .25s, background .25s, visibility .25s;
	transition: height .25s, line-height .25s, background .25s, visibility .25s;
}
.widget_ultimate_posts ul, .widget_ultimate_posts ul li {
	list-style: none;
	margin:0;
}
.widget_ultimate_posts span.post-date {
	display:none;
}
.widget_ultimate_posts ul ul {
	margin:0;
}
.widget_ultimate_posts ul {
	margin: 0;
	position: relative;
	z-index: 1000;
	width:100%;
}
.widget_ultimate_posts ul {
	margin-top:-12px;
}
.widget_ultimate_posts .post-title a {
	position:relative;
	display:block;
� 	overflow: hidden;
� 	height: 0;
	border-bottom: 1px dotted #dcdcdc;
	border-color: rgba(0,0,0,.15);
	text-align: left;
	height: auto;
	overflow: hidden;
	padding:18px 25px 14px 5px;
	z-index: 1000;
	color:#555;
	background: url(images/rightarrow.png) 95% 48% no-repeat;
	font-size:85%;
	line-height:18px;
}

.widget_ultimate_posts .post-title a:hover {
    background: #f9f9f9 url(images/rightarrow.png) 97% 48% no-repeat;
	background-color: rgba(0,0,0,.05);
    color:#333 !important;
}

#Home_Right .post-title a {
	font-size:120% !important;
	font-weight:bold !important;
	background:none !important;
	padding:10px 0 0 10px !important;
	line-height:24px !important;
	position:relative;
	display:block;
	border:none !important;
	text-align: left;
	height: auto;
	overflow: hidden;
	z-index: 1000;
	color:#555;
	margin:0;
}

#Home_Right .ncc-widget-bottom {
	border-bottom: 1px dotted #dcdcdc;
	border-color: rgba(0,0,0,.15);
	padding:0 0 15px 10px;
	margin-top: -14px;
}

/* Word Spacing on sub nav */

.sub-menu li {
	word-spacing:1px;
}

/* Page Titles */

.pagetitle {
	padding: 10px 0 65px 0;
}

.pagetitle h1 {
	font-size:47px !important;
	letter-spacing:-0.1px !important;
	text-transform:uppercase !important;
	line-height:47px !important;
	word-spacing:3px !important;
}

.pagetitle h1, .pagetitle h2 {
	color:#fff;
}

.homecaption h2 {
	word-spacing:2px;
	letter-spacing:-0.6px !important;
}

.ag-pricing-table .ag-pricing-cost {
	padding-top: 0px;
}

.sf-menu ul {
	width:200px;
}

.section.custom {
	padding-bottom:35px;
}

.section.nopadding, .section.nopadding .cell .columns, .section.nopadding .fullimage {
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}

.section blockquote, .section blockquote p {
	color:#82b548;
}

.post-thumb-inline img {
	float:left;
	padding-right:14px;
}

.underline-dark {
	border-bottom: solid 2px rgba(0,0,0,.15);
	color:#222222;
}

.underline-light {
	border-bottom: solid 2px rgba(255,255,255,.15);
	color:#d9d9d9;
}

.shareaholic-share-buttons-wrapper {
	margin-left:-12px !important;
}


/* Fix Recent Tweets plugin style */
.tp_recent_tweets li {
	background-image: url('images/tweet.png') !important;
	background-repeat: no-repeat !important;
	background-position: 0px 4px !important;
	padding-left: 30px !important;
	padding-bottom: 20px !important;
	float: left !important;
	clear: left !important;
	line-height: 20px !important;
	list-style-type: none !important;
}



/* Style Sermon Archive Page */

.sermon-filter select {
	width:90% !important;
}

.sermon-filter .widget {
	margin-bottom:57px !important;
}

.sidebar .button-container {
	margin:-14px 0 14px 0;
}

.sermon-content .divider {
	text-align:left !important;
	margin:22px 0 !important;
}

.sermon-content h3 {
	margin-bottom:5px !important;
}

.sermon-content .button-container {
	margin:-24px 0 68px 0;
}

.audio-container-mini {
	display:none;
	margin:-52px 0 58px 2px;
}

.audio-container-mini .mejs-controls .mejs-duration-container {
	margin-right:15px !important;
}

.audio-container-mini .mejs-controls .mejs-playpause-button {
	border: 1px solid grey !important;
	border-radius: 18px !important;
	height: 30px !important;
	width: 30px !important;
	margin-right:15px !important;
	margin-top:-2px !important;
}

.audio-container-mini .mejs-controls .mejs-playpause-button button {
	position: absolute !important;
	left: 4px !important;
	top: -1px !important;
}

.audio-container-mini .mejs-controls .mejs-time-rail {
	width:65% !important;
}

.audio-container-mini .mejs-controls .mejs-time-rail .mejs-time-total {
    width:64% !important;
}


/* change the color of the progress bar */
.audio-container-mini .mejs-controls .mejs-time-rail .mejs-time-total {
    background: #ccc !important;
}

/* change the color of the current time bar */
.audio-container-mini .mejs-controls .mejs-time-rail .mejs-time-current {
    background: #888 !important;
}

/* change the color of the file loading bar */
.audio-container-mini .mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #fff !important;
}

/* change the color of the volume slider */
.audio-container-mini .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: #ccc !important;
}

/* change the color of the current volume bar */
.audio-container-mini .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #888 !important;
}


/* Style Individual Sermon Page */

.sermon-header {
	background-image:url('images/sermons-green.jpg');
	background-position:center;
	padding-top:75px;
}

.sermon-header h1 {
	color:#ffffff;
}

#sermoncontent {
	margin-bottom:100px;
}


/* Style Audio Player on Sermon Page



************************************

************************************



*/



.audio-container {
	background:#CCC;
	padding:60px 30px;
	margin:25px 0;
}

.mejs-container, .mejs-embed, .mejs-embed body, .mejs-container, .mejs-container .mejs-controls {
	background:none !important;
}

.mejs-currenttime,
.mejs-duration {
    color: black !important;
}

.mejs-controls .mejs-button button:focus {
outline: none !important;
}

.mejs-controls .mejs-duration-container {
	margin-right:30px !important;
}

.mejs-controls .mejs-playpause-button {
border: 1px solid grey !important;
border-radius: 30px !important;
height: 42px !important;
width: 42px !important;
margin-right:30px !important;
margin-top:-6px !important;
}

.mejs-controls .mejs-playpause-button button {
	position:absolute !important;
    left: 10px; !important;
	top: 1px !important;
}

.mejs-controls .mejs-time-rail {
	width:70% !important;
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    width:69% !important;
}

/* use a sprite file with darker transport icons */
.mejs-controls .mejs-button button {
    background-image: url('images/controls-dark.svg') !important;
}


/* change the color of the progress bar */
.mejs-controls .mejs-time-rail .mejs-time-total {
    background: #eee !important;
}

/* change the color of the current time bar */
.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #aaa !important;
}

/* change the color of the file loading bar */
.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: #fff !important;
}

/* change the color of the volume slider */
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    background: #eee !important;
}

/* change the color of the current volume bar */
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #aaa !important;
}

/* Make It Responsive */
@media (max-width: 959px) {
	.mejs-controls .mejs-time-rail {
		width:61% !important;
	}
	.mejs-controls .mejs-time-rail .mejs-time-total {
		width:60% !important;
	}
	.audio-container-mini .mejs-controls .mejs-time-rail {
		width:55% !important;
	}
	.audio-container-mini .mejs-controls .mejs-time-rail .mejs-time-total {
		width:54% !important;
	}
}

@media (max-width: 767px) {
	.mejs-controls .mejs-volume-button {
		display:none !important;
	}
	.mejs-controls .mejs-horizontal-volume-slider {
		display:none !important;
	}
	.mejs-controls .mejs-playpause-button {
		margin-right:15px !important;
	}
	.mejs-controls .mejs-duration-container {
		margin-right:0px !important;
		margin-left:5px !important;
	}
}

@media (max-width: 480px) {
	.mejs-controls .mejs-time-rail {
		width:41% !important;
	}
	.mejs-controls .mejs-time-rail .mejs-time-total {
		width:40% !important;
	}
	.audio-container-mini .mejs-controls .mejs-time-rail {
		width:38% !important;
	}
	.audio-container-mini .mejs-controls .mejs-time-rail .mejs-time-total {
		width:37% !important;
	}
}



/* Customize Bibly plugin */
.bibly_popup_header {
	background:#82B548 !important;
}

/* #Post Categories
================================================== */

.categories, .single-post .categories {
	text-align:center;
}

.categories a {
	float:none !important;
	display:block;
	margin-top:8px;
}

/* #Contact Forms
================================================== */


.wpcf7-form .wpcf7-list-item {
	display:block;
}
.wpcf7-form select {
	font-family:Arial, Helvetica, sans-serif;
}
.wpcf7-form .formrow {
	height:90px;
}
.wpcf7-form .messagerow {
	padding-bottom:15px;
}

.wpcf7-form label {
	margin:0 0 6px;
	display:block;
	font-size:12px;
	text-transform:uppercase;
}
.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel], .wpcf7-form textarea, .wpcf7-form select {
	padding: 10px;
	margin: 0;
	border-width:1px;
	border-style:solid;
	border-color:#e3e3e3;
	font-size: 12px;
}
.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel], .wpcf7-form textarea {
	width: 90%;
}
.wpcf7-form select {
	width: 90%;
}
.wpcf7-form input[type=submit] {
	border:none;
}
.wpcf7-form #submit {
	padding: 10px;
	margin: 0 0 20px 0;
	border:inherit;
	width:inherit;
	font-family:inherit;
	color:inherit;
	font-size:inherit;
	font-style:inherit;
}
.wpcf7-form input:focus, .wpcf7-form textarea:focus {
	border-width:1px;
	border-style:solid;
	border-color:#999;
	outline:0;
}
.wpcf7-form .radiobutton {
	margin-left: 10px;
	display: block;
	margin-right: 0;
	width: 100px;
	float: left;
	line-height: 30px;
	height: 45px;
	font-size: 12px;
	text-transform:none;
}

.wpcf7-form input[type="radio"] {
	font-size: 12px;
	display: inline;
	float: left;
	width: 15px;
	margin: 0;
	margin-top: 8px;
	margin-right: 5px;
}

.wpcf7-form label.error,
form p.error {
	font-size:12px;
	color:#c85849;
	text-transform:none;
}

/* #Post Date
================================================== */
.post .date .day {
	display: block;
	text-align: center;
	background: #222;
	padding: 15px;
	color: #fff;
	font-size: 28px;
	margin-bottom:10px;
}
.post .day .month {
	text-align: center;
	font-size: 10px;
	line-height: 10px;
	letter-spacing: 6px;
	text-transform: uppercase;
	display: block;
	margin-top: 4px;
	color: #ccc;
	margin-left: 6px; /* Optical Adjustment */
}
.post .day .year {
	text-align: center;
	font-size: 10px;
	line-height: 10px;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: block;
	margin-top: 3px;
	color: #ccc;
	margin-left: 3px; /* Optical Adjustment */
}

/* Customize splash page */
.page-id-5423 #footer, .page-id-5423 #menu, .page-id-5423 #sticky-footer-push, .page-id-5423 .mobilenavcontainer, .page-id-5423 .top-nav {
	display: none;
}