/*
 Theme Name:   St. John's
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.5
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/

html {
	overflow-x:hidden;
}

body {
	overflow-x:hidden;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'AmerigoBT-MediumA', serif;
}

h1 {
	font-size:68px;
}

h2 {
	font-size:48px;
}

h3 {
	font-size:36px;
}

h4 {
	font-size:30px;
}

h5 {
	font-size:26px;
}

h6 {
	font-size:20px;
}

p {
	font-family: 'Raleway', sans-serif;
	line-height:1.8rem;
}

a {
	font-family: 'Raleway', sans-serif;
	color:#31C4E6;
}

.tribe-events-calendar-list__event-wrapper .tribe-common-g-col {
	width: inherit !important;
}

/* Updated 11/6/23 */

.tribe-common .tribe-common-g-col {
	width:inherit;
}

.tribe-events .tribe-events-calendar-list__event {
	width: inherit !important;
}

/*.tribe-common-l-container .tribe-events-calendar-list__event-wrapper .tribe-common-g-col img {
	width:25% !imporant;
}
*/

.tribe-events-calendar-list__event-featured-image {
	width:25% !important;
}

.tribe-events .tribe-events-calendar-list__event-date-tag {
	width:65px !important;
}

.tribe-common-c-svgicon {
	width:15px;
}

.logo-container {
	padding-top:50px;
}

.navbar img {
	width:200px;
	height:60px;
	max-width: none;
}

.navbar a {
	color:white !important;
	font-weight:bold;
	margin-left:15px;
}

.navbar a img {
	margin-left:7px;
}

.navbar-toggler {
	float:right;
	background:white;
}

.page-id-27 .widget-area {
	height:850px;
}

.page-id-150 .navbar a {
	color:white !important;
}

.page-id-150 .navbar a.give {
	color:black !important;
}

.navbar .menu-item-205 a {
	background:white;
	color:black !important;

}

.page-id-150 .dropdown-menu li a {
	color:black !important;

}

.dropdown-menu li a {
	color:black !important;
	margin-left:0;
}

.dropdown-item.active, .dropdown-item:active {
	background-color:#EC1B2E;
	color:white;
}

.btn {
	width:182px;
	height:40px;
	font-size:16px;
	font-family: 'Raleway', sans-serif;
	
}

#searchsubmit {
	width:auto !important;
}

#s {
	width:150px;
}

.red {
	background:#EC1B2E !important;
	color:white !important;
}

.red:hover {
	background:#C61727 !important;
	color:white;
}

.blue {
	background:#82C9F0;
}

.blue:hover {
	background:#5FC2F9;
}

.green {
	background:#006838;
	color:white;
}

.green:hover {
	background:#009852;
	color:white;
}

.outline {
	background:transparent !important;
	border:2px solid #414042 !important;
	color:#414042 !important;
}

.outline:hover {
	background:#414042 !important;
	border:2px solid #414042 !important;
	color:white !important;
}

.outline-white {
	background:transparent !important;
	border:2px solid white !important;
	color:white !important;
}

.outline-white:hover {
	background:white !important;
	border:2px solid white !important;
	color:black !important;
}

.give-container {
	background:white;
	padding:10px;
	margin-right:100px;
	border-radius:5px;
}

a.give {
	color:black !important;
	border:2px solid orange;
	font-size:12px;
	margin-left:0;
	text-transform: uppercase;
	width: auto;
	height:auto;
}

.give-container2 {
	margin-top:50px;
	padding:10px;
	border-radius:5px;
	text-align: center;
}

a.give2 {
	color:black !important;
	background:white;
	border:5px solid orange;
	font-size:12px;
	margin-left:0;
	text-transform: uppercase;
	font-size:18px;
	font-weight: bold;
	width: auto;
	height:auto;
	transition-duration: 0.5s;
}

a.give2:hover {
	background:#FBB040;
	color:white;
}

.heart {
	color:#EC1B2E;
	padding-right:5px;
}

.underline {
  background-repeat: no-repeat;
}

.underline--stars {
  background-image: url("./img/title_bug.png");
  display: inline-block;
  width:135px;
  height:50px;
  background-position: 10px 10px;
  
  color: #f2f3f8;
}

.cell {
  margin-left: auto;
  margin-right: auto;
  
}

.red-container {
	background:#EC1B2E;
	color:white;
}

.black-container {
	background:#313032;
	color:white;
}

#custom_html-78 a.btn {
	margin-top:0 !important;
}

/* Home Page Styles
========== */

.hero-image {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(./img/header_homepage.jpg) no-repeat center center fixed; 
  background-size: cover;
  position: relative;
  height:500px;
  margin-top:-85px;
  z-index:-1;
}

.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width:90%;
  transform: translate(-50%, -50%);
  color: white;
}

.video-container {
z-index: -100;
width:100%;
overflow:hidden;
position:absolute;
top:0;
left:0;
}

#video-bg{
  width:100%;
 
}

.video-container:before {
  content:"";
  position: absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  z-index:1;
  background:none;
  opacity:0.6;
}

.video-black:before {
	background:#313032 !important;
}

.video-blue:before {
	background:#054262 !important;
}

.hero-container {
	background: url('https://saint-john.org/wp-content/themes/St. Johns/img/header_homepage.jpg');
  	background-size: 300px 100px, cover;
}

