/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/


/* TYPOGRAPHY AND TEXT STYLES */


body {
	font-family: proxima-nova, sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #000;
	background: #fff;
	font-size: 20px;
	line-height: 145%;
	margin:0;
}

.smalltext {
	font-family: proxima-nova, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .8em;
	font-weight: bold;
}

p {
	margin: .7em 0;
}

h1, h2, h3, h4, h5, h6 {
	font-family: proxima-nova, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-weight: bold;
	margin: .7em 0;
	line-height: 1;
	text-transform: uppercase;
}

h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size:	1em; }

.siteid h1 {
	margin: 0 40px 40px 40px;
width: 156px;
  padding: 0px 0;
  position: absolute;
  z-index: 999;
}

.siteid	h1 a {
    display: block;
    background: url(/wp-content/uploads/2025/10/EnthChurchLogoSilver-1.svg) no-repeat;
    background-size: contain;
    padding: 0px;
    text-indent: 119%;
    white-space: nowrap;
    overflow: hidden;
    border-radius: 10px;
	 width: 250px;
    height: 74px;
}



.lined-title {
	text-align: center;
	margin-top: 0;
}

.full-title {
	text-align: center;
	background-color: #f0f0f0;
	padding: 30px;
	margin-bottom: 0
}

.col1 {
	margin-bottom: 40px;
}


.vidpreview {
	position: relative;
	display: block;
	height: 300px;
	width: 100%;
	background-size: cover;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: #fff;
	font-weight: 700;
	transition: all .5s ease-in-out;
	margin-bottom: 30px;
}

.page-id-226 .vidpreview {
	margin-bottom:0;
}

.events-container {
	margin-top: 60px;
}

.page-id-226 .events-container {
	margin-top: 0;
}

.vidpreview:after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(0, 0, 0, .0);
}

.vidpreview:hover:after {
	transition: all .5s ease-in-out;
	background:rgba(0, 0, 0, 0.43);
}

.vidpreview a {
	color: #fff;
	position: relative;
	z-index: 99;
}

.playme {
	color: #fff;
	font-size: 3.8em;
	z-index: 99;
	font-weight: 300;
	z-index: 999;
	position: relative;
}

.vidtitle {
  position: absolute;
  bottom: 10px;
  left: 15px;
  z-index: 999;
  text-transform: uppercase;
  line-height: 1;
}

.intro {
	font-size: 1.2em;
	line-height: 1.4;
	text-align: center;
	margin-top: 0;
}

.intro.bg { 
	background: #d1e2ed; 
	padding: 80px;
	margin-bottom: 75px;
}

.intro.bg.gn { 
	background: #18bcd4; 
	color: #fff;
	padding: 80px;
	margin-bottom: 75px;
}

.introduction {
	text-align: left;
}

ol,ul {margin: 0px;}

.article li {margin: 10px 30px;}

ol {list-style-type: decimal;}

a {
	text-decoration: none;
	color: #18bcd4;
}

strong, b {font-weight: 700;}
i, em {font-style: italic;}

iframe {max-width: 100%;}

a.button, input.button, input[type="submit"] { 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	background: #18bcd4;
	padding: 14px 40px; 
	color: #fff; 
	font-family: proxima-nova, sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative; 
	border: none; 
	top: 0; 
	left: 0; 
	vertical-align: middle; 
	margin: 0; 
	line-height: 100%; 
	cursor: pointer; 
	width: auto; 
	overflow: visible; 
	text-decoration: none; 
	vertical-align: middle; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	display: inline-block; 
	line-height: 100%; 
	zoom: 1; 
	-webkit-transition: background 0.3s ease-in-out;
	-moz-transition: background 0.3s ease-in-out; 
	-ms-transition: background 0.3s ease-in-out; 
	-o-transition: background 0.3s ease-in-out; 
	transition: background 0.3s ease-in-out; 
}

a.button.ghost {
	background: none;
	border: 2px solid #fff;
	color: #fff;
}

a.button.ghost:hover {
	background:  #18bcd4;
	border: 2px solid #FF9800;
	color: #fff;
}

a.button:hover {
	background: #90aabe;
}

a.button.large {
	padding: 20px 50px;
	font-size: 1.4em;
}

a.button.large {
	padding: 25px 60px;
	font-size: 1.4em;
}

a.button.medium {
	padding: 20px 40px;
	font-size: 1.2em;
}

a.button.small {
	padding: 10px 30px;
	font-size: .9em;
}

a.button.grey {
	background: #fff;
	color: #fa9c16;
	font-size: .9em;
}

/* LOGO */


.alert {
	background: #f0f0f0;
}

