@charset "UTF-8";
/* Web Solutions 4.0 Compatible */

:root {
	--minion-pro: "minion-pro",sans-serif;
	--meta-pro: "ff-meta-web-pro",sans-serif;
	--yellow: #ffd44c;
	--light-purple: #F9F5FA;
	--purple: #78278B;
	--dark-purple: #550366;
	--gray: #5b5e5f;
	--light-gray: #F5F5F5;
	--light-gray-alt: #d1d1d1;
	--dark-gray: #343434;
}

* {margin:0;padding:0;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-moz-box-sizing:border-box;/*-webkit-backface-visibility:hidden;*/}
body>header,body>header *,nav, nav *,#wrapper>footer,#wrapper>footer *{-webkit-text-size-adjust:none;}
ul li{list-style:none}
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{font-family:inherit; font-size:inherit; font-style:inherit;font-weight:inherit}
table {border-collapse:collapse}
td {empty-cells:show;vertical-align:top;text-align:left; padding-bottom:1em;}
body {background:#343434; -webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;}
html, body{width:100%;height:100%}
#skipNavigation {
    background: #fff;
    color: #000;
    padding: .5em;
    position: absolute;
    left: 0;
    top: -1000px;
    z-index: 10;
}
#skipNavigation:focus, #skipNavigation:active {
    top: 0;
}
/*page widths*/
#wrapper>*{width:100%;float:left;clear:left;padding:0}
#wrapper>*>.wrap,.visit>.wrap{width:100%;max-width:950px;margin-left:auto;margin-right:auto;position:relative;overflow:auto}
/* text */
html, body, .text, input, button, #content, .worship h1{line-height:1.2;color:#666;}
#content p {font-size:1.05em; line-height:1.3em;}
html, body, .text, input, button, .worship h1,.fullPage #content>h1, .button3,.button4,.threeCallouts a, .gfc-articles h2 span, .gfc-landing .gfc-stories h2{
	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, .gfc-article p, .gfc-contact li a, .good-faith-chapel.gfc-interior #sidenav>ul>li>a {
	font-family: "minion-pro",sans-serif;}