.hero-title {
	text-align: center;
	margin-top:10%;
	color:white;
}

.hero-title h1 {
	margin-top:-15px;
	
}

.hero-title h3 {
	font-style: italic;
	font-size:36px;
}

.section {
	padding:75px 0;
}

.table {
	color:white;
}

.site table {
	color:#313032;
	font-family: 'Raleway', sans-serif;
}

ul{
	color:#313032;
	font-family: 'Raleway', sans-serif;
}

ol {
	color:#313032;
	font-family: 'Raleway', sans-serif;
}

.header-message {
	background:#EC1B2E;
	color:white;
	padding-top:5px;
	text-align: center;
}

.header-message p {
	margin-bottom:6px;
}

.church-at-home {
	margin-top:-10%;
}

.church-at-home-container {
	background:white;
	border-radius:5px;
	padding:15px;
	box-shadow: 0 4px 4px rgba(0,0,0,0.12), 
              0 8px 8px rgba(0,0,0,0.12),
              0 16px 16px rgba(0,0,0,0.12);
}

.church-at-home-border {
	border:2px solid #FAAF40;
	padding:25px;
	
}

.church-at-home-title {
	text-align: center;
	background:#FBB040;
	margin-top:-42px;
	padding:10px 20px;
	color:white;
	box-shadow: 0 4px 4px rgba(0,0,0,0.12), 
              0 8px 8px rgba(0,0,0,0.12),
              0 16px 16px rgba(0,0,0,0.12);
}

.church-at-home p {
	font-size:14px;
	margin-bottom:0;
}

.church-at-home a {
	color:#313032;
}

.church-at-home a:hover {
	text-decoration: none;
}

.church-at-home img {
	max-width:none !important;
	margin-top:15px;
	max-height:110px !important;
}

.card-small {
	min-height:160px;
	background:white;
	border-radius:5px;
	padding:15px 15px;
	margin-top:25px;
	box-shadow: 0 4px 4px rgba(0,0,0,0.12), 
              0 8px 8px rgba(0,0,0,0.12),
              0 16px 16px rgba(0,0,0,0.12);
}

.card-small p {
	line-height:1.2rem;
}

.fir-clickcircle {
  height: 80px;
  width: 80px;
  
  cursor: pointer;
}

.fir-image-figure {
  margin: 0;
  display: flex;
  align-items: left;
  position: relative;
  text-decoration: none;
}

.home .fir-image-figure {
  align-items: center;
}

.fir-image-figure .caption, .fir-image-figure figcaption {
  padding-left: 15px;
}



.fir-image-figure .fig-author-figure-title {
  color: var(--fir-color-grey);
  font-family: AmerigoBT-BoldA;
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
  margin-top: 2px;
  margin-bottom: 6px;
}

.fir-imageover h3 {
  color: var(--fir-color-grey);
  font-family: AmerigoBT-BoldA;
  font-weight: bold;
  font-size: 20px;
  line-height: 22px;
  margin-top: 2px;
  margin-bottom: 6px;
}

.fir-imageover {
  position: relative;
  display: flex;
}


@keyframes fadeInFadeOut {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}

.our-beliefs {
	
}

.our-beliefs a {
	font-family: AmerigoBT-BoldA;
	color:#414042;
}

.our-beliefs .title {
	text-align: center;
}

.our-beliefs .belong {
	height:255px;
	width:100%;
}

.our-beliefs .grow {
	height:255px;
	width:100%;
}

.our-beliefs .serve {
	height:255px;
	width:100%;
}

.our-beliefs .center {
	height:255px;
	width:100%;
}

.our-beliefs .callout-row-2 {
	margin-top:25px;
}

.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0 4em;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
	opacity: 0.8;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h4 {
	word-spacing: -0.15em;
	font-weight: 300;
	text-shadow:2px 4px 3px rgba(0,0,0,0.3);
}

.grid figure h4 span {
	font-weight: 800;
}

.grid figure h4,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 85%;
}

figcaption a {
	color:transparent !important;
}


/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(top, rgba(251,176,64,0) 0%, rgba(251,176,64,0.8) 75%);
	background: linear-gradient(to bottom, rgba(251,176,64,0) 0%, rgba(251,176,64,0.8) 75%);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0,50%,0);
	transform: translate3d(0,50%,0);
}

figure.effect-sadie h4 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	color: white;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0);
}

figure.effect-sadie figcaption::before,
figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-sadie p {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0,10px,0);
	transform: translate3d(0,10px,0);
}

figure.effect-sadie:hover h4 {
	color: #fff;
	-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
	transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}

figure.effect-sadie:hover figcaption::before ,
figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.navigation-home {
	color:white;
	background: url("./img/navigation_background.jpg") no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	text-align: center;
}

.navigation-home .hours {
	border:1px solid white;
	min-height: 400px;
	padding:25px;
}

.navigation-home .hours .table {
	margin-top:25px;
}

.navigation-home .map {
	padding-top:25px;
}

.navigation-home .intro {
	border:1px solid white;
	min-height: 400px;
	padding:25px;
}

