/* @override 
	http://z2-manitoqua-ministries-frankfort-il.cpmpreview2.com/css/override.css */


/***  LOGO  ***/


header .header-wrapper .logo-wrapper {
	display: inline-block;
	position: relative;
	margin-left: -35px;
	width: 16.0vw;
	max-width: 267px;
	height: 76px;
	padding-top: 32px
}

@media (max-width: 1500px) {
header .header-wrapper .logo-wrapper {
	padding-top: 35px;
		margin-left: 0px;
}
}
	
@media (max-width: 1080px) {
header .header-wrapper .logo-wrapper {
	width: 215px;
	margin-top: 20px;
}
}

@media (max-width: 768px) {
header .header-wrapper .logo-wrapper {
	display: block;
	position: absolute;
	width: 285px;
	margin: 0 auto;
	margin-top: 21px;
	left: 2%;
	right: 0
}
}

header .header-wrapper .logo-wrapper .logo {
    width: 100%;
    height: 180%;
    top: -30px;
}


/***  NAV  ***/


header .header-wrapper nav.full {
	max-width: 80%;
}

@media (max-width: 1500px) {
	header .header-wrapper nav.full {
	max-width: 75%;
}
}

@media (max-width: 1080px) {
header .header-wrapper nav.full {
	display: none
}
}

header .header-wrapper nav.full ul#nav li {
	margin-left: -90px
}

@media (max-width: 1500px) {
header .header-wrapper nav.full ul#nav li {
	margin-left: -20px
}
}

@media (max-width: 1223px) {
header .header-wrapper nav.full ul#nav li {
	margin-left: -30px
}
}

header .header-wrapper nav.full ul#nav li a {
	font-size: 15px;
	letter-spacing: .5px;
	padding-bottom: 10px
}

@media (max-width: 1500px) {
header .header-wrapper nav.full ul#nav li a {
	font-size: 14px
}
}

header .header-wrapper nav.full>a {
	margin-left: 29px;
}

header .header-wrapper nav.full ul#nav li+li {
	margin-left: 29px
}

@media (max-width: 1500px) {
header .header-wrapper nav.full ul#nav li+li {
	margin-left: 24px
}
}

header .header-wrapper nav.full ul#nav ul li {
	margin-left: 0px
}

header .full #nav li:hover a {
	color: #aa842e;
}

header .full #nav li a current {
	color: #aa842e
}

header .full #nav li:hover ul {
	background-color: #272624
}

header .full #nav li:hover ul a {
	color: #fff
}

header .full #nav li:hover ul a:hover {
	color: #aa842e
}

header .search-box .search-submit {
	color: #b52e25;
	border: 3px solid #b52e25;
	background: #fff
}

header .search-box .search-submit:hover {
	color: #fff;
	background: #b52e25
}


/***  FOOTER  ***/


footer .footer-wrapper .social-info .footer-btn a {
	color: #b52e25;
	border: 3px solid #b52e25;
}

body footer .footer-wrapper .social-info .footer-btn a:hover {
	color: #fff;
	border: 3px solid #b52e25;
	background: #b52e25
}

footer .footer-wrapper .social-info #social a:hover {
	color: #aa842e;
	text-decoration: none
}

footer .footer-wrapper .church-info a {
	color: #aa842e
}


/***  SUBPAGE NAV  ***/


#subpage #content ul#side_nav ul li.current a {
	color: #b52e25
}

#subpage #content ul#side_nav li a:hover {
	color: #b52e25
}

#subpage #content .wrapper .side-nav ul#side_nav ul.side_nav_level2 li a {
	color: #27282c
}


/***  CONTENT  ***/

#home .section-one .quicklinks2 li:nth-child(2):after, #home .section-one .quicklinks2 li:nth-child(6):after {
	background: #4a828a;
}

#home .section-one .quicklinks2 li:nth-child(2), #home .section-one .quicklinks2 li:nth-child(6) {
	background: linear-gradient(-45deg, #4a828a 0%, #6da0a7 100%)
}

