/***** CSS Reset *****/
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 {
line-height: 1;
-webkit-text-size-adjust: 100%;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*************************/
html {font-size:62.5%;}
body {
color:#000000;
font-size:16px;
font-size:1.6em;
font-weight:normal;
font-family:'Raleway', sans-serif;
line-height:1;
background:#FFFFFF;
}
body>iframe {display:none;} /* This kills the empty iframe from captcha that causes a white block at the bottom of the contact page. */
strong {font-weight:bold;}
/***** Default Links *****/
a, a:active, a:visited {color:#f778a1;text-decoration:none;}
a:hover, .followMe:last-of-type:hover {color:#f778a1;text-decoration:none;}
/***** Default Lists *****/
ul.list {
list-style:disc;
margin:0;
padding-left:20px;
}
/***** Default Container Classes *****/
header, .inner, footer {
max-width:1000px;
position:relative;
margin:0 auto;
overflow:auto;
}
header {overflow:hidden;}
/***** Default Headers *****/
h1, h2, h3 {
display:block;
color:#000000;
font-size:40px;
font-size:4rem;
font-family:Georgia;
line-height:1;
margin-bottom:40px;
}
h2 {font-size:30px;font-size:3rem;margin-bottom:20px;}
h3 {font-size:22px;font-size:2.2rem;margin-bottom:20px;}
/***** Defaults *****/
p {line-height:1.7;margin-bottom:20px;}
.grayLine {margin:60px 0 50px;border-top:1px solid #AAAAAA;}
.FacebookLikeButton {padding-top:20px;}
.center {text-align:center;}
.right {text-align:right;}
.noMargin {margin:0;}
.section.nestedSection {padding:0;}
.col.noTopMargin {margin-top:0;}
.col.noTopBotMargin {margin-top:0;margin-bottom:0;}
.white {color:#ffffff;}
.darkGray {color:#444444;}
.bgGray {background:#dfdddc;}
.bgDarkGray {padding:40px 0 20px;background:#333333;}
.ui-widget-overlay {background:#333333;opacity:0.9;}
/***** Header Section *****/
.topBar {font-size:14px;font-size:1.4rem;color:#ffffff;padding:20px 0;}
.topBar a {color:#ffffff;}
.topBar a:hover {color:#97d9d8;}
.pipe {display:inline-block;padding:0 10px;}
.header {overflow:visible;}
.freeGift {position:absolute;left:0;top:0;width:100px;height:100px;margin:-40px 0 0 -10px;}
.logo {margin:30px 0 0;}
/***** Navigation Menu *****/
nav {text-align:center;}
nav ul {display:inline-block;overflow:visible;background:transparent;}
nav li {float:left;}
nav li a {display:block;font-size:13px;font-size:1.3rem;padding:30px 25px 25px;letter-spacing:1px;}
nav li a:link, nav li a:active, nav li a:visited {color:#333333;}
nav li a:hover, nav li a.active {color:#888888;}
nav li a.last {border:0;}
/***** Dropdown Menu *****/
ul {
padding:0;
margin:0;
list-style: none;
}
nav li {
float:left;
position:relative;
padding:0;
margin:0;
border:0;
z-index:9992;
}
nav li ul {
display:none;
position:absolute;
top:1em;
left:0;
}
nav li > ul {
top:auto;
left:0;
}
nav li ul li {margin:0;}
nav li:hover ul, nav li.over ul {display:block;}
/***** Submenu Styles *****/
.subMenu li {text-align:left;}
.subAbout li {width:180px;}
.subMinistries li {width:130px;}
.subMedia li {width:170px;}
.subMenu li a:link, .subMenu li a:visited {
padding-top:15px;
padding-bottom:15px;
background:#ffffff;
border-bottom:1px solid #c9c9c9;
}
.subMenu li a:link.lastSub {border:0;}
/**************************/
.mobileMenu {margin-top:20px;}
.mobileMenu li {width:100%;background:#ffffff;}
.mobileMenu a {display:block;color:#333333;font-size:16px;font-size:1.6rem;padding:15px 0 15px 10%;border-bottom:1px solid #CCCCCC;}
.mobileMenu ul ul {display:none;background:#efefef;}
.mobileMenu li li {text-align:left;}
.mobileMenu li li a {padding-left:15%;}
.mobileMenu a:hover {cursor:pointer;}
.mobileMenu .subMenu li a:link, .subMenu li a:visited {background:#f1f1f1c;}
.mobileMenu a.last {border:0;}
.mobileMenuLink {display:inline-block;clear:right;margin:20px;}
/***** Content *****/
#slider_mobile, .mobileMenuIconContainer, .mobileMenu, .mobileOnly {display:none;}
.sarahNewsletter {width:100%;height:auto;display:block;}
.headerInterior, .headerInterior_mobile {font-size:0;}
.headerInterior img, .headerInterior_mobile img {width:100%;}
.contentPad {padding:60px 0;}
.btnReadMore {display:inline-block;margin-top:20px;}
.innerNav {margin-top:30px;padding-top:-5px;border-top:1px solid #333333;border-bottom:1px solid #333333;}
.showDetails h2, .showDetails h3 {margin-bottom:10px;}
.dateBlock, .wysiwyg span.dateBlock {display:inline-block;margin-right:25px;}
.calDay, .wysiwyg span.calDay {display:block;font-size:46px !important;font-family:'Old Standard TT', serif;text-align:center;line-height:1.3 !important;}
.calMonthYear, .wysiwyg span.calMonthYear {font-size:11px !important;font-size:1.1rem !important;font-family:arial;letter-spacing:1px;text-transform:uppercase;padding-top:5px;border-top:1px solid #333333;}
.instagram {position:relative;font-size:0;}
#instafeed a, .instagram a {display:inline-block;width:16.66666667%;height:auto;}
#instafeed img, .instagram img {width:100%;}
.instagram .instagramLink {width:auto;}
.followMe {display:inline-block;color:#204072;font-size:14px;font-size:1.4rem;font-family:Arial;letter-spacing:1px;margin:40px 20px 0 0;}
.followMe:last-of-type {color:#2E5E86;}
/***** Lists *****/
.arrowList, .wysiwyg ul {margin:0 0 20px 20px;padding-left:20px;list-style-image:url('../img/arrow.png');}
.arrowList li, .wysiwyg li {padding:5px 0;line-height:1.3;}
.viewAll {display:block;margin-top:10px;}
/***** WYSIWYG Content *****/
.wysiwyg {min-height:200px;}
.wysiwyg h2 {font-size:24px;font-size:2.4rem;margin-bottom:10px;line-height:1.2;}
.wysiwyg p {font-size:inherit;line-height:1.7;}
.wysiwyg p+ul {margin-top:-10px;}
.wysiwyg li+ul {list-style:circle;margin-bottom:0;}
.wysiwyg span {font-size:inherit !important;line-height:inherit !important;}
.imageLeft {float:left;margin:0 40px 40px 0;}
.imageRight {float:right;margin:0 0 40px 40px;}
.imageCenter {display:block;margin:0 auto;}
/***** News and Events *****/
.newsDetails, .eventDetails {margin-bottom:50px;}
.eventTitle, .eventInfo, .newsTitle, .newsInfo {display:block;line-height:1.5;}
.newsInfo, .eventInfo {min-height:200px;overflow:auto;}
.news h2, .events h2 {color:#f778a1;font-size:170%;margin-bottom:10px;}
.eventDetails span {display:block;padding:5px 0;}
.newsImgContainer, .eventImgContainer {float:right;margin-left:30px;overflow:auto;}
.newsImgContainer img, .eventImgContainer img {float:right;clear:right;max-width:300px;margin-bottom:30px;}
.blogTitle {display:inline-block;line-height:1.5;font-family:Georgia;margin-bottom:30px;}
/***** Photo & Video Gallery *****/
.photoGalleryImages img {width:100%;max-width:100%;}
.videoDescription {margin:10px 0 50px;}
.videoWrapper {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:97%;}
.videoWrapper iframe, .videoWrapper object, .videoWrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}
/***** Facebook Like Button *****/
#FacebookLikeButton {margin-top:20px;}
/***** Contact Section *****/
.contactInfo {line-height:1.5;}
.contactInfo span {display:block;}
#googleMap {height:400px;width:100%;}
/***** Contact Form Table *****/
input, textarea {width:100%;color:#444444;font-size:16px;font-size:1.6rem;font-family:Arial;padding:15px 0;text-indent:10px;margin-bottom:10px;border:1px solid #CCCCCC;}
textarea {width:98%;padding-left:10px;text-indent:0;}
#recaptcha_response_field {color:#58595B;padding:5px;border:1px solid #DFDFDF !important;}
.recaptchatable {background:#FFFFFF;}
.recaptchatable a, .recaptchatable a:hover {color:#555555 !important;font-size:14px;font-size:1.4rem;} /*** CAPTCHA Links ***/
#recaptcha_response_field {font-size:14px !important;font-size:1.4rem !important;text-indent:0;padding:5px !important;}
input.submitButton {
color:#FFFFFF;
width:auto;
text-indent:0;
padding:15px 25px;
margin:10px 0 0;
border:0;
background:#f778a1;
transition-property:background;
transition-duration:.2s;
transition-timing-function:linear;
-webkit-appearance:none; /* kills weird styling Apple does to the button on the phone. Dumb Apple. */
}
input.submitButton:hover {cursor:pointer;background:#97d9d8;}
/***** Form Error Message *****/
#errorMessage, #successMessage {
width:auto;
color:#FFFFFF;
line-height:24px;
padding:20px;
margin-bottom:20px;
border:1px solid #CCC;
background:#CC3333;
}
#successMessage {
color:#58595B;
padding-left:70px;
background:#DFF2BF url("../img/greenCheck.png") no-repeat 10px 50%;
}
span.errorGeneral, span.errorLine {display:block;}
span.errorLine {text-indent:15px;}
/***** Footer *****/
.footer {color:#30302f;line-height:2;padding:30px 0;}
.footer a {color:#30302f;}
.navFooter h4 {font-size:110%;font-weight:700;}
.navFooter li {font-size:14px;font-size:1.4rem;line-height:1.5;}
.footer a:hover {color:#97d9d8;}
.newsletter {overflow:hidden;}
.newsletterBlurb {font-size:24px;font-size:2.4rem;}
#prayerForm input, #prayerForm textarea, #recaptcha_table {margin-bottom:0;border:0 !important;}
.recaptchatable #recaptcha_response_field {border:1px solid #CCC !important;}
#mc_embed_signup form {padding:0 !important;margin-top:0 !important;}
#mc_embed_signup .mc-field-group {min-height:1px !important;padding-bottom:0 !important;}
#mc_embed_signup .mc-field-group .asterisk {top:5px !important;right:15px !important;color:#6b0505 !important;font-size:140% !important;}
#mc_embed_signup .mc-field-group input {display:inline-block !important;width:40% !important;height:40px !important;text-indent:15px !important;padding:0 !important;margin-bottom:0 !important;}
#mc_embed_signup .mc-field-group input.button {width:18% !important;height:42px !important;line-height:42px !important;font-size:16px !important;font-size:1.6rem !important;font-family:Georgia !important;font-weight:400 !important;padding:0 !important;margin-top:0 !important;text-indent:0 !important;background:#f778a1 !important;border:0;border-radius:0 !important;transition-property:background;transition-duration:.2s;transition-timing-function:linear;}
#mc_embed_signup .mc-field-group input.button:hover {background:#97d9d8 !important;}
#mc_embed_signup div#mce-responses {margin:0 !important;}
#mc_embed_signup div#mce-responses a {color:#97d9d8 !important;}
#mc_embed_signup div.response {width:100% !important;font-weight:400 !important;line-height:1.3 !important;margin:0 !important;}
#mc_embed_signup div.mce_inline_error {font-weight:400 !important;margin:5px 0 0 !important;}
#mc_embed_signup #mce-success-response {color:#ffffff !important;}
.section.copyright {padding-top:60px;}
/*#mc_embed_signup form {padding:0 !important;width:auto;}
#mc_embed_signup .mc-field-group {min-height:10px !important;padding:0 !important;}
#mc_embed_signup input {display: inline-block !important;width:50% !important;padding:12px 0 8px !important;text-indent:10px !important;margin-bottom:0 !important;border:0 !important;}
#mc_embed_signup input.email {width:50% !important;margin-right:10px;}
#mc_embed_signup div.mce_inline_error {float:left;clear:left;width:49%;padding:8px 0 8px 5px !important;margin:0 !important;text-indent:0;letter-spacing:-0.5px;}
#mc_embed_signup input.button {display:inline !important;width:auto !important;color:#0190CE !important;font-size:16px !important;font-size:1.6rem !important;text-indent:0 !important;padding:9px 20px !important;margin:0 !important;height:auto !important;line-height:normal !important;background-color:#FFFFFF;}
#mc_embed_signup input.button:hover {background-color:#eeeeee;}
#mc_embed_signup div#mce-responses {padding:0 !important;margin:0 !important;}
#mc_embed_signup #mce-success-response {color:#FFFFFF !important;padding:0 !important;}*/
/* popup - These are the classes that can be styled /*
ui-dialog: The outer container of the dialog.
ui-dialog-titlebar: The title bar containing the dialog's title and close button.
ui-dialog-title: The container around the textual title of the dialog.
ui-dialog-titlebar-close: The dialog's close button.
ui-dialog-content: The container around the dialog's content. This is also the element the widget was instantiated with.
ui-dialog-buttonpane: The pane that contains the dialog's buttons. This will only be present if the buttons option is set.
ui-dialog-buttonset: The container around the buttons themselves.
*/
.ui-dialog {width:40% !important;z-index:9999 !important;}
#ui-id-1 {display:none;}
#popUp a {display:inline-block;color:#ffffff;font-family:Georgia;padding:15px 25px;margin-bottom:20px;background:#f778a1;border-radius:4px;}
.sarahPopup {width:100%;height:auto;}
.popupBlurb {width:90%;color:#333333;font-size:14px;font-size:1.4rem;font-weight:700;margin:10px auto;}
.italic {font-style:italic;font-weight:400;font-size:13px;font-size:1.3rem;}
.ui-dialog .ui-dialog-titlebar {padding:0;}
.ui-dialog .ui-dialog-titlebar-close {height:30px;width:30px;margin-top:5px;z-index:1;}
.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle {
border: none;
background: none;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: 0;
background: none;
overflow: hidden;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-size:16px;font-size:1.6rem;}
#mc_embed_signup.popupEmail {width:80% !important;margin:0 auto !important;}
#mc_embed_signup.popupEmail .mc-field-group input.button {width:100% !important;}
#fancybox-wrap {z-index:9999 !important;}
.instagram {display:none;}