.navigation-home .intro a:hover { color: #FBB040; }

.navigation-home p:first-of-type {
	margin-top:25px;
}

.news-events {
	background: #f9f9f9;
	text-align: center;
}

.news-events h2 a {
	font-family: AmerigoBT-BoldA;
    color: #414042;
}

.news-events h2 a:hover {
	text-decoration: underline;
}

.news-events .card {
	min-height:450px;
	margin-top:25px;
	padding:25px 10px;
	text-align: center;
	border-radius: 5px;
	box-shadow: 0 4px 4px rgba(0,0,0,0.12), 
              0 8px 8px rgba(0,0,0,0.12),
              0 16px 16px rgba(0,0,0,0.12);
}

.news-events hr {
	width:50px;
	height:3px;
	background:#FBB040;
	margin:0 auto;
	margin-top:-10px;
}

.news-events .card img {
	margin:0 auto;
	margin-top:15px;
	height:95px;
	width:auto;
	
}

.news-events .card a {
	font-family: AmerigoBT-RomanA;
	font-size:32px;
	color:black;
}

.news-events a:hover {
	color:color:black;
	text-decoration: none;
}

.news-events a.btn {
	margin-top:50px;
	background:#82C9F0;
	padding:8px;
	color:white;
	font-size:16px;
	font-family: 'Raleway', sans-serif;
	border:0;
}

.news-events a.btn:hover {
	background:#5FC2F9;
	
}

.news-events .outline {
	margin-top:100px;
}

.tribe-common .tribe-common-h2 {
	font-size:16px !important;
}

.tribe-common a {
	color:#31C4E6 !important;
	text-transform: none !important;
	font-weight: bold !important;
	letter-spacing:0px !important;
}

.tribe-events-widget .tribe-events-widget-events-list__event-row {
	border-bottom: 1px dotted #2f2f2f;

}

.tribe-events-widget-events-list__event-title {
	font-size:16px !important;
	margin-top:0px !important;
}

h2.tribe-events-widget-events-list__header-title {
	font-family: AmerigoBT-RomanA !important;
	font-size:20px !important;
	text-transform: uppercase !important;
}

.tribe-events-widget-events-list__event-date-tag-datetime {
	margin-top:10px !important;
}

.tribe-events-widget-events-list__event-datetime-wrapper {
	text-align: left !important;
}

.tribe-events-widget-events-list__view-more {
	display: none !important;
}


.tribe-events-widget .tribe-events-widget-events-list__event-row--featured .tribe-events-widget-events-list__event-date-tag-datetime:after {
	display: none !important
}

.cardcontent p:first-of-type {
	height:75px;
}

.cafe {
	color:white;
	text-align: center;
	background: url(./img/cafe_background.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
	text-align: center;
}

.cafe .intro {
	border:1px solid white;
	min-height: 475px;
	padding:25px;
}

.cafe .intro img {
	margin-top:25px;
}

.cafe .intro p {
	margin-top:50px;
}

.cafe .toolbar {
	margin:0 auto;
	margin-top:50px;
	text-align: center;
}

.cafe .hours {
	border:1px solid white;
	min-height: 475px;
	padding:25px 10px;
}

.cafe .hours .table {
	margin-top:25px;
}

.echimes {
	color:#313032;
	min-height:400px;
	text-align: center;
	background: url(./img/echimes_background.png) no-repeat center center; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.echimes form {
	margin-top:25px;
	margin-left:0px;
	text-align: center;
	margin:0 auto;
}

.echimes form #email {
	width:100%;
}

.echimes .btn {
	margin-left:15px;
}

.fa-flip-horizontal { 
  transform: scaleX(-1);
 }

#wrapper-footer {
	background:#313032;
	color:white;
	padding:50px 0;
}

.foundation #wrapper-footer .submit {
	font-size:18px;
	height:38px;
}

.foundation #wrapper-footer img {
	box-shadow: 0 !important;
}

#wrapper-footer a {
	color:white;
	text-decoration: none;
}

#wrapper-footer a:hover {
	text-decoration: underline;
}

#wrapper-footer .tagline {
	font-size:12px;
	margin-top:15px;
	
	padding-left:10px;
	border-left:2px solid #FBB040;
	height:50px;
	display: inline-block;

}

.tagline p {
	line-height:1.5rem;
}

#wrapper-footer .shield {
	margin-top:15px;
	margin-left:25px;
}

#wrapper-footer .shield img {
	width:35%;
	box-shadow: none !important;
}

#wrapper-footer h3 {
	font-weight:bold;
	font-size:18px;
}

#wrapper-footer ul {
	padding-left:0;
	font-size:14px;
	list-style-type: none;

}

#wrapper-footer .widget_text {
	text-anchor: center;
}

#wrapper-footer .social {
	float:none;
	text-align: center;
}

#wrapper-footer .social .fa {
	color:#212529;
}

#wrapper-footer .social .fa:hover {
	text-decoration: none;
}

#wrapper-footer .copyright {
	margin-top: 50px;
}

#wrapper-footer .input-group {
	padding-top:50px;
}

.footer-border {
	background:#ec1b2e;
	padding:5px 10px;
	margin-left:-10px;
}

.social [class*="fa fa-"] {
    background-color: white;
    border-radius: 30px;
    color: #313032;
    display: inline-block !important;
    height: 30px;
    line-height: 30px;
    margin: auto 3px;
    width: 30px;
    font-size: 15px;
    text-align: center;
    transition-duration: .5s;
}

.social [class*="fa fa-"]:hover {
	background:white;
}

.copyright {
	
	font-size: 12px;
	text-align: center;
}