#home .section-one .quicklinks2 li:nth-child(3):after, #home .section-one .quicklinks2 li:nth-child(7):after {
	background: #aa842e;
}

#home .section-one .quicklinks2 li:nth-child(3), #home .section-one .quicklinks2 li:nth-child(7) {
	background: linear-gradient(-45deg, #aa842e 0%, #c7a24e 100%)
}

#home .section-one .quicklinks2 li:nth-child(4):after, #home .section-one .quicklinks2 li:nth-child(8):after {
	background: #b52e25;
}

#home .section-one .quicklinks2 li:nth-child(4), #home .section-one .quicklinks2 li:nth-child(8) {
	background: linear-gradient(-45deg, #b52e25 0%, #c94f47 100%)
}


#home .section-two {
	background: #2d2d2c
}

footer {
	background: #1c1c1b
}

body {
background: #1c1c1b;
}

#home header div#banner:after {
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(75%, rgba(21,21,20,0.2)), to(rgba(21,21,20,0.5)));
	background-image: linear-gradient(to top, rgba(21,21,20,0.2) 75%, rgba(21,21,20,0.5) 100%);
}

body header div#banner:after {
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(55%, rgba(21,21,20,0.3)), to(rgba(21,21,20,0.6)));
	background-image: linear-gradient(to top, rgba(21,21,20,0.3) 55%, rgba(21,21,20,0.6) 100%)
}

header #banner span.overlay {
	background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, #1c1c1b), color-stop(50%, rgba(21,21,20,0.20)));
	background: linear-gradient(to top, #1c1c1b 10%, rgba(21,21,20,0.20) 50%)
}

@media (max-width: 1223px) {
header #banner span.overlay {
	background: -webkit-gradient(linear, left bottom, left top, color-stop(10%, #1c1c1b), color-stop(0.1%, rgba(21,21,20,0.20)));
	background: linear-gradient(to top, #1c1c1b 0.1%, rgba(21,21,20,0.20) 10%)
}
}

#home .section-two .event-date {
	background: #515150
}

#home .section-two .event-date span {
	color: #aeadab
}

#home .section-two h4 a {
	color: #aa842e
}

#home .section-two .event-widget .event h4 a {
	color: #aa842e
}

#home .section-two h4 a:hover {
	text-decoration: none
}


#subpage #content .cms-output a {
	color: #b52e25
}

.media .tabset {
	border: 2px solid #b52e25
}

.media .tabset span {
	color: #b52e25;
	border-right: 2px solid #b52e25
}

.media .tabset span:hover {
	background-color: #f5f5f4
}

.media .tabset span.current {
	color: #fff;
	background-color: #b52e25
}

#subpage .media .tabset.primary-tabs li:first-child span {
	border: 3px solid #b52e25
}

#subpage .media .tabset.primary-tabs li:nth-child(2) span {
	border: 3px solid #b52e25
}

#subpage .media .tabset li.tab span.tab-calendar.first-tab {
	border-left: 3px solid #b52e25
}

#subpage.blog-index .media .tabset li:first-child span {
	border: 3px solid #b52e25
}

#subpage.blog-index .tabset li:nth-child(2) span {
	border: 3px solid #b52e25
}

#subpage.event-index .media .tabset li span {
	border-top: 3px solid #b52e25;
	border-bottom: 3px solid #b52e25
}

#subpage.event-index .media .tabset li:first-child span {
	border: 3px solid #b52e25
}

#subpage.event-index .media .tabset li:last-child span {
	border: 3px solid #b52e25
}

#subpage .comment .comment-date {
	color: #b52e25
}

#subpage .pagination a, #subpage span.range {
	color: #b52e25;
	border-bottom: 3px solid #d8d8d8;
	border-top: 3px solid #d8d8d8
}

#subpage .media .tabset.sort-tabs li.tab span.current {
	background-color: #b52e25;
	color: #27282c;
	border-top: 3px solid #b52e25;
	border-bottom: 3px solid #b52e25
}

#subpage .media .tabset.sort-tabs li.tab+li span.current {
	border-left: 3px solid #b52e25
}

