@charset "UTF-8";

body>header {padding-bottom: 2.5rem; position:relative; display: contents}
body>header #brand {display: block; padding:0 1rem; height: 4.6875rem; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
body>header #brand img {max-width: 100%; display: block; margin: 0 auto; height: auto}

/* NAV ------------------------------ */
.slideNav{overflow: hidden;}
body>header:before{content: "";opacity: 0; z-index: 4;background-color: #fff;display: block;position: fixed;left:100vw;top:0;width:100vw;height:100vh;transition:left 0ms ease 200ms, opacity 200ms ease}
body.slideNav>header:before{left:0;opacity: .9;transition:left 0ms ease 0ms, opacity 200ms ease}
#navContainer{position: fixed;left: 100%; padding-bottom: 3em; overflow: auto; top:0;bottom:0;width: 85%;max-height: 100vh;background-color:#333;z-index: 5;-webkit-transition: left 200ms ease;transition: left 200ms ease;overflow:auto;-webkit-overflow-scrolling: touch;}
body.slideNav {overflow: hidden;}
.slideNav #navContainer{left: 15%;}
#navContainer nav{display: inline}
#navContainer ul{display: block;float: left;width: 100%;margin: 0;padding-left: 0}
#navContainer li{display:block;float: left;width: 100%; position: relative}
#navContainer a, #navContainer .menu{color:#fff;line-height:3em;padding:0 1rem;display:block;float: left;width: 100%}
#navContainer button.menu {text-align: left; background: transparent; font-size: 1rem; text-transform: none;}
#navContainer #mainnav > ul > li:last-child > a{
	font-family: "minion-pro",sans-serif;
	font-style: italic;
	font-weight: 700;
}
#navContainer #mainnav > ul > li:last-child > a:before {
      background: url(/images/gfc-icon.png) no-repeat center left / contain;
      content: "";
      padding-left: 1.75em;
}
#navContainer li.open{background-color: rgba(0, 0, 0, 0.5)}
#navContainer li.on,
#navContainer li.open.on {background-color:#550366;color: #fff}
#navContainer li li.on,
#navContainer li li.open.on {background-color: rgba(0,0,0,0.5)}
#navContainer li>span{color: #000;display: block;position: absolute;right: 0;top: 0;line-height: 3em;width:3em;height: 3em;}
#navContainer #mainnav>ul li {border-top: 1px solid rgba(255,255,255,0.5)}
#navContainer #mainnav>ul li li {border-top: 1px dotted rgba(255,255,255,0.25)}
#navContainer #mainnav>ul li li li {border-top: 1px dotted rgba(255,255,255,0.125)}

#navContainer li>span:before{content: ""; display: block; width: 35%; height: .1em; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) rotate(90deg); transform-origin: center center;}
#navContainer li>span:after{content: ""; display: block; width: 35%; height: .1em; background-color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transform-origin: center center;}
#navContainer li.open > span:before {transform: translate(-50%, -50%)rotate(0deg);}
#navContainer li > span::before { -webkit-transition: -webkit-transform .2s ease; transition: -webkit-transform .2s ease; transition: transform .2s ease; transition: transform .2s ease, -webkit-transform .2s ease;}
#navContainer ul ul {font-size: .8em;display: none}
#navContainer ul .megamenu {display: none; float: left; width: 100%}
#navContainer ul li.on .megamenu {display: block;}
#navContainer ul .megamenu ul {display: block}
#navContainer ul ul a {line-height: 1.25em; font-size: 1.125em; padding: 0.75em 1em 0.75em 1.5rem}
#navContainer ul ul li:last-child a {padding-bottom: 2em}
#navContainer ul ul ul a {padding-left: 2rem}
#navContainer .megamenu ul ul,
#navContainer .megamenu .mega-image {display: none}

#mobilenav {
	align-content: center;
	align-items: center;
	background-color: #4d4d4d;
	width: 100%;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: sticky;
	top: 0;
	z-index: 3;
}
#mobilenav a,
#mobilenav button {color: #fff; font-size:0.875rem; line-height: 2.5rem; flex: 1 1 auto;}
#mobilenav button {background-color: #4d4d4d; padding: 0; text-transform: none;}
#mobilenav *+*{border-left: 1px solid rgba(255,255,255,0.125)}
#mobilenav a:first-child {
      background: var(--purple);
      font-family: "minion-pro", serif;
      font-size: 1rem;
      font-style: italic;
      font-weight: 600;
  }

aside#search {clear: both; border-top: 1px solid rgba(255,255,255,0.5)}
aside#search .center {padding: 1em; text-align: left;}
aside#search .center h1 {margin: 0; padding-bottom: 0.5rem; font-family: "minion-pro", serif; font-style: italic; font-weight: 600; font-size: 1.25em; color: #FFD447; letter-spacing: 0; text-shadow: 0 2px 0 rgba(0,0,0,0.32);}
aside#search .center form {position: relative}
aside#search .center input {width: 100%; height: 2.5em; font-size: 1em; color:#fff; position: relative; border: 0; border-bottom: 1px solid rgba(255,255,255,0.25); background: none; border-radius: 0; padding:0 2.5em 0 0em}
aside#search .center input:focus {border-bottom: 1px solid #FFD447; -webkit-box-shadow: none; box-shadow: none}
aside#search .center button {position: absolute; top:0; right:0; font-size: 1em; height: 2.5em; width: 2.5em; background: url(/images/search.svg) no-repeat center; border:0; }
aside#search .center button:hover {background-color: #FFD447}
     aside#search .center ::-webkit-input-placeholder {color: rgba(255,255,255,0.5); opacity:1; font-weight:100; font-style: normal}
     aside#search .center ::-moz-placeholder {color: rgba(255,255,255,0.5); opacity:1; font-weight:100; font-style: normal}
     aside#search .center :-ms-input-placehol {color: rgba(255,255,255,0.5); opacity:1; font-weight:100; font-style: normal}
     aside#search .center :-moz-placeholder {color: rgba(255,255,255,0.5); opacity:1; font-weight:100; font-style: normal}
a.search,
aside#search #close,
#skipNavigation {display: none}