/* Sub Pages Styles
==========
========== */

.search #wrapper-navbar {
	background:#ec1b2e !important;
}

.ctct-form-embed.form_0 .ctct-form-defaults {
	background-color:transparent !important;
}

.ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text {
	position: absolute;
	bottom:10px;
	text-align: left;
	width: 90%;
}

.ctct-gdpr-text {
	color:#bbb !important;
}

.ctct-gdpr-text a {
	color:#bbb !important;
}

.ctct-form-footer {
	clear: both;
	height: 50px;
}

.ctct-form-footer span {
	display: none;
}

#list_memberships_field_0 {  font-size: 12px;padding-top: 0px; float: left; width: 50%; }

#list_memberships_label_0 { font-size: 15px; float: left; width: 70px; }

.ctct-form-listitem { display: inline; width: auto; float: left; padding-right: 5px;  }

#email_address_field_0 {
	float: left;
}

#email_address_0 {
	width:200px !important;
	text-align: center;
	margin-left: 10px;
	margin-right: 20px;
}

#email_address_label_0 {
	float: left;
	padding-top: 10px;
}

@media (max-width: 768px) {
#list_memberships_field_0, #email_address_field_0 { float: none; width: 100%; }
#email_address_label_0 { float: none; display: block; }
}

.ctct-form-header { display: none; }
div.ctct-form-embed div.ctct-form-defaults { padding-top: 0 !important; }
div.ctct-form-embed form.ctct-form-custom .ctct-form-required:before { top: 0 !important; }

.ctct-form-button {
	width:auto !important;
	height:45px;
	margin-top:0px;
}

.tribe-events-calendar-list__event-venue {
	display: none;
}

#epta-template.epta-template-1 .epta-map-area .tribe-events-venue-map {
	border-color:white !important;
}

#epta-template.epta-template-1 .epta-map-area .tribe-events-venue-map {
	background-color: white !important;
}

.error404 .navbar {
	background:#EC1B2E;
}

.circle {
	clip-path: circle(48% at center);
}

.accordions .accordions-head {
	padding:15px;
}

.accordions-head-title {

}

.accordions p {
	line-height:1.8rem;
}

.get-involved h2 {
	font-size:32px;
	font-family: AmerigoBT-RomanA;
}

.single .navbar {
	background:#EC1B2E;
}

.single .give-container {
	display: none;
}

.single h1.entry-title {
	font-size:48px;
}

.single .entry-meta {
	display: none;
}

.archive .navbar {
	background:#EC1B2E;
}

.archive .give-container {
	display: none;
}

.page .give-container {
	
}

.epta-all-events {
	display: none;
}

.pt-cv-wrapper .btn-success {
	background:#82C9F0;
	border:none;
}

.pt-cv-wrapper .btn-success:hover {
	background:#6498B5;
	border:none;
}

.success:not(:disabled):not(.disabled):active {
	background:#6498B5;
	border:none;
}

.full-width .entry-content {
	text-align: center;
}

.full-width .entry-content ul {
	list-style-type: none;
	text-align: left;
}

.featured-header {
  width: 100%;
  height: 500px;
  margin-top:0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  padding: 10% 5% 5% 5%;
  color: white;
  font-size: 1.5em;

}

.featured-header h1 {
	font-weight:bold;
	
	text-align: center;		
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.full-width .featured-header {
	padding-top:200px;
}

.full-width h1.entry-title {
	display: none;
}

.page-id-31 .entry-header h1 {
	display: none;
}

.page-id-35 .entry-header h1 {
	display: none;
}

.page-template-get-involved-page h1.entry-title {
	display: none;
}

.page-template-right-sidebarpage h1.entry-title {
	display: none;
}

.featured-header h4 {
	font-weight:bold;
	text-align: center;
	text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
}

.featured-header a {
	position: absolute;
	top:275px;
	left:15%;
	color:white !important;
	background:#31C4E6;
	border-radius:5px;
	padding:10px 15px;
	margin-left:100px;
	transition-duration: 0.5s;
}

.featured-header a:hover {
	color:white !important;
	background:#093C71;
	text-decoration: none;
}

.entry-header h1 {
	
}

.site-main .card-blog .hentry .wp-post-image {
	display: block;
	width:100%;
}

.site-main .hentry .wp-post-image {
	display: none;
}

.page-id-64 .site-main .hentry .wp-post-image  {
	display: none !important;
}

.page-id-23 .entry-content a {
	color:red;
	font-size:22px;
}

.page-id-23 .wp-block-image img {
	max-width:50%;
}

.page-id-31 .textwidget {
	text-align: left;
}

.page-id-27 .entry-title {
	display: none;
}

.page-id-31 #right-sidebar [class*="fa fa-"] {
	
	background-color: #006838;
    border-radius: 30px;
    color: white;
    display: inline-block !important;
    height: 40px;
    line-height: 40px;
    margin: auto 3px;
    width: 40px;
    font-size: 22px;
    text-align: center;
    transition-duration: .5s;
}

.page-id-90 #right-sidebar {
	text-align: center !important;
}

.site-main {
	padding-top:25px;
}

.entry-title {
	
	padding-top:25px;
}

.inner {
	margin-top:0px !important;
}

#menu-outer {
	height: 84px;
	background: url(images/bar-bg.jpg) repeat-x;
}

.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}