a{color:#5a1a69;text-decoration:none}
a:hover, a:active {color: var(--gray)/*#ffd447*/}
p,h1,h2,h3,h4,hr,#content ul,.contentEditor ul,blockquote,dd,ol{margin-bottom:1em}
h1, h2, h3, h4, h5, h6, h7, h8, h9, th{font-weight:400;line-height:1.2em;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#5a1a69}
em, i, q, cite, .italic{font-style: italic}
b, strong, #content a, #content a *, .worship a, .worship a *{font-weight:700}
u { text-decoration:none}
hr{border-top:1px solid rgba(0,0,0,.15);margin:1em 0;padding-top:1px}
p{font-size:1em;}
#content h1, #content article.blog>h1, #dean-forum section>h1,#dean-blog>section>h1{font-size:2.5em;line-height: 1.1em; margin-bottom:.4em;font-style:italic;color:#550366}
#content section{margin:2em 0}
h1+h2{margin-top:0em}
h2, #content * h1{font-size:1.5em}
p+h2, ul+h2, ol+h2{margin-top: 2em}
h3{font-size:1.3em}
h4, th{font-size:1.2em; line-height:1.45em}
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:1em;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:3em;padding-top:.5em;font-style:italic;text-align:center;font-size:1.3em;line-height:1em;color:#9b9b9b;border-top:2px solid #cfcfce;}
#content blockquote p {line-height:1.35em}
#content blockquote p:last-child {margin-bottom:0}
sup, sub { font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}

.intro, p.intro, #content .intro, #content p.intro { font-size: 1.25rem; color: #333; }
.intro p { font-size: 1em; }

.text-center { text-align: center; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}

/* level1 list */
#content ul li, .contentEditor ul li{margin-top:.3em;padding-left:1em;text-indent:-.8em;}
	#content ul li:before, .contentEditor ul li:before{content:"\002022\00A0";color:#5a1a69;}
#content ol, #content_home ol, .contentEditor ol{margin-left:35px}
/* level2 list */
#content ul li ul li, .contentEditor ul li ul li{font-size:.92em;line-height:1.4em}
/* addon classes */
.clearFloats{clear:both}
.nobr{ white-space: nowrap}
.twoCol {
-webkit-columns:2;
   -moz-columns:2;
        columns:2;
-webkit-column-gap:2em;
   -moz-column-gap:2em;
        column-gap:2em;
}
.threeCol {
-webkit-columns:3;
   -moz-columns:3;
        columns:3;
-webkit-column-gap:2em;
   -moz-column-gap:2em;
        column-gap:2em;
}
/* forms */
input, button{font-size:.9em}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], textarea, select, input[type="button"], input[type="submit"]{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"], input[type="search"], textarea, select{border:none;background-color:#efefef;padding:3px 5px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus{background-color:#ffe9a5}
select{padding:0}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select{background-image:url(/images/icons/16x16/select.png);background-repeat:no-repeat;background-position:right center;padding:3px 16px 3px 5px}
	input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
	input[type="search"]{padding-right:0}
}
select option{padding:0 .2em}
button,.collapseListBtn, .newsArticle .top-right-buttons a, .button,input[type="button"], input[type="submit"], input[type="reset"]{font-size: 1.125rem;text-transform: uppercase; background: #ffd44c;color: #5b5e5f;padding: 0.65em 1em;line-height: 1em;cursor: pointer;font-family: "ff-meta-web-pro",sans-serif;font-weight: 700;letter-spacing: 0.03em;display: inline-block;}
input::-moz-focus-inner {border:0;padding:0;}
button:hover,.collapseListBtn:hover, .newsArticle .top-right-buttons a:hover, input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,.button:hover,.button:focus,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus{background-color:#550366; color:#fff}
button {padding-top:.2em;padding-bottom:.2em}
button img{height:1em;width:auto;vertical-align:top}
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 input[type="search"], .formTable textarea{width:100%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable table td,.formTable table td:first-child{padding-bottom:0}
.formTable.right td:first-child{text-align:right;width:1%}
.formTable.right td{width:auto}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto;}
.form-error {
    color: #e00;
    font-size: .9375em;
}
.subjClass{display:none}
#Captcha label{padding-left:0}
.button2{background-color: #550366;color: #fff;border: 1px solid rgba(85, 3, 102, 1);padding: .1em .4em 0em;text-transform: uppercase}
	.button2:hover{background-color: #fff;color: #550366;border: 1px solid rgba(85, 3, 102, .25)}
.button3{display: inline-block; background: #d4d4d4;background-color: rgba(212, 212, 212, .8);color: #525252;padding:.2em .5em;text-transform: uppercase;font-weight: 700; margin-bottom:.5em;}
	.button3:hover{background: #d4d4d4;background-color: rgba(212, 212, 212, 1);color: #9556a4;}
	.button3.rss{padding-left: 25px; background-image: url(/images/icons/misc/rss-sm.png);background-repeat: no-repeat;background-position: left center;-webkit-background-size: 25px 25px;background-size: 25px 25px;}
		.button3.rss:hover{background-image: url(/images/icons/misc/rss-sm-on.png);}
.button4{min-height: 24px; color:#525252;text-transform: uppercase;display: inline-block;padding:.2em .5em;display:inline-block;overflow: visible}
	.button4:hover{color:#525252}
	.button4.blog{padding-left: 28px; background-image: url(/images/icons/misc/blog-sm.png);background-repeat: no-repeat;background-position: left center;-webkit-background-size: 25px 25px;background-size: 25px 25px;}
		.button4.blog:hover{color: #550366;background-image: url(/images/icons/misc/blog-sm-on.png);}
	.prev{margin-left:-.5em;}
	.next{}
#content .staffListings h2{margin-bottom: 0; font-size: 1.25em; padding:0.5rem 1rem; background:#550366; color:#fff}
#content .staffListings h2 + p {margin-top: 0.75rem}
#content strong{color:#333}
#content .ministryListings section{display: inline-block;width: 100%;margin: 1em 0 0}
#content .ministryListings h2{margin-bottom: 0;font-size: 1.4em}
#content .ministryListings h3{margin-bottom: 0;font-size: 1em;padding-left:1em}
#content .ministryListings p+h2{margin-top:-.5em}
#content .ministryListings p{padding-left:1em}


.videoContainer {
	aspect-ratio: 16 / 9;
	line-height: 0;
	position: relative;
	width: 100%;
}

.videoContainer.ratio-4-3 {
	aspect-ratio: 4 / 3; /* 4:3 full-frame */
}

/* Build out the space for videos when editing a CMS page */
#tinymce .videoContainer { aspect-ratio: 16 / 9 !important; }
#tinymce .videoContainer.ratio-4-3 { aspect-ratio: 4 / 3 !important; }


.videoContainer iframe,
#tinymce .mce-preview-object {
	border: 0;
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}


/* VISIT */
.visitTag, .visitTag div, .visitTag span{height:70px;width:55px;}
.visitTag{float:left;position:relative;background: url(../images/visit.png) no-repeat 0 0;text-align:center;cursor:pointer;}
.visitTag span, .visitTag div{position:absolute;left:0;top:0;}
.visitTag span{padding:0 4px 0 2px;line-height:51px;text-transform:uppercase;color:#515151;}
.visitTag div{background: url(../images/visit-on.png) no-repeat 0 0;opacity:0}
.visitTag.on div, .visitTag:hover div{opacity:1}

.visit{height:284px;position:fixed;left:0;top:0;right:0;margin-top:-284px;background:#ffd751 url(../images/visit-bg.jpg) repeat center 0;overflow:hidden;}
	.management .visit{top:35px}
.visit.on{margin-top:0}
	.management .visit.on{top:35px}
.visit nav{height:72px}
.visit nav ul{text-align:center}
.visit nav li{display:inline}
.visit nav a{display:inline-block;margin:.5em 1.5em;text-transform:uppercase;color:#550366;font-weight:600;line-height:2em;border-bottom:4px solid transparent}
.visit nav a:hover,.vWelcome #vWelcome, .vWhen #vWhen, .vChildren #vChildren, .vMeet #vMeet, .vAbout #vAbout{border-bottom:4px solid #c98352;border-bottom-color:rgba(85,3,102,.3);}

.visit>.wrap>section{height:212px;padding:0 15px 0 320px	;position:relative;overflow:auto;}
.visit section{display:none;}
	.vWelcome .vWelcome, .vWhen .vWhen, .vChildren .vChildren, .vMeet .vMeet, .vAbout .vAbout{display:block}
.visit>.wrap>section h1{font-size:1.85em;font-style:normal;color:#550366}
.visit>.wrap>section p{line-height:1.57em;color:#2b0a33}
.visit>.wrap>section figure{position:absolute;height:212px;left:28px;top:0;width:277px;overflow:hidden;}
.visit>.wrap>section figure img{width:100%;height:auto;max-width:100%;max-height:200px;border:4px solid #fff}
.visit .button{margin-top:1em;display:inline-block;padding:.2em .4em .3em;}

input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}

.calendarFrame{width: 100%;height: 60em;border: 1px solid rgba(0, 0, 0, .2);padding: .5em}

/* CONTENT WRAP */
#contentWrap{position:relative}
#contentWrap, .mceContentBody{background:#fff url(../images/content-bg.jpg) repeat-x center top;}
#contentWrap>.wrap{background:#fff;background-color:rgba(255,255,255,.6);}
.contentEditor{background:#fff}

/* page header */
#wrapper>aside{line-height:0;padding-bottom:3px;background:#5d5d5d;text-align:center;}
#print-header {display: none}

/* t1 */
#contentWrap>div>aside nav{width:100%;overflow:hidden;margin:0 0 40px}
#contentWrap>div>aside nav li{height:1%;overflow:hidden}
#contentWrap>div>aside nav li a{font-size:1.1em;padding:1em 20px .8em;line-height:1.1em;color:#fff;display:block}
#contentWrap>div>aside nav li a:hover, #contentWrap>div>aside nav li a:active{background:#e5e5e5}
#contentWrap>div>aside>nav>ul>li.on>a{color:#fff;background-color:#5d5d5d;margin-bottom:1em;text-transform:uppercase;}
/* t2 */
#contentWrap>div>aside nav li.on ul{}
#contentWrap>div>aside nav li.on ul li{}
#contentWrap>div>aside nav li.on ul li a{padding:.5em 20px .5em 20px;font-size:1.1em;color:#777}
#contentWrap>div>aside nav li ul li a:hover, #contentWrap>div>aside nav li ul li a:active{color:#000;background:#d7d7d7}
#contentWrap>div>aside nav li ul li.on{}
#contentWrap>div>aside nav li ul li.on>a{color:#000}
/* t3 */
#contentWrap>div>aside nav li ul li.on ul{padding-bottom:1em;border:0}
#contentWrap>div>aside nav li ul li.on ul li{border:0}
#contentWrap>div>aside nav li ul li.on ul li a{padding:.2em 15px .2em 30px;font-size:.9em;}
#contentWrap>div>aside nav li ul li ul li a:hover, #contentWrap>div>aside nav li ul li ul li a:active{background:#f5f5f5}
#contentWrap>div>aside nav li ul li ul li.on{}
#contentWrap>div>aside nav li ul li ul li.on a{}
/* t4 */
#contentWrap>div>aside nav li ul li ul li.on ul{padding-bottom:0em;}
#contentWrap>div>aside nav li ul li ul li.on ul li a{padding-left:40px;font-size:.75em;}
#contentWrap>div>aside nav li ul li ul li ul li a:hover, #contentWrap>div>aside nav li ul li ul li a:active{}
#contentWrap>div>aside nav li ul li ul li ul li.on{}
#contentWrap>div>aside nav li ul li ul li ul li.on a{}
/*section callouts*/
#contentWrap>div>aside section{margin:0 0 20px;padding:10px}
#contentWrap>div>aside section:hover{background:#FFC}
#contentWrap>div>aside section h1{margin:0;font-size:1.2em}
#contentWrap>div>aside section p{margin:0}
/* content */
#content{word-wrap:break-word}
.fullPage #content, .dean #content{padding-right:25px}
#content img{height:auto;max-width:100%}
#content img.photoright, #content img.photoleft{max-width:50%;height:auto}
figure.photoright, figure.photoleft {display:table; width:230px;}
    #content .photoright img,#content .photoleft img {height:auto;}
    figcaption{display: inline-block;font-size: .85em;line-height: 1.2em;color: #999; margin-top:1em;}
#content img.phototreatment{max-width:50%;height:auto}
img.photoTreatment,img.photoRight,img.photoLeft,.photoRight img,.photoLeft img {}
.photoright{float:right;margin:0 0 1.5em 2em;clear:right}
.photoleft{float:left;margin:0 2em 1.5em 0;clear:left}
figure.element.right, figure.right{float:right;margin-left: 1em}
.muted {opacity:0.5;filter:alpha(opacity=50)}
.highlight, .highlightFull {background:#ffe9a5; padding:1em;}
.highlightFull {float:left; margin:1em 0; width: 100%;}
#content * h1{font-size:1.2em;margin-bottom:1em}
.textSm{font-size:.8em}
.subhead {color:#525252; margin-top:-.7em;}

.fullPage #content>h1{display: table; font-style: normal;text-transform: uppercase;font-size: 2em;margin:1em 0 1.5em}
.fullPage #content>h1>span{display: table-cell;width: 49%}
.fullPage #content>h1>span:first-child+span{width:2%;white-space: nowrap;}
.fullPage #content>h1 hr{margin: .25em;border-top-width: 2px;}
.fullPage #content>h1+p{font-size: 1.7em;font-style: italic;line-height: 1.2em;color:#9b9b9b;padding: 0 2em;text-align: center;}
.threeCallouts{text-align: center;margin-top: 3em; width:100%}
#content .threeCallouts>a,.contentEditor .threeCallouts>a{vertical-align: top;display:inline-block; position:relative; width:30%;height: 3em;max-width:282px; margin:0 0 20% 5%;background-color: #550366;font-size:1.5em;line-height: 1.1em;font-weight: 400;padding:4px 0 0;}
	#content .threeCallouts>a:hover,.contentEditor .threeCallouts>a:hover{background-color: #ffd447;}
#content .threeCallouts a,.contentEditor .threeCallouts a,#content .threeCallouts a strong,.contentEditor .threeCallouts a strong, #content .threeCallouts a em, .contentEditor .threeCallouts a em,  #content .threeCallouts a span, .contentEditor .threeCallouts a span {color:#cdcdcc; font-weight:300;}
	#content .threeCallouts a:hover,.contentEditor .threeCallouts a:hover,#content .threeCallouts a:hover strong,.contentEditor .threeCallouts a:hover strong, #content .threeCallouts a:hover em, .contentEditor .threeCallouts a:hover em, #content .threeCallouts a:hover span, .contentEditor .threeCallouts a:hover span {color:#535352;}
#content .threeCallouts>a:first-child,.contentEditor .threeCallouts>a:first-child{margin:0;}
#content .threeCallouts img,.contentEditor .threeCallouts img{height:auto;width:100%;position: absolute;top:2.5em;left:0;border:4px solid #550366}
#content .threeCallouts a:hover img,.contentEditor .threeCallouts a:hover img{border:4px solid #ffd447}
.threeCallouts>a strong{font-weight: 700 !important}

.dean #content{min-height: 0; padding-bottom: 3rem}
.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;}
	.deanTop a:hover{opacity:1;color:#ffd447}
#dean-sermons{position: relative;min-height: 500px; background-color: #a5a5a5; background: url(/images/dean-bg2.png) no-repeat right center, url(/images/dean-bg.jpg) repeat center center;-webkit-background-size:50% 100%, auto auto;background-size:50% 100%, auto auto}
#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 {float: left;width: 50%;padding: 2em 5%}
#dean-sermons section>h1 {color: #fff;font-size: 2.6em;text-transform: uppercase;margin-bottom: .5em}
#dean-sermons .button3{background-color: rgba(212, 212, 212, .5)}
	#dean-sermons .button3:hover{background-color: rgba(212, 212, 212, 1)}
.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 #wrapper article a:hover *{color:#525252}
.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:hover img,.sermonsList2 article a:hover img{opacity:0}
.dean #wrapper article a img+img,.sermonsList2 article a img+img{opacity:0}
	.dean #wrapper article a:hover img+img,.sermonsList2 article a:hover img+img{opacity:1}*/
.dean #wrapper .podcasts > div {margin: 2em 0}
.dean #wrapper .podcasts > p:last-child {text-align: center}
.dean #wrapper .podcasts article {padding-left: 30px}
.dean #wrapper .podcasts article img {width: 25px; height: 25px; position: absolute; top:0; left:0}
.dean #wrapper .podcasts article time {color: #666; margin-bottom:0.5em; display: block}

.podcastList {border-top: 1px dashed #ccc; padding-top: 3em; margin-top: 3em;
	-webkit-columns: auto;-moz-columns: auto;columns: auto;
	-webkit-column-width: 16em;-moz-column-width: 16em;column-width: 16em;
}
.podcastList p {padding-right:1em;
-webkit-column-break-inside: avoid;
          page-break-inside: avoid;
               break-inside: avoid;
}

#contentWrap audio {width: 100%}

#hero {background: url(/images/home/hero-bg.jpg) no-repeat center / cover; position: relative}
#hero:before {content: ""; opacity: 0.6; display: block; position: absolute; top:0; left:0; width:100%; height:100%; background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 14%, #000000 87%);}

#hero .image,
#hero .embed-container {
	padding: 0;
	position: relative;
	display: block;
	margin: 0;
	z-index: 1;
	height: auto;
	overflow: hidden;
	max-width: 100%;
	border: 2px solid #FFFFFF;
	box-shadow: 0 2px 24px 0 rgba(0,0,0,0.20);
}

#hero .image::before,
#hero .embed-container::before {
	content: '';
	display: block;
	padding: 0 0 56.25%;
}

#hero .image {background-size: cover; background-position: center; background-repeat: no-repeat;}
#hero .video-thumb {position: absolute; cursor: pointer; top: 0; right: 0; left: 0; bottom: 0; background-size: cover; background-position: center; background-repeat: no-repeat;}
#hero .play-button {position: absolute; transition: ease all 200ms; cursor: pointer; z-index: 2; top: 50%; left: 50%; width: 20%; padding-bottom: 20%; border-radius: 50%; background: rgba(0,0,0,0.7);transform: translate(-50%,-50%);}
#hero #video-player:hover .play-button {background-color: #78278B}
#hero .play-button:before {content: ""; display: block; position: absolute; width:35%; height: 40%; top: 50%; left: 50%; background: url(/images/home/video-play.svg) no-repeat center / contain;transform: translate(-37%,-50%);}

.sermonsList p{margin-top: 2em;}
.sermonsList2{margin-bottom: 3em !important}
.sermonsList2 article{position: relative}
.sermonsList.sermonsList2 article a:first-child{margin-left:0;padding-left:35px}
.sermonsList2 article a:first-child+a{top:17px;left:5px}
.sermonsList2 article a:first-child+a+a{left:33px}
#content .news .sermonsList2{float: left;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;}

.mediaWrapper { float: right; clear: right; width: 19em; max-width: 50%; margin:0 0 2em 3em;  padding: .5em;}

.mediaWrapper .formTable td:first-child {padding: 0 0 .5em 0;}

.mediaWrapper .embed-container { margin-top:1.5em;margin-bottom: 0;}
.mediaWrapper .embed-container .embed-container {margin-top: 0}
#content .mediaWrapper h2 { font-size: 1.3em; line-height: 1em;}
#content .mediaWrapper a { font-size: .85em; font-weight: 300}
.form-intro-text {float: left; max-width: 49%; }
.news-letter-content {clear: left; width: 100%; padding-top: 3em;}

#dean-forum{background-color: #fff;}
#dean-forum .wrap{padding:2em 5%;}
#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:hover *,#dean-blog article a:hover *{color: #550366 !important;}
#dean-forum article a h1,#dean-blog article a h1{font-size: 1.14em !important;margin-bottom: .2em !important}
#dean-forum div{
-webkit-columns:2;
   -moz-columns:2;
        columns:2;
-webkit-column-gap:40px;
   -moz-column-gap:40px;
        column-gap:40px;
	}
#dean-forum article{display: inline-block;width: 100%;}
.deanForumButtons{margin:.5em 0 0 calc(50% + 48px)}

#dean-blog{position: relative;background:#000 url(/images/glass.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;padding:3em 0}
#dean-blog section{background-color: rgba(255, 255, 255, .9);padding:3em; max-width:1038px !important}
#dean-blog h2 {color:#525252; margin-top:-.75em; margin-bottom:1.25em;}
#dean-blog h3 {color:#525252;margin:0;}
#dean-blog>section>div{width: 60%;float: left;padding: 0 1em 0 0}
	#dean-blog>section>div+div{width: 40%;padding:0 0 0 1em;border-left: solid 1px rgba(82, 82, 82, .4)}

.shareIcons{display:inline-block;position:relative;overflow:auto}
.shareIcons a{display:block;float:left;margin:0 .5em 1em 0;height:20px;width:20px;background-position:center center; background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;border-radius:.2em;
-webkit-box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2);box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, .2)}
.shareIcons a:hover{background-color:#F03C5E}
.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)}


#content .staffListings .scroll-links {width:100%; margin: 2em 0}

#content .search, #content .search .formBox, #content .search .formButton {line-height: 2em; font-size:16px}

#content .search input[type="submit"], .search-form button {border: none; padding:0 1.5em;line-height: 3em;font-size:16px}

#content .worship-scroll-links {margin:1.5em 0; padding-bottom:1.5em; border-bottom:4px solid #F5F5F5; position:relative; display: flex; flex-wrap:wrap; justify-content: center;}
#content .worship-scroll-links a {position:relative; margin:5px; flex: 1 1 auto; z-index:1; padding: 0.6875rem 1.0625rem; display: inline-block; background:var(--purple); text-transform:none; color:#fff; font-family: var(--meta-pro); font-weight:700; font-size: 1rem; letter-spacing: 0; text-align: center;}
#content .worship-scroll-links a:after {content:""; padding-left:1em; margin-left:0.5em; background:url(/images/white-down-arrow.svg) no-repeat center}
#content .worship-scroll-links a:hover {background:var(--dark-purple); color:#fff}
#content .worship-block {text-align: left;position: relative;background: #fff;border: 1px solid #DBDBDB;}
#content .worship-block +.worship-block {border-top:0}
#content .worship-block h2 {font-weight:600; font-size:1.5rem;}
#content .worship-block h3 {font-weight:600; color:#000; font-size:1.25em}
#content .worship-block .poetryIndent,
#content .worship-block .poetryText {padding-left: 1em;}
#content .worship-block .psalmText {font-style: italic;}

/* Photo Rotator Pause Button */
.slideWrapper {
	position: relative;
}
.rotator-pause-button:before {
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	}
	.rotator-pause-button:before {background-image: url(/images/icons/misc/circle-pause.svg);}
	.rotator-pause-button.paused:before {background-image: url(/images/icons/misc/circle-play.svg);}

	.rotator-pause-button {
		padding: 1.5rem;
		background-color: #FFF;
		border-radius: 50%;
		border: 0;
		position: absolute;
		bottom: .25rem;
		right: .25rem;
		z-index: 2;
	}

/* Landing Page */
.landing #contentWrap {background:#ECECEC url(/images/landing-bg.jpg) repeat-x center top}
.landing > header {box-shadow:none}
.landing #wrapper > aside {display: none}
.landing #contentWrap > .wrap {padding-top:5em}
.landing #content {padding:0}
.landing #content > h1 {display: none}
.landing #content h1 {font-size: 2.667em; margin-bottom: 0.7em}
.landing #content h2 {font-size: 1.75em; margin-top: -0.75em; margin-bottom: 1.5em}
.landing #content .center {text-align:center}
.landing .btn {width:12.933em; height: 3.6em; border-radius: 3px; display: inline-block; border: 1px solid #790108}
.landing .btn:hover {border: 1px solid #3A1049}
    .landing .btn.pledge {background: #b4252d url(/images/landing-page/pledge.png) no-repeat center}
    .landing .btn.pledge:hover {background: #5A1A69 url(/images/landing-page/pledge.png) no-repeat center}
    .landing .btn.contribute {background: #b4252d url(/images/landing-page/contribute.png) no-repeat center}
    .landing .btn.contribute:hover {background: #5A1A69 url(/images/landing-page/contribute.png) no-repeat center}
.landing .btn + .btn {margin-left: 1em}
.landing .top .btn + .btn {margin-left: 4.533em}
.landing #content .center.top {margin-bottom:5em}
.landing .center img {display: block; margin:0 auto 2em}
.landing .band-text {padding: 1em 4em 0}
.landing #content a {color: #B4252D}
.landing #content a:hover {color: #5A1A69}
.landing .band img {max-width:100%; height: auto; display: block}
.landing .band.img img {width: 100%}
.landing .btns-right {text-align: right}
.landing .btns-right .btn {width:9.333em; height: 2.733em}
    .landing .btns-right .btn.pledge {background: #b4252d url(/images/landing-page/pledge-sm.png) no-repeat center}
    .landing .btns-right .btn.pledge:hover {background: #5A1A69 url(/images/landing-page/pledge-sm.png) no-repeat center}
    .landing .btns-right .btn.contribute {background: #b4252d url(/images/landing-page/contribute-sm.png) no-repeat center}
    .landing .btns-right .btn.contribute:hover {background: #5A1A69 url(/images/landing-page/contribute-sm.png) no-repeat center}
.landing #content p, .landing #content ol li {font-size:1.067em; color:#131313}
.landing #content p.intro {font-size: 1.2em; font-weight:600}
.landing .sig {font-size: 1.33em; color:#333; margin: 2em 0; display: block}
.landing .sig span {font-size: 1.150em; color: #550366; display: block; font-style: italic; margin:1em 0 0}
.landing .sig .small {color: #000; font-size: 0.75em; line-height: 110%;}
.landing .firebird {background: url(/images/landing-page/firebird.png) no-repeat center / auto 90%}
.landing #content ol {margin-bottom: 5em}
.landing #content ol li {line-height: 1.6em;margin-bottom: 2em}
.landing #content ol li span {font-size:1.2em; display: block; font-weight: 600}
.landing #content .bottom {padding-top: 2em; padding-bottom: 4em}
.landing #content .band.bottom p {font-size: 1.333em; max-width: 75%; margin: 1em auto 3em}

.worship{display: none;background:rgba(0,0,0,.5);position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;}
.worship.on{display:block;}
.worship>div{overflow:auto;padding:30px;width:562px;height:402px;margin-top:-201px;margin-left:-281px;background:#fff;position:absolute;left:50%;top:50%;
-webkit-box-shadow:0 0 29px 0px rgba(0, 0, 0, .61);
        box-shadow:0 0 29px 0px rgba(0, 0, 0, .61);
	}
.worship h1{font-size:1.428em;font-style:normal;color:#550366}
.worship dl{float:left;width:66%;margin-top:.5em}
.worship dt{text-transform:uppercase;}
.worship dd{color:#444444;}
.worship figure{float:left;width:33%;border-left:4px solid #c1c1c1;padding-left:15px;}
.worship figure img{border:2px solid #c1c1c1}

.close{font-family:"Zapf Dingbats";position:absolute;right:15px;top:15px;line-height:1em;padding:.3em .3em .2em;background:#550366;border:1px solid #550366;color:#ffd447;}
	.close:hover{color:#550366;background:#ffd447}


#wrapper .hSlide{width:430px;position:absolute;left:0;top:100%;margin-top:-7em;bottom:auto;height:4em;z-index:1;overflow:hidden;background:#e2e1e1;background-color:rgba(226,225,225,.9)}
	#wrapper .hSlide.on{top:auto;bottom:3em;margin-top:0;height:auto;overflow:auto;}
#wrapper .hSlideB{left:435px;}

.hSlide>*{padding-left:25px;padding-right:25px}
.hSlide h1{font-size:1.43em;margin-bottom:0;text-transform:uppercase;padding-top:20px;padding-bottom:.6em;cursor:pointer;}
	.hSlide h1:hover,.hSlide h1:hover *{color:#9556a4;}
.hSlide h1 figure{height:16px;width:16px;float:right}
.hSlide h1 img{height:16px;width:16px;float:right}
	.hSlide h1:hover img, .hSlide.on h1 img{
	-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
	        transform: rotate(180deg);
		}
	.hSlide.on h1:hover img{
	-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
	        transform: rotate(0deg);
		}
.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>div{float:left;width:76%;padding-bottom:.5em}
.hSlideA>figure{float:left;width:24%;padding-left:0; margin-top:3px;}
.hSlideA>figure>img{width:100%;height:auto;border:3px solid #6c6a6c}
.hSlideB p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 1.2em}
.hSlideB h1{line-height: 1.1em}

.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 a:hover{background-color:#fff;}
	.hSlide article a:hover div *{color:#9556a4;}
.hSlide article p{margin-bottom:0;}
.hSlide article p:after{content:"\00A0+";color:#9556a4;}
#wrapper .hSlide time{float:left;display:block;width:10%;padding:.5em;background-color:#9556a4;text-transform:uppercase;font-size:.72em;line-height:1em;
        border-radius: .5em;
	}
#wrapper .hSlide time span{display:block;width:100%;text-align:center;color:#fff;height: auto;float: none}
#wrapper .hSlide time strong{color:#fff}
.hSlide article div{float:left;width:90%;padding-left:10px}
.hSlide hr{border-top-width:3px;padding:0;margin-left:25px;margin-right:25px;clear:both;}
.hSlide nav{padding-bottom:1.5em; margin-top:-.5em;}
.hSlide .button{background-color:#fff;border-color:#c4a6cc;}
	.hSlide .button:hover{background-color:#550366;border-color:#550366;color:#fff;}

.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: 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 .image-and-text + .image-and-text {border-top:0; margin-top:-2rem}
.content .image-and-text .left {max-width: 25%; width:25%; min-width:25%; margin-right: 5%}
.content .image-and-text .left img {max-width: 100%; height: auto}
.content .image-and-text .right {width: 70%; min-width: 70%; max-width:70%}
.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}
.content .image-and-text.right-image .left {margin-right:0; margin-left:5%}

.staffListings .scroll-links {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: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}
.staffListings .scroll-links a {margin: 0 5px 5px 0}


/* Z INDEX */
.visit{z-index:2}
#wrapper{z-index:0}
		#mainnav{}
		#mainnav>*{z-index:5}
	#wrapper>aside{}
	#wrapper>#contentWrap{}
	#wrapper>footer{}
	.slideContainer{z-index:0}

/* APPS */
.wsApp{}

/* pagination */
.pagination{font-size:.95em;text-align:right}

/* news */
.news{position:relative;overflow:auto;margin-bottom:1em}
.news article{border-top:0;line-height:1.3em}
.news article+article{margin-top:0;border-top:1px dotted rgba(0,0,0,.15)}
.news .pagination{width:100%;border-top:0}
.news div+.pagination{border-bottom:0}
#content .news a, #content .news a *{font-weight: 400}

.pagination+article,article+.pagination{margin-top:.3em}
.news article a{padding: 1em;clear:left;position:relative;display:block;overflow:hidden}
.news article a:hover{background:rgba(85, 3, 102, .1)}
#content .news article a:hover,#content .news article a:hover *{color:#000}
.news article span {width:6em;height:6em;display:block;float:left;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover}
.news article span span{width:100%;height:6em; background-size: contain; background-position: center top}
#content .news article h1{font-size:1.25em;margin-bottom:0}
.news article time, .newsArticle time{font-size: .95em;color:rgba(0,0,0,.5)}
.news article p{margin-bottom:0;color:#666}
.news article a div{width:100%;float:left;padding-left:0}
.news article a span+div{width: calc(100% - 7em); float: right}
.news article a span+div{padding-left:10px}
.news>div{border-bottom:1px solid rgba(0,0,0,.25);border-top:1px solid rgba(0,0,0,.25);margin:0;width:100%;}
.news.flex>div+div{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
}
.news>div+div{border-top:0}
#content .news section{width:33.3%;padding:0 1em;margin: 1em 0;}
#content .news section>*{max-width: 100%;overflow: hidden}
#content .news section:first-child{padding-left:0}
#content .news section:last-child{padding-right:0}
.news section>a{float:right;padding:5px;line-height: 0}
.news section+section{border-left:1px dotted rgba(0,0,0,.15)}
#content .news section h1{padding:5px;margin-bottom:0;font-size:.9em;text-transform:uppercase;white-space: nowrap;overflow:hidden; text-overflow:ellipsis}
.news section div{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover}
.news section article{margin-top:0}
.news section div article div{display: none; width:100%;height:100px;margin-bottom:.5em}
.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{margin-top:-0.5em}
.newsArticle time{margin-bottom:2em;display:block}
.newsArticle .top-right-buttons a {font-size:0.875rem; padding:0.5em 0.5em; cursor: pointer; text-align: center; position: relative;}
.newsArticle .top-right-buttons a .icon {display: inline-block; margin-right: 0.35em; width:1em; height:1em; position: relative; vertical-align: bottom}
.newsArticle .top-right-buttons a .icon:before,
.newsArticle .top-right-buttons a .icon:after {content: ""; display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; transition: ease all 200ms; background-size: contain}
.newsArticle .top-right-buttons a .icon:after {opacity: 0}
     .newsArticle .top-right-buttons .downloadPDF .icon:before {background: url(/images/icons/misc/downloadPDF-grey.svg) no-repeat center / contain}
     .newsArticle .top-right-buttons .downloadPDF .icon:after {background: url(/images/icons/misc/downloadPDF-white.svg) no-repeat center / contain}
     .newsArticle .top-right-buttons .print .icon:before {background: url(/images/icons/misc/print-grey.svg) no-repeat center / contain}
     .newsArticle .top-right-buttons .print .icon:after {background: url(/images/icons/misc/print-white.svg) no-repeat center / contain}

.news h2{margin: 0 0 clamp(0.125rem, 0.08rem + 0.23vw, 0.25rem);}

.news.sermonsList h2,
:is(.sermonsList, .sermonsList2) h2 {
	margin: 0 0 clamp(0.125em, 0.08em + 0.23vw, 0.25em) !important;
}

.news.sermonsList article time,
.news :is(.sermonsList, .sermonsList2) time {
	font-size: .95em !important;
}

.podcastCTA{text-align: center}
#content .podcastCTA img{max-width:4em;height: auto}
.fb-comments, .fb-comments>span, .fb-comments>span>iframe{width:100% !important}

/* Event detail pages */
.event-time {
	display: block;
	margin: 1em 0 0;
}
.event-time, .event-location {
	color: var(--dark-purple);
	font-size: 1.1em;
	font-style: italic;
}


/* driving directions */
#mapWrapper {width:100%;height:450px;margin-bottom:25px}
#mapWrapper *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-moz-box-sizing:content-box;line-height:1.3em}
#mapWrapper h2{font-size:14px;margin-bottom:0}
#mapWrapper input[type="text"]{margin-right:5px}
.mapLocations {position:relative;overflow:auto}
.mapLocations li {float:left; width:33%; padding:0 1em 1em 0;}
.mapLocations li:nth-child(3n+4){clear:left}
.mapLocations a{}

/* photo gallery */
.categoryThumb a.album { display:block; float:left; padding:5px;}
#content .categoryThumb a, #content .categoryThumb a *{font-weight: 300}
.manage.managePhotos td:first-child{padding:2px 10px 2px 2px}
.manage.managePhotos td:first-child div{height:28px;width:28px;-webkit-background-size:cover;background-size:cover;cursor:pointer}
.categoryThumb, .albumThumb{position:relative;overflow:auto;overflow:hidden}
.categoryThumb a{display:block;width:100%}
.categoryThumb a:hover, .categoryThumb a:active,.albumThumb a:hover,.albumThumb a:active{background-color:rgba(85, 3, 102, .1)}
#content .categoryThumb a:hover, #content .categoryThumb a:active,#content .albumThumb a:hover,#content .albumThumb a:active,#content .categoryThumb a:hover *, #content .categoryThumb a:active *,#content .albumThumb a:hover *,#content .albumThumb a:active *{color:#000}
.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:10px}
.categoryThumb p{color:#666}
.albumThumb a{width:100px;height:100px;float:left}
.albumThumb img{width:100px;height:100px;padding:5px}
.albumThumb a:hover img{width:100px;height:100px;padding:0}
.fancybox-gallery{background-color:rgba(0,0,0,1) !important}
.fancybox-gallery .fancybox-wrap,
.fancybox-gallery .fancybox-skin,
.fancybox-gallery .fancybox-outer,
.fancybox-gallery .fancybox-inner{position:absolute !important;left:0 !important;top:0 !important;right:0 !important;bottom:0 !important;width:auto !important;height:auto !important;overflow:hidden; padding:0 !important; margin:0 !important;background-color:transparent !important}
.fancybox-gallery.fancybox-overlay .fancybox-wrap{background-color:transparent}
.fancybox-gallery.fancybox-overlay .fancybox-skin{background-color:#000}
.fancybox-gallery.fancybox-overlay *{color: rgba(255,255,255,.65)}
.fancybox-gallery .fancybox-close{right:0;top:0; opacity:.2}
.fancybox-gallery .rsDefault .rsFullscreenBtn{margin:0;top:0;right:36px;height:36px;width:36px; opacity:.2}
.fancybox-gallery .rsDefault .rsFullscreenIcn{margin:3px}
.fancybox-gallery .fancybox-close:hover{opacity:1}
.rsDefault .rsOverflow, .rsDefault, .rsSlide{background-color:transparent !important}
.fancybox-gallery .rsDefault .rsFullscreenBtn:hover{opacity:1}

/* 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%; }

/* staff */
.staff2col {
-webkit-columns:2;
   -moz-columns:2;
        columns:2;
-webkit-column-gap:40px;
   -moz-column-gap:40px;
        column-gap:40px;
-webkit-column-rule:1px outset rgba(0,0,0,.15);
   -moz-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
}
.staff2col section{display:inline-block;line-height:1.25em}
.staffApp .jobTitle{margin-top:-1.5em}
.staffApp section .jobTitle, .staffApp .requiredText{margin-top:-1em}
.staffApp hr, .staffApp section{clear:both;width:100%}

/* ALERT */
#alertApp, #alertApp.alertStatic:hover{width:100%; background:#BE0D23; border-bottom: 1px solid rgba(255,255,255,0.5)}
#alertApp h1{margin-bottom:0;font-size:1em; font-weight: 700; padding:9px;color:#fff;text-align:center}
#alertTitle span{float:right; opacity:.5}
#alertApp:hover #alertTitle span{opacity:1}
#alertTitle a{color:#fff;text-decoration:underline}
#alertDesc{overflow:hidden}
.alertClosed #alertDesc{height:auto;max-height:0}
.alertOpen #alertDesc{height:auto;min-height:0;max-height:250px;}
#alertDesc p{color: rgba(255,255,255,.8); margin: 0 auto 1em; text-align: center}
#alertApp {cursor:pointer;}
#alertApp.alertStatic{cursor:auto}
#alertApp:hover { background:#78278B;}


/* MANAGEMENT OVERRIDES */
#wysiwygBody{background:#fff}
/* management table */
hr+.manage{margin-top:-1em}
.manage{border-bottom:1px solid rgba(0,0,0,.2);width:100%;line-height:1.3em}
.manage th{border-bottom:1px solid rgba(0,0,0,.2);text-align:left}
.manage th.right{text-align:right}
.manage th.sort{cursor:pointer}
.manage th.sort img{margin-left:5px}
.manage th img {position:relative;bottom:-2px}
.manage td,.manage th{padding:5px 5px 5px 0}
.manage td:first-child{padding-left:.8em}
.manage img.preload{display:none;position:absolute;z-index:9900;top:0;border:solid 1px #fff}
.manage td.icons img{margin-left:5px;position:relative;bottom:-2px}
.manage td:first-child.icons img{margin-left:0}
.manage td:first-child.icons{padding-left:3px;padding-right:3px}
.manage td.icons a:first-child img{margin-left:0}
.manage td.icons input{position:relative;bottom:2px;margin-left:5px}
.manage .hidden{font-style:italic;color:#900}
.manageButton{text-align:right;padding:10px 0}
.alternate tbody tr:nth-child(odd), .odd{background:#fff}
.alternate tbody tr:nth-child(even), .even {background:rgba(0,0,0,.06)}
.alternate td {padding:10px;}
.manage+hr, .manage+.manageLinks+hr{margin-top:50px}
.manageLinks{margin-top:10px}
.manageLinks a{white-space:nowrap}
.manageLinks a img{position:relative;bottom:-2px}
.manageLinks button{margin-left:5px}
.manageButtons{text-align: right;padding:10px 0}
.wsReturnToButton {float:right;margin-top:-3.5em}
.manage.rightFirstChild td:first-child{text-align:right}
.sortRow th{cursor:pointer}
.manageEllipsis{width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}

.border-table {width:100%; margin-bottom:3em}
.border-table td, .border-table th {text-align:center}
.border-table td {border-top:1px solid #dfdfdf; padding:0.3em 0}
.border-table td:first-child, .border-table th:first-child {text-align:left}

/* GOOGLE SEARCH OVERRIDES */
.gsc-orderby-container {padding:12px 0 !important}
html > body .gsc-inline-block {display:inlineblock !important;}
html > body .results .gsc-selected-option-container {width:113px !important; padding:0 6px !important}
.gsc-results-wrapper-overlay {top:10em !important}
html > body .results td.gsc-search-button {height:2.5em}
html > body .results td.gsc-search-button > input {height:2.4em; border:0; background-color:#3f4675}
	html > body .results td.gsc-search-button > input {border:0; background-color:#550366; position:relative !important; transition:all ease 200ms; -webkit-transition:all ease 200ms}
	html > body .results td.gsc-search-button > input[type="image"]:hover {background-color:#FFD447}
html > body .results .gsc-search-box-tools .gsc-search-box .gsc-input {line-height:100% !important; height:2.1em !important; vertical-align:top}
html > body .results .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {width:auto !important; padding:6px 18px !important; margin:0 !important}
html > body .results .gsc-input-box {height:2.1em; overflow:hidden}
html > body .results table.gsc-search-box td {vertical-align:top}
html > body .results input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {height:2.5em; line-height:100%}
html > body .results .gsib_a {padding:0 10px}
html > body .results .gsc-iw-id1 {height:2.5em}
html > body .results .gsst_a {padding-top:6px}
html > body .results #gsc-i-id1 {background:none !important; max-height:24px; overflow:hidden}
html > body .results .gcsc-branding {display:none}
html > body .results .gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {margin:0}
html > body .results .cse .gsc-control-cse, html > body .results .gsc-control-cse {padding:0}
html > body .results .gsc-result-info-container {display:none !important}
.results .cse .gsc-control-cse, .results .gsc-control-cse, .results .gsc-webResult.gsc-result, .results .gsc-results .gsc-imageResult {background-color: transparent !important; border:0 !important}
.results .gsst_a .gscb_a {color:#a8a8a8} /* color of "X" within search box */
	.results .gsst_a .gscb_a:hover {color:#5d5d5d}


/* Worship Landing Page */
.landing-page #contentWrap #content {padding-top:2em}
.landing-page #contentWrap #content h1 {text-align:center; font-weight: 600;color: #550366;}
.landing-page #contentWrap #content .column-layout {margin-top: 2em;}
.landing-page #contentWrap #content .column-layout > .main-content .featured-video {width:100%; margin-bottom:2.0625rem;}
.landing-page #contentWrap #content .column-layout > .main-content .featured-video .video {position:relative; margin-bottom:0.5em; padding-bottom:56.25%; width:100%}
.landing-page #contentWrap #content .column-layout > .main-content .featured-video .video iframe {position:absolute; top:0; left:0; width:100%; height:100%}
.landing-page #contentWrap #content .column-layout > .main-content .featured-video .video-caption {color: #5D5D5D; letter-spacing: 0; text-align: center; line-height: 1.4375rem;}
.landing-page #contentWrap #content .column-layout > .main-content .service-info {margin-bottom:3rem; border-bottom: 4px solid #D1D1D1;}
.landing-page #contentWrap #content .column-layout > .main-content .service-info h2 {font-weight: 600; margin-bottom:1.125rem; font-style: italic; color: #343434;text-align: center;}
.landing-page #contentWrap #content .column-layout > .main-content .service-info > * {margin-bottom: 2.8125rem}
.landing-page #contentWrap #content .column-layout > .main-content .service-info > .lectionary {text-align:center;}
.landing-page #contentWrap #content .column-layout > .main-content .service-info li {background:none; padding:0; margin:0; text-indent:0}
.landing-page #contentWrap #content .column-layout > .main-content .service-info li:before {display: none}
.landing-page #contentWrap #content .column-layout > .main-content .service-info ul {margin:0; }
.landing-page #contentWrap #content .column-layout > .main-content .service-info .leaflets li {background:none; text-indent:0; }
.landing-page #contentWrap #content .column-layout > .main-content .service-info .leaflets li .button {display: block; font-size: 1.125rem; text-transform: none; text-align: center;}
.landing-page #contentWrap #content .column-layout > .main-content .service-info .lectionary {text-align: center; font-size: 1.125rem;}
.landing-page #contentWrap #content .column-layout > .main-content .service-info .lectionary li {background:none; width:100%; color: #5D5D5D; line-height: 1.5rem; margin-bottom: 1rem}
.landing-page #contentWrap #content .column-layout > .main-content .service-info .music li {text-indent:0; margin-bottom: 0.3125rem; width:100%}
.landing-page #contentWrap #content .column-layout > .main-content .service-info .music li button {text-transform: none; display: block; width:100%; text-align:left; position: relative; padding: 1em 2.1875rem; font-family:var(--minion-pro); font-weight:700; font-size: 1.125rem; color: #343434; letter-spacing: 0; background: rgba(120,39,139,0.05); border-radius: 3px;}
.landing-page #contentWrap #content .column-layout > .main-content .service-info .music li button:hover {background:rgba(120, 39, 139, 0.26)}
.landing-page #contentWrap #content .column-layout > .main-content .service-info .music li button:before,
.landing-page #contentWrap #content .column-layout > .main-content .service-info .music li button:after {content:""; transition:ease all 200ms; display: block; width: 1.1875rem; height:1.1875rem; position:absolute; top:1.125rem; right:1.125rem;}
.landing-page #contentWrap #content .column-layout > .main-content .service-info .music li button:before {background: url(/images/icons/misc/plus.svg) no-repeat center}
.landing-page #contentWrap #content .column-layout > .main-content .service-info .music li button:after {opacity:0; background: url(/images/icons/misc/minus-white.svg) no-repeat center}
.landing-page #contentWrap #content .column-layout > .main-content .service-info .music li button.on {color:#fff; background:var(--purple)}
     .landing-page #contentWrap #content .column-layout > .main-content .service-info .music li button.on:before {opacity:0}
     .landing-page #contentWrap #content .column-layout > .main-content .service-info .music li button.on:after {opacity:0.75}
.landing-page #contentWrap #content .column-layout > .main-content .service-info .music li .music-list {padding: 1rem 0; text-align: left; display: none;}
.landing-page #contentWrap #content .column-layout > .main-content .service-info .music li .music-list li {padding-left: 1.9375rem; position:relative; margin-bottom:1em; font-size: 1rem; color: #000000; line-height: 1.4375rem; background: url(/images/icons/misc/gray-bullet.svg) no-repeat 1.125rem 0.5rem}
.landing-page #contentWrap #content .column-layout > .main-content #main-content {margin-bottom:3rem; padding-bottom: 3rem; border-bottom: 4px solid #D1D1D1;}
.landing-page #contentWrap #content .callout-links ul {padding:0; margin:0;}
.landing-page #contentWrap #content .callout-links ul li {background:none; text-indent:0; list-style:none; padding:0;}
.landing-page #contentWrap #content .callout-links ul li:before {display: none}
.landing-page #contentWrap #content .callout-links ul li a {display: block; background: var(--yellow); font-family: var(--meta-pro);}
.landing-page #contentWrap #content .callout-links ul li a:hover {background: var(--purple);box-shadow: 0 0 0 2px var(--purple)}
.landing-page #contentWrap #content .callout-links ul li a .callout-image {padding-bottom: 71%; background-size: cover; background-position: center;}
     .landing-page #contentWrap #content .callout-links ul li.sermons a:before {background: url(/images/callout-link-sermons.jpg) no-repeat center / cover}
     .landing-page #contentWrap #content .callout-links ul li.music a:before {background: url(/images/callout-link-music.jpg) no-repeat center / cover}
     .landing-page #contentWrap #content .callout-links ul li.worship-support a:before {background: url(/images/callout-link-worship-support.jpg) no-repeat center / cover}
     .landing-page #contentWrap #content .callout-links ul li.baptisms a:before {background: url(/images/callout-link-baptisms.jpg) no-repeat center / cover}
     .landing-page #contentWrap #content .callout-links ul li.weddings a:before {background: url(/images/callout-link-weddings.jpg) no-repeat center / cover}
	 .landing-page #contentWrap #content .callout-links ul li.funerals a:before {background: url(/images/callout-link-funerals.jpg) no-repeat center / cover}
	 .landing-page #contentWrap #content .callout-links ul li.previous-seasons a:before {background: url(/images/callout-link-previous-seasons.jpg) no-repeat center / cover}
	 .landing-page #contentWrap #content .callout-links ul li.choirs a:before {background: url(/images/callout-link-choirs.jpg) no-repeat center / cover}
	 .landing-page #contentWrap #content .callout-links ul li.cd-recordings a:before {background: url(/images/callout-link-cd-recordings.jpg) no-repeat center / cover}
	 .landing-page #contentWrap #content .callout-links ul li.young-children a:before {background: url(/images/callout-link-young-children.jpg) no-repeat center / cover}
	 .landing-page #contentWrap #content .callout-links ul li.staff a:before {background: url(/images/callout-link-staff.jpg) no-repeat center / cover}
	 .landing-page #contentWrap #content .callout-links ul li.organs a:before {background: url(/images/callout-link-organs.jpg) no-repeat center / cover}
	 .landing-page #contentWrap #content .callout-links ul li.FoCM a:before {background: url(/images/callout-link-FoCM.jpg) no-repeat center / cover}
.landing-page #contentWrap #content .callout-links ul li a span {display: block; padding:0.675em 0.875em; font-size: 1rem; color: #343434; text-align: center;}
.landing-page #contentWrap #content .callout-links ul li a:hover span {color:#fff}
.landing-page #contentWrap #content .column-layout > .sidebar {background:#F5F5F5}
.landing-page #contentWrap #content .column-layout > .sidebar h2 {font-weight:700; 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 > .sidebar 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 > .sidebar ul {margin:0; padding:1rem 1.5rem;}
.landing-page #contentWrap #content .column-layout > .sidebar 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 > .sidebar ul li+li {margin-top: 1.4375rem;}
.landing-page #contentWrap #content .column-layout > .sidebar ul li:before {display: none}
.landing-page #contentWrap #content .column-layout > .sidebar ul li strong {font-family: var(--meta-pro); display: block}
.landing-page #contentWrap #content .column-layout > .sidebar ul li .grey {color:#666666; display: inline-block}
.landing-page #contentWrap #content .image-callouts .large-callouts .callout {position:relative; margin:4rem 0; padding: 0 1rem 3.125rem; text-align:center;background:#F5F5F5;}
.landing-page #contentWrap #content .image-callouts .large-callouts .callout .callout-image {padding-bottom:47.8%; width:calc(100% + 2rem); margin: 0 -1rem 1.25rem; position:relative}
.landing-page #contentWrap #content .image-callouts .large-callouts .callout .callout-image img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover; object-position: center;}
.landing-page #contentWrap #content .image-callouts .large-callouts .callout h2 {margin:0; font-weight:600; font-style:italic; color: #343434;letter-spacing: 0;text-align: center;}
.landing-page #contentWrap #content .image-callouts .large-callouts .callout p {margin:0 auto; max-width:22.8125rem; font-size: 1.125rem;color: #343434;letter-spacing: 0;text-align: center;line-height: 1.4375rem;}
.landing-page #contentWrap #content .image-callouts .large-callouts .callout h2+p {margin-top:0.5rem}
.landing-page #contentWrap #content .image-callouts .large-callouts .callout .button {border:2px solid #fff; color:#343434; letter-spacing:0; text-transform:none; width:100%; max-width:15.25rem; position:absolute; bottom:0; left: 50%; transform: translate(-50%, 50%)}
.landing-page #contentWrap #content .music-lists {text-align:center; overflow:hidden; border-top:4px solid #F5F5F5; padding-top:2.875rem; max-width: 55rem; margin:4.375rem auto 2.875rem}
.landing-page #contentWrap #content .music-lists > h2 {font-style:italic; margin:0 0 2.1875rem; font-weight:600; color: #343434; letter-spacing: 0; text-align: center;}
.landing-page #contentWrap #content .music-lists > h2#previous-music-lists {margin-top: 4.375rem;display: inline-block;}
.landing-page #contentWrap #content .music-lists > h2#previous-music-lists:before {content: '';border-top: 4px solid var(--purple);display: inline-block;width: 100vw;vertical-align: middle;margin-left: calc(-100vw - 1rem);margin-right: 1rem;}
.landing-page #contentWrap #content .music-lists > h2#previous-music-lists:after {content: '';border-top: 4px solid var(--purple);display: inline-block;width: 100vw;vertical-align: middle;margin-right: calc(-100vw - 1rem);margin-left: 1rem;}
#content .music-list-block {text-align: left; color:#000; position:relative; padding:2.8125rem; background:#fff; border:1px solid #DBDBDB}
#content .music-list-block + .music-list-block {margin-top:-1px}
#content .music-list-block h2 {font-weight: 600;font-size: 1.5rem;color: var(--purple);letter-spacing: 0;}
#content .music-list-block h2 em {display: block; font-style: italic; font-size:1.25rem; font-weight:400}
#content .music-list-block ul {margin-bottom: 2em}
#content .music-list-block ul li {background:none; color:#000; margin-bottom:0.625rem; text-indent:0; position:relative; padding-left:1.875rem}
#content .music-list-block ul li:last-child {margin-bottom:0}
#content .music-list-block ul li:before {content:""; width:1em; height:1em; display: block; position:absolute; top:0.125rem; left:0.625rem;background:url(/images/icons/misc/gray-bullet.svg) no-repeat center}
#content .music-list-block .button {color:#343434; letter-spacing: 0;}
#content .music-list-block .button:hover {color:#fff}
#content .music-list-block.highlighted {background:#FFFCF3;border-color: #F6F0DB}
#content .music-list-block.highlighted h2 {color: #000000;}


.content .disclaimer {margin:0 0 2rem; padding: 1rem; font-family: var(--meta-pro); color:#000; background: #F5F5F5;box-shadow: -2px 2px 0 0 #D1D1D1;}
.content .disclaimer > *:last-child {margin-bottom:0}

/* Good Faith Chapel ------------- */
.gfc-interior h1 {
	font-weight: 700;
}
.gfc-interior h2 {
	font-weight: 500;
}
.gfc-interior h3 {
	font-weight: 400;
}
.gfc-interior h4 {
	font-style: italic;
	color: var(--dark-gray);
	font-weight: 500;
}
.gfc-interior .intro {
	font-weight: 500;
}
.gfc-interior #content img {
	border: 2px solid #D8D8D8;
}
.gfc-interior #wrapper #contentWrap::before {
	content: "";
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 19.75rem;
	background: #fff url(../images/good-faith-cathedral/repeating-bg-bottom.png) repeat-x center bottom;
}
.gfc-interior .highlight {
	padding: 2.375rem 2.4375rem 2.5rem;
	background: transparent;
	position: relative;
}
.gfc-interior #content .highlight h2 {
	color: var(--dark-gray);
	font-family: var(--meta-pro);
	font-weight: 500;
}
.gfc-interior .highlight:before, .gfc-interior .highlight:after {
	content: "";
	position: absolute;
	border: 1px solid #D1D1D1;
	pointer-events: none;
}
.gfc-interior .highlight:before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.gfc-interior .highlight:after {
	top: -6px;
	right: 6px;
	bottom: -6px;
	left: 6px;
}
.gfc-interior #content ul li:before {
	content: "";
	display: inline-block;
    width: 14px;
    height: 9px;
	margin-right: 0.5rem;
    background: url(/images/good-faith-cathedral/icons/bullet.svg) no-repeat center / contain;
}
.gfc-interior .gfc-button, .gfc-interior .gfc-button-2 {
	margin: 0.625rem;
}
.gfc-interior blockquote {
	color: var(--dark-gray);
	font-weight: 700;
	border-top: none;
}
.gfc-interior blockquote cite {
	display: block;
	font-size: 1rem;
	font-style: normal;
	color: var(--gray);
	font-family: var(--meta-pro);
	font-weight: 500;
	margin-top: 0.5rem;
}
.gfc-interior blockquote cite::before {
	display: inline-block;
	content: "-";
	margin-right: 0.25rem;
}
.gfc-interior h1 {
	font-weight: 700;
}
.gfc-landing .wrap,
.gfc-interior .wrap {
	max-width: 79.5625rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	display: block;
	margin: 0 auto;
}
.gfc-interior .photo-header {
	position: relative;
}
.gfc-interior .gfc-pageheader-logo {
	position: absolute;
    left: 0;
    bottom: 0;
    padding: 1.5rem 2.5rem;
    background: var(--purple);
}
.gfc-interior .gfc-pageheader-logo img {
	width: 11.25rem;
}
.gfc-interior #contentWrap {
	padding-top: 4.25rem;
}
.gfc-interior #wrapper>aside>.pageHeader {
	height: 13.125rem;
	width: 100%;
	object-fit: cover;
	object-position: 50% 80%;
}

.good-faith-chapel.gfc-landing #sidenav > ul > li.on > a {
	display: none;
}

.good-faith-chapel #sidenav li a,
.gfc-interior #contentWrap>div>aside nav li.on ul li a {
	display: block;
	font-weight: 700;
	color: var(--gray);
	padding: 0.3125rem 0 0.3125rem 1.875rem;
	position: relative;
	font-size: 1rem;
}
.good-faith-chapel #sidenav li a:before {
	content: "";
	position: absolute;
	left: 0.5rem;
	top: 0.5625rem;
	width: 0.9375rem;
	height: 0.75rem;
	background: url(/images/good-faith-cathedral/icons/arrow-purple.svg) no-repeat center / contain;
}
.good-faith-chapel.gfc-interior #sidenav>ul>li>a:before {
	content: none;
}
.good-faith-chapel.gfc-interior #sidenav>ul>li>a {
	font-size: 1.5rem;
	font-style: italic;
	font-weight: 700;
	text-transform: none;
	padding: .7rem 0;
	margin: 0;
	text-align: center;
	background: #FFF;
	color: var(--dark-gray);
}
.good-faith-chapel #sidenav li a:is(:hover, :focus) {
	background: var(--light-gray);
	color: var(--dark-gray);
}
.good-faith-chapel #sidenav li + li,
.gfc-interior #sidenav ul ul li {
	border-top: 1px dashed #dcdcdc;
}
.gfc-title {
	padding: 0.75rem 2.25rem 0.75rem 0;
	position: relative;
	align-self: stretch;
	display: flex;
	align-items: center;
}
.gfc-title:before {
	content: "";
	background: var(--purple);
	top: 0;
	right: 0;
	bottom: 0;
	left: -50vw;
	position: absolute;
	z-index: 0;
}

.gfc-landing h1 {
	font-size: 2.3125rem;
	font-weight: 500;
	font-style: normal;
	line-height: 1.3;
	color: var(--dark-gray);
	max-width: 26.875rem;
	margin: 0;
}

.gfc-title img {
	width: 100%;
	max-width: 18.1875rem;
	position: relative;
	z-index: 1;
}

.gfc-pageheader {
	padding-bottom: 40%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.gfc-button {
	color: #FFF;
	font-weight: 700;
	text-transform: none;
	background-color: var(--purple);
	padding: 0.5625rem 0.9375rem;
	font-size: 1rem;
}

.gfc-button-2 {
	font-weight: 700;
	text-transform: none;
	color: var(--purple);
	padding: 0.5625rem 0;
	font-size: 1rem;
	border-bottom: 2px solid var(--purple);
	background-color: transparent;
}

.gfc-landing h2,
.gfc-contact h2 {
	color: var(--dark-purple);
	text-align: center;
	font-family: "minion-pro", sans-serif;
	font-weight: 700;
	font-style: italic;
}

.gfc-button::after, .gfc-button-2::after {
      content: "›";
      display: inline-block;
      font-family: "ff-meta-web-pro",sans-serif;
      font-weight: 700;
      margin-left: 0.25rem;
  }

.gfc-articles {
	background-color: #fff;
	position: relative;
	overflow: hidden;
}
.gfc-articles:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 10.9375rem;
	background-image: url(/images/good-faith-cathedral/repeating-bg-top.png);
	background-repeat: repeat-x;
	background-position: top;
}
.gfc-articles .gfc-gallery {
	position: relative;
}
.gfc-articles .gfc-gallery-container:before {
	content: "";
	/*top: 117px;*/
	top: 10.9375rem;
	bottom: 0;
	left: -100vw;
	right: -100vw;
	background: #f2f2f2;
	position: absolute;
	display: block;
	z-index: 0;
}
.gfc-articles .gfc-gallery * {
	position: relative;
	z-index: 2;
}
.gfc-gallery-container {
	text-align: center;
	padding: 0 2rem 4.5625rem;
}
.gfc-gallery-inner {
	position: relative;
	display: flex;
	height: 100%;
	flex-direction: column;
}
.gfc-articles .gfc-article {
	background-color: #E6E5E5;
	position: relative;
	padding: 0 2rem 4.5625rem;
	text-align: center;
	z-index: 1;
}
.gfc-articles .gfc-article h2 {
	margin: 1rem 0;
}
.gfc-articles .gfc-article h2 span {
	color: var(--dark-gray);
	display: block;
	text-align: center;
	font-style: normal;
	font-size: 1.25rem;
     line-height: 1.5em;
}

.gfc-articles .gfc-article p {
	color: var(--dark-gray);
	font-weight: 500;
	line-height: 1.5;
}
.gfc-articles .gfc-article .gfc-button {
	position: absolute;
	right: 50%;
	transform: translateX(50%);
	bottom: -1.3125rem;
	padding: 0.72rem 3rem;
}
.gfc-articles img {
	max-width: 100%;
}

.gfc-article img {
	aspect-ratio: 1/1;
	width: 100%;
	object-fit: cover;
	object-position: center;
}


.gfc-gallery {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	/*grid-template-rows: 9.125rem 9.125rem 9.125rem 9.125rem;*/
	height: calc(100% + 7.3125rem);
	gap: 1rem;
	grid-auto-rows: auto 1fr 1fr;
}
.gfc-gallery a:first-child {
	grid-column: 1 / -1;
	grid-row: 1;
}
.gfc-gallery a:first-child img {
	aspect-ratio: 1/1;
}
.gfc-gallery a:nth-child(2) {
	grid-column: 1;
	grid-row: 2;
}
.gfc-gallery a:nth-child(3) {
	grid-column: 2 / -1;
	grid-row: 2;
}
.gfc-gallery a:nth-child(4) {
	grid-column: 1 / 3;
	grid-row: 3;
}
.gfc-gallery a:nth-child(5) {
	grid-column: 3;
	grid-row: 3;
}
.gfc-gallery a {
	position: relative;
	display: block;
	border: 2px solid #FFF;
}
.gfc-gallery a:before {
	content: "";
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(180deg, rgba(0,0,0,0.00) 76%, rgba(0,0,0,0.40) 99%);
	position: absolute;
}
.gfc-gallery a:after {
	content: "";
	bottom: 0;
	right: 0;
	position: absolute;
	width: 2.5rem;
	height: 2.5rem;
	background-color: rgba(0,0,0,.7);
	background-image: url(/images/good-faith-cathedral/icons/image-zoom.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1rem;
	z-index: 2;
}
.gfc-gallery img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.gfc-gallery-container .gfc-button {
	color: var(--dark-gray);
	background-color: var(--yellow);
	padding: 0.72rem 3rem;
}
.gfc-articles .wrap > * {
	position: relative;
}

.gfc-articles .gfc-article .gfc-button,
.gfc-gallery-container .gfc-button {
	border: 2px solid #FFF;
	white-space: nowrap;
	position: absolute;
    bottom: -1.25rem;
	right: 50%;
	transform: translateX(50%);
    text-align: center;
}

.gfc-pledge .count-up {
	display: inline;
}
.gfc-pledge, .gfc-contact {
	clear: both;
}

.gfc-pledge .pledge-text {
	text-align: center;
    transform: translateY(10%);
}

.gfc-pledge .pledge-amount {
	font-family: "minion-pro", sans-serif;
	color: #343434;
	font-style: italic;
	font-weight: 700;
	padding: 3.9375rem 2.8125rem 3.25rem 3.875rem;
	position: relative;
	z-index: 1;
}
.gfc-pledge .pledge-amount:before, .gfc-pledge .pledge-amount:after,
.gfc-landing .gfc-stories h2:before, .gfc-landing .gfc-stories h2:after {
	content: "";
	position: absolute;
	border: 1px solid var(--light-gray-alt);
}
.gfc-pledge .pledge-amount:before,
.gfc-landing .gfc-stories h2:before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.gfc-pledge .pledge-amount:after {
	top: 6px;
	right: -6px;
	bottom: 6px;
	left: -6px;
}
.gfc-landing .gfc-stories h2:after {
	top: -8px;
	right: 6px;
	bottom: -6px;
	left: 6px;
}

.gfc-pledge .pledged-families {
	font-family: "minion-pro", sans-serif;
	font-weight: 500;
	font-size: 1.25rem;
	color: #343434;
	background-color: #F2F2F2;
	padding: 0.4375rem 2.8125rem;
	margin: -1.1875rem auto 1.875rem;
    width: fit-content;
	outline: 3px solid #FFF;
	position: relative;
	z-index: 2;
}

.gfc-pledge .pledge-goal {
	color: #5D5D5D;
	margin-bottom: 2.3125rem;
}

.gfc-pledge .pledge-text .button {
	background-color: #FFF;
	color: var(--purple);
	border: 2px solid var(--yellow);
	box-shadow: 0 8px 34px rgba(0, 0, 0, .13);
	text-transform: none;
	font-weight: 700;
	margin: 0.5em;
}
.gfc-pledge .pledge-text .button::after {
	content: "";
	padding-left: 1rem;
	background: url(/images/good-faith-cathedral/icons/arrow-purple.svg) no-repeat center;
	margin-left: 0.3125rem;
}
.gfc-updates .gfc-update-date {
	color: #5D5D5D;
	font-weight: 400;
	font-size: 0.875rem;
	font-style: italic;
}
.gfc-updates h3 {
	color: var(--dark-gray);
	font-weight: 500;
	font-size: 1.4375rem;
}
.gfc-updates p {
	font-family: "minion-pro", sans-serif;
	color: var(--dark-gray);
	font-size: 1rem;
	line-height: 1.5625rem;
}

.gfc-stories ul li img {
	max-width: 100%;
	object-fit: contain;
}

.gfc-contact .gfc-contact-list .gfc-contact-list-item h3 {
	margin-bottom: .5rem;
	font-size: 1.25rem;
	font-weight: 700;
	color: var(--dark-gray);
}
.gfc-contact li a {
	display: block;
	padding-left: 1.625rem;
	position: relative;
	color: var(--dark-gray);
}
.gfc-contact .gfc-contact-list-item li + li {
	margin-top: 0.3125rem;
}
.gfc-contact li a:before {
	content: "";
	position: absolute;
	left: 0;
	top: 4px;
	width: 0.875rem;
	height: 0.875rem;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.gfc-contact .gfc-contact-list-item li:first-child a:before {
	background-image: url(/images/good-faith-cathedral/icons/contact-phone.svg);
}
.gfc-contact .gfc-contact-list-item li:nth-child(2) a:before {
	background-image: url(/images/good-faith-cathedral/icons/contact-email.svg);
}

.gfc-updates {
	position: relative;
	background: #f2f2f2;
}
.gfc-updates:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 44.5625rem;
	height: 26.5625rem;
	background: url(/images/good-faith-cathedral/updates-background-1.jpg) no-repeat center / contain;
	z-index: 1;
}
.gfc-updates:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30.625rem;
	height: 30.625rem;
	background: url(/images/good-faith-cathedral/updates-background-2.jpg) no-repeat center / contain;
	z-index: 1;
}
.gfc-updates .wrap {
	position: relative;
	z-index: 2;
}
.gfc-updates ul li {
	background-color: #FFF;
	display: flex;
  	flex-direction: column;
}

.gfc-updates ul li img {
	aspect-ratio: 16 / 9;
	border-bottom: 1px solid #DADADA;
	object-fit: cover;
	object-position: center;
	width: 100%;
}

.gfc-updates ul li .embed-container {
	margin:0;
}

.gfc-updates ul li .gfc-updates-text {
	align-content: flex-start;
	align-items: flex-start;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: flex-start;
	padding: 0.75rem 1.4375rem 2rem;
}

.gfc-updates ul li .gfc-updates-text .gfc-button-2 {
	margin-top: auto;
}

.gfc-updates ul li .gfc-updates-text *:empty {
	display: none;
}


.gfc-lines {
	position: relative;
}
.gfc-lines:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	height: 6px;
	border-image: linear-gradient(to right, #FFF 10%, #d1d1d1, #fff 90%) 1;
	border-style: solid;
	border-width: 1px;
}

.gfc-landing .gfc-stories h2 {
	font-size: 1.4375rem;
	font-weight: 700;
	font-style: normal;
	color: var(--gray);
	line-height: 1.3;
	position: relative;
	padding: 22px 39px 24px 42px;
	display: table;
	margin: 0 auto 2.5rem;
	background: #FFF;
}
.gfc-stories ul li blockquote, .gfc-stories h3 {
	text-align: inherit;
	border-top: none;
	font-style: italic;
	font-weight: 700;
	line-height: 2.625rem;
	color: var(--dark-gray);
}

.gfc-stories h3 {
	font-family: "minion-pro",sans-serif;
}

.gfc-stories {
	background-color: #FFF;
	text-align: center;
	padding-top: 4.375rem;
	padding-bottom: 5.25rem;
}

.gfc-stories ul {
	max-width: 63.8125rem;
	margin: 0 auto;
}
.gfc-stories .donor-video {
	position: relative;
}
.gfc-stories .donor-video::before {
	content: "";
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(-50%);
	width: 3.5rem;
	height: 3.5rem;
	background: url(/images/good-faith-cathedral/icons/play-video.svg) no-repeat center / contain;
}

.gfc-stories cite {
	display: block;
	font-size: 1rem;
	font-style: normal;
	color: var(--gray);
	font-family: "ff-meta-web-pro",sans-serif;
	font-weight: 500;
}
.gfc-stories cite::before {
	display: inline-block;
	content: "-";
	margin-right: 0.25rem;
}

.gfc-contact {
	background-color: #F2F2F2;
}
.gfc-contact .gfc-contact-list .gfc-contact-list-item {
	background-color: #FFF;
	border: 1px solid #DADADA;
}


/* FOOTER ----------------------*/
body > footer {padding: 3.75rem 1rem 1.88rem; border-top: 3px solid #fff; font-size: 0.94em; line-height: 1.38rem; color: rgba(255,255,255,0.6); clear: both; width: 100%; float: left}
body > footer .fatFooter {width: 100%; margin-bottom: 3.5rem; overflow: hidden}
body > footer .fatFooter a {color: #fff; font-size: 0.81rem}
body > footer .fatFooter a.on,
body > footer .fatFooter a:hover {color: #ffd447}
body > footer .fatFooter nav a:after {content: " ›"}
body > footer .fatFooter .social a {display: inline-block; width: 2.5em; height: 2.5em}
body > footer .fatFooter .social a+a {margin-left: 3em}
body > footer .fatFooter .social a.facebook {background: url(/images/icons/misc/social-facebook.svg) no-repeat center}
body > footer .fatFooter .social a.youtube {background: url(/images/icons/misc/social-youtube.svg) no-repeat center}
body > footer .fatFooter .social a.instagram {background: url(/images/icons/misc/social-instagram.svg) no-repeat center}
body > footer .wrap {clear: both; font-size: 0.75rem}
body > footer .wrap nav {display: inline}
body > footer .wrap a {color: rgba(255,255,255,0.6)}
body > footer .wrap a.on,
body > footer .wrap a:hover {color: #fff}

#google_translate_element {font-size: 1em; border-radius: 0.25em; -webkit-transition:all ease-out 200ms; transition:all ease-out 200ms; position: relative; background: rgba(51,51,51,0.5); display: inline-block}
#google_translate_element:hover {background: rgba(255,255,255,0.15)}
#google_translate_element img {display: none}
#google_translate_element .goog-te-gadget-simple > span {display: inline-block; line-height:1.875rem; color:#fff; vertical-align: middle}
#google_translate_element .goog-te-gadget-simple > span:before {content: ""; display: inline-block; vertical-align: middle; width: 1.875rem; height: 1.875rem; background:url(/images/icons/misc/google-translate@2x.png) no-repeat center / 1.875rem 1.875rem}
#google_translate_element .goog-te-gadget-simple a span {color:#fff; font-size: 0.875rem; font-family: "ff-meta-web-pro",sans-serif; font-weight: 700; margin-left:0.5em}
#google_translate_element .goog-te-gadget-simple a:after {content: ''; display: inline-block; margin-left:0.75em; width: 0;  height: 0;  border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #BE0D23;}
#google_translate_element .goog-te-gadget-simple a span {display: none}
#google_translate_element .goog-te-gadget-simple a span:first-child {display: inline-block}
#google_translate_element .goog-te-gadget-simple {border:0; border-radius: 3px; background:rgba(255,255,255,0.12); padding:0.75em;}
#google_translate_element .goog-te-gadget-simple spam[style="border-left-width: 1px"] {display: none}


td.togglestatus{cursor:pointer;}






/* COOKIEBOT PLUGIN OVERRIDES ------------------------------ */

#CybotCookiebotDialog {
	border-radius: 0 !important;
	box-shadow: 0 0 0 1000em rgba(0,0,0,0.5) !important;
}

#CybotCookiebotDialog #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept, 
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept, 
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize, 
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialog #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CookiebotWidget #CookiebotWidget-widgetContent #CookiebotWidget-buttons #CookiebotWidget-btn-change {
	background: var(--yellow) !important;
	border-color: var(--yellow) !important;
	border-width: 1px !important;
	color:var(--dark-gray) !important;
	font-family: "ff-meta-web-pro",sans-serif !important;
	opacity: 1 !important;
}

#CybotCookiebotDialog #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:is(:hover, :focus-visible),
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept:is(:hover, :focus-visible), 
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept:is(:hover, :focus-visible), 
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:is(:hover, :focus-visible),
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize:is(:hover, :focus-visible), 
#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:is(:hover, :focus-visible),
#CybotCookiebotDialog #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:is(:hover, :focus-visible),
#CookiebotWidget #CookiebotWidget-widgetContent #CookiebotWidget-buttons #CookiebotWidget-btn-change:is(:hover, :focus-visible) {
	background: var(--purple) !important;
	border-color: var(--purple) !important;
	color:#fff !important;
	opacity: 1 !important;
}

#CybotCookiebotDialog #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:is(:hover, :focus-visible) {
	background-color: var(--purple) !important;
  	color: #fff !important;
}

#CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
	background: var(--purple) !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a, 
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a, 
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a, 
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a, 
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink, 
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink, 
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentTextAbout a, 
#CybotCookiebotDialog #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a, 
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for="CybotCookiebotDialogBodyLevelButtonNecessary"]) .CybotCookiebotDialogBodyLevelButtonDescription:hover, 
#CybotCookiebotDialog #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover, 
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover, 
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover, 
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover, 
#CookiebotWidget #CookiebotWidget-widgetContent .CookiebotWidget-consent-details button,
#CybotCookiebotDialog #CybotCookiebotDialogBodyEdgeMoreDetailsLink {
	color: var(--purple) !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a:is(:hover, :focus-visible), 
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a:is(:hover, :focus-visible), 
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a:is(:hover, :focus-visible), 
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a:is(:hover, :focus-visible), 
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink:is(:hover, :focus-visible), 
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink:is(:hover, :focus-visible), 
#CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentTextAbout a:is(:hover, :focus-visible), 
#CybotCookiebotDialog #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a:is(:hover, :focus-visible) {
	text-decoration: underline !important;
}

#CybotCookiebotDialog #CybotCookiebotDialog.CybotEdge #CybotCookiebotDialogBodyEdgeMoreDetails a::after {
	border-color: currentColor !important;
}

#CybotCookiebotDialog a:hover::after, 
#CybotCookiebotDialog a:hover::before, 
#CybotCookiebotDialog button:hover::after, 
#CybotCookiebotDialog button:hover::before {
	border-color: var(--dark-gray) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
	border-color: var(--purple) !important;
	color: var(--purple) !important;
}

#CybotCookiebotDialog #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize:is(:hover, :focus-visible) .CybotCookiebotDialogArrow {
	border-color: #fff !important;
}


/* consent box */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
	fill: var(--dark-gray) !important;
}

#CookiebotWidget .CookiebotWidget-consent-details button {
	border: 0 !important;
}

#CookiebotWidget #CookiebotWidget-widgetContent #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
	border-color: var(--dark-gray) !important;
	font-family: "ff-meta-web-pro",sans-serif !important;
}

#CookiebotWidget #CookiebotWidget-widgetContent #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw:is(:hover, :focus-visible) {
	border-color: var(--purple) !important;
	color: var(--purple) !important;
	opacity: 1 !important;
}









/* RESPONSIVE */

/* up to 950px */
@media screen and (max-width:1476px) {
    .christmas-splash #bottom a {font-size:1.25em; margin: 0.25em}
}
/* up to 950px */
@media screen and (max-width:950px) {
	html,body {width:auto; height: auto}
	body>*>.wrap, body>footer>.fatFooter{width:100%}
	#wrapper{top:51px;z-index:0;}
		.management #wrapper{top:86px}
		.home #wrapper{top:51px}
	.close{top:auto;bottom:15px}

	#wrapper .hSlide{width:350px;left:50%;margin-left:-353px}
	#wrapper .hSlideB{left:50%;margin-left:2px;}
	.hSlide time{width:10%;}
	.hSlide article div{width:90%;}
}

/* up to 1100px */
@media screen and (max-width:1100px) {
	.dean #wrapper>nav a{font-size: 1em;padding:2em 1.5em 2em calc(50px + 2em);-webkit-background-size: 50px;background-size: 50px}
	}

/* up to 900px */
@media screen and (max-width:900px) {
	.dean #wrapper>nav a{font-size: .9em}
	}

/* 1200px and up */
@media screen and (min-width:1200px) {
	#wrapper>*>.wrap,.visit>.wrap{width:80%;max-width:1420px}
	}

@media screen and (max-width:1350px) {
.splash-2014 {font-size:12px}
.splash-2014 #bottom {padding:0 85px}
.splash-2014 a {margin-bottom:1em}
}

/* 1400px and up */
@media screen and (min-width:1400px) {
	#contentWrap>.wrap{padding-top:2.5em;}
	#content{padding: 0 calc(250px + 3em) 4em 3em;}
	.fullPage #content{padding-right:3em}
	#content .threeCallouts>a{margin:0 0 18% 7.5%;}
	}

/* retina display */
@media screen and (-webkit-device-pixel-ratio: 2) {
	.visit{-webkit-background-size:393px 397px;background-size:393px 397px}
	.visitTag{background: url(../images/visit@2x.png);-webkit-background-size:55px 70px;background-size:55px 70px;}
	.visitTag div{background-image:url(../images/visit-on@2x.png);-webkit-background-size:55px 70px;background-size:55px 70px;}
	.social .facebook span:first-child{background-image:url(../images/icons/44x44/facebook.png);}
		.social .facebook span{background-image:url(../images/icons/44x44/facebook-on.png);}
	.social .twitter span:first-child{background-image:url(../images/icons/44x44/twitter.png);}
		.social .twitter span{background-image:url(../images/icons/44x44/twitter-on.png);}
    .social .youtube span:first-child{background-image:url(../images/icons/44x44/twitter.png);}
		.social .youtube span{background-image:url(../images/icons/44x44/youtube-on.png);}
	.social .vimeo span:first-child{background-image:url(../images/icons/44x44/vimeo.png);}
		.social .vimeo span{background-image:url(../images/icons/44x44/vimeo-on.png);}
	.social .instagram span:first-child{background-image:url(../images/icons/44x44/instagram.png);}
		.social .instagram span{background-image:url(../images/icons/44x44/instagram-on.png);}
	.social .dc span:first-child{background-image:url(../images/icons/44x44/dc.png);}
		.social .dc span{background-image:url(../images/icons/44x44/dc-on.png);}
	.social .five span:first-child{background-image:url(../images/icons/44x44/five.png);}
		.social .five span {background-image:url(../images/icons/44x44/five-on.png);}
	.social .WebSolutions span:first-child{background-image:url(../images/icons/44x44/Web-Solutions.png);}
		.social .WebSolutions span{background-image:url(../images/icons/44x44/Web-Solutions-on.png);}
	}


/* TRANSITIONS */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc,.visitTag div,.search input[type="search"],.social a span,.hSlide h1 img,.hSlide h1,.hSlide h1 *{
-webkit-transition: all .2s ease;
        transition: all .2s ease;
	}
.social a span:first-child{
-webkit-transition-delay: 2s;
        transition-delay: 2s;
	}
.visit,#wrapper,body>header{
-webkit-transition: all .3s ease;
        transition: all .3s ease;
	}


/* FORM ERROR */
.formError {background-color:Black; border:0; padding: 5px 10px; color:#fff; display:none; margin:0 0 2px; z-index:9999; border-radius: 10px; -moz-box-shadow:0 2px 2px #333; -webkit-box-shadow:0 2px 2px #333;}
.formError p {margin:0; font-size:.9em; }
.formError em { border:10px solid; border-color:Black transparent transparent; bottom:-17px; display:block; height:0; left:40px; position:absolute; width:0; }



@media print {
/* PRINT */
.PrintOnly,#printHeader{display:block}
/* DON'T PRINT */
.dontPrint,body>header,body>nav,#contentWrap>.wrap>aside,.fatFooter,#web-solutions-exposure,#seoFooter{display:none}}
