@charset "UTF-8";
@font-face {
    font-family: LibreBaskerville;
    src: url(/fonts/LibreBaskerville-Regular.woff);
    font-weight: normal;
}
@font-face {
    font-family: LibreBaskerville;
    src: url(/fonts/LibreBaskerville-Bold.woff);
    font-weight: bold;
}
@font-face {
    font-family: LibreBaskerville;
    src: url(/fonts/LibreBaskerville-Italic.woff);
    font-style: italic;
}
@font-face {
    font-family: Avenir;
    src: url(/fonts/Avenir-Roman.woff);
    font-weight: normal;
}
@font-face {
    font-family: Avenir;
    src: url(/fonts/Avenir-Heavy.woff);
    font-weight: bold;
}
@font-face {
    font-family: Avenir;
    src: url(/fonts/Avenir-Light.woff);
    font-weight: 100;
}
@font-face {
    font-family: Avenir;
    src: url(/fonts/Avenir-Oblique.woff);
    font-style: oblique;
}




/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	-webkit-font-smoothing: antialiased;
	line-height: 1;
	font-family:Avenir;
	color:#555555;
	background-color: #FAF5F1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
	font-style:italic;
	color:grey;
	margin:40px 0 40px 40px;
	padding-left:20px;
	padding-right:20px;
	border-left:1px solid grey;

}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	width:99%;
	margin:0 auto;
	font-size:13px;
	border-collapse: collapse;
	border-spacing: 0;
	border-style: hidden;
	
}
table th {min-width:10%; height:34px; vertical-align: middle; border: 1px solid #e3e3e3;}
table tr:first-child {font-weight: bold}
table td {min-width:10%; height:34px; vertical-align: middle; word-break: break-all; border:1px solid #e3e3e3; padding:10px;}
strong {font-weight: bold;}
em, i {font-style: italic;}
p {margin-top:40px; line-height: 28px;}
a {transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; -moz-transition: color 0.3s ease; color:#281670;}
a:hover {color:#000;}

h1, h1 a {font-family: LibreBaskerville; font-weight: bold; color:#333; font-size:28px; text-decoration: none; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; -moz-transition: color 0.3s ease;}
h2, h2 a {font-family: LibreBaskerville; font-style: italic; color:#333; font-size:28px; line-height: 32px; text-decoration: none; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; -moz-transition: color 0.3s ease;}
h3, h3 a {font-family: LibreBaskerville; font-style: bold; font-size:18px; line-height: 25px; text-decoration: none; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; -moz-transition: color 0.3s ease;}
h4, h4 a {font-family: LibreBaskerville; font-style: bold; font-size:17px; line-height: 22px; text-decoration: none; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; -moz-transition: color 0.3s ease;}
h5, h5 a {font-family: LibreBaskerville; font-style: bold; font-size:16px; line-height: 19px; text-decoration: none; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; -moz-transition: color 0.3s ease;}
h6, h6 a {font-family: LibreBaskerville; font-style: bold; font-size:15px; line-height: 17px; text-decoration: none; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; -moz-transition: color 0.3s ease;}

.Clear {clear:both;}
.FloatLeft {float:left;}
.FloatRight {float:right;}
.Button {display:block; height:40px; line-height: 40px; font-size:18px; text-align: center; text-transform: uppercase; border:4px solid; text-decoration: none; transition: all 0.3s ease; }
.Button.White {color:#FFF; border-color:#FFF;}
.Button.White:hover {color:#000; background:#FFF;}
.Button.Purple {color:#281670; border-color: #281670;}
.Button.Purple:hover {background: #281670; color:#FFF;}
.Button.Red {color:#D2232A; border-color:#D2232A:}
.Button.Red:hover {color:#FFF; background:#D2232A; border-color:#D2232A;}
.Button.Green {background:#FFF; border-color:#38A14C; color:#38A14C;}
.Button.Green:hover {background:#38A14C; color:#FFF;}

.FullWidth {width:100%;}
.Container {max-width:940px; margin:0 auto;}

.Head {background:#FAF5F1; height:110px;}
.Head #Logo {height:80px;}
.Head #Logo img {width:70%; max-width:390px; margin-left:15px; margin-top:10px; float:left;}
.Head .MenuIcon {width:35px; height:33px; margin-top:20px; background: url(/images/MobileNav.png) no-repeat; margin-right:15px; float:right; }
.Head nav {display:none;}
.Head .Visible {display:block;}
.Head .Visible ul {width:100%; display:block; margin-top:18px; position:relative; z-index: 10; left:0; background: #FFF; overflow-x: hidden; }
.Head .Visible li {width:100%; text-align: center; font-weight: bold;}
.Head .Visible li a {text-transform: uppercase; color:#555; text-decoration: none; margin-bottom:32px; display: block;}
.Head .DonateButton {display:none; float:left;}
.Head .SearchForm {display:none; float:left; position: relative;}
.Head .MobileNavButton.Donate a {width:260px; height:30px; line-height: 30px; margin: 0 auto; color:#D2232A; border:2px solid #D2232A; text-transform: uppercase;}
.Head .MobileNavButton.Search .SearchInput {width:260px; height:36px; margin:20px auto; line-height:37px; border:1px solid #E3E3E3; text-indent: 40px; color:#AAAAAA; font-size:17px; letter-spacing: 0.6px; text-align: left; font-weight: 100; border-radius: 0;}
.Head .SearchSubmit {width:17px; height:17px; background: url(/images/Search.png) center center no-repeat; border:none; position: absolute; top:31px; left:8px; cursor: pointer;}
.Head .MobileNavButton .SearchForm {width:260px; display:block; float:none; margin:0 auto;}
.Head .SearchInput {-webkit-appearance: textfield;}

.IntroText {max-width:620px; font-size:18px; line-height: 28px; text-align: center; margin:80px auto;}
.IntroText {width:95%;}

.Mobile .Head nav ul ul {position:absolute; height:100%; left:100%; top:0; margin-top:0; transition: all 0.5s ease; background: #FFF;}
.Mobile .Head nav ul .SubVisible {left:0;}

.Slider {width:100%; height:650px;}
.Slider li img {width:100%; height:650px; background-size:cover; background-repeat: no-repeat; background-position: center top;}
.Slider .Caption {width:80%; position:absolute; left:0; right:0; margin: 0 auto; top:17%; z-index: 2; text-align: center;}
.Slider h2 {font-family: LibreBaskerville; font-size:48px !important; color:#FFF; font-weight: bold; text-shadow: 0 0 4px #000; line-height:40px;}
.Slider p {color:#FFF; font-size:28px !important; line-height: 28px; margin-top:20px; text-shadow:  0 0 4px #000;}
.Slider .Button {width:162px; margin:50px auto 0;}
.Slider .bx-pager {width:100%; text-align: center; position:absolute; bottom:50px; left:0; right:0; margin:0 auto;}
.Slider .bx-pager-item {display:inline-block;}
.Slider .bx-pager-link {width:15px; height:15px; display:block; text-indent: -9999px; background: #FFF; border-radius: 50%; opacity: 0.6; margin-right:10px;}
.Slider .bx-pager-link.active {opacity:1;}
.Slider .bx-wrapper {position: relative;}

.PageLinks {width:100%; height:650px; background-attachment: fixed; background-size: cover; background-position: center top; background-repeat: no-repeat; text-align: center; margin-top:70px;}
.PageLinks hr {max-width: 50%; height:1px; background: #FFF; border: none;}
.PageLinks .Button {width:160px; color:#FFF; margin:45px auto 0;}
.PageLinks .Button:hover {width:160px; margin:45px auto 0;}
.PageLinks h2 {font-family: LibreBaskerville; font-size:24px; color:#FFF; font-style: italic; padding-top:110px; text-shadow: 0 0 3px #000;}
.PageLinks p {max-width:450px; color:#FFF; font-size:14px; line-height: 22px; margin:20px auto; text-shadow: 0 0 3px #000;}
.PageLink1 {background-image: url(/images/Article1.png);}
.PageLink2 {background-image: url(/images/Article2.png);}
.PageLink3 {background-image: url(/images/Article3.png);}

.LatestNews {margin-top:80px;}
.LatestNews h2 {text-align: center; margin-bottom:35px;}
.LatestNews h3 {color:#281670; margin-bottom:20px; margin-top:20px;}
.LatestNews h3 a {color:#281670; text-decoration: none;}
.LatestNews article .Meta {color:#AAAAAA; font-size:14px; font-style:oblique;}
.LatestNews article {width:90%; margin:0 auto;}
.LatestNews .LatestArticle p {margin-top:20px;}
.LatestNews .Button {width:162px; margin:35px auto 0;}
.LatestNews hr {background: #E3E3E3; border:none; height: 1px; margin-top:40px;}
.LatestNews .Column2 article:nth-of-type(1) {display:none;}

.Services-Events h2 {text-align: center; margin:80px auto 35px;}
.Services-Events .Service h3 {font-size:22px; color:#333;}
.Services-Events .Service .Date {font-size:14px; color:#555; display: block; margin-top:15px;}
.Services-Events .Service .Time {font-size:14px; font-style:oblique; color:#AAA; margin-top:5px; margin-left:1px; display: inline-block;}
.Services-Events .Service {width:90%; margin:0 auto;}
.Services-Events .Service hr {background: #E3E3E3; border:none; height: 1px; margin:20px 0;}

.Services-Events .Event {width:227px; padding-left:73px; min-height:60px; margin:10px auto; background: url(/images/Event.png) no-repeat; border:2px solid #281670;}
.Services-Events .Event h3 a {color:#555; font-size:14px; font-family: Avenir; margin-top:10px; line-height: 16px;}
.Services-Events .Event .Meta {font-size:14px; color:#AAAAAA;}
.Services-Events .Events .Button {width:160px; margin:35px auto 0;}

.Inhouse-Ministries h2 {text-align: center; margin:80px auto 35px;}

.Streams {width:100%; min-height:650px; background-image: url(/images/Streams.png); background-repeat: no-repeat; background-position: center top; background-attachment: fixed; background-size: cover; padding:20px 0;}
.StreamBox {width:80%; margin:6% auto 0; background: #FFF; text-align: center; padding-bottom:30px;}
.StreamBox h2 {padding:20px 0;}
.StreamBox p {width:100%; margin:0 auto;}
.StreamBox hr {width:30%; margin:25px auto; background: #555; height:3px;}
.StreamBox .Button {width:118px; margin:0 auto;}

.PageHeading {width:100%; height:55vh; background-size:cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center center;}
.PageHeading h1 {text-align: center; padding-top:13vh; color:#FFF; letter-spacing: 1px; text-shadow: 1px 0px 10px rgba(0,0,0,0.50); line-height: 32px; font-size:36px;}
.PageHeading.Blog {background-image: url(/images/Article1.png); background-position: center center;}
.PageHeading.Blog .Meta {color:#FFF; font-size:14px; font-style:oblique; margin-top:15px; display: block; text-align: center; text-shadow: 1px 0px 10px rgba(0,0,0,0.50);}
.PageHeading.Subpage {background-image: url(/images/Article1.png);}
.PageHeading.Subpage {}

.BlogPost {margin-top:60px; padding:0 20px;}
.BlogPost img {margin-top:30px; margin-right:30px;}
.BlogPost h2 a {color:#281670;}
.BlogPost h2 a:hover {color:#4D399F;}
.BlogPost .Meta {color:#AAAAAA; font-size:14px; font-style:oblique; margin-top:15px; display: block;}
.BlogPost p {margin-top:15px;}
.BlogPost.Detail img {float:left; padding-right: 20px;}
.BlogPost.Detail .Meta {display:none;}
.BlogPost.Detail p {padding:0 10px;}

.paging {margin-top:100px; text-align: center;}

.primary-content-blog {max-width:620px; float:left;}
.archive-sidebar {width:200px; margin-top:125px; float:right; display:none;}
.archive-sidebar h3 { margin-top:40px;}
.archive-sidebar h3:nth-of-type(1) { margin-top:0px;}
.archive-sidebar li a {margin-top:15px; color:#281670; display: block;}
.archive-sidebar li li a {margin-left:15px;}

.Switchers {max-width:450px; margin:30px auto 0; display:none;}
.Switcher {width:200px; margin:15px auto 0; border-color:#281670; color:#281670;}
.Switcher:hover, .Switcher.Active {background: #281670; color:#FFF;}

.calendar-nav.list {max-width:600px; padding:0 20px;}
.calendar-nav {margin:22px auto;}
.calendar-nav li {width:50%; height:24px; float:left; padding-top:3px;}
.calendar-nav li a {color:#281670; font-weight: bold; text-decoration: none; padding-left:25px; background: url(/images/arrow-left.png) no-repeat; }
.calendar-nav li a:hover {background: url(/images/arrow-left-hover.png) left top no-repeat; color:#4D399F;}
.calendar-nav li:nth-of-type(2) {float:right; text-align: right; }
.calendar-nav li:nth-of-type(2) a {background: url(/images/arrow-right.png) right top no-repeat; padding-right:25px;}
.calendar-nav li:nth-of-type(2) a:hover {background: url(/images/arrow-right-hover.png) right top no-repeat;}

.calendar {width:100%;}
.calendar td {width: 14.2857%; height:100px; border: 1px solid #eee; vertical-align: top; padding:0; word-break: normal;}
.calendar .notinmonth {background:#ddd;}
.calendar .vevent a {text-decoration: none;}
.calendar .day {margin-left:10px; margin-top:3px; display:block;}
.calendar .vevent {font-size:14px; text-decoration: none; vertical-align: middle; margin-top:12px; margin-left:10px; line-height: 15px;}

.events-list {max-width:600px; margin:0 auto; padding:0 20px;}
.events-list .Event {padding-left:73px; padding-bottom:10px; padding-right:15px; min-height:200px; margin:20px auto; background: url(/images/Event.png) no-repeat; border:2px solid #281670;}
.events-list .Event h3 {margin-top:14px; margin-bottom:7px;}
.events-list .Event h3 a {color:#281670;}
.events-list .Event p {margin-top:20px;}

.event-detail {max-width:600px; width:90%; margin:0 auto;}

.SubpageSection .separator {border:none; background: #e3e3e3; height:1px; margin:60px 0; display:block; text-indent: -9999px;}

.LatestPost-Events {margin-top:50px;}
.LatestPost-Events hr {border:none; background: #e3e3e3; height:1px;}
.LatestPost-Events h2 {margin:70px auto; text-align: center;}
.LatestPost-Events .LatestArticle .Button {width:162px; margin:35px auto 20px;}
.LatestPost-Events .LatestArticle h3 a {color:#281670;}
.LatestPost-Events .LatestArticle h3 a:hover {color:#4D399F;}
.LatestPost-Events .LatestArticle {width:90%; margin:0 auto 50px;}
.LatestPost-Events .LatestArticle p {margin-top:20px;}
.LatestPost-Events .LatestArticle .Meta {color:#AAAAAA; font-size:14px; font-style:oblique;}
.LatestPost-Events .Event {width:227px; padding-left:73px; min-height:60px; margin:10px auto; background: url(/images/Event.png) no-repeat; border:2px solid #281670;}
.LatestPost-Events .Event h3 a {color:#555; font-size:14px; font-family: Avenir; margin-top:10px; line-height: 16px;}
.LatestPost-Events .Event .Meta {font-size:14px; color:#AAAAAA;}
.LatestPost-Events .Events .Button {width:160px; margin:35px auto 0;}

.SubpageSection {width:90%; max-width:600px; margin:100px auto;}
.SubpageSection h2 {margin-bottom:30px; color:#1B712B;}
.SubpageSection ul {margin:20px 0;}
.SubpageSection li {line-height: 20px; margin-bottom:25px; padding-left:30px; text-indent: -24px;}
.SubpageSection li:before {content:"• "; margin-right:12px; color:#1B712B;} 
.SubpageSection p {margin:20px 0;}
.SubpageSection p img {float:left; padding:8px 8px 8px 0;}

.Podcasts {width:90%; margin:0 auto;}
.Podcasts .modules.First .module:nth-of-type(1) {max-width:80%; max-width:none; margin: 50px 0 100px 0;  padding: 30px; border: 2px solid #1B712B;}
.Podcasts .modules .module:nth-of-type(1) {border:none;}
.Podcasts .module { max-width:80%; margin: 0 auto 50px auto; padding: 30px 0; border-top: 1px solid #e3e3e3;}
.Podcasts .module p {max-width:100%; margin:30px 0 50px 0;}
.Podcasts .module span {font-size: 75%; color: #999;}
.Podcasts .module > a {color:#1B712B; margin-bottom:15px; display: block; text-decoration: none;}
.Podcasts .module > a:hover {color:#38A14C;}
.Podcasts audio {width:100%;}
.Podcasts > .Button {width:200px; margin-top:40px;}
.Podcasts .Rss {background: url(../images/rss.jpg) no-repeat; border:none;}
.Books .Button {width:210px;}


.SectionImage div {width:100%; height: 550px; background-size: cover; background-attachment: fixed; background-repeat:no-repeat; background-position: center top; background-image: url(/images/Article1.png);}

.Mobile .SectionImage {display:none;}

.AlbumList {margin-bottom:140px;}
.AlbumList .album {width:170px; margin:40px auto;}
.album img {position:relative; transition:all 500ms cubic-bezier(0.25, 0.25, 0.75, 0.75) 0s; opacity: 0.35;}
.album:hover img {opacity:1}
.album .Overlay {width:170px; height:170px; background: #FFF; position:absolute; overflow: hidden;}
.album .Overlay span {transition: all 250ms cubic-bezier(0, 0, 0.58, 1) 0s; transform:scale(1); opacity: 1; display: block; position: relative; top:50%; margin-top:-20px; left:0; right:0; text-align: center; color:#000; font-weight: bold;}
.album:hover .Overlay span {transform:scale(2); opacity: 0;}
.imagelisting li {margin:40px auto; text-align: center;}

.Ministries:after {content: ""; display: table; clear: both; }

.Hub {max-width:900px; min-height:300px; margin: 40px auto; background-size:cover; background-repeat: no-repeat; background-position: top center; position: relative; color:#FFF; padding-bottom:20px;}
.Hub {border-radius: 6px; box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.6); height: 320px; margin-left: 1.5%; margin-right: 1.5%; overflow-y: hidden;}
.Hub .Overlay {width:100%; height:100%; position: absolute; top:0; left:0;
background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(134, 115, 99, 0.75) 100%)}
.Hub h2 {color:#FFF; text-align: center; padding-top:50px;}
.Hub p {text-align: center; padding:0 10px;}
.Hub .Left {float: none; position:relative; margin-left: 10%; width: 80%;}
.Hub .Left h2 {position: relative; margin-left: 0; padding-top: 30px; text-align: center; text-shadow: 1px 1px 10px rgba(0,0,0,0.8);}
.Hub .Right {display: none; position:relative;}
.Hub .Button {width:160px; margin: 20px auto; }
.Container.Ministries a {text-decoration: none;}


.ParishNav {display:none; width:200px; margin-right:50px; float:left; margin-top:140px; position: relative;}
.ParishNav.Fixed nav {position:fixed; top:0;}
.ParishNav .ActiveLine {width:6px; height: 50px; background: #1b712b; position: absolute; top:35px; right:0px; transition: top 0.5s ease;  -webkit-transition: top 0.5s ease; -moz-transition: top 0.5s ease;}
.ParishNav ul {width:200px; border-right:1px solid #E3E3E3; padding:35px 0;}
.ParishNav li {width:200px; height:50px; line-height: 50px; }
.ParishNav li a {font-size:12px; font-weight: bold; text-transform: uppercase; color:#333; cursor: pointer; display: block; text-align: center;}
.ParishNav li a:hover {background:#F3F3F3;}

.Parishes {max-width:600px; width:90%; float:none; margin:140px auto;}
.Parish {line-height: 26px; margin-bottom:140px;}
.Parish:last-child {margin-bottom:0;}
.Parish .Left {width:130px; float:left; margin-right:30px; margin-top:30px;}
.Parish .Right {float:left; margin-top:30px;}
.Parish h2 {text-align: center; color:#1B712B;}
.Parish a {color:#1B712B; text-decoration: none; transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -o-transition: color 0.3s ease; -moz-transition: color 0.3s ease;}
.Parish a:hover {color:#38A14C;}

.Mobile .ministries-slider {display:none;}
.Desktop .ministries-mobile {display:none;}

.ministries-mobile {margin-bottom:120px;}
.ministries-mobile h3 {text-align: center; height:60px; line-height: 60px; display: inline-block; text-transform: uppercase; font-family: Avenir; color:#333333; font-weight: bold; font-size:16px;}
.ministries-mobile .Text {display:none; padding-bottom:20px; text-align: left}
.ministries-mobile li {width:80%; margin:0 auto; border-bottom:2px solid #E3E3E3; list-style: none; text-align: center;}
.ministries-mobile li:last-child {border-bottom:2px solid #E3E3E3;}
.ministries-mobile .Button {width:250px; color:#1B712B; margin:20px auto;}

.Video {width:90%; float:none; margin:15px auto;}
.Video video { width:100% !important; display:block; float:none; margin:15px auto;}
.VideoName {text-align:center; display:block; font-weight: bold;}

.LiveStream iframe {width:80%; height:230px; margin:90px auto; display:block;}

.Radio31 img {width:90%; margin:40px auto; display:block;}
.Radio31 iframe {width:150px; margin:150px auto 80px; display:block;}
.Radio31 .Button {width:300px; margin:30px auto 0; display:none; cursor: pointer;}
.RadioText p {text-align: center;}
.RadioButton {width:50%;}
.RadioFollow {width:90%; text-align: center; float:none; margin:0 auto;}
.RadioFollow a {width:40px; height:40px; display:inline-block; margin-top:30px;}
.RadioFollow .Facebook {background: url(/images/Facebook.png) no-repeat;}
.RadioFollow .Twitter {background: url(/images/Twitter.png) no-repeat;}

#welfare-text {}
#welfare-items {display:none;}

.WelfareItem {max-width:920px; width:80%; min-height: 240px; margin:0 auto; border:2px solid #1B712B; padding:22px; border-top:none}
.WelfareItem:first-child {margin-top:30px; border-top:2px solid #1B712B;}
.WelfareItem:last-child {margin-bottom:30px;}
.WelfareItem h2 {text-align:center; margin-top:30px;}
.WelfareItem img {display:block; margin:0 auto;}
.WelfareItem p {margin-bottom:40px;}
.WelfareItem .ContactDetails {display:block; margin-bottom:10px;}
.WelfareItem .ContactDetails a, .WelfareItem .ContactDetails span {color:#1B712B; text-decoration: none; font-weight: bold;}
.WelfareButtons .Button {width:80%; margin:20px auto;}
.WelfareWrap .SubpageSection {margin-top:40px;}

.SearchResults {max-width:620px; width:90%;}
.SearchResults li {margin: 80px auto;}
.SearchResults li .GoToPage {margin-top:15px;}
.SearchResults li .GoToPage a {color:#333;}
.SearchResults li p {margin-top:25px;}

.ContactWrap {max-width: 800px; margin:50px auto;}
.ContactAddress {max-width:300px; padding-left: 20px; margin:0 auto; line-height: 27px;}
.ContactAddress h2 {color:#38A14C; margin-top:30px; margin-bottom: 20px;}

.ContactForm {max-width:300px; margin:0 auto;}
.ContactForm input, .ContactForm textarea {width:90%; height:40px; border:1px solid #D6D5D2; text-indent: 10px; display:block; resize: none; margin:30px auto 0;}
.ContactForm input:focus, .ContactForm textarea:focus {border:2px solid #38A14C;}
.ContactForm textarea {height:100px; padding-top:15px;}
.ContactForm .Button {width:90%; line-height: 30px; font-size:16px; margin:30px auto; background:none; border-color:#38A14C; color:#38A14C; cursor: pointer;}
.ContactForm .Button:hover {background:#38A14C; color:#FFF;}
.form-error-message {margin:15px auto;}

.ContactButtons {margin:45px auto;}
.ContactButtons a {display:block; margin:0 auto;}
.ContactButtons a img {width:90%; max-width: 300px; margin:10px auto; display:block;}

.remodal input, .remodal textarea {max-width:260px; width:90%; height:40px; border:1px solid #D6D5D2; text-indent: 10px; display:block; resize: none; margin:30px auto 0; font-size:14px;}
.remodal textarea {height:100px; padding-top:15px;}
.remodal input:focus, .remodal textarea:focus {border:2px solid #38A14C;}
.remodal .Button {max-width:260px;width:90%; line-height: 30px; font-size:16px; margin:30px auto; background:none; border-color:#38A14C; color:#38A14C; cursor: pointer;}
.remodal .Button:hover {background:#38A14C; color:#FFF;}
.remodal .form-error-message {max-width:250px; margin:5px auto;}
.remodal .clearfix {clear:both}
.remodal .Reasons input {width:auto; height:auto;}
.form-validation-error {border:2px solid red !important;}
.remodal .Reasons {}
.remodal .ReasonsLabel {display:block; margin:15px auto; max-width:260px; line-height: 20px;}
.remodal .Reasons .form-single-column {max-width:260px; width:90%; margin:15px auto;}
.remodal .Reasons .form-single-column span input {float:right; margin:0; text-indent: 0; max-width: none; }
.remodal .Reasons .form-single-column span label {width:130px; text-align:left; float:left; }
.remodal .Reasons .form-checkbox-item {display:block; padding-top:7px; }

#map-canvas {max-width:800px; height:300px; margin:40px auto; }

.Books {max-width: 800px; margin:70px auto 0;}
 p.date {font-size: 75%; color: #999;}
.Books p {margin-top: 30px;}
.Books audio {width: 100%;}
.Book {border: 2px solid #D2232A; padding:20px; margin-top:35px;}
.Book .Author {text-align: center; display:block; margin:5px auto;}
.Book img {height:100px; display: block; margin:0 auto;}
.Book:nth-of-type(3n) {clear:both;}
.Book .Title {max-width:300px; display: block; padding-top:10px; margin:0 auto; font-size:20px; text-align: center;}

.Bible {max-width:920px; margin:70px auto 0;}
.Bible iframe {margin:0 auto; display: block}

footer {width:100%; background: #333333;}
footer .FooterNavigation {display:none;}
footer a {color:#FFF; text-decoration: none;}
footer a:hover {text-decoration: underline; color:#FFF;}

footer .Social, footer .Address, footer .Newsletter {width:90%; margin:60px auto 0; text-align: center; }
footer .Social h3, footer .Address h3, footer .Newsletter h3 {color:#FFF; font-size:28px; font-family: LibreBaskerville; font-style:italic; margin-bottom:23px;}
footer .Social a {width:50%; display:block; color:#F3F3F3; font-size:14px; letter-spacing: 0.5px; text-transform: uppercase; margin:0 auto 20px; text-align: left;}
footer .Social img {display:inline-block; vertical-align: middle; margin-right:20px;}
footer .Social span {vertical-align: middle; display: inline-block;}

footer .Address {font-size:14px; color:#F3F3F3; line-height: 24px;}
footer .Address a {color:#FFF;}

footer .Newsletter input {width:90%; height:30px; display:block; line-height: 30px; font-weight:100; font-size:12px; text-indent: 5px; margin:0 auto 20px; font-family:Avenir;}
footer .Newsletter .Button {width:93%; height:50px; background: #333; border-color:#FFF; color:#FFF; cursor: pointer; font-size:14px; margin:0 auto;	}
footer .Newsletter .Button:hover {background: #FFF; color:#333;}

footer .Bottom {min-height:50px; background:#212121; font-size:14px; color:#FFF; margin-top:70px;}
footer .Bottom .Left {display:block; padding:20px 10px 0 10px; text-align: center; line-height: 20px;}
footer .Bottom .Right {display:block; padding:20px 0; margin-right:13px; text-align: center;}

.cats, .tags {width:45%; float:left; margin-left:27px; margin-top:40px;}
.cats li, .tags li {float:left; margin-right:15px; margin-top:5px;}

.EventBrite {margin-top:20px; display:block;}

.remodal2 {text-align: left;}
.remodal2 li {line-height: 26px;}
.Privacy {text-decoration: none; color:#FFF; margin-left:20px;}
.Privacy:hover {text-decoration: underline; color:#FFF;}




@media screen and (min-width: 600px) and (max-width: 720px) {
	footer .Social a {width:30%;}
}

@media screen and (min-width: 720px) and (max-width: 960px) {
	.StreamBox {width:31%;}
	.StreamBox:first-child {margin-left:9px !important;}
	
}

@media screen and (min-width: 720px) and (max-width: 850px) {
	.Head nav li a {padding:0 14px !important;}
	.Head #Logo img {width:44%;}
	.StreamBox {width:31%;}
	.ParishNav {display:none !important; }
	.Parishes {margin:140px auto !important; float: none !important;}
	.ContactForm {float:none !important; margin:auto !important;}
	.ContactAddress {float:none !important;}
	.archive-sidebar {display:none !important;}
	.primary-content-blog {margin-bottom:70px;}
	footer .Container {width: 90%;}
	footer .Social span {font-size:11px !important;}
	footer .Social img {margin-right:12px !important;}
	footer .Newsletter .Button {font-size:12px !important;}
	.Services-Events .Services {margin-left:12px;}
	
	.ContactButtons a img {max-width:230px !important;}
}

@media only screen and (min-width: 720px) {
	.Head {height:160px;}
	.Head .MenuIcon {display:none;}
	.Head nav {width:100%; height:50px; margin:16px auto 0; background: #FAF5F1; border-top:2px solid #ECE2DB; display: block;}
	.Head nav ul {max-width:940px; margin:0 auto; line-height: 50px; position:relative;}
	.Head nav li:first-child {margin-left:10px;}
	.Head nav li {float:left; font-weight: bold;}
	.Head nav li:hover, .Head nav .Active, .Head nav .selected {background: #ECE2DB;}
	.Head nav li a {font-size:12px; padding:0 20px; display:block; text-transform: uppercase; color:#555; text-decoration: none;}
	.Head .MobileNavButton {display:none;}
	.Head .DonateSearchWrap {height:80px;float:right; margin-right:10px;}
	.Head .DonateButton {display:block; width:103px; height:34px; text-align: center; line-height: 34px; font-weight: bold; background-color:#D2232A; color:#FFF; text-decoration: none; border:4px solid #D2232A; margin-top:20px; margin-right:45px;}
	.Head .SearchForm {display:block; float:left;}
	.Head .SearchInput {display:block; width:200px; height:36px; margin-top:20px; border:1px solid #E3E3E3; text-indent: 30px; color:#AAAAAA; font-size:12px; letter-spacing: 0.4px;}
	.Desktop .Head .GoBack {display:none;}
	
	.Head nav ul ul {display:none; width:160px; position:absolute; top:50px; z-index: 11; background:#FAF5F1; padding: 5px 20px 15px 0; border-radius: 0 0 5px 5px;} 
	.Head ul ul li {width:150px; height:auto; min-height: 20px; line-height: 15px; float:none; margin:0; padding: 1px 0 3px 20px; position:relative;}
	.Head ul ul li a {width:100%; margin:0; display:block; padding:5px 0; font-size:10px;}
	.Head ul ul li:first-child {margin:0;}
	.Head ul li:hover ul {display:block;}
	.Head ul li:hover ul ul {display:none;}
	.Head ul ul ul {display:none; left:170px; top:-5px; position:absolute;}
	.Head ul ul li:hover ul {display:block;}
	
	
	.Slider .Caption {width:60%;}
	.Slider h2 {font-size:36px;}
	.Slider p {font-size:20px;}
	.Slider .Button {margin-top:70px;}
	
	.PageLinks h2 {font-size:36px; font-size: 42px; font-weight: bold;}
	.PageLinks p {max-width:600px; font-size:20px; line-height: 31px; font-weight: bold; margin: 30px auto;}
	
	.LatestNews .Column {width:60%; float:left;}
	.LatestNews .LatestArticle p {max-width:410px;}
	.LatestNews .LatestArticle .Button {margin:32px 0;}
	.LatestNews .LatestArticle .TextWrap {border-right:1px solid #E3E3E3;}
	.LatestNews .LatestArticle hr {display:none;}
	.LatestNews .Column2 {width:40%}
	.LatestNews .Column2 h3 { margin:20px 0 5px;}
	.LatestNews .Column2 hr { margin-top:30px;}
	.LatestNews .Column2 .Button {width:130px;}
	.LatestNews .Meta {margin-top:0px;}
	
	.Services-Events .Services {width:55%; float:left;}
	.Services-Events .Services {border-right:1px solid #E3E3E3;}
	.Services-Events .Service {margin:0}
	.Services-Events .Events {width:43%; float:left;}
	.Services-Events .Event .Meta {margin-top:0px;}
	
	.StreamBox {max-width:300px; float:left; margin-left:20px; background: #FAF5F1; text-align: center;}
	.StreamBox:first-child {margin-left:0;}
	.StreamBox h2 {padding:20px 0;}
	.StreamBox p {width:100%; margin:0 auto;}
	.StreamBox hr {width:30%; margin:40px auto; background: #555; height:3px;}
	.StreamBox .Button {width:118px; margin:0 auto;}
	
	.PageHeading.Blog h1 {font-size:36px; padding-top:13vh;}
	
	.BlogPost {margin-top:120px;}
	.BlogPost.Detail p {}
	.archive-sidebar {display:block;}
	
	.Switchers {display:block;}
	.Switcher {margin-right:30px; float:left;}
	.Switcher:nth-of-type(2) {margin-right:0;}
	
	.calendar-nav.list {padding:0;}
	.calendar-nav {margin:60px auto 120px;}

	.events-list {padding:0;}
	.event-detail {width:100%;}
	
	.LatestPost-Events .Column {width:60%; float:left;}
	.LatestPost-Events .Events {width:40%}
	.LatestPost-Events .LatestArticle p {max-width:410px;}
	.LatestPost-Events .LatestArticle .Button {margin:32px 0;}
	.LatestPost-Events .LatestArticle .TextWrap {border-right:1px solid #E3E3E3;}
	.LatestPost-Events .LatestArticle hr {display:none;}
	.LatestPost-Events .Column2 {width:40%}
	.LatestPost-Events .Column2 h3 { margin:20px 0 5px;}
	.LatestPost-Events .Column2 hr { margin-top:30px;}
	.LatestPost-Events .Column2 .Button {width:130px;}
	.LatestPost-Events .Meta {margin-top:0px;}
	.LatestPost-Events .Event {width:227px; padding-left:73px; min-height:60px; margin:10px auto; background: url(/images/Event.png) no-repeat; border:2px solid #281670;}
	.LatestPost-Events .Event h3 a {color:#555; font-size:14px; font-family: Avenir; margin-top:10px; line-height: 16px;}
	.LatestPost-Events .Event .Meta {font-size:14px; color:#AAAAAA;}
	.LatestPost-Events .Events .Button {width:160px; margin:35px auto 0;}
	
	.AlbumList .album {position:relative; float:left; margin:40px 20px;}
	.imagelisting li {float:left; margin-left:20px; margin-top:40px; margin-bottom:40px; text-align: left;}

	
	.Video {width:46%; margin-top:40px; margin-left:30px; float:left; }
    .Video video {width:auto !important; height:200px !important;}
	
	.Hub {float:left; position: relative; width:30%; background-size: 100% 46%;}
	.Hub .Left {position:static;}
	.Hub .Overlay {background-image:none;}
	/*.Hub .Left {width:60%;float:left; margin-left:40px;}*/
	.Hub .Left h2 {position: relative; text-align: center; margin-left:0px; padding-top:165px; font-size:17px; line-height: 23px; color:#555; text-shadow:none;}
	.Hub p {position: absolute; top: 190px; overflow: hidden; text-align: center; margin-top:20px; padding: 0; left: 10%; width: 80%;max-height: 105px; font-size:14px; line-height: 20px; color:#555;}
	.Hub .Right {float:left; position: static;}
	.Hub .Right .Button {position:absolute; bottom:34px; right:60px;}
	
 	.Book {width:25%; margin-right:20px; float:left; border:none;}
 	.Book:nth-of-type(3n) {margin-right:0;}
 	.Book img {display: block;}
 	.Book .Title {display: block; padding-top:10px; font-size:20px;}
 	.Book a {text-decoration: none;}
 	.remodal .Author {display:block; margin:30px auto;}
 	
 	.Streams {margin-bottom: -158px;}
	footer {margin-top:160px;}
	footer .FooterNavigation {display:block;}
	footer .Social, footer .Address, footer .Newsletter {width:33%; margin:0; float:left; text-align: left;}
	footer .Social a {margin:0 0 20px 0;}
	footer ul ul {display:none;}
	footer hr {background: #555555; border:none; height:1px; margin:65px auto;}
	footer .Column {width:25%; margin-top:65px; float:left;}
	footer .Column h3 {font-family: Avenir; font-size:18px; color:#FFF;}
	footer .Column li a {font-size:14px; font-style: oblique; color:#AAAAAA; text-decoration: none; line-height: 28px;}
	footer .Column li a:hover {color:#FFF;}
	footer .Column1 li a {color:#FFF; font-size:18px; font-style:normal; text-decoration: none; line-height: 28px;}
	footer .GoBack {display:none;}
	footer .Bottom .Left {float:left;}
	footer .Bottom .Right {float:right;}
	footer .Newsletter input {margin:0 0 20px 0;}
	footer .Newsletter .Button {margin:0;}
	
	
	.nav-wrap { width: 700px; margin: 50px auto 20px; border-bottom: 2px solid #ECE2DB; }
	.ministries-slider-controls { margin: 0 auto; list-style: none; position: relative; }
	.ministries-slider-controls li { display: inline-block; margin-left:45px; }
	.ministries-slider-controls li a { color: #1B712B; font-size: 12px; display: block; float: left; padding: 6px 10px 4px 10px; text-decoration: none; text-transform: uppercase; font-weight: bold; }
	.ministries-slider-controls li a:hover { color: #38A14C; }
	.ministries-slider-controls .flex-active a {color:#38A14C}
	#magic-line { position: absolute; bottom: -2px; left: 0; width: 100px; height: 5px; background: #38A14C; margin:0; }
	
	.flex-viewport {margin-bottom:85px;}
	.ministries-slider .slides p {max-width:620px; margin:30px auto; font-size:14px; line-height: 24px;}
	.ministries-slider h3 {display:none;}
	.ministries-slider .slides .ButtonsWrap {max-width:620px; margin:0 auto; display: block; text-align:center;}
	.ministries-slider .slides .Button {border-color:#1B712B; color:#1B712B; width:153px; height:46px; display:inline-block; line-height: normal; margin-top:20px; margin-left:26px; padding:2px 2px; font-size:15px;}
	.ministries-slider .slides .Button:hover {background:#1B712B; color:#FFF;}
	.ministries-slider .slides .Button span {display: inline-block; top:50%; position: relative; margin-top:-25px; vertical-align: middle; }
	
	.ParishNav {display:block;}
	.Parishes {width:100%; float:left; margin:140px 0;}
	
	.LiveStream iframe {width:100%; height:540px;}
	.Radio31 img {width:50%;}
	.Radio31 .Button {display:block;}
    .RadioFollow {width:50%; float:left;}
	
	.WelfareItem .Left {width:28%;float:left;}
	.WelfareItem .Right {width:65%;float:right;}
	.WelfareItem h2 {margin-top:0; text-align: left;}
	.WelfareItem .ContactDetails {display:inline-block; margin-right:30px;}
	.WelfareButtons {max-width: 450px; margin:30px auto 0;}
	.WelfareButtons .Button {width:200px; float:left; margin-right:20px;}
	.WelfareButtons .Button:nth-of-type(2) {margin-right:0;}
	
	.ContactForm {width:300px; float:left; margin-left:172px;}
	.ContactForm input, .ContactForm textarea {width: 90%;}
	.ContactAddress {float:left;}
	.ContactAddress a {color:#555;}
	.ContactButtons a img {width:90%; max-width: 250px; margin-right:15px !important; float:left;}
	.ContactButtons a:last-child img {margin-right:0 !important;}
	.remodal .Reasons .form-single-column {width:90%;}
	

}

@media only screen and (max-width: 800px) {
	.contactMe {margin: 40px auto !important; border:0;}
}

@media only screen and (min-width: 900px) {
.contactMe {float: left !important; margin-left: 172px !important; border:0;}
}

	
	
	

@media only screen and (min-width: 1200px) {
	.Streams .Container {max-width:1050px; }
	.Streams .StreamBox {margin-left:50px; }
}

.standout {

font-weight:800;
background-color:#D2232A;
color:#fff;
padding:10px;
text-indent:0px !important;
width:100px !important;}

.contactMe .Button {width: 100%; line-height: 30px; font-size: 16px; margin: 30px auto; background: none; border-color: #38A14C; color: #38A14C; cursor: pointer;}
.ContactMe .Button:hover {background: #38A14C; color:#FFF;}
.contactMe > section {background: #FAF5F1;}

.contactMe {width: 320px !important; border: solid 0px #C9C9C9 !important;}

.ContactMe input, .ContactMe textarea {height:40px; border:1px solid #D6D5D2; text-indent: 10px; display:block; resize: none; margin:30px auto 0;}
.ContactMe input:focus, .ContactMe textarea:focus {border:2px solid #38A14C;}
.ContactMe textarea {height:100px; padding-top:15px;}
.ContactMe .Button {line-height: 30px; font-size:16px; margin:30px auto; background:none; border-color:#38A14C; color:#38A14C; cursor: pointer;}
.ContactMe .Button:hover {background:#38A14C !important; color:#FFF !important;}
.contactMe > section {background: #FAF5F1 !important;}

.Button.Purple {width: 200px; margin: 50px auto 0;}