ul#horizontal-list {
	
	list-style: none;
	padding-top: 35px;
	text-align: center;
	margin-left:-90px;
}

ul#horizontal-list li {
	display: inline;
	padding-left:30px;
}

ul#horizontal-list li a {
	color:#EC1B2E;
	font-size:24px;
	font-weight: bold;
	text-decoration: underline;
}

.inner .news-events {
	background:white;
}

.inner .news-events ul {
	list-style-type: none;
}

.foundation .entry-title {
	display: none;
}

.foundation h4 {
	color:#313032;
}

.foundation .intro {
	margin:35px 0 25px 0;
	font-weight:bold;
}

.foundation .underline {
	margin:0 auto;
}

/*.foundation img {
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}*/

.foundation ul {
	font-family: 'Raleway', sans-serif;
}

.foundation i {
	color:#FBB040;
}

.foundation .leadership {
	text-align: center;
}

.foundation .ways-to-give {
	text-align: center;
}

.foundation .btn {
	font-size:22px;
	height:50px;
}

.annual-report {
	text-align: center;
}

.card {
	
	margin-top:25px;
	padding:25px 10px;
	text-align: center;
	border-radius: 5px;
	border-width:0;
}

.history .entry-title {
	display: none;
}

.history h4 {
	
}

.history img {
	box-shadow:0 10px 15px rgba(0, 0, 0, 0.4);
}

.history .jingle-bell-organ img {
	
	box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}

.history .historic-cemetery h3 {
	text-align: left;
}

.history .historic-cemetery p {
	text-align: left;
}

.historic-cemetery img {
	
}

.inner .news-events ul li.ecs-event {
	padding:0px 0 20px 0;
	border-bottom:1px solid #f1f1f1;
	background:white;
}

.news-archive-banner {
	padding-left:0;
	padding-right:0;
	text-anchor: center;
}

.news-archive-banner ul {
	list-style-type: none;
	padding-inline-start:0;
}

.news-archive-banner ul li.categories {
	
}

.news-archive-banner p {
	margin-bottom:0;
}

a.calendar {
	width:240px;
}

.archive .postmetadata {
	display: none;
}

.archive .card {
	height:auto;
	width:400px;
	margin:25px auto;
	text-align: center;
}

.archive h1 {
	font-size:48px;
}

.archive h2 a {
	font-size:26px !important;
}

.archive .entry {
	border-bottom: 1px solid #eee;
}

.archive .understrap-read-more-link {
	display: none;
}

.news-callouts {
	background:#f7f7f7;
	color:black;
	text-align: center;
}

.weekly-sermons {
	background:#EC1B2E;
	color:white;
	
}

.weekly-sermons h3 {
	text-align: center;
}

.weekly-sermons h4 {
	text-align: center;
}

.weekly-sermons p {
	text-align: center;
}

.bio {
	padding-top:50px;
}

.fa-chevron-up:before {
	color:white !important;
}

.pledge-box {
	position: relative;
	margin-top:50px;
	padding:25px;
	background:#F9F9F9;
}

.pledge-box img {
	width:50px;
	position:absolute;
	margin-left:-50px;
	margin-top:-50px;
}

/*.pledge-box:before {
	content: url(./img/coins-solid.svg);
	position: absolute;
	width:60px;
	top:25px;
	left:-50px;
}*/

/*#right-sidebar h3 {
	margin-top:50px;
}*/

.btn-group2 button {
  background-color: #82C9F0 !important; /* Green background */
  color: white; /* White text */
  padding: 10px 24px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
  border:2px solid #f9f9f9;
  border-radius:5px;
  transition-duration: 0.5s;
}

/* Clear floats (clearfix hack) */
.btn-group2:after {
  content: "";
  clear: both;
  display: table;
}

.btn-group2 button:not(:last-child) {
  border-right: none; /* Prevent double borders */
}

/* Add a background color on hover */
.btn-group2 button:hover {
  background-color: #313032 !important
}

#right-sidebar ul.social {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  
}

#right-sidebar ul.social li {
	float:left;
	padding:5px;
}

#right-sidebar .fa {
	background:#EC1B2E;
	color:white;
}


#right-sidebar ul.social li a {
	display: block;
  	text-decoration: none;
}


#right-sidebar {
	text-align:center;
	background:#f9f9f9;
	padding:15px;
	border:3px solid #C4C4C4;
}

#right-sidebar h3 {
	font-size:32px;
	margin-top:25px;
	font-family: AmerigoBT-RomanA;
}

#right-sidebar h4.tribe-event-title {
	font-size:18px;
}

#right-sidebar .list-info {
	text-align: left;
}

#right-sidebar .tribe-event-duration {
	font-weight: bold;
}

#right-sidebar ul {
	list-style-type: none;
	
}

#right-sidebar a.btn {
	width:250px;
	background:#82C9F0;
	padding-top:8px;
	color:white;
	font-size:16px;
	font-family: 'Raleway', sans-serif;
	border:0;
}

#right-sidebar ol.tribe-list-widget {
	
	margin-top:20px;

}

#right-sidebar ul {
	
	list-style:disc;
}

#right-sidebar ul li {
	text-align: left;
	padding:10px 15px;
	/*border-left: 5px solid #EC1B2E;*/
    list-style-type: none;
}


#right-sidebar ul a {
	color:grey;
	font-weight: 
	font-weight: bold;
}