.alert p {
	margin: 0;
	padding: 5px 0;
	text-align: center;
}

/* HEADER STYLES */

#nav,
#navbar{
	position: relative;
	z-index: 9999;
	background: #fff;
}

.hero {
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.page-id-1361 .hero {
	background-position: top center;
}

.home .hero {
	background-position:bottom center;
}

.hero.short {height: 50vh;}
.hero.tall {height: 80vh;}

.hero-inner {
	width: 65%;
	padding: 50px;
	z-index: 999;
	position: relative;
}

.hero h1 {
	font-family: proxima-nova, sans-serif;
	font-weight: 300;
	font-style: normal;
	margin: 0;
	color: #fff;
	font-weight: normal;
	font-size: 1.6em;
	line-height: 1.2em;
	text-transform: none;
}

.header-container {
	position: relative;
	z-index: 99999;
}

.simple-header  {
	padding: 40px 0;
}

.home-callout {
	margin-bottom: 40px;
	background: #f0f0f0;
	text-align: center;
}

.home-callout h3 {
	font-size: 1.4em;
}

.callout-content {
	padding: 50px;
	min-height: 400px;
}

.callout-link {
	display: block;
	padding: 10px;
}

.change .callout-link  {background-color: #C65E39;}
.education .callout-link  {background-color: #D6A333;}
.programs .callout-link {background-color: #7593A7;}
.church .callout-link {background-color: #B0C6D5;}

.callout-link a {
	color: #fff;
	display: block;
}

.callout-link a:hover {
	text-decoration: underline;
	display: block;
}

h3.launching {
	background: #f0f0f0;
	margin-bottom: 40px;
	padding: 20px;
	font-size: 18px;
	text-transform: uppercase;
	width: 98%;
	text-align: center;
}

.home-callout p {
	line-height: 1.3em;
}

.home-callout .icon {
	font-size: 2em;
	color: #333;
}

.foundation {
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
	background-position: center center;
}

.foundation:after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(0, 0, 0, .53);
}

.foundation h3 {
	color: #fff;
  position: absolute;
  z-index: 9999;
  bottom: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0 20px;
  font-size: 1.4em;
}

.foundation:hover span.text-content {
	opacity:1;
}
span.text-content {
	position:absolute;
	top:0;
	left:0;
	background: rgba(209, 226, 237, 1.000);
	color: #333;
	cursor:pointer;
	display:table;
	width:100.1%;
	height:600px;
	opacity:0;
	padding:30px;
	z-index: 99999;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  transition: opacity 200ms;
  font-size: 1em;
}

span.text-content span {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

span.text-content div {
	text-align: center;
}

.program {
	height: 400px;
	display: flex;
	justify-content: center;
  align-items: center;
  text-align: center;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.program:after {
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(0, 0, 0, .53);
}

.program-content {
	padding: 125px 30px;
	color: #fff;
	position: relative;
	z-index: 999;
}

.program a {
	display: block;
	color: #fff;
	width: 100%;
}

.program-content a:hover {
	color: #d1e2ed;
}

.program-content i {
	font-size: 2em;
}

/* LAYOUT STYLES */

.section-heading {
	text-align: center;
}

/* QUOTE STYLES */

.page-quote-container {
	color: #fff;
}
.quote {
	font-size: 1em;
	line-height: 1.25;
	text-align: center;
	padding: 0px 40px;
}

.quote-image {
	height: 600px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: right center;
}

.quote-content {
	padding: 70px;
}

.quote-container {
	background:#d1e2ed;
	color: #333;
	height: 600px;
	z-index: 999;
	display: flex;
  justify-content: center;
  align-items: center;
}

.quote-container a {
	color: #fff;
}

.quote-author {
	text-align: center;
	font-family: proxima-nova, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 1em;
}

.quote-author .author.desc {
		font-family: proxima-nova, sans-serif;
	font-weight: 300;
	font-style: normal;
}

.quote-author .desc {
	margin-top: 0px;
	font-size: 1em;

}

.quote.secondary {
	font-size: 1.4em;
	padding: 0;
}

.twocol {
	display: flex;
  justify-content: center;
  align-items: center;
  height: 300px;
  font-size: 1.2em;
}

.twocol-content {
	padding:50px;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}


/* PAGE AND POST STYLES */ 

.content-container ul,
.content-container ol {
	margin: 0 0 0 20px;
}

.content-container ul li,
.content-container ol li {
	list-style: disc;
}

blockquote {
	margin: 20px;
	padding: 0px 20px;
	border-left: 1px solid #ccc;
	font-style: italic;
}





.prevnext {
	text-align: center;
	margin-top: 40px;
}

a[rel="prev"] {
	float: left;
}
a[rel="next"] {
	float: right;
}


/* Footer Styles */

.mailchimp {
	background: #f0f0f0;
	padding: 100px 0 40px 0;
}

.footerlogo {
	margin: 0 auto;
}

.footermenu ul.menu {
	padding: 60px 0 0 0;
	list-style: none;
	text-align: center;
	font-size: 1em;
}

.footermenu ul.menu li {
	display: inline-block;
	margin: 0 20px;
}

.footermenu ul a {
	color: #fff;
}

.baseline {
	position: relative;
}


.baseline h1 {
	text-transform: none;
	font-size: 1.4em;
	text-align: center;
	color: #fff;
	font-weight: 300;
	margin-top: 60px;
}

.baselinecontent {
	z-index: 999;
	position: relative;
}

.baseline p {
	font-size: 14px;
	text-align: center;
	margin: 0px;
	color: #fff;
		font-family: proxima-nova, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .8em;
}

p.by{
	margin-top: 30px;
	color: #fff;
	font-family: proxima-nova, sans-serif;
	font-weight: 300;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .8em;
}

p.by a {
	color: #fff;
}

p.by img {
	width: 60px;
	height: auto;
	margin: 10px auto;
}

/* PAGINATION STYLES */

.pagination { 
	float: left; 
	width: 100%; 
}

.pagination ul { 
	list-style: none; 
	margin: 2em auto; 
	padding: 0; 
	text-align: center; 
	color: #555555; 
	font-size: 90%; 
}

.pagination ul li { 
	display: inline; 
}

.pagination ul a.page-numbers { 
	background-color: #EEEEEE; 
	margin: 2px;
	padding: 10px 10px; 
	display: inline-block; 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	font-weight: 700; 
	line-height: 100%;
}

.pagination ul a:hover { 
	background: #1b8c8c; color: #fff; 
}

.pagination ul span.current { 
	background: #1b8c8c; 
	color: #fff; 
	display: inline-block; 
	padding: 10px 10px; 
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px; 
	border-radius: 2px; 
	line-height: 100%;
}

/* STYLES FOR ODD AND INTERESTING THINGS */ 

form label {
	font-family: proxima-nova, sans-serif;
	font-weight: 300;
	font-style: normal;
}

input {
	padding: 10px;
	width: 100%;
	font-size: 18px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
	border: 1px solid #ccc;
}

textarea {
	border: 1px solid #ccc;
	padding: 20px;
	font-size: 18px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px; 
}

/* IMAGE STYLES */

img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* WordPress Core Styles */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    max-width: 96%; /* Image does not overflow the content area */
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 10px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 10px 0;
}

.wp-caption.alignright {
    margin: 5px 0 10px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 5px 4px 5px;
    font-style: italic;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

a.button.buy {
  margin-bottom: 20px;
  max-width: 80%;
  font-size: .9em;
}

a.button.buy.na {
	background: #ccc;
}

.tribe-events-notices {
	background: #18bcd4;
	color: #fff;
	text-shadow: none;
}

.csp {
	background: #fff;
	margin-bottom: 50px;
}

.csp p {
	text-align: center;
}

.cspinfo {
	background: #d1e2ed;
	padding: 20px;
	height: 275px;
	display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.csp-content {

}

.cspinfo.past {
	background: #f0f0f0;
}

.cspinfo.past a {
	background: #d1e2ed;
}

.joinus {
	font-family: proxima-nova, sans-serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 1px;
	font-size: .7em;
	line-height: 1.3;
	padding: 20px 15px 5px 15px;
	margin: 0 0 0px 0;
}

.csp-date {
	font-family: proxima-nova, sans-serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: 1px;
	font-size: .7em;
	line-height: 1.3;
}



.imagerow {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
}

/* Create four equal columns that sits next to each other */
.column {
  flex: 25%;
  max-width: 25%;
  padding: 0 10px;
}

.column.dubimgcol {
	flex: 50%;
  max-width: 50%;
}

.column.tripimgcol {
	flex: 33.33%;
  max-width: 33.33%;
}

.column img {
  margin-top: 20px;
  vertical-align: middle;
  width: 100%;
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}






/*	24 COLUMN : RESPONSIVE GRID SYSTEM
	DEVELOPER : DENIS LEBLANC
	URL : http://responsive.gs
	VERSION : 3.0
	LICENSE : GPL & MIT */


/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url(/scripts/boxsizing.htc); 
	/*	If you need support for IE7 and lower make 
		sure the boxsizing.htc file is linked properly.
		More info here:  https://github.com/Schepp/box-sizing-polyfill */
}


/*	MAIN CONTAINER 
	Set the width to whatever you want the width of your site to be. */
.container { 
	margin: 0 auto;
	max-width: 1140px;
	padding: 0 20px;
}

.container.reallywide { max-width: 1640px;padding: 0 20px;}
.container.wide { max-width: 1240px;padding: 0 20px;}
.container.narrow {max-width: 960px; padding: 0 20px;}
.container.max {max-width: 100%; padding: 0 0px;}

.wide-container {
	width: 100%;
}


/*	SELF CLEARING FLOATS - CLEARFIX METHOD */
.container:after,
.row:after, 
.col:after,
.span_grid:after, 
.clr:after, 
.group:after { 
	content: ""; 
	display: table; 
	clear: both; 
}

/* 	DEFAULT ROW STYLES 
	Set bottom padding according to preference */
.row { padding-bottom: 0; }
.row.paddingon {padding: 50px 0;}			
.row.paddingtop {padding: 50px 0 0 0 ;}			
.row.paddingbottom {padding-bottom: 50px;}

.wide-container.paddingon {margin: 70px 0;}
.wide-container.paddingtop {margin: 70px 0 0 0;}
.wide-container.paddingbottom {margin: 0 0 70px 0;}
.wide-container.paddingoff {margin: 0;}


								  
/* DEFAULT COLUMN STYLES */
.col,
.span_grid { 
	display: block;
	float: left;
	width: 100%;
}

@media ( min-width : 730px ) {
	
	.gutters .col {
		margin-left: 4%;
	}

	.double-gutters .col {
		margin-left: 18%;
	}
	
	.gutters .col:first-child { 
		margin-left: 0; 
	}

	.double-gutters .col:first-child { 
		margin-left: 0; 
	}
}


/*	COLUMN WIDTH ON DISPLAYS +768px 
	You might need to play with media queries here to suite your design. */
@media ( min-width : 730px ) {
	.span_1 { width: 4.16666666667%; }
    .span_2 { width: 8.33333333333%; }
    .span_3 { width:12.5%; }
    .span_4 { width: 16.6666666667%; }
    .span_5 { width: 20.8333333333%; }
    .span_6 { width: 25%; }
    .span_7 { width: 29.1666666667%; }
    .span_8 { width: 33.3333333333%; }
    .span_9 { width: 37.5%; }
    .span_10 { width: 41.6666666667%; }
    .span_11 { width: 45.8333333333%; }
    .span_grid { width: 35%; display: block; float: left; }
    .span_12 { width: 50%; }
    .span_13 { width: 54.1666666667%; }
    .span_14 { width: 58.3333333333%; }
    .span_15 { width: 62.5%; }
    .span_16 { width: 66.6666666667%; }
    .span_17 { width: 70.8333333333%; }
    .span_18 { width: 75%; }
    .span_19 { width: 79.1666666667%; }
    .span_20 { width: 83.3333333333%; }
    .span_21 { width: 87.5%; }
    .span_22 { width: 91.6666666667%; }
    .span_23 { width: 95.8333333333%; }
    .span_24 { width: 100%; }
    
    .gutters .span_1 { width: 1.25%; }
	.gutters .span_2 { width: 4.5%; }
	.gutters .span_3 { width: 8.75%; }
	.gutters .span_4 { width: 13.0%; }
	.gutters .span_5 { width: 17.25%; }
	.gutters .span_6 { width: 21.5%; }
	.gutters .span_7 { width: 25.75%; }
	.gutters .span_8 { width: 30.0%; }
	.gutters .span_9 { width: 34.25%; }
	.gutters .span_10 { width: 38.5%; }
	.gutters .span_11 { width: 42.75%; }
  .gutters .span_grid { width: 45%; }
	.gutters .span_12 { width: 48.0%; }
	.double-gutters .span_12 { width: 41.0%; }
	.gutters .span_13 { width: 51.25%; }
	.gutters .span_14 { width: 55.5%; }
	.gutters .span_15 { width: 59.75%; }
	.gutters .span_16 { width: 64.0%; }
	.gutters .span_17 { width: 68.25%; }
	.gutters .span_18 { width: 72.5%; }
	.gutters .span_19 { width: 76.75%; }
	.gutters .span_20 { width: 81.0%; }
	.gutters .span_21 { width: 85.25%; }
	.gutters .span_22 { width: 89.5%; }
	.gutters .span_23 { width: 93.75%; }
	.gutters .span_24 { width: 100%; }
}


.col.centered {
	position: relative;
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}