#subpage .media .tabset.sort-tabs li.tab:last-child span.current {
	border-right: 3px solid #b52e25
}

#subpage .media .tabset.sort-tabs li.tab+li span.current {
	color: #fff
}

#subpage .media .tabset.sort-tabs li.tab:first-child span.current {
	border-left: 3px solid #b52e25;
	color: #fff
}

#subpage .media .filter-scripture h4, #subpage .media .filter-topic h4, #subpage .media .filter-date h4, #subpage .media .filter-speaker h4 {
	background: #27282c;
	color: #fff
}

.filter-speaker .speaker-block .speaker-page-button:hover {
	color: #fff;
	background: #b52e25
}

.filter-speaker .speaker-block .speaker-page-button:hover {
	border: 1px solid #b52e25
}

.filter-speaker .speaker-block .speaker-info a {
	color: #b52e25;
	border-bottom: 1px solid #b52e25
}

.filter-speaker .speaker-block .speaker-info a:hover {
	color: #aa842e;
	border-bottom: 1px solid #aa842e
}

.filter-topic li a {
	color: #b52e25
}

.filter-topic li a:hover {
	color: #aa842e
}

#subpage .filter-scripture li span, #subpage .filter-topic li span {
	color: #27282c;
	background-color: #e7e8e9
}

.filter-scripture li a {
	color: #b52e25
}

.filter-scripture li a:hover {
	color: #aa842e
}

.filter-date li a {
	color: #b52e25
}

.filter-date li a:hover {
	color: #aa842e
}

.filter-date .sermon-year-button:hover {
	background: #b52e25
}

.filter-date .sermon-year-button:hover {
	border: 1px solid #b52e25
}

#subpage .filter-date .sermon-year-button:hover {
	border: 3px solid #b52e25
}

#subpage .pagination a.current {
	color: #fff;
	background-color: #b52e25;
	border-bottom: 3px solid #b52e25;
	border-top: 3px solid #b52e25
}

.sermon-detail .sermon-detail-top p span a {
	color: #b52e25
}

.sermon-detail .sermon-detail-top p span a:hover {
	color: #aa842e
}

#subpage.sermon-detail .sermon-listing-tabs li a {
	border-right: 1px solid #f0f0f0
}

.sermon-detail .sermon-detail-right .more-sermons {
	background-color: #f8f8f8
}

.sermon-detail .sermon-detail-right .more-sermons a {
	color: #b52e25
}

.sermon-detail .sermon-detail-right .more-sermons a:hover {
	color: #aa842e
}

#subpage .media .featured-event .featured-hero .circle {
	border: 1px solid #efefef;
	-webkit-box-shadow: 0 1px 20px -9px rgba(0,0,0,0.13);
	box-shadow: 0 1px 20px -9px rgba(0,0,0,0.13)
}

.featured-event .featured-info .featured-event-title {
	color: #27282c
}

.featured-event .featured-info .featured-event-title:hover {
	color: #b52e25
}

.featured-event .featured-info .featured-event-summary a {
	color: #b52e25
}

.featured-event .featured-info .featured-event-summary a:hover {
	color: #aa842e
}

.event-detail .event-detail-title {
	color: #27282c
}

.mobile-event-map-button, .event-map-button {
	color: #fff;
	background-color: #b52e25
}

.mobile-event-map-button:hover, .event-map-button:hover {
	background: #aa842e
}

.event-detail .event-right .more-events a {
	color: #b52e25
}

.event-detail .event-right .more-events a:hover {
	color: #aa842e
}

.events-calendar .calendar caption {
	color: #fff;
	background-color: #b52e25
}

.events-calendar .calendar caption .prevMonth a, .events-calendar .calendar caption .nextMonth a {
	border-right: 1px solid #b52e25
}

.events-calendar .calendar caption .prevMonth a:hover, .events-calendar .calendar caption .nextMonth a:hover {
	background-color: #b52e25
}

#subpage .media .events-calendar .calendar caption .prevMonth a {
	background-color: #b52e25;
	background-size: 13px auto
}