#right-sidebar .tribe-events-widget-link {
	display: none;
}

/*#right-sidebar ul li .children {
	background: url('./img/sidebar/sidebar-background_children.jpg');
	padding:15px 0;
}

#right-sidebar ul li .youth {
	background: url('./img/sidebar/sidebar-background_youth.jpg');
	padding:15px 0;
	margin-top:10px;
}

#right-sidebar ul li .adults {
	background: url('./img/sidebar/sidebar-background_adults.jpg');
	padding:15px 0;
	margin-top:10px;
}

#right-sidebar ul li .music {
	background: url('./img/sidebar/sidebar-background_music.jpg');
	padding:15px 0;
	margin-top:10px;
}

#right-sidebar ul li .serve {
	background: url('./img/sidebar/sidebar-background_serve.jpg');
	padding:15px 0;
	margin-top:10px;
}*/

#right-sidebar .widget_text {
	margin-top:25px;
}

#right-sidebar .entry-title {
	padding-top:0;
}

#right-sidebar h4 a {
	color:grey;
}

#right-sidebar .ecs-event {
	border-top:1px solid black;
}

#right-sidebar .widget_categories a {
	color:grey;
}

#right-sidebar .cat-item-1 {
	display: none;
}

#custom_html-7 {
	border-top:3px solid #C4C4C4;
	padding-top:20px;
}

#custom_html-8 ul a {
	color:#EC1B2E;
	text-align: center;
}

#custom_html-12 {
	margin-top:25px;
	min-height:100px;
}

a.im-new {
	background: #EC1B2E;
	display: inline-block;
	width:100%;
	color:white;
	padding:10px 15px;
	margin-top:10px;
}

.tribe-common .tribe-common-c-btn {
	background-color:#82C9F0 !important;
}

.tribe-events .tribe-events-calendar-month__calendar-event--featured:before {
	background-color:#EC1B2E;
}

.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date {
	color:#EC1B2E;
}

.tribe-events .tribe-events-calendar-list__event-row--featured .tribe-events-calendar-list__event-date-tag-datetime:after {
	background-color:#EC1B2E;
}

.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-datetime-featured-text {
	color:#EC1B2E;
}

.ecs-event-list {
	
}

.ecs-event-list .ecs-event {
	
	padding-top:25px;
}

.widget-area {
	width:100% !important;
}

.tribe-events-related-events-title {
	display: none;
}

.tribe-related-events {
	display: none;
}

.btn-primary {
	background-color:#EC1B2E;
	border:none;
}

.blog .entry-title {
	font-size:36px;
}

.blog .entry-title a {
	color:black;
}

.blog .navbar {
	background:#EC1B2E;
}

.blog #right-sidebar {
	margin-top:50px;
}

.updated {
	display: none;
}


/* Timeline Code
==========
========== */

@import url("https://fonts.googleapis.com/css?family=Cardo|Pathway+Gothic+One");
.timeline {
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
  flex-direction: column;
  max-width: 700px;
  position: relative;
  margin-top:50px;
}
.timeline__content-title {
  font-weight: normal;
  font-size: 66px;
  margin: -10px 0 0 0;
  transition: .4s;
  padding: 0 10px;
  box-sizing: border-box;
  font-family: "Pathway Gothic One", sans-serif;
  color: #313032;
}
.timeline__content-desc {
  margin: 0;
  font-size: 15px;
  box-sizing: border-box;
  color: #313032;
  font-family: Cardo;
  font-weight: normal;
  line-height: 25px;
}
.timeline:before {
  position: absolute;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
  content: "";
  background: grey;
}

.timeline h4 {
	margin-top:15px;
}

@media only screen and (max-width: 767px) {
  .timeline:before {
    left: 40px;
  }
}

.timeline-item {
  padding: 40px 0;
  
  
  transition: .5s;
  box-sizing: border-box;
  width: calc(50% - 40px);
  display: flex;
  position: relative;
  transform: translateY(-80px);
}
.timeline-item:before {
  content: attr(data-text);
  letter-spacing: 3px;
  width: 100%;
  position: absolute;
  color: rgba(255, 255, 255, 0.5);
  font-size: 13px;
  font-family: "Pathway Gothic One", sans-serif;
  border-left: 2px solid rgba(255, 255, 255, 0.5);
  top: 70%;
  margin-top: -5px;
  padding-left: 15px;
  opacity: 0;
  right: calc(-100% - 56px);
}
.timeline-item:nth-child(even) {
  align-self: flex-end;
}
.timeline-item:nth-child(even):before {
  right: auto;
  text-align: right;
  left: calc(-100% - 56px);
  padding-left: 0;
  border-left: none;
  border-right: 2px solid rgba(255, 255, 255, 0.5);
  padding-right: 15px;
}
.timeline-item--active {
  opacity: 1;
  transform: translateY(0);
  
}
.timeline-item--active:before {
  top: 50%;
  transition: .3s all .2s;
  opacity: 1;
}
.timeline-item--active .timeline__content-title {
  margin: -50px 0 20px 0;
}

