/* Typography.css | Jul 30, 2019 @6:10:57 PM */ 
/* Import Google Fonts */
@import url("https://fonts.googleapis.com/css?family=Montserrat:100");
@import url("https://fonts.googleapis.com/css?family=Montserrat:100italic");
@import url("https://fonts.googleapis.com/css?family=Montserrat:200");
@import url("https://fonts.googleapis.com/css?family=Montserrat:200italic");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300");
@import url("https://fonts.googleapis.com/css?family=Montserrat:300italic");
@import url("https://fonts.googleapis.com/css?family=Montserrat:regular");
@import url("https://fonts.googleapis.com/css?family=Montserrat:italic");
@import url("https://fonts.googleapis.com/css?family=Montserrat:500");
@import url("https://fonts.googleapis.com/css?family=Montserrat:500italic");
@import url("https://fonts.googleapis.com/css?family=Montserrat:600");
@import url("https://fonts.googleapis.com/css?family=Montserrat:600italic");
@import url("https://fonts.googleapis.com/css?family=Montserrat:700");
@import url("https://fonts.googleapis.com/css?family=Montserrat:700italic");
@import url("https://fonts.googleapis.com/css?family=Montserrat:800");
@import url("https://fonts.googleapis.com/css?family=Montserrat:800italic");
@import url("https://fonts.googleapis.com/css?family=Montserrat:900");
@import url("https://fonts.googleapis.com/css?family=Montserrat:900italic");
@import url("https://fonts.googleapis.com/css?family=Lato:100");
@import url("https://fonts.googleapis.com/css?family=Lato:100italic");
@import url("https://fonts.googleapis.com/css?family=Lato:300");
@import url("https://fonts.googleapis.com/css?family=Lato:300italic");
@import url("https://fonts.googleapis.com/css?family=Lato:regular");
@import url("https://fonts.googleapis.com/css?family=Lato:italic");
@import url("https://fonts.googleapis.com/css?family=Lato:700");
@import url("https://fonts.googleapis.com/css?family=Lato:700italic");
@import url("https://fonts.googleapis.com/css?family=Lato:900");
@import url("https://fonts.googleapis.com/css?family=Lato:900italic");
body {
font-family: Montserrat;
font-size: 1.8rem;
line-height: 1.25em;
font-weight: 300;
color: #222;
}
a {
color: #41aad3;
text-decoration: none;
-webkit-transition: 0.2s ease all;
transition: 0.2s ease all;
}
a:hover {
color: #333;
}
.btn,
button,
.item-nav a,
input[type=submit],
#template form.formWizForm input[type=submit],
.store-module .store_nav ul.user_nav li a,
.store-module p.controls a {
display: inline-block;
margin: 10px 0 10px 0;
padding: 10px;
font-size: 1.4rem;
text-transform: uppercase;
text-decoration: none;
color: #fff;
background-color: #41aad3;
border: none;
cursor: pointer;
}
.btn:hover,
button:hover,
.item-nav a:hover,
input[type=submit]:hover,
#template form.formWizForm input[type=submit]:hover,
.store-module .store_nav ul.user_nav li a:hover,
.store-module p.controls a:hover {
color: #fff;
background-color: #333;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 20px 0 20px 0;
font-weight: normal;
font-family: Lato;
line-height: 1.25em;
}
h1 {
font-size: 4.6rem;
}
h2 {
font-size: 3.8rem;
}
h3 {
font-size: 3rem;
}
h4 {
font-size: 2.4rem;
}
h5 {
font-size: 1.8rem;
;
}
h6 {
font-size: 1.6rem;
}
p {
margin: 0 0 20px 0;
}
blockquote {
padding: 10px 0 10px 20px;
margin: 20px 0 20px 0;
border-left: 5px solid #41aad3;
box-sizing: border-box;
}
table {
width: 100%;
border-top: 1px solid #aaa;
border-right: 1px solid #aaa;
border-collapse: collapse;
padding: 0;
font-size: 1.8rem;
margin: 20px 0 20px 0;
}
table th,
table td {
border-bottom: 1px solid #aaa;
border-left: 1px solid #aaa;
padding: 20px;
}
table th {
background-color: #eee;
text-align: center;
font-weight: bold;
font-size: 1.6rem;
}/* General.css | Jul 3, 2020 @3:23:37 PM */ 
/* Structure */
body {
background-color: #fff;
}
.wrapper {
width: 100%;
max-width: 1200px;
margin: auto;
padding: 0 15px 0 15px;
box-sizing: border-box;
}
section.content {
padding: 50px 0 50px 0;
}
/* General Styles */
a, #template form.formWizForm input[type=submit], input[type=submit] {
-webkit-transition: 0.2s ease all;
transition: 0.2s ease all;
}
ul,
ol {
margin: 20px 0 20px 0;
padding-left: 25px;
}
img {
max-width: 100%;
height: auto;
}
iframe {
max-width: 100%;
}
/* Header */
header {
width: 100%;
min-height: 100px;
color: #fff;
background: transparent;
position: absolute;
top: 0;
left: 0;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
-ms-flex-align: center;
align-items: center;
z-index: 1;
padding: 0 20px 0 20px;
box-sizing: border-box;
}
header .logo {
vertical-align: middle;
padding: 10px 10px 10px 0;
box-sizing: border-box;
text-align: left;
}
header .nav {
-ms-flex: 1;
flex: 1;
text-align: right;
}
header .logo h1 {
font-family: Lato;
font-size: 3rem;
font-weight: 900;
letter-spacing: -1px;
margin: 0;
text-transform: uppercase;
text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
/* Main Navigation */
.navigation-widget.collapse.hamburger a.menu-toggle {
font-size: 3rem;
color: #fff;
}
header .navigation-widget.standard > a.menu-toggle:hover {
color: #41aad3;
}
.navigation-widget.collapse.hamburger a.menu-toggle label span {
display: none;
}
header .navigation-widget .l1 > a {
padding: 10px 15px;
color: #fff;
font-size: 1.8rem;
font-weight: 400;
text-transform: uppercase;
position: relative;
text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
header .navigation-widget.standard:not(.collapse) .l1 > a:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 4px;
background-color: #41aad3;
transition: 0.5s ease all;
box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
header .navigation-widget.standard .l1:hover > a {
background: none;
}
header .navigation-widget.standard .l1:hover > a:after,
header .navigation-widget.standard .l1.active > a:after {
width: 100%;
}
header .navigation-widget .submenu a {
font-size: 1.4rem;
padding: 10px 15px 10px 15px;
}
header .navigation-widget .submenu li:hover a {
background-color: #333;
}
/* Main Slider */
.main-banner .slider-widget .slide-wrapper {
border: none;
}
.main-banner .slider-widget .frame {
min-height: 250px;
}
.main-banner .slider-widget .mSCover {
background-position: center center;
}
.main-banner .slider-widget .mSCaption {
font-family: Lato;
font-weight: 800;
font-size: 3.8rem;
letter-spacing: 1px;
margin-top: 5px;
text-transform: uppercase;
background: none;
text-shadow: 1px 1px 3px #000;
top: 50% !important;
left: 50% !important;
width: 100% !important;
max-width: 1200px;
padding: 20px;
box-sizing: border-box;
-webkit-transform: translateX(-50%) translateY(-35%) !important;
transform: translateX(-50%) translateY(-35%) !important;
text-align: center;
}
/* Social Include */
.include-social {
width: 100%;
z-index: 2;
}
div.social {
background-color: #eee;
text-align: center;
}
a.social {
font-family: Lato;
color: #333;
text-decoration: none;
display: inline-block;
position: relative;
padding: 15px 0 15px 35px;
margin-right: 20px;
font-size: 2.8rem;
text-transform: uppercase;
}
a.social:hover {
color: #41aad3;
}
a.social:before {
font-family: FontAwesome;
display: inline-block;
padding-right: 10px;
font-size: 3rem;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}
a.social.notext {
font-size: 0;
margin: 0 10px 0 10px;
}
a.facebook:before {
content: '\f082';
}
a.twitter:before {
content: '\f081';
}
a.googleplus:before {
content: '\f0d4';
}
a.youtube:before {
content: '\f16a';
}
a.instagram:before {
content: '\f16d';
}
a.vimeo:before {
content: '\f194';
}
a.linkedin:before {
content: '\f08c';
}
a.pinterest:before {
content: '\f0d3';
}
a.tumblr:before {
content: '\f174';
}
/* Footer */
footer {
width: 100%;
background-color: #282828;
padding: 20px 10px 15px 10px;
box-sizing: border-box;
text-align: center;
}
footer .wrapper {
}
footer .copyright {
width: 100%;
color: #fff;
font-size: 1.4rem;
}
footer .copyright p {
margin: 0 0 20px 0;
}
footer .nav {
width: 100%;
}
footer .nav .navigation-widget a {
color: #fff;
font-size: 1.4rem;
}
footer .nav .navigation-widget.standard li.active a,
footer .nav .navigation-widget.standard li:hover a {
background-color: #333;
}
#templatefooter {
width: 100%;
background-color: #383838;
padding: 10px;
box-sizing: border-box;
}
/*Custom CSS - BAC Developer*/
#templatefooter{
display: none;
}
.logo-header img, .logo-footer img{
padding: 10px;
width: 200px;
}
.ministry-home-list .item .title, .ministry-list .item .title{
margin: 15px 0;
}
.ministry-home-list .item .title a, .ministry-list .item .title a, .staff-list .item .title a, .navigation-widget.thumbnail .item .title a{
font-size:2.25rem;
text-align:center;
}
.logo-footer{
margin: 30px 0;
}
/*Navigation animation*/
.navigation-widget.thumbnail a {
position: relative;
}
.navigation-widget.thumbnail .thumb {
position: relative;
width: 100%;
height: 0;
padding-bottom: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: transparent;
}
.navigation-widget.thumbnail .item .title {
font-size: 2.5rem;
text-align: center;
margin: 15px 0;
}
.navigation-widget.thumbnail .item .subtitle {
display: none;
}
.navigation-widget.thumbnail .item:hover a {
color: #333;
-webkit-transition: 0.2s ease all;
transition: 0.2s ease all;
transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease;
transition-delay: 0s;
}
.navigation-widget.thumbnail .item a:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 4px;
background-color: #41aad3;
transition: 0.5s ease all;
/*box-shadow: 1px 1px 3px rgba(0,0,0,0.5);*/
}
.navigation-widget.thumbnail .item:hover a::after{
width: 50%;
}
/*---Navigation animation---*/
.main-banner .slider-widget .mSCaption{
top: 70% !important;
left: 600px !important;
}
/*Home banner caption*/
.main-banner.home-banner .slider-widget .mSCaption{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#131313+0,000000+100&0.77+10,0+100 */
background: -moz-linear-gradient(left, rgba(19,19,19,0.77) 0%, rgba(17,17,17,0.77) 10%, rgba(0,0,0,0) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(19,19,19,0.77) 0%,rgba(17,17,17,0.77) 10%,rgba(0,0,0,0) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(19,19,19,0.77) 0%,rgba(17,17,17,0.77) 10%,rgba(0,0,0,0) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4131313', endColorstr='#00000000',GradientType=1 );
/* IE6-9 */
text-align: left;
padding: 30px 50px !important;
}
header{
transition: 0.5s;
}
footer a:hover{
color: #fff;
}
#navbar{
position: fixed;
top: 0;
z-index: 9999;
}
#navbar:hover, .secondary-header:hover{
background-color: rgba(0,0,0,0.65);
}
#navbar, .secondary-header{
background-color: rgba(0,0,0,0.25);
}
.staff-list {
margin: 50px 20px;
}
.breadcrumb-staff{
margin-bottom: 30px;
}
.widget.breadcrumbs-widget {
margin-bottom: 25px;
}
/*Ministry pages*/
.main-banner.ministry-banner .slider-widget .mSCaption{
left: 50% !important;
width: auto !important;
}
.navigation-widget.collapse .menu .item.active > a, .navigation-widget.collapse .menu .submenu .item a:hover{
background-color: #41aad3;
color: #fff;
}
/*Banner slide takes up the entire screen*/
.home-banner .slider-widget .frame{
height: 100vh !important;
}
/*Custom Thumbnail CSS for Ministry Thumbnails*/
.secondary_ministry-template .navigation-widget.thumbnail .menu .item .thumb a{
background-size: contain;
background-color: #fff;
transition: 0.5s;
}
.secondary_ministry-template .navigation-widget.thumbnail .menu .item .thumb a:hover{
background-color: rgba(255,255,255,0.9);
}
/*Teaser - Events on home page*/
/*Teaser Styling*/
.teaser h2{
font-size: 3rem;
}
.teaser .item-list{
display: inline-flex;
}
.teaser .item-list .item{
margin-right: 25px;
width: 100%;
}
.teaser .item-list .item h3.title{
font-size: 2.5rem;
}
.teaser .item-list .item:last-child-of-type{
margin-right: 0;
}
/*Blog Title - List*/
.blogs-module article .item-header h3.item-title{
margin-bottom: 5px;
font-size: 2.5rem;
}
.blogs-module article .item-header h4.item-subtitle{
font-size: 2rem;
margin: 5px 0;
margin-bottom: 7px;
font-weight: 300;
}
.blogs-module article .item-header span.item-byline{
font-size: 1.7rem;
}
.blogs-module article .item-header{
margin-bottom: 15px;
}/* Responsive.css | Oct 9, 2019 @12:13:30 PM */ 
@media all and (max-width:1200px) {
.main-banner .slider-widget .mSCaption {
top: 70% !important;
left: 50% !important;
font-size: 4rem !important;
}
}
@media all and (max-width:900px) {
.store-module .store-content {
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}
.store-module .products {
float: none;
width: 100%;
order: 1;
}
.store-module .store-sidebar {
float: none;
width: 100%;
order: 2;
}
.audio-video-module .grid li {
width: calc(33% - 10px);
}
}
@media all and (max-width:800px) {
.aurora-dialog-dark .buttons .btn {
display: block;
margin-top: 10px;
white-space: normal;
}
/*Teaser Styling-Mobile*/
.teaser .item-list{
display: block;
}
.teaser .item-list .item{
margin-right: 0;
width: 50%;
float: left;
}
.teaser .item-list .item .details img{
width: 75%;
}
}
@media all and (max-width:767px) {
.columns-widget .col {
width: 100% !important;
clear: both;
margin-top: 20px;
min-height: 0 !important;
}
section.content {
padding: 15px 0 15px 0;
}
a.social {
font-size: 0;
margin-right: 0;
}
.main-banner .slider-widget .mSCaption {
font-size: 1.25rem !important;
}
.home-banner .slider-widget .mSCaption {
text-align: center;
font-size: 3rem !important;
left: 50% !important;
}
.blogs-module.full-mode {
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}
.blogs-module.full-mode .item-list {
float: none;
width: 100%;
order: 1;
}
.blogs-module.full-mode .blog-sidebar {
float: none;
width: 100%;
order: 2;
}
.events-module .list-controls .btn {
display: block;
float: none;
width: 100%;
box-sizing: border-box;
}
/*Thumbnails and Columns and headers*/
.navigation-widget.thumbnail.three-columns .item, .navigation-widget.thumbnail.four-columns .item {
width: 50%;
}
header{
background-color: #3b3b3b !important;
}
}
@media all and (max-width:600px) {
.store-module .featured .item {
width: auto;
display: block;
float: none;
}
.audio-video-module.full-mode .item-list .item {
min-height: 163px;
}
.audio-video-module .list-controls label[for="search"] input {
width: 150px;
}
.audio-video-module .item-list .action {
float: none;
}
.audio-video-module .item-list .actions a {
position: absolute;
left: 10px;
top: 110px;
width: 100px;
text-align: center;
}
.audio-video-module .grid li {
width: calc(50% - 10px);
}
h2{
font-size: 3rem;
}
h3{
font-size: 2.5rem;
}
h4{
font-size: 2rem;
}
.teaser .item-list .item h3.title {
font-size: 2rem;
}
/*Teaser*/
.teaser .item-list .item{
margin-right: 0;
width: 100%;
float: unset;
}
.teaser .item-list .item .details img{
width: 100%;
}
}
@media all and (max-width: 400px) {
.logo-header img, .logo-footer img {
padding: 10px 0;
width: 175px;
}
.audio-video-module .grid li {
width: calc(100% - 10px);
}
.navigation-widget.thumbnail.three-columns .item, .navigation-widget.thumbnail.four-columns .item {
width: 100%;
}
}/* parallax.css | Jul 23, 2019 @4:34:20 PM */ 
.parallax{
/* Create the parallax scrolling effect */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
.parallax.content{
padding: 0;
}
.parallax .section-container{
/*margin: 30px 0;*/
background-color: rgba(0,0,0,0.5);
color: #fff;
}
/*Link styling changes on parallax*/
.parallax .section-container a{
color: #fff;
}
.parallax .section-container a.btn:hover{
color: #fff;
text-decoration: none;
}
.parallax .section-container a:hover{
color: #fff;
text-decoration: underline;
}
/* -- Link styling changes on parallax*/
.parallax .section-container div.wrapper{
padding: 30px;
}/* CustomContent.css | Sep 13, 2023 @3:25:18 PM */ 
/*This file can be altered or edited*/
/*Parallax Scroll Background Images on Home Page*/
/*Homepage*/
#welcome{
background-color: #f2f2f2;
}
#ministries{
}
#events{
background-image:url('/files/bachurch/NEW WEBSITE FILES/Homepage/ap_x_90_bo1lqbakcse_unsplash.jpg');
}
#this-sunday{
background-image:url('/files/bachurch/Backgrounds/Sanctuary.jpg');
}
#stay-connected{
}
/*--Homepage*/
/*What to Expect*/
section#main-point{
background-color: #f2f2f2;
}
section#when-you-arrive{
background-image:url('/files/bachurch/NEW WEBSITE FILES/WhatToExpect/foyer_2.jpg');
}
section#welcome-hall{
background-image:url('/files/bachurch/NEW WEBSITE FILES/WhatToExpect/welcome_hall.jpg');
}
section#the-service{
background-image:url('/files/bachurch/NEW WEBSITE FILES/HomeBanner/worship_5_v2.jpg');
}
/*---What to Expect*/
/*Emergency Section - Placed below the navigation bar in RED. Broadcasts Closures/Cancellations*/
section#emergency {
top: 115px;
position: fixed;
width: 100%;
z-index: 999;
;
background-color: #ff0000;
color: #fff;
/*-------- Enable or Disable this Section ------------*/
display: block;
}
section#emergency span.close {
position: absolute;
top: 20px;
right: 5%;
font-size: 2.5rem;
cursor: pointer;
}
section#emergency a {
color: #fff;
}
section#emergency a:hover {
text-decoration: underline;
}/* HideYouthSpecialEvent.css | Jul 30, 2019 @6:14:40 PM */ 
div#special-event-youth{
display: none;
}/* Default | Jul 2, 2019 @1:58:27 PM */