@charset "UTF-8";
.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.after, #archive-filter:after, #archive-grid .archivegrid:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.clear { clear: both; }

img { max-width: 100%; height: auto; }

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }

.ir br { display: none; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.media-landing #text { padding-bottom: 0; }

@media (min-width: 48em) { #content #subnav { margin-bottom: 4em; } }

#text-featured { padding-left: 5%; }
@media (min-width: 48em) { #text-featured { padding-left: 4em; } }

.long-wrap { position: relative; width: 100%; margin-bottom: 4em; }

#content .long-grid { height: auto; width: 100%; max-width: 100%; min-width: 100%; }
#content .long-grid ul { margin: 0; list-style: none; max-height: 198px; overflow-y: hidden; overflow-x: hidden; }
#content .long-grid ul li { position: relative; float: left; width: 244px; margin-right: 1.25em; line-height: 1; list-style: none; }
@media (min-width: 48em) { #content .long-grid ul li { width: 326px; } }
#content .long-grid ul li:last-child { margin-right: 0; }
#content .long-grid ul li a { text-decoration: none; }
#content .long-grid ul li h6 { position: absolute; padding: 2em 5% 0 5%; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
#content .long-grid ul li .image { position: relative; display: block; width: 244px; height: 147px; text-align: center; overflow: hidden; background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset; box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset; }
@media (min-width: 48em) { #content .long-grid ul li .image { width: 326px; height: 198px; } }
#content .long-grid ul li .image:before { visibility: hidden; opacity: 0; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.25); }
#content .long-grid ul li .image span { display: none; position: absolute; font-size: 64px; text-decoration: none; color: #ffffff; top: 50%; left: 50%; margin: -.5em 0 0 -.5em; }
#content .long-grid ul li .info { padding: 1.125em; background-color: #ffffff; }
#content .long-grid ul li .info .meta { font-size: .8725em; margin-bottom: 0; font-weight: 200; }
#content .long-grid ul li .info .meta i { font-style: normal; }
#content .long-grid ul li .info h3 { font-size: 1.5em; line-height: 1.25em; margin: 0; }

.long-wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .long-wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: none; width: 50px; height: 198px; top: -204px; overflow: hidden; margin: 0; background: rgba(0, 0, 0, 0.65); z-index: 500; opacity: 0; visibility: hidden; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
@media (min-width: 64.25em) { .long-wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .long-wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; } }
.long-wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft:before, .long-wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight:before { font-family: "icons"; content: ""; font-size: 100%; font-weight: normal !important; vertical-align: middle; position: absolute; top: 50%; left: 6px; color: #ffffff; font-size: 3em; margin-top: -.5em; }
.long-wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft.off, .long-wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight.off { visibility: hidden !important; position: absolute !important; }
.long-wrap .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight:before { content: "\e602"; }
.long-wrap:hover .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .long-wrap:hover .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { visibility: visible; opacity: 1; }

#content .long-wrap .scrollit { display: none; opacity: 0; visibility: hidden; position: absolute; width: 50px; height: 198px; top: 0; background-color: rgba(0, 0, 0, 0.65); text-align: center; text-decoration: none !important; cursor: crosshair; z-index: 500; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
@media (min-width: 64.25em) { #content .long-wrap .scrollit { display: block; } }
#content .long-wrap .scrollit span { display: block; position: absolute; top: 50%; margin-top: -.5em; color: #ffffff; font-size: 3em; }
#content .long-wrap .scrollit.prev { left: 0; }
#content .long-wrap .scrollit.prev span { left: 6px; }
#content .long-wrap .scrollit.next { right: 0; }
#content .long-wrap .scrollit.next span { left: 6px; }
#content .long-wrap .scrollit.off { visibility: hidden !important; position: absolute !important; }

#content .long-wrap:hover .scrollit { visibility: visible; opacity: 1; }

#content #sermon-scroll.long-grid ul li .image { background-color: #292c2e; background-image: url(/_assets/img/sermon-article-default.jpg); }

.touch-off #content .long-grid ul li .image:before { -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.touch-off #content .long-grid ul li .image:hover:before { visibility: visible; opacity: 1; }
.touch-off #content .long-grid ul li:hover .info { visibility: visible; opacity: 1; }

#sermon-filter { padding: 0 5% 2em 5%; }
@media (min-width: 64.25em) { #sermon-filter { padding: 0 0 2em 0; } }

@media (min-width: 64.25em) { .large-search { margin-bottom: 5em; } }

.group-title { text-align: center; margin-bottom: 1.5em; }
@media (min-width: 64.25em) { .group-title { margin-bottom: 2.5em; } }

p.all-series { text-align: center; }
p.all-series a { color: #003856; text-decoration: none !important; }
p.all-series a:before { font-family: "icons"; content: ""; font-size: 100%; font-weight: normal !important; vertical-align: middle; margin-right: .5em; }

#archive-filter { margin-bottom: 2em; }
@media (min-width: 64.25em) { #archive-filter { margin-bottom: 3em; } }
#archive-filter .group-title { margin-bottom: 1em; text-align: center; text-transform: none; }
@media (min-width: 64.25em) { #archive-filter .group-title { float: left; width: 65%; margin-bottom: 0; text-align: left; } }
@media (min-width: 64.25em) { #archive-filter #module-search { float: right; } }

#archive-grid { padding: 0 5%; margin-bottom: 3em; overflow: hidden; }
@media (min-width: 64.25em) { #archive-grid { padding: 0 4em; } }
#archive-grid .morelazy.loading { width: 100%; min-height: 162px; background-color: #292c2e; background: url(/_assets/img/ajax-loader-linear.svg) no-repeat center center; -moz-background-size: 64px 64px; -o-background-size: 64px 64px; -webkit-background-size: 64px 64px; background-size: 64px 64px; }
#archive-grid .lazy-more { text-align: center; margin-bottom: 3em; }
#archive-grid #lazy-load { display: inline-block; }
#archive-grid #lazy-load:after { content: "\e603"; }
#archive-grid #lazy-load.stop { border-color: transparent; color: #003856; cursor: default; }
#archive-grid #lazy-load.stop:after { display: none; }
#archive-grid #lazy-load.stop span { display: none; }
#archive-grid .additional { padding: 0 5%; }
@media (min-width: 64.25em) { #archive-grid .additional { padding: 2em 0 0 0; } }
@media (min-width: 64.25em) { #archive-grid .additional hr { margin-bottom: 4em; } }
#archive-grid .additional h2 { text-align: center; }
#archive-grid .archivegrid { display: block; width: 100%; }
#archive-grid article { display: block; position: relative; width: 100%; margin: 0 0 2.5em 0; padding: 0; }
@media (min-width: 48em) { #archive-grid article { float: left; width: 48.5%; margin-left: 3%; } }
@media (min-width: 64.25em) { #archive-grid article { width: 22.75%; } }
@media (min-width: 48em) { #archive-grid article:nth-child(2n+1) { clear: left; margin-left: 0; } }
@media (min-width: 64.25em) { #archive-grid article:nth-child(2n+1) { clear: none; margin-left: 3%; } }
@media (min-width: 64.25em) { #archive-grid article:nth-child(4n+1) { clear: left; margin-left: 0; } }
#archive-grid .image { position: relative; width: 100%; min-height: 147px; background: url(/_assets/img/ajax-loader-linear.svg) no-repeat center center; -moz-background-size: 32px 32px; -o-background-size: 32px 32px; -webkit-background-size: 32px 32px; background-size: 32px 32px; }
#archive-grid .image:before { visibility: hidden; opacity: 0; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); }
#archive-grid .image span { display: none; position: absolute; font-size: 64px; text-decoration: none; color: #ffffff; top: 50%; left: 50%; margin: -.5em 0 0 -.5em; }
#archive-grid .image img { display: block; width: 100%; height: auto; }
#archive-grid .info { padding: 1.125em 5%; width: 90%; background-color: #ffffff; }
#archive-grid .info .meta { font-size: .8725em; margin-bottom: 0; font-weight: 200; }
#archive-grid .info h3 { font-size: 1.5em; line-height: 1.25em; margin: 0; }

.touch-off #archive-grid article .image:before { -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.touch-off #archive-grid article .image:hover:before { visibility: visible; opacity: 1; }

#content .long-grid { height: auto; width: 100%; max-width: 100%; min-width: 100%; }
#content .long-grid ul { margin: 0; list-style: none; max-height: 198px; overflow-y: hidden; overflow-x: hidden; }
#content .long-grid ul li { position: relative; float: left; width: 244px; margin-right: 1.25em; line-height: 1; list-style: none; }
@media (min-width: 48em) { #content .long-grid ul li { width: 326px; } }
#content .long-grid ul li:last-child { margin-right: 0; }
#content .long-grid ul li a { text-decoration: none; }
#content .long-grid ul li h6 { position: absolute; padding: 2em 5% 0 5%; width: 90%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center; }
#content .long-grid ul li .image { position: relative; display: block; width: 244px; height: 147px; text-align: center; overflow: hidden; background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset; box-shadow: rgba(0, 0, 0, 0.2) 0 0 7px inset; }
@media (min-width: 48em) { #content .long-grid ul li .image { width: 326px; height: 198px; } }
#content .long-grid ul li .image:before { visibility: hidden; opacity: 0; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); }
#content .long-grid ul li .image span { display: none; position: absolute; font-size: 64px; text-decoration: none; color: #ffffff; top: 50%; left: 50%; margin: -.5em 0 0 -.5em; }
#content .long-grid ul li .info { position: absolute; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); width: 90%; height: 90%; padding: 5%; overflow-y: auto; -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
@media (min-width: 64.25em) { #content .long-grid ul li .info { opacity: 0; visibility: none; } }
#content .long-grid ul li .info .meta { font-size: .8725em; margin-top: 1em; margin-bottom: .5em; font-weight: 200; color: #ffffff; }
#content .long-grid ul li .info .meta .default { display: none; }
#content .long-grid ul li .info h3 { font-size: 1.25em; line-height: 1.25em; margin: 0; color: #ffffff; }

#content #series-grid .moreseries.loading { width: 100%; min-height: 162px; background-color: #292c2e; background: url(/_assets/img/ajax-loader-linear.svg) no-repeat center center; -moz-background-size: 64px 64px; -o-background-size: 64px 64px; -webkit-background-size: 64px 64px; background-size: 64px 64px; }
#content #series-grid .lazy-more { text-align: center; margin-bottom: 3em; }
#content #series-grid #series-load { display: inline-block; }
#content #series-grid #series-load:after { content: "\e603"; }
#content #series-grid #series-load.stop { border-color: transparent; color: #003856; cursor: default; }
#content #series-grid #series-load.stop:after { display: none; }
#content #series-grid #series-load.stop span { display: none; }

#content .seriesgrid { overflow: hidden; padding: 0 5%; }
@media (min-width: 64.25em) { #content .seriesgrid { padding: 0 4em; } }
#content .seriesgrid article { position: relative; width: 100%; margin: 0 0 2.5em 0; padding: 0; }
@media (min-width: 48em) { #content .seriesgrid article { float: left; width: 48.5%; margin-left: 3%; } }
@media (min-width: 64.25em) { #content .seriesgrid article { width: 22.75%; } }
@media (min-width: 48em) { #content .seriesgrid article:nth-child(2n+1) { clear: left; margin-left: 0; } }
@media (min-width: 64.25em) { #content .seriesgrid article:nth-child(2n+1) { clear: none; margin-left: 3%; } }
@media (min-width: 64.25em) { #content .seriesgrid article:nth-child(4n+1) { clear: left; margin-left: 0; } }

#content .seriesgrid article a { display: block; text-decoration: none; }
#content .seriesgrid article a:before { visibility: hidden; opacity: 0; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.1); }

.touch-off #content .seriesgrid article a:before { -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.touch-off #content .seriesgrid article a:hover:before { visibility: visible; opacity: 1; }

#sermon-detail .meta { font-size: .8725em; margin-bottom: 0; font-weight: 200; }
#sermon-detail h3 { font-size: 1.625em; line-height: 1.25em; margin-bottom: 1em; color: #0094d9; }
#sermon-detail .buttons { overflow: hidden; }
@media (min-width: 64.25em) { #sermon-detail .buttons { text-align: center; display: -webkit-flex; display: flex; width: 100%; } }
#sermon-detail .buttons a { display: block; font-weight: 400; line-height: 1em; font-size: 1em; color: #0094d9; text-align: center; cursor: pointer; padding: .65em .125em .5em .125em; margin-bottom: .5em; background-color: transparent; outline: none; border: 2px solid #dfeaf0; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; text-decoration: none; }
@media (min-width: 64.25em) { #sermon-detail .buttons a { font-size: 1.125em; -webkit-flex-grow: 1; flex-grow: 1; border-right-width: 1px; border-left-width: 1px; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } }
#sermon-detail .buttons a.active { border-color: #0094d9; }
#sermon-detail .buttons a:first-child { -moz-border-radius-topleft: 1.25em; -webkit-border-top-left-radius: 1.25em; border-top-left-radius: 1.25em; -moz-border-radius-bottomleft: 1.25em; -webkit-border-bottom-left-radius: 1.25em; border-bottom-left-radius: 1.25em; }
#sermon-detail .buttons a:last-child { -moz-border-radius-topright: 1.25em; -webkit-border-top-right-radius: 1.25em; border-top-right-radius: 1.25em; -moz-border-radius-bottomright: 1.25em; -webkit-border-bottom-right-radius: 1.25em; border-bottom-right-radius: 1.25em; }
#sermon-detail .buttons a span { display: inline-block; margin-right: .25em; }
#sermon-detail .buttons a.media-switch.show { display: block; }
@media (min-width: 64.25em) { #sermon-detail .buttons a.media-switch.show { display: table-cell; } }
#sermon-detail .audio-buttons { overflow: hidden; padding-top: 1.6em; text-align: center; }
#sermon-detail .audio-buttons a { display: block; font-weight: 300; line-height: 1em; font-size: 1em; color: #ffffff; text-align: center; cursor: pointer; padding: .65em 1.25em; margin-bottom: 1em; opacity: .4; background-color: transparent; outline: none; border: 1px solid #dfeaf0; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; text-decoration: none; }
@media (min-width: 64.25em) { #sermon-detail .audio-buttons a { display: inline-block; margin: .1em 0; } }
#sermon-detail .audio-buttons a.active { opacity: 1; }
@media (min-width: 64.25em) { #sermon-detail .audio-buttons a:first-child { -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; } }
@media (min-width: 64.25em) { #sermon-detail .audio-buttons a:last-child { -moz-border-radius-topleft: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } }
#sermon-detail .audio-download { overflow: hidden; padding-top: 1em; text-align: center; }
#sermon-detail .audio-download a { display: block; font-weight: 300; line-height: 1em; font-size: 1em; color: #ffffff; text-align: center; cursor: pointer; padding: .65em 1.25em; margin-bottom: 1em; opacity: .4; background-color: transparent; outline: none; border: 1px solid #dfeaf0; -moz-border-radius: 1.25em; -webkit-border-radius: 1.25em; border-radius: 1.25em; text-decoration: none; }
@media (min-width: 64.25em) { #sermon-detail .audio-download a { display: inline-block; margin: .1em 0; } }
#sermon-detail .details { padding-top: 3em; }

.touch-off #sermon-detail .buttons a { -moz-transition: border-color 0.2s ease-in-out; -o-transition: border-color 0.2s ease-in-out; -webkit-transition: border-color 0.2s ease-in-out; transition: border-color 0.2s ease-in-out; }
.touch-off #sermon-detail .buttons a:hover { border-color: #0094d9; }
.touch-off #sermon-detail .audio-download a { -moz-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; }
.touch-off #sermon-detail .audio-download a:hover { opacity: 1; }

#media-load { margin-bottom: 2em; }
#media-load.loading { width: 100%; min-height: 162px; background-color: #292c2e; background: url(/_assets/img/ajax-loader-linear.svg) no-repeat center center; -moz-background-size: 64px 64px; -o-background-size: 64px 64px; -webkit-background-size: 64px 64px; background-size: 64px 64px; }
@media (min-width: 64.25em) { #media-load.loading { min-height: 400px; } }

#media-wrap.audio { background-image: url(/_assets/img/bg-media-modal.jpg); background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover; padding: 2em; }
@media (min-width: 64.25em) { #media-wrap.audio { padding: 13.25em 4em; } }
@media (min-width: 64.25em) { #media-wrap.audio.hasbtns { padding: 11.15em 4em; } }
#media-wrap .audio-wrap { background-color: #ffffff; padding: 1em; overflow: hidden; }

#colorbox-frame { background-color: white; padding: 2em; }
@media (min-width: 64.25em) { #colorbox-frame { padding: 2em 4em; } }

article .default { display: none; }

/* ADD THIS STUFF */

#colorbox-frame #sermon-detail h3  {
	margin-bottom: 0;
}

#sermon-detail .addthis_toolbox {
	display: block;
	opacity: 1;
	padding: 0;
	position: relative;
	left: initial;
	top: initial;
	background-color: transparent;
}

#sermon-detail .addthis_toolbox a {
	float: none;
	clear: none;
	padding: 0 1em 0 0;
	display: inline-block;
	margin: 0;
}