@media only screen and (max-width: 767px) {

  .timeline-item {
    align-self: baseline !important;
    width: 100%;
    padding: 0 30px 150px 80px;
  }
  .timeline-item:before {
    left: 10px !important;
    padding: 0 !important;
    top: 50px;
    text-align: center !important;
    width: 60px;
    border: none !important;
  }
  .timeline-item:last-child {
    padding-bottom: 40px;
  }
}
.timeline__img {
  max-width: 100%;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4);
}
.timeline-container {
  width: 100%;
  position: relative;
  transition: .3s ease 0s;
  background-attachment: fixed;
  background-size: cover;
}
.timeline-container:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  
  content: "";
}
.timeline-header {
  width: 100%;
  text-align: center;
  margin-bottom: 80px;
  position: relative;
}
.timeline-header__title {
  color: #fff;
  font-size: 46px;
  font-family: Cardo;
  font-weight: normal;
  margin: 0;
}
.timeline-header__subtitle {
  color: rgba(255, 255, 255, 0.5);
  font-family: "Pathway Gothic One", sans-serif;
  font-size: 16px;
  letter-spacing: 5px;
  margin: 10px 0 0 0;
  font-weight: normal;
}

.demo-footer {
  padding: 60px 0;
  text-align: center;
}
.demo-footer a {
  color: #999;
  display: inline-block;
  font-family: Cardo;
}



/* Media Queries
====================
==================== */

@media (max-width: 768px) {

	/* Jason 12/12 */

	#wrapper-navbar {
		position: relative !important;
		z-index: 999 !important;
	}



	.featured-header {
		height:200px;
	}

	.beliefs .grow {
	}

	.beliefs .belong {
	}

	.beliefs .serve {
	}

	.beliefs .center {
	}

	.echimes #email {
		width:300px;
	}

	#wrapper-footer .shield img {
		width:35%;
	}

	.navigation-home .hours {
		height:auto !important;
	}
	
	.hero-text h3 {
		font-size:30px !important;
		line-height: 34px !important;
	}
	
	.hero-text h1 {
		font-size:55px !important;
		line-height: 58px !important;
	}

	.hero-image { 
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(./img/header_homepage.jpg) no-repeat top center fixed;
		background-size: 1000px; 
	}

	#media_image-5 {
	display: none;
}
	
}




@media screen and (max-width: 576px) {

	.hero-text h3 {
		font-size:26px !important;
	}

	.hero-text h1 {
		font-size:42px !important;
		line-height: 40px !important;
	}

	.cafe .hours {
		margin-top:25px;
	}

	.news-events a.btn {
	margin-top:20px;
	}

	.recent-service {
		display: none;
	}

	.past-services {
		display: none;
	}

	.page-id-23 .wp-block-column {
		margin-top:50px;
	}
	
	.col-sm-6 {
		width:50%;
	}

	.navbar-nav {
	width:100%;
	float:right;
	}

	#video-bg {
		width:auto;
	}

	.give-container {
		/*display: none;*/
	}

	.video-container {
		/*height:80%;*/
	}
	
	.hero-title h1 {
		font-size:30px;
		margin-top:0px;
		line-height: 2.5rem;
	}

	.hero-title h3 {
		font-size:18px;
	}

	
	.church-at-home {
	margin-top:-45%;
	}

	.navigation-home .map {
		padding-top:0;
	}

	.navigation-home .intro {
		margin-top:10px;
	}

	.navigation-home .intro {
		min-height:250px;
	}

	.grid {
	position: relative;
	margin: 0 auto;
	padding: 1em 0;
	max-width: 1000px;
	list-style: none;
	text-align: center;
}

	.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;
	}

	.grid h4 {
		font-size:32px;
	}

	figure.effect-sadie p {
		padding:10px;
	}

	.outline-white {
		margin-top:15px;
	}

	.form-group, .wpcf7 .wpcf7-form p {
		margin: 0 auto;
	}

	.echimes .red {
		margin-top:15px;
	}

	.echimes h2 {
	font-size:28px;
}

	#right-sidebar {
		border:0;
		margin-top:25px;
	}

	#wrapper-footer {
		text-align: center;
	}

	#wrapper-footer .shield {
	margin-top:15px;
	margin-bottom:25px;
	margin-left:5px;
}

	.ctct-form-embed.form_0 .ctct-form-defaults {
	background-color:transparent !important;
}

.ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text {
	position: absolute;
	bottom:-60px;
	text-align: left;
	width: 280px !important;
}

.ctct-gdpr-text {
	color:#bbb !important;
}

.ctct-gdpr-text a {
	color:#bbb !important;
}



#email_address_0 {
	width:80% !important;
	float:left; margin-bottom: 10px;
}

#email_address_label_0 {
	float: left;
}

.ctct-form-button {
	width:100% !important;
	height:45px;
	margin-top:10px;
	float:right;
}

}


 
@media (min-width: 576px) {


	.logo {
	padding:15px 0;
}

.page-id-150 .navbar a {
	color:white !important;
}

.navbar a {
	color:white !important;
}

.navbar a.give {
	color:black !important;
}

.church-at-home {
	margin-top:-20%;
}

	.featured-header {
  width: 100%;
  height: 400px;
  background-size: cover;
  background-position: 50% 0%;
  padding: 10% 10%;
  color: white;
 }


.give-container {
		
		margin-top:15px;
		float:right;
		clear:both;
	}

	.our-beliefs .callout-row-2 {
	margin-top:0px;
}

	.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 300px;
	
	max-height: 360px;
	width: 100%;
}

	.grid figure figcaption {
	padding: 1em;
	font-size: 1em;
}
	.callout4 {
	border-right:2px solid white;
	height:200px;
	}

	.callout6 {
	border-left:2px solid white;
	height:200px;
	}

	#wrapper-footer .shield img {
	width:65%;
	margin-top:15px;
}

}