#subpage .media .events-calendar .calendar caption .prevMonth a:hover {
	background-color: #c93c32;
	background-size: 13px auto
}

#subpage .media .events-calendar .calendar caption .nextMonth a {
	background-color: #b52e25;
	background-size: 13px auto
}

#subpage .media .events-calendar .calendar caption .nextMonth a:hover {
	background-color: #c93c32;
	background-size: 13px auto
}

#subpage .media .events-calendar .calendar caption .prevMonth a, #subpage .media .events-calendar .calendar caption .nextMonth a {
	border-right: 3px solid #b52e25
}

#subpage .media .events-list .category-button, #subpage .media .events-calendar .category-button {
	border-left: 1px solid #c93c32
}

#subpage .media .events-calendar .calendar li>a {
	color: #b52e25
}

.event-hover-outer .event-hover-title a {
	color: #b52e25
}

.event-hover-outer .event-hover-title a:hover {
	color: #aa842e
}

.event-hover-outer .event-hover-desc a {
	color: #b52e25
}

.event-hover-outer .event-hover-desc a:hover {
	color: #aa842e
}

#subpage .media .events-list .month-label {
	background-color: #b52e25
}

.events-list .list-info-block .list-title a:hover {
	color: #b52e25
}

body .featured-posts .cards .card .card-info .card-author-line .author {
	color: #b52e25
}

.featured-posts .card .card-info .card-excerpt a {
	color: #b52e25
}

.featured-posts .card .card-info .card-read-more-btn {
	color: #b52e25;
	border: 2px solid #b52e25;
	background: #fff
}

.featured-posts .card .card-info .card-read-more-btn:hover {
	color: #fff;
	background: #b52e25
}

#subpage .featured-posts .card .card-info .card-read-more-btn {
	border: 3px solid #b52e25
}

.blog-post .blog-right .more-posts a {
	color: #b52e25
}

.blog-post .blog-right .more-posts a:hover {
	color: #aa842e
}

.comment-count, .comment-leave {
	color: #fff;
	background: #27282c
}

.comment-form #comment-submit {
	color: #fff;
	background-color: #b52e25
}

.comment-form #comment-submit:hover {
	background-color: #aa842e
}

.comment-bubble {
	color: #b52e25
}

#subpage .media .featured-event .featured-info .featured-event-time a {
	color: #b52e25
}

.blog-index .blog-right .podcast-btn {
	color: #b52e25;
	border-bottom: 1px solid #fff
}

.all-posts .post .post-author-line a {
	color: #b52e25;
}

#subpage .media .all-posts .post .post-excerpt a {
	border: 3px solid #b52e25;
	color: #b52e25;
}

#subpage .media .all-posts .post .post-excerpt a:hover {
	color: #fff;
}

.all-posts .post .post-excerpt a:hover {
	color: #fff;
	background: #b52e25
}

.blog-index .blog-right li a {
	color: #b52e25
}

.blog-index .blog-right li a:hover {
	color: #aa842e
}

.comment-form #comment-submit {
	color: #fff;
	background-color: #b52e25
}

.comment-form #comment-submit:hover {
	background-color: #aa842e
}

#home header h2 {
	top: 21%
}

@media (max-width: 1500px) {
#home header h2 {
	top: 20%
}
}

@media (max-width: 1223px) {
#home header h2 {
	top: 27%
}
}

@media (max-width: 1080px) {
#home header h2 {
	top: 25%
}
}

@media (max-width: 768px) {
#home header h2 {
	top: 43%
}
}

#subpage .cms-output table tr {
    display: inline-table;
    width: 100%;
    table-layout: fixed;
}

#subpage .cms-output table td {
    max-width: 47.5%;
}

#subpage .cms-output table td, #subpage .cms-output table th {
    padding-right: inherit;
    vertical-align: top;
}

#subpage .cms-output table td img {
    max-width: 95%;
    margin: 0 auto;
    display: block;
    position: relative;
}

@media (max-width: 720px) {
#subpage .cms-output table td {
    float: left;
    clear: both;
    width: 100%;
    height: auto;
    max-width: 100%;
}
}