.hamburger{height: 2em;width: 2em;display: none;position: fixed;right: 3px;top:3px;z-index:2;opacity: 0;}
.hamburger path {fill:#000;font-size: 1.75em;}
.hamburger svg {pointer-events: none;}
.hamburger.on{opacity: .75}

.videoContainer {width: 100%;height:0;line-height:0;position: relative;padding-top:56.25%; /* 16:9 */}
.videoContainer.ratio-4-3 {padding-top:75%; /* 4:3 full-frame */}
.videoContainer iframe {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border:0}

ul li{list-style:none}
/* text */
body, .text, input{color:#666}
html{font-size:1em}
html, body, .text, input, button, .worship h1,.fullPage #content>h1, .button3,.button4,.threeCallouts a{font-family:"ff-meta-web-pro",sans-serif;font-weight:400;}
.serif,#content h1,.hStyle2,.hStyle4,blockquote,.worship h1 .italic,.worship dd,.slide p,.hSlide p,.hSlide .italic,.fullPage #content>h1+p,.dean #wrapper>nav a,.dean #content>h1+p,.button2,#dean-sermons, #dean-forum,#dean-blog, #content,.threeCallouts em {font-family: "minion-pro",sans-serif;}
a, a *{color:#5a1a69;text-decoration:none}
p, h1, h2, h3, h4, hr, #content ul, .contentEditor ul, blockquote, dd{margin-bottom:.7em}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:400}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#550366}
em, i, q, cite, .italic{font-style: italic}
b, strong{font-weight:700}
u { text-decoration:none}
hr{border-top:1px solid rgba(0,0,0,.15);margin:.7em 0}
p{font-size:1em}
h1, #content h1{font-size:2em;margin-bottom:.4em;line-height: 1.1em; font-style:italic;color:#550366}
h2, #content * h1{font-size:1.75em}
h3{font-size:1.65em}
h4, th{font-size:1.5em}
h5, h6, h7, h8, h9{font-size:1.1em}
.hStyle1{color:#444444;font-size:2em;}
.hStyle2{font-size:1.2em;text-transform:uppercase;}
.hStyle3{font-size:1em;color:#8e8e8e;text-transform:uppercase;border-bottom:2px solid #cfcfce;}
.hStyle4{font-size:.6em;font-weight:600;line-height:1em;text-transform:uppercase;background-color:#5a1a69;text-align:center;margin:4em 0 2em;}
	.hStyle4:before,.hStyle4:after{content:"\00A0\00A0";}
	.hStyle4:first-line{vertical-align:baseline;font-size:1.8em;background-color:#fff;border-right:5px solid #fff;padding-left:5px;display:inline-block;}
blockquote{margin:2em 0; width:100%; overflow: hidden; padding-top:.2em;font-style:italic;text-align:center;font-size:1.3em;line-height:1em;color:#9b9b9b;border-top:2px solid #cfcfce;}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}
/* level1 list */
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li{background:url(/images/icons/16x16/bullet.png) no-repeat 0px 2px;background-size: 16px 16px;margin-top:.3em;padding-left:16px}
#content ol, #content_home ol, .contentEditor ol{margin-left:20px}
/* level2 list */
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background:url(/images/icons/16x16/bullet2.png) no-repeat -5px 0;padding-left:10px;font-size:.92em;line-height:1.4em}
/* addon classes */
.clearFloats{clear:both}
.nobr{ white-space: nowrap}

 #content blockquote ul li { background-image: none; }

/* forms */
input, select, textarea {font-size:1em}
input[type="text"],input[type="password"],input[type="tel"], input[type="number"],input[type="email"],input[type="url"], textarea, select,input[type="button"],input[type="submit"],input[type="reset"]{border-radius:0;-webkit-appearance:none}
input[type="radio"],input[type="checkbox"]{border:1px solid #999;}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], textarea, select{border: 1px solid #999; background: #efefef; padding: 0.5em 0.5em; box-shadow: none;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, textarea:focus{background-color:#fff}
select {width: 100%}
select option{padding:0 .2em}
input::-moz-focus-inner {border:0;padding:0;}
input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{background-color:#f03c5e}
input.bulky, .bulky {padding:.4em .6em;font-size:1.2em}
.formTable, .formTable table{width:100%}
.formTable td{width:50%}
.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable textarea{width:100%}
.formTable td{padding:0 0 5px 5px}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable td:first-child{padding:0 5px 5px 0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.formTable td[colspan="2"]{padding:0 0 5px 0}
.subjClass{display:none}
#Captcha label{padding-left:0}
.button2{display:inline-block;background-color:#550366;color:#fff;border: 1px solid rgba(85, 3, 102, 1);padding: .1em .4em 0em;text-transform: uppercase}
.button3{display:inline-block;background: #d4d4d4;background-color: rgba(212, 212, 212, .8);color: #525252;padding:0 .5em;text-transform: uppercase;font-weight: 700}
.button4{min-height: 24px; color:#525252;text-transform: uppercase;display: inline-block;padding:.2em .5em;display:inline-block;overflow: visible}

/* CONTENT */
main{background:#fff;clear:both;word-wrap:break-word;position: relative;}
#content {padding: 1em}
#contentWrap>div>aside{width:100%; padding: 1rem; font-size: 0.875em}
#contentWrap>div>aside nav {background: #efefef; padding-bottom: 1em}
#contentWrap>div>aside nav li a{padding-left:15px !important;font-size: 1.2rem!important;}
#contentWrap > div > aside nav li ul li.on ul{padding-left: .5em;font-size: 1rem!important;}

/* GFC INTERIOR CONTENT */
.gfc-interior #contentWrap>div>aside nav  {
	background: #FFF;
}
.gfc-interior #contentWrap>div>aside nav li.on ul li a {
	padding-left: 1.875rem !important;
	font-size: 1rem !important;
}
.gfc-interior #content ul li {
	background: transparent;
}
.gfc-interior #content .photoright, .gfc-interior #content .photoleft {
	padding: 0;
}

#content img{max-width:100%;height:auto}
#content .photoright, #content .photoleft{max-width:100%;max-height:100%;height:auto}
#content .photoright img,#content .photoleft img {max-width:100%;height:auto}
figure.photoright, figure.photoleft {width: 100%}
img.phototreatment, .phototreatment img{max-width:100%; max-height:120px}
.photoright{float:right;padding:0 0 10px 10px;clear:right}
.photoleft{float:left;padding:0 10px 10px 0;clear:left}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight{padding:1em}
#content * h1{font-size:1.2em}
nav.breadcrumb{font-size:.8em}
nav.breadcrumb a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:35%;display:inline-block}
nav.breadcrumb a:last-child{}
nav.children{background-color:#fffdf6;border-top:14px solid #5d5d5d;font-size: 1rem;padding:1em;clear: both}
nav.children ul{}
nav.children li{background:none;padding:0;margin:0}
nav.children a{color:#444444;padding:.4em .6em;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
nav.children li+li a{border-top:1px solid #ffd447}
.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:32px;width:32px;background-position:center center; background-repeat:no-repeat;background-size:contain;border-radius:.2em;box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareFacebook{background-color:#3b5998; background-image:url(../../images/icons/64x64/facebook.png)}
.shareTwitter{background-color:#00aced; background-image:url(../../images/icons/64x64/twitter.png)}
.shareLinkedin{background-color:#007bb6; background-image:url(../../images/icons/64x64/linkedin.png)}
.shareGoogle{background-color:#dd4b39; background-image:url(../../images/icons/64x64/google-plus.png)}

.mobileTable tr,
.mobileTable td {display: block; width: 100%; float: left; clear: both}
.mobileTable tr {padding: 1em; margin-top: 0.5em; border: 1px solid rgba(0,0,0,0.125)}
.mobileTable tr td {padding: 0.25em 0}
.mobileTable tr td:first-child {font-weight: 600; font-size: 1.125em}

.alternate tbody tr:nth-child(even) {background: rgba(0,0,0,.06)}
#wrapper>aside>.pageHeader{max-width: 100%; height: auto}

/* Homepage */
.flex-order {display: flex; flex-direction: column;}
.flex-order #good-faith-chapel-link {order:1;}
.flex-order #worship-schedule {order:2}
.flex-order #hero {order:3}
.flex-order #events {order:4}
.home #good-faith-chapel-link {
	background: url(/images/good-faith-cathedral/page-header-interior.webp) no-repeat center / cover;
	border-top: 4px solid #A5A4A4;
	display: flex;
	justify-content: center;
	padding: 2em 1em;
	position: relative;
}

.home #good-faith-chapel-link:before {
	background: rgba(0, 0, 0, 0.3);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
}

.home #good-faith-chapel-link a {
	background: var(--purple);
	border: 1px solid #fff;
	color: #fff;
	display: inline-block;
	font-family: "minion-pro", sans-serif;
	font-size: 1.125em;
	font-style: italic;
	font-weight: 700;
	line-height: 2.75em;
	padding: 0 3em;
	position: relative;
}

.home #good-faith-chapel-link a:after {
	background: url(/images/good-faith-cathedral/icons/arrow-purple.svg) no-repeat center / contain;
	content: "";
	filter: brightness(100);
	margin-left: 0.5em;
	opacity: 0.75;
	padding-left: 0.75em;
}

.home #good-faith-chapel-link>div {
	position: relative;
}

.home #good-faith-chapel-link>div:before,
.home #good-faith-chapel-link>div:after {
	border: 1px solid #fff;
	content: "";
	display: block;
	pointer-events: none;
	position: absolute;
	transition: ease all 200ms;
}

.home #good-faith-chapel-link>div:before {
	bottom: -3px;
	left: 0;
	right: 0;
	top: -3px;
}

.home #good-faith-chapel-link>div:after {
	bottom: 0;
	left: -3px;
	right: -3px;
	top: 0;
}

#hero {padding: 2em 1em 4em; border-bottom: 1px solid #fff}
#hero section+section {margin-top: 2.5em}
#hero .top {position: relative; margin-bottom: 1.5em; padding-bottom: 1em}
#hero .top:after {content: ""; display: block;width: 100%; position: absolute; bottom: 0; height: 5px; background: #FFD447; box-shadow: 0 1px 0 0 rgba(0,0,0,0.1)}
#hero .top h2 {margin: 0; text-align: center; font-family: "minion-pro", serif; font-style: italic; font-weight:600; font-size: 2em; color: #FFFFFF; letter-spacing: 0; text-shadow: 0 2px 0 rgba(0,0,0,0.32);}
#hero .top h2 a {color:#fff}
#hero .top .streaming-live {display: block; color: #fff; margin-top: 0.5em; padding: 0.5em 01em 0.5em 1.25em; font-weight:700; font-size: 0.81em; text-align: center; background: #BE0D23; border: 1px solid rgba(255,255,255,0.30); box-shadow: 0 2px 16px 0 rgba(0,0,0,0.40);border-radius: 2px;}
#hero .top .streaming-live:after {content: ""; display: inline-block; width:1.125rem; height: 1.125rem; vertical-align: middle; margin-left: 0.25em; background: url(/images/home/small-play.svg) no-repeat center / contain}
#hero .bottom {position: relative;  text-align: center; margin-top: 0.5em}
#hero .bottom .title {display: block; font-weight: 700; font-size: 1.25em; color: #FFFFFF; text-shadow: 0 2px 0 rgba(0,0,0,0.12);}
#hero .bottom .byline {display: block; color:#fff; margin-top: 0.25em; opacity: 0.9;}
#hero .bottom .byline span {font-style: italic; font-family: "minion-pro", serif; font-size: 1em; color: #FFFFFF; line-height: 1.13em; text-shadow: 0 2px 0 rgba(0,0,0,0.12);}
#hero .bottom .button {margin: 1em auto 0; display: inline-block}
#worship-schedule {text-align: center; padding: 2em 1em 3em; border-top: 4px solid #A5A4A4; background: url(/images/home/worship-pattern.png) repeat-x center top; background-color: #F5F5F5;}
#worship-schedule h2 {font-weight: 600; margin: 0; font-family: "minion-pro", serif; font-style: italic; font-size: 2em; color: #343434; text-align: center; text-shadow: 0 2px 0 #FFFFFF;}
#worship-schedule h2:after {content: ""; display: block; width: 166px; height: 5px; background: #78278B; margin: 0.25em auto}
#worship-schedule .date {display: block; margin: 1em auto; color: #343434; font-family: "minion-pro", serif; font-style: italic; font-size: 26px; color: #343434; letter-spacing: 0; text-align: center; text-shadow: 0 2px 0 #FFFFFF;}
#worship-schedule .sunday {display: block; text-shadow: 0 2px 0 #FFFFFF; color: #343434; font-style: italic; line-height: 1.44rem}
#worship-schedule .sunday strong{display: block; font-size: 1.125em; font-style: normal}
#worship-schedule table {/* background: #fff; */max-width: 46.69em;margin: 1.25rem auto 1.69rem;}
#worship-schedule table td {line-height: 1.5em; display: block; float: left; text-align: center; padding: 0.25rem 1rem; color: #343434; width: 100% !important;}
.center-mobile td { text-align: center; width: 100% !important; }
#worship-schedule table td:first-child {white-space: nowrap; padding: 1rem 1rem 0; font-family: "minion-pro", serif; font-weight: 700; font-size: 1.25em; letter-spacing: 0;}
#worship-schedule table td:last-child {padding-bottom: 1rem}
#worship-schedule table tr:nth-child(even) {background: #EFEFEF}
#worship-schedule .button {display: inline-block; border:1px solid #fff}
.callouts {background: #fff;}
.callouts > a {padding-bottom: 50%; border-top: 3px solid #fff; border-right: 3px solid #fff; display: block; position: relative}
    .callouts > *:nth-child(2) {background: url('/images/home/link-1.jpg?v=2') no-repeat center / cover}
    .callouts > *:nth-child(3) {background: url('/images/home/link-2.jpg?v=2') no-repeat center / cover}
    .callouts > *:nth-child(6) {background: url('/images/home/links-mission.webp') no-repeat center / cover}
    .callouts > *:nth-child(7) {background: url('/images/home/link-4.jpg?v=2') no-repeat center / cover}
.callouts > a:before {content: ""; position: absolute; top:0; opacity: 0.8; left:0; display: block; width: 100%; height: 100%; transition: ease all 200ms; background: #343434}
.callouts > a span {position: absolute; z-index: 1; top:50%; transform: translateY(-50%); line-height: 1em; left:0; width: 100%; font-weight: 700; font-size: 2.44em; color: #FFFFFF; letter-spacing: 0; text-align: center; text-shadow: 0 2px 0 rgba(0,0,0,0.30);}
.home #events {width:100%; clear: both; padding: 3em 1em; background: #fff}
.home #events .wrap {position: relative; margin: 0 auto;}
.home #events h2 {font-family: "minion-pro", serif; font-weight: 600; margin: 0; font-style: italic; font-size: 2em; color: #343434; letter-spacing: 0; text-shadow: 0 2px 0 #FFFFFF;}
.home #events h2:after {content: ""; display: block; height: 5px; background: #D1D1D1; margin: 0.15em auto 2rem}
.home #events .wrap > .button {background: #78278B; font-family: "minion-pro", serif; padding: 0; font-style: italic; border: 0;font-size: 1em; font-weight: 600; color: #FFFFFF; text-align: center; width: 8rem; text-transform: none; position: absolute; top:0; right: 0; line-height: 2rem; text-align: center; border-radius: 2px;}
.home #events ul li {padding: 0; background: none; text-align: center; position: relative}
.home #events ul li+li {margin-top: 2em}
.home #events ul li a {display: block}
.home #events ul li .title {font-family: "ff-meta-web-pro",sans-serif; margin-bottom: 0; font-weight: 700; font-size: 1.31em; color: #78278B; line-height: 1.94rem; text-shadow: 0 2px 1px rgba(255,255,255,0.50);}
.home #events ul li .date {font-family: "minion-pro", serif; font-style: italic; font-size: 1.19em; color: #343434; text-align: center; line-height: 1.94rem; text-shadow: 0 2px 1px rgba(255,255,255,0.50);}
.home #events ul li p {font-family: "minion-pro", serif; margin: 0.5em 0 1em; color: #5D5D5D; line-height: 1.44rem; text-shadow: 0 2px 1px rgba(255,255,255,0.50);}
.home #events ul li .button {background: #fff; display: inline-block; font-family: "minion-pro", serif; padding: 0; font-style: italic; border: 1px solid rgba(85,3,102,0.2);font-size: 1em; font-weight: 600; color: #78278B; text-align: center; width: 6.69rem; text-transform: none; line-height: 2.25rem; text-align: center; border-radius: 2px;}

.dean #dean-sermons > div > section {width: 100%}
.twoCol, .threeCol,
.dean #dean-forum div {columns: 1; column-gap: 0}
.dean #dean-blog > section > div,
.dean #dean-blog > section > div + div {width: 100%}
.dean #dean-blog > section > div + div {padding: 1em; border: solid 1px rgba(82, 82, 82, .4)}
.staffListings > section {padding-top:0}
.staffListings > section > div {columns: 1; column-gap: 0}
.form-intro-text {max-width: 100%}
.mediaWrapper { float: left; width: 100%; max-width: 100%; 	margin: 1em 0;}
#contentWrap #content .threeCallouts {display: block; width: 100%; float: left; clear: both; overflow: hidden}
#contentWrap #content .threeCallouts > a {display: block; overflow: auto; max-width:100%; height:auto; margin:0.25em 0; width: 100%; float: left; clear: both}
#contentWrap #content .threeCallouts img {width: 100%; height: auto; position: relative; top:auto}
.fullPage #contentWrap #content > h1 + p {font-size: 1.25em; padding: 0}

.landing-page #contentWrap #content .column-layout > .main-content .service-info > .worship-schedule {background:#F5F5F5}
.landing-page #contentWrap #content .column-layout > .main-content .service-info > .worship-schedule h2 {font-weight:700; font-style:normal; margin:0; padding: 1rem 1.5rem; color:#fff; background: var(--purple); font-family: var(--meta-pro); font-size: 1.125rem; color: #FFFFFF; letter-spacing: 0; line-height: 1.4375rem;}
.landing-page #contentWrap #content .column-layout > .main-content .service-info > .worship-schedule h2 small {display: block; font-size: 0.875rem; font-family: var(--minion-pro); font-weight:400; font-style: italic}
.landing-page #contentWrap #content .column-layout > .main-content .service-info > .worship-schedule ul {margin:0; padding:1rem 1.5rem;}
.landing-page #contentWrap #content .column-layout > .main-content .service-info > .worship-schedule ul li {text-indent:0; margin:0; font-size: 1rem; color: #000000; letter-spacing: 0; line-height: 1.4375rem; padding-left: 1.125rem; margin-bottom:1em; font-size: 1rem; color: #000000; line-height: 1.4375rem; background: url(/images/icons/misc/gray-bullet.svg) no-repeat 0.1875rem 0.5625rem}
.landing-page #contentWrap #content .column-layout > .main-content .service-info > .worship-schedule ul li+li {margin-top: 1.4375rem;}
.landing-page #contentWrap #content .column-layout > .main-content .service-info > .worship-schedule ul li:before {display: none}
.landing-page #contentWrap #content .column-layout > .main-content .service-info > .worship-schedule ul li strong {font-family: var(--meta-pro); display: block}
.landing-page #contentWrap #content .column-layout > .main-content .service-info > .worship-schedule ul li .grey {color:#666666; display: inline-block}

#content .worship-scroll-links a {width:calc(100% - 10px);}
#content .worship-block hr {margin: 1.5rem 0;}
#content .worship-block {padding: 1.5rem;}


/* driving directions */
.mapLocations li {margin-bottom:1em}
/* news */
.news{margin-bottom:1em}
.news h2 { font-size: 1.375em; }
.news article{border-top:1px dotted rgba(0,0,0,.15);border-bottom:1px dotted rgba(0,0,0,.15);margin-top:1em;line-height:1.3em}
.news article+article{border-top:0;margin-top:0}
.pagination+article,article+.pagination{margin-top:.3em}
.news article a{width:100%;padding:5px;position:relative;display:table;overflow:hidden}
.news article span {width:100px;display:table-cell}
.news article span span{height:70px;background-repeat:no-repeat;background-position:center center;background-size:cover}
.news article h1{font-size:1.15em;margin-bottom:0}
.news article time, .newsArticle time{ display: block; color:rgba(0,0,0,.5)}
.news article p{margin-bottom:0;color:#666}
.news article a div{padding-left:0;display:table-cell}
.news article a span+div{padding-left:10px}
.news article+div{width:100%;}
.news section{width:100% !important;margin-top:3em}
.news section:first-child{}
.news section:last-child{margin-bottom:2em}
.news section>a{float:right;padding:5px}
.news section h1{margin-bottom:0;font-size:.9em;text-transform:uppercase;border-bottom:1px solid rgba(0,0,0,.15);border-top:1px solid rgba(0,0,0,.15)}
.news section h1 a{padding:5px 0;display:block}
.news section div{background-repeat:no-repeat;background-position:center center;background-size:cover}
.news section:not(:is(.sermonsList, .sermonsList2)) article{margin-top:0;border-top:0;background:url(/images/icons/16x16/bullet.png) no-repeat 0px .45em;background-size: 16px 16px;padding-left:16px}
.news section div article div{display:none}
.news section+p{clear:both}
.news footer img{position:relative;vertical-align:baseline;bottom:-.5ex}
.news article+p{margin-top:.5em;font-size:.9em;font-style:italic;text-align:right}
.newsArticle time{margin-bottom:2em;display:block}


.news.sermonsList article time, :is(.sermonsList, .sermonsList2) time {
	display: block;
}



/* staff */
.staffApp .jobTitle{margin-top:-1.5em}
.staffApp section .jobTitle, .staffApp .requiredText{margin-top:-1em}
.staffApp hr, .staffApp section{clear:both;width:100%;padding-top:0}
/* photogallery */
.categoryThumb, .albumThumb{position:relative;overflow:auto;overflow:hidden}
.categoryThumb a{display:block;width:100%}
.categoryThumb img{float:left}
.categoryThumb section a{border-top:1px solid rgba(0,0,0,.25)}
.categoryThumb section+section a{border-top:1px dotted rgba(0,0,0,.15)}
#content .categoryThumb h1, #content .categoryThumb p{padding:0 0 0 110px;margin-bottom:0}
#content .categoryThumb h1{padding-top:0}
.categoryThumb p{color:#666; text-overflow:ellipsis}
.albumThumb a{width:12.5%;float:left;line-height:0}
/* videos */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom: 2em}
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.mediaWrapper { padding: .5em .5em 2em 0}
#content .mediaWrapper h2 {margin-top:0;font-size: 1.2em}
#content .mediaWrapper a {font-size: .85em; font-weight: 300}
.mediaWrapper .embed-container {margin-bottom: 0; margin-top:1.5em}
/* ALERT */
#alertApp, #alertApp.alertStatic:hover{width:100%; background:#990000}
#alertApp h1{margin-bottom:0;font-size:1.1em;padding:1em;color:#fff;text-align:center}
#alertTitle span{float:right; opacity:.5}
#alertTitle a{color:#fff;text-decoration:underline}
#alertDesc{overflow:hidden;padding:0 10px}
.alertClosed #alertDesc{height:auto;max-height:0}
.alertOpen #alertDesc{height:auto;min-height:0;max-height:1000px;}
#alertDesc p{color: rgba(255,255,255,.8);}
#alertApp {cursor:pointer;}
#alertApp.alertStatic{cursor:auto}

/* landing page */
.btn {width:49%; height: 3.6em; border-radius: 3px; margin:1em 0; display: inline-block; border: 1px solid #790108} .btn.pledge {background: #b4252d url(/images/landing-page/pledge.png) no-repeat center}     .btn.contribute {background: #b4252d url(/images/landing-page/contribute.png) no-repeat center}

.btns-right {text-align: center}
.btns-right .btn {width:9.333em; height: 2.733em; margin: 2em 0}
.btns-right .btn.pledge {background: #b4252d url(/images/landing-page/pledge-sm.png) no-repeat center}
.btns-right .btn.contribute {background: #b4252d url(/images/landing-page/contribute-sm.png) no-repeat center}


/* rotator */
.slideContainer:not(#dean-slider) {position:relative !important;overflow: hidden;
	        height:calc(70% + 50px) !important;
	        max-height: calc(300px + 50px);
}
.slideContainer:not(#dean-slider) .iosSlider,
.slideContainer:not(#dean-slider) .slider,
.slideContainer:not(#dean-slider) .slide{overflow:visible !important;background-color: transparent !important;
	height:calc(100% - 50px) !important }
.slideContainer:not(#dean-slider) .iosSlider .slider .slide{
		box-shadow:inset 0 10px 10px -10px rgba(0,0,0,.6);
}
.slideContainer:not(#dean-slider) .iosSlider,
.slideContainer:not(#dean-slider) .slider,
.slideContainer:not(#dean-slider) .slide a{background-color: transparent !important}
.slideContainer:not(#dean-slider) .iosSlider .slider .slide .body{top:100% !important;width: 100% !important;padding:10px !important;opacity: 1 !important}
.slideContainer:not(#dean-slider) .iosSlider .slider .slide .body h1{ font-style: normal;}
.slideContainer:not(#dean-slider) .prev,
.slideContainer:not(#dean-slider) .next{
	        top:calc(50% - 50px) !important
		}

.hSlide{background-color:#e5e4e4}
.hSlide>*{padding-left:25px;padding-right:25px}
.hSlide h1{font-size:1.35em;margin-bottom:0;text-transform:uppercase;font-style: normal; padding-top:20px;padding-bottom:.6em;cursor:pointer;}
.hSlide .italic{text-transform:none;}
.hSlide h2, .hSlide * h1{font-size:1.07em;text-transform:uppercase;}
.hSlide p, .hSlide h2, .hSlide * h1{color:#2b0a33;margin-bottom:.5em;margin-top:0;}
.hSlide .button{padding:0 .3em;}
.hSlideA{margin-bottom:10px}

.hSlide * h1{padding:0;margin-bottom:0}
.hSlide article{position:relative;overflow:auto;padding:0}
.hSlide article a{position:relative;overflow:auto;display:block;padding:.5em 25px;}
.hSlide article p{margin-bottom:0;}
.hSlide article p:after{content:"\00A0+";color:#9556a4;}
.hSlide time{float:left;display:block;padding:.5em;background-color:#9556a4;text-transform:uppercase;font-size:.72em;line-height:1em;border-radius: .5em;
	width:4em;
}
.hSlide time span{display:block;width:100%;text-align:center;color:#fff;}
.hSlide article div{float:left;padding-left:10px;
	width:calc(100% - 5em);
}
.hSlide hr{border-top-width:3px;padding:0;margin-left:25px;margin-right:25px;clear:both;}
.hSlide nav{padding-bottom:1.5em}
.hSlide .button{background-color:#fff;border-color:#c4a6cc;}

.threeCallouts{width:80%;max-width: 350px;margin:3em auto 0;text-align: center}
#content .threeCallouts>a{width:100%;display: inline-block;background-color: #550366;padding:4px;font-size:1.7em;line-height: 1.1em;font-weight: 400;margin-bottom: 1em}
#content .threeCallouts a,#content .threeCallouts a strong{color:#cdcdcc;}
#content .threeCallouts img{height:75%;width:100%; vertical-align: bottom;margin-top:10px}
.threeCallouts>a strong{font-weight: 700 !important}
.threeCallouts>a em{color: #cdcdcc}

#content .image-and-text {margin: 2rem 0; padding:2rem 0; border-top: 1px dashed #cfcfce; border-bottom: 1px dashed #cfcfce; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;}
#content .image-and-text + .image-and-text {border-top:0; margin-top:-2rem}
#content .image-and-text .left {order:1; margin-bottom: 1rem}
#content .image-and-text .left img {max-width: 100%; height: auto}
#content .image-and-text .right {order:2;}
#content .image-and-text .right h2 {font-family:"ff-meta-web-pro",sans-serif; color:#e6a83d; margin-bottom:0.5rem}
#content .image-and-text .right p:last-child {margin-bottom:0}


/*DEAN*/
.dean #wrapper>nav.purple-scroll-links {background-color: #550366;text-align: center; display:block}
.dean #wrapper>nav.purple-scroll-links li {display: block; float: left; width:100%; border-bottom:1px solid rgba(255,255,255,0.25)}
.dean #wrapper>nav.purple-scroll-links a {display:block; text-align: left;color:#fff; opacity: 1;text-transform: uppercase;padding: 1em 1em 1em 5rem; }
.dean #wrapper>nav.purple-scroll-links li:first-child a {background: url(/images/icons/misc/sermons.png) no-repeat 1.75rem 1rem / 2rem}
.dean #wrapper>nav.purple-scroll-links li:nth-child(2) a{ background: url(/images/icons/misc/podcast.png) no-repeat 1.75rem 1rem / 2rem}
.dean #wrapper>nav.purple-scroll-links li:nth-child(3) a {background: url(/images/icons/misc/blog.png) no-repeat 1.75rem 1rem / 2rem}
.dean #wrapper>nav.purple-scroll-links strong {font-weight: 400;font-size:2.12em;color: #fff;line-height: .75em}
.dean #content{min-height: 0}
.dean #content>h1, #dean-forum section>h1{ text-align: center}
.dean #content>h1+p{text-align: center;font-size: 1.85em;line-height: 1.35em;padding: 0 2em;margin-bottom: 1.5em}
.dean #contentWrap, .mceContentBody{background-image: none;}
.dean time{font-size:.86em;text-transform: uppercase;}

.deanTop{position: absolute;right:1em;top:.5em;}
	.deanTop a{opacity: .5;color:#fff;}
#dean-sermons{position: relative;background-color: #a5a5a5; background:url(/images/dean-bg.jpg) repeat center center;background-size:auto auto}
	#dean-sermons section+section{position: relative;background-color: #a5a5a5; background: url(/images/dean-bg2.png) no-repeat right center;background-size:100% 100%}
#dean-sermons:before{content: " "; display:block;position: absolute;left: calc(50% - 33px);top:0;border-right: 33px solid transparent;border-left: 33px solid transparent;border-top: 14px solid #fff;}
#dean-sermons>div>section {padding: 2em 5%}
#dean-sermons section>h1 {font-style: normal;color: #fff;font-size: 2.6em;text-transform: uppercase;margin-bottom: .5em;text-align: center}
.dean #wrapper .button3{background-color: rgba(212, 212, 212, .5);float: right}
.dean #wrapper article{margin-bottom: 1.25em;position: relative;}
.dean #wrapper article h1{font-size:1.4em;color: #000;margin-bottom: 0}
.dean #wrapper article time{color: #fff;}
.dean #wrapper article a{display: block;}
#dean-sermons section{overflow: auto;position: relative}
.sermonsList article a:first-child, .sermonsList p{margin-left: 30px}
.dean #wrapper article a:first-child~a,.sermonsList2 article a:first-child~a{height: 25px;width: 25px;margin-right: 5px;position: absolute;top:0;background-color: transparent}
.dean #wrapper article a:first-child+a,.sermonsList2 article a:first-child+a{left:0px}
.dean #wrapper #dean-sermons a:first-child+a+a,.sermonsList2 article a:first-child+a+a{left:28px}
.dean #wrapper article a img,.sermonsList2 article a img{height: 25px;width: 25px;opacity:1;position:absolute;left:0;top:0}
.dean #wrapper article a img+img,.sermonsList2 article a img+img{opacity:0}
.sermonsList p{margin-top: 2em;}

.sermonsList2{margin-bottom: 3em !important}
.sermonsList2 article{position: relative; padding-left: 0 !important; }

:is(.sermonsList.sermonsList2 ) article a:first-child{margin-left:0;padding-left:35px}
.sermonsList2 article a:first-child{ padding-left:20px}

.sermonsList2 article a:first-child+a{top: 7px;left:5px}
.sermonsList2 article a:first-child+a+a{left:33px}

.news.sermonsList article > a:first-child,
:is(.sermonsList, .sermonsList2) article>a:first-child {
	padding-block: 7px;
}

#content .news .sermonsList2{ float: left; padding-inline: 0; width: 50%; }
#content .news div.sermonsList2 {float: left;width: 100%}
#content .news .sermonsList2>h1{margin-bottom: 1em;font-size: 1.2em}
#content .news .sermonsList2 article h1{padding:0;text-transform: none;}

#dean-forum{background-color: #fff;}
#dean-forum .wrap{padding:2em 5%;overflow: auto;position: relative}
#dean-forum section>h1,#dean-blog>section>h1{font-style: normal;text-transform: uppercase}
#dean-forum section>h1 em,#dean-blog>section>h1 em{text-transform: none}
#dean-forum h1+p{font-size: 1.36em;line-height: 1.2em}
#dean-forum article a:first-child,#dean-blog article a:first-child{margin-left: 30px}
#dean-forum article a *,#dean-blog article a *{color: #525252 !important;}
#dean-forum article a h1,#dean-blog article a h1{font-size: 1.14em !important;margin-bottom: .2em !important}
#dean-forum div{padding-top: 1em}
#dean-forum article{display: inline-block;width: 100%;}
.deanForumButtons{margin:.5em 0 0 calc(50% + 48px)}

#dean-blog{position: relative;overflow: auto;background:#000 url(/images/glass.jpg) no-repeat center center;background-size: cover;padding:10px}
#dean-blog section{position: relative;overflow: auto;background-color: rgba(255, 255, 255, .9);padding:10px}
#dean-blog h2 {color:#525252; margin-top:-.75em; margin-bottom:1.25em;}
#dean-blog h3 {color:#525252;margin:0;}
#dean-blog>section>div{padding: 0 1em 0 0}
	#dean-blog>section>div+div{padding:1em 0;border-top: solid 1px rgba(82, 82, 82, .4);overflow: auto;position: relative}

.newsArticle .top-right-buttons a {width:100%; display: block; margin-bottom: 3px}

#christmas-splash {position:relative; font-size:15px; font-family:"ff-meta-web-pro",sans-serif; font-weight:400; line-height:1.2em; background-position:center bottom; background-size: cover}
#christmas-splash #bottom{width:100%; padding: 3em 1em; text-align: center; width: 100%;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
#christmas-splash #bottom a {display:block; width:100%; color: #333; margin: 0.125em 0; font-size:1.5em; line-height:110%; background:#d0a745; background:rgba(208, 167, 69, 0.9); padding:0.5em 1em}
#christmas-splash #bottom a:hover {background:#fff}
#christmas-splash #bottom a:hover * {color:#9556a4;}
#christmas-splash #bottom span {font-family:"minion-pro",sans-serif; font-size: 0.9em; font-style:italic; color:#333}
#christmas-splash #bottom strong {font-weight:700; text-transform:uppercase; display:block; color:#333; font-size: 0.9em}

.staffListings .scroll-links a {flex:1 1 auto; text-align: center;}
#content .staffListings > section {margin:0; padding:0}
#content .staffListings > section > div {border-top:1px solid #dadada; display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
#content .staffListings > section + section {margin-top: 3rem;}
#content .staffListings > section > div > p {width:100%; line-height:1.25em; padding:1em; margin:0; border-right:1px solid #dadada; border-left:1px solid #dadada; border-bottom:1px solid #dadada; position:relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch;}
#content .staffListings > section > div > p:nth-child(odd) {border-left:1px solid #dadada;}
#content .staffListings > section > div > p .staff-image {display: block; margin-right: 1em; width: 5em; min-width:5em; max-width:5em; height: auto;}
#content .staffListings > section > div > p .staff-image img {width:100%; height:auto; display: block}
#content .staffListings > section > div > p .staff-brief {display: block; overflow:auto; flex: 1 1 auto}
#content .staffListings > section > div > p .staff-brief strong {display: block; margin:0 0 0.25rem;}
#content .staffListings > section > div > p .staff-brief a {display: inline-block; padding:0.25em 0.5em; font-size:0.875rem; font-style:italic; background:#efefef; border-radius: 3px; margin: 10px 5px 0 0}
#content .staffListings > section > div > p .staff-brief a:hover {background:#5a1a69; color:#fff}


/* Worship Landing Page */
.landing-page #contentWrap #content .column-layout > .main-content {padding-bottom: 3rem; margin-bottom:3rem; border-bottom: 4px solid #D1D1D1;}
.landing-page #contentWrap #content .column-layout > .main-content .service-info .leaflets li {margin-top:0.3125rem}
.landing-page #contentWrap #content .column-layout > .main-content .callout-links ul li + li {margin-top:2rem}
.landing-page #contentWrap #content .landing-top {text-align:center}
.landing-page #contentWrap #content .landing-top p {margin:0 auto 1rem; font-size: 1.125rem;color: #343434;letter-spacing: 0;text-align: center;line-height: 1.4375rem;}
.landing-page #contentWrap #content .landing-top .scroll-links {margin-top:2em; position:relative;}
.landing-page #contentWrap #content .landing-top .scroll-links .link-container {margin-bottom:5px;}
.landing-page #contentWrap #content .landing-top .scroll-links a {position:relative; display: block; width:100%; z-index:1; padding: 0.6875rem 1.0625rem; display: inline-block; background:var(--light-purple); color:var(--purple); font-family: var(--meta-pro); font-weight:700; font-size: 1rem; letter-spacing: 0; text-align: center;}
.landing-page #contentWrap #content .landing-top .scroll-links a:after {content:""; padding-left:1em; margin-left:0.5em; background:url(/images/purple-down-arrow.svg) no-repeat center}
.landing-page #contentWrap #content .callout-links ul li {margin-bottom: 2rem}
#content .music-list-block {padding:1.5rem}

/* Good Faith Chapel */
.gfc-pageheader,
.gfc-interior #wrapper > aside > .pageHeader {
	aspect-ratio: 2.5/1;
	display: block;
	object-fit: cover;
	object-position: center;
	height: auto;
}

.gfc-interior .gfc-pageheader-logo {
	position: relative;
}

.gfc-title,
.gfc-title a {
	display: block;
}

.gfc-title,
.gfc-interior .gfc-pageheader-logo {
	padding: 0;
}

.gfc-title a,
.gfc-interior .gfc-pageheader-logo {
	display: block;
	padding: 0.5em 2em 0.5em 1em;
}

.gfc-title img,
.gfc-interior .gfc-pageheader-logo img {
	display: block;
	margin:0 auto;
	width: 11rem;
	height: auto;
}

.gfc-interior #wrapper > aside {
	padding: 0;
}

.gfc-interior #contentWrap {
	padding-top: 0;
}

.gfc-interior blockquote {
	border-top: 2px solid var(--yellow);
	padding-top: 1.5rem;
}
.gfc-landing #sidenav {
	margin: 1.5rem 0;
}
.gfc-title:before {
	left: -1.5rem;
	right: -1.5rem;
}
.gfc-landing h1 {
	font-size: 1.6rem;
	margin: 1rem 0;
	text-align: center;
}


.gfc-articles .gfc-article .gfc-button {
	bottom: 1.5rem;
	padding: 0.5625rem 0.9375rem;
}

.gfc-gallery-container .gfc-button {
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
	transform: none;
}

.gfc-gallery-container {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 2em;
	align-content: center;
	align-items: center;
	margin-bottom: 0;
	padding-bottom: 3rem;
	padding-left: 0;
	padding-right: 0;
	border-bottom: 3px solid #fff;
}

.gfc-gallery-container .gfc-button {
	position: relative;
}

.gfc-articles .gfc-article {
	margin: 2em 0;
}

.gfc-article img {
	margin-left: -2rem;
	margin-right: -2rem;
	max-width: calc(100% + 4rem);
	width: calc(100% + 4rem);
}

.gfc-pledge {
	overflow: hidden;
}
.gfc-pledge img {
	object-fit: cover;
    max-height: 300px;
    width: 100%;
}
.gfc-pledge .pledge-text {
	padding: 1.5rem 1.5rem 3rem;
	transform: none;
}
.gfc-pledge .pledge-amount {
	font-size: clamp(2.5rem, 1.0116rem + 7.4419vw, 4.5rem);
	padding: 3.9375rem 1.8125rem 3.25rem 1.875rem;
}
.gfc-pledge .pledge-amount span {
	font-size: clamp(1.2rem, 0.6047rem + 2.9767vw, 2rem);
	vertical-align: baseline;
	position: relative;
	top: -0.7em;
}
.gfc-pledge .pledged-families {
	font-size: clamp(1rem, 0.6279rem + 1.8605vw, 1.5rem);
	padding: 0.4375rem 1.8125rem;
}

.gfc-updates .wrap {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.gfc-updates .gfc-update-date {
	margin-top: 1rem;
}
.gfc-updates ul li {
	border: 1px solid #DADADA;
	margin-bottom: 2.8125rem;
}
.gfc-updates::before, .gfc-updates::after {
	display: none;
}
.gfc-stories ul li {
	margin-bottom: 2.8125rem;
}
.gfc-stories ul li blockquote, .gfc-stories h3 {
	margin-bottom: 1rem;
	padding: 0 1rem;
}
.gfc-stories ul li iframe {
	width: 100%;
}
.gfc-contact .wrap {
	padding-top: 1.4rem;
    padding-bottom: 3.125rem;
}
.gfc-contact .gfc-contact-list .gfc-contact-list-item {
	margin-bottom: 1rem;
    padding: 1rem;
}

/* FOOTER */
body>footer {text-align: center}
body>footer address {margin-bottom: 2em}
body>footer .social {margin: 2em 0}
body>footer .wrap nav {display: block}
body>footer .wrap nav a+span:before {content: "|"; margin: 0 0.5em}

aside.worship{clear: both; padding:0 0 2px;text-align:center;background: url(/images/m/worship-shadow.png) no-repeat center bottom;background-size:100% 2px}
aside.worship a{font-size:1.43em;line-height: 2em;text-transform:uppercase;color:#fff;display:block}



@media screen and (max-width:350px) {.albumThumb a{width:25%;float:left;line-height:0}}
.albumThumb img{width:100%;height:auto;padding:2px}

@media screen and (-webkit-device-pixel-ratio: 2) {
body>nav>ul>li+li>a{background-size: calc(100% - 1.5rem) 1px}
.visitTag{background-image:url(/images/m/visitTag@2x.png)}
#content ul li, #content_home ul li, .contentEditor ul li, #featVid ul li, #news ul li, #events ul li, #blog ul li, #quickLinks ul li,.news section article{background-image:url(/images/icons/32x32/bullet.png)}
#content ul li ul li, #content_home ul li ul li, .contentEditor ul li ul li{background-image:url(/images/icons/32x32/bullet2.png)}
aside.worship{background-image: url(/images/m/worship-shadow@2x.png) }
}
/* TRANSITIONS */
#alertApp,#alertApp span,#alertDesc{-webkit-transition:all 200ms ease-out;transition:all 200ms ease-out}

.desktopOnly {display: none}