@media (min-width: 768px) {

	#wrapper-navbar {
		background:transparent;
	}

	
.church-at-home {
	margin-top:-15%;
}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.our-beliefs .belong {
	height:150px;
	width:100%;
}

.our-beliefs .grow {
	height:150px;
	width:100%;
}

.our-beliefs .serve {
	height:150px;
	width:100%;
}

.our-beliefs .center {
	height:150px;
	width:100%;
}

	.echimes form {
	margin-top:25px;
	margin-left:25%;
}

	.echimes form #email {
	width:300px;
}

	#wrapper-footer .social {
	float:right;
	text-align: left;
}

#wrapper-footer .input-group {
	padding-top:50px;
}

}

@media (min-width: 577px) and (max-width:991px) {

	.video-container {
		height:525px;
		height:400px;
	}

	#video-bg {
		margin-top:100px;
	}


	.give-container {

		/*display: none;*/
	}
}

@media (min-width: 769px) and (max-width: 990px) {

	.cardcontent p:first-of-type {
	height:175px;
}
}

@media (min-width: 577px) and (max-width:768px) {

	#video-bg {
		margin-top:150px;
	}
}

@media (max-width: 991px) {
	.navbar {
		background:#EC1B2E;
		position: relative;
		z-index:2000;
		clear:both;
	}

	.give-container {
		width:100%;
		text-align:center;
		
		border-radius:0px;
		margin:0 auto !important;
	}

	.featured-header {
		height:200px;
		padding:10% 5% 5% 5%;
	}

	.featured-header h1 {
		line-height:3.5rem;
		font-size:68px;
	}
	
	.full-width .featured-header {
		height:200px;
		padding:5% 5% 5% 5%;
		padding-top:50px;
	}
}

@media (min-width: 992px) {

	.hero-image {
		margin-top:-135px;
	}

	.featured-header {
		margin-top:-90px;
	}
	
.church-at-home {
	margin-top:-10%;
}

.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	min-width: 320px;
	max-width: 480px;
	max-height: 360px;
	width: 48%;
	background: #3085a3;
	text-align: center;
	cursor: pointer;
}

.our-beliefs .belong {
	height:210px;
	width:100%;
}

.our-beliefs .grow {
	height:210px;
	width:100%;
}

.our-beliefs .serve {
	height:210px;
	width:100%;
}

.our-beliefs .center {
	height:210px;
	width:100%;
}

}

@media (max-width:576px) {
	.featured-header {
		height:200px;
		padding:18% 5% 5% 5%;
	}

	.featured-header h1 {
		line-height:3rem;
		font-size:34px;
	}
	
	.full-width .featured-header {
		height:200px;
		padding:20% 5% 5% 5%;
		padding-top:65px;
	}
	.hero-image { 
		height: 400px; 
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(./img/header_homepage.jpg) no-repeat top center fixed;
		background-size: 1000px; 
	}
	
	.hero-title {	
		margin-top:10%;
	}

	.pledge-box img {
	width:50px;
	position:absolute;
	margin-left:-35px;
	margin-top:-50px;
}

/* Updated 11/6/23 */

.tribe-events-calendar-list__event-featured-image {
	width:100% !important;
}

}

@media (min-width: 992px) and (max-width: 1200px) {
	.navbar a {
		font-size:14px !important;
	}
}


@media (min-width: 1200px) {

.hero-image {
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(./img/header_homepage.jpg) no-repeat fixed; 
  background-size: cover;
  position: relative;
  height:600px;
  margin-top:-85px;
  z-index:-1;
}

.navbar-collapse.collapse.in {
	display: block !important;
}

.our-beliefs .belong {
	height:255px;
	width:100%;
}

.our-beliefs .grow {
	height:255px;
	width:100%;
}

.our-beliefs .serve {
	height:255px;
	width:100%;
}

.our-beliefs .center {
	height:255px;
	width:100%;
}
}


.rector_menu ul, .choir_school ul, .year_of_the_bible ul { list-style: none; margin: 0; padding: 0 0 20px 0;}
.rector_menu li, .choir_school li, .year_of_the_bible li { float: left; margin: 0 10px 0 0; padding: 0 10px 0 0; border-right: 1px solid #ccc; }

.history-resources li { color: #fff; }
.history-resources li a:hover { color: #ec1b2e; }

.grave dt { width: 35%; float: left; clear: both; font-weight: normal; border-top: 1px solid #dfdfdf; padding-top: 5px; }
.grave dd { font-weight: bold;  border-top: 1px solid #dfdfdf;padding-top: 5px; }
.grave dd.notes { font-weight: normal; }

.grave .research {
  background-color: #82C9F0 !important; /* Green background */
  color: white; /* White text */
  padding: 10px 24px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
  border:2px solid #f9f9f9;
  border-radius:5px;
  transition-duration: 0.5s;
}

/* Add a background color on hover */
.grave .research:hover {
  background-color: #313032 !important
}


#homemission { width: 350px; }
@media (min-width: 1200px) {
	#homemission { width: 450px; margin-top: -50px; margin-bottom: 50px; }
}