@font-face {
    font-family: 'Montserrat-i';
    src: url('/files/Montserrat-Italic-VariableFont_wght.ttf');
}
@font-face {
    font-family: 'Montserrat-v';
    src: url('/files/Montserrat-VariableFont_wght.ttf');
}
@font-face {
    font-family: 'Oswald-v';
    src: url('/files/Oswald-VariableFont_wght.ttf');
}


html {
	height:100%;
	width:100%;
}

body {
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	font-family:'Oswald-v', sans-serif;
	color: #2B7C85;
	font-size: 30px;
	background-color: #FFFDF9;
}

table {
	font-size: 0.7em;
	line-height:28px;
	text-decoration:none;
	color:#000000;
	background-color: #fff;
	border-spacing: 1px;
    border-collapse: separate;
}
table th {background-color: #867979; color: white; padding-left: 1px; padding-right: 1px;}
table td {background-color: #eee; padding-left: 1px; margin-right: 1px;}

a {
	color: #808080;
	text-decoration: none;
}
a:visited {
	color: #808080;
}
a:hover {
	text-decoration:none;
	color: #808080;
}
a:active {
	text-decoration:none;
	color: #969696;
}

img {border: 0; padding: 0; margin: 0;}

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

.font1_6 {font-size: 1.6em;}
.font1_4 {font-size: 1.4em;}
.font1_2 {font-size: 1.2em;}
.font1_0 {font-size: 1.0em;}
.font0_8 {font-size: 0.8em;}
.font0_7 {font-size: 0.7em;}
.font0_6 {font-size: 0.6em;}

.error {color:#cb120d; display: block; }
.red {color:#cb120d;}
.black {color: black;}
.green {color:#6a9604;}
.lightgray {color: #969696;}
.white {color: #fff;}
.margin0 {margin:0;}
.padding5 {padding:5px;}
.br5 {clear:both; height:5px;}
.br10 {clear:both; height:10px;}
.br20 {clear:both; height:20px;}
.br30 {clear:both; height:30px;}
.br50 {clear:both; height:50px;}
.br100 {clear:both; height:100px;}
.hide {display: none;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.absolute {position: absolute; display: block;}
.bold {font-weight: bold;}
.pointer {cursor: pointer;}
.rightText {text-align: right;}
.leftText {text-align: left;}
.centerText {text-align: center;}

.small, small {font-size: 0.7em; font-weight: 100;}

.categories {clear: both;}
.category { text-transform: uppercase; display: block; cursor: pointer; background: #eee; border: 1px solid #ccc; margin-bottom: 0.3em; float: left; width: 292px; margin-left: 5px; margin-right: 5px; padding: 3px;}
.category:hover {background: #ccc; text-decoration:none; }
.category h2 {padding: 3px; margin: 0; font-size: 1em; font-variant: small-caps; text-transform: lowercase;}
.category-heading {margin: 1em; padding: 1em; border-radius: 7px; background-color: #fff; border: 1px solid gray;}

.breadcrumb {margin-left: 1em;}

.stripe-frame {max-width: 520px; width: 100%; height: 900px; margin-left: auto; margin-right: auto; display:block;}
	
.wrapper {
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

header {background-color: #253746; color: white; padding-bottom: 10px; padding-top: 10px;}
header a {text-decoration: none;}
header .navigation {display: flex; flex-direction: row; flex-wrap: wrap;}
header .logo {flex: calc(25% - 4px); }
header .logo img {margin-top: 25px; margin-left: auto; margin-right: auto; height: 52px; display: block;}
header .top-menu {flex: 65%; }
header .search {flex: 10%;}
header .search figure {position: relative; height: 100%;}
header .search img {height: 52px; margin-top: 25px;}

/*main h5 {margin-bottom: 1px;}*/
.top-menu {
	/*margin-top: 25px;*/
}
.top-menu a, .top-menu a:visited {
	display: inline-block;
	min-width: 52px ;
	padding-left: 0.3em;
	padding-right: 0.3em;
	text-decoration: none;
	font-family: Montserrat-v;
	font-size: 30px;
	line-height: 90px;
	font-weight: bold;
	color: white;
	text-transform: uppercase;
}
.top-menu a:hover {
	color: #000;
	background-color: #eee;
}
/*
.menu-item {
	display:inline-block;
}
.sub-menu {
	display:none;
	position: absolute;
	margin-top: 2em;
	padding: 0;
	z-index: 77;
	text-align: left;
}
.sub-menu a {
	padding: 10px;
	margin: 0;
	display: block !important;
	padding: 0 !important;
	margin: 0 !important;
	text-align: left !important;
	padding-left: 1em !important;
	padding-right: 1em !important;
	border-bottom: 1px solid lightgray;
	white-space: nowrap;
	overflow: hidden;
	background-color: #253746;
	height: auto !important;
}
.sub-menu a:hover {
	background-color: #eee !important;
}
*/
.cookies-msg {position: fixed; top: 0px;}
.cookies-msg .message {margin-top: 250px; width: 100%; background-color: black; margin-left: auto; margin-right: auto; border-radius: 7px; border: 1px solid white; padding: 25px; position: fixed; bottom: 0px;}
.cookies-msg input[type="button"] {float: right; margin: 1em;}

footer {
	background-color: #253746;
	color: white;
	clear: both;
	line-height: 34px;
	font-size: 24px;
}
footer .copy-holder {width: 70%; font-family: Oswald-v; font-size: 21px;}
footer a, footer a:hover, footer a:visited {color: #A1F5DE; }
footer .logo img {width: 85px;}
footer .social {margin-top: 34px; text-align: center}
footer .social img {width: 34px; margin-left: 10px;}
footer button {background-color: #EDF3FF; color: #0C1446; }
footer button:hover {background-color: #c6de0d; color: #0C1446; }
footer h3 {font-size: 26px; font-family: Montserrat-v;}
footer .flex {  display: flex;
  gap: 50px;
  margin-left: 43px;
  margin-right: 43px;
}
footer .col1 {flex: 1;}
footer .col2 {flex: 1;}
footer .col3 {flex: 1;}
footer .copy {text-align: center; margin-top: 1em;}
footer input {display: inline; width: 300px; height: 61px; font-size: 24px; background-color: #1F204BE6; color: white;}
footer button {display: inline; margin-left: 1em;}
footer .centered-block {display: block; margin-left: auto; margin-right: auto; width: fit-content;}


#home-banner { width: 100%; color: white; padding: 0; background-color: #2B7C85;}
#home-banner ul{margin: 0;}
#home-banner .live{z-index:3; width: 230px; height: 70px; position: absolute; right: 70px; top: 52px; display: none;}
#home-banner .text{z-index:3; font-size: 70px; line-height: 104px; width: 50%; height: 50%; position: absolute; left: 120px; top: 120px;}
#home-banner .events{z-index:3; width: 300px; height: 30px; position: absolute; right: 250px; bottom: 160px;}
#home-banner .events button {background-color: white; color: #2B7C85;}

/* slider */
.slider{
  position:relative;
  overflow:hidden;
  /*margin:20px auto 0 auto;*//
}
.slider ul{
  position:relative;
  margin-left:-1920px;
  padding:0;
  list-style:none;
  width:6001px;
}
.slider ul li{
  display:block;
  float: left;
  margin:0;
  padding:0;
  width:100%;
}
.slider ul li img{
	width: 100%;
}
#home-banner .control{
  position: absolute;
  top: 40%;
  z-index: 4;
  display: block;
  padding: 4% 3%;
  cursor: pointer;
  width: 52px;
  height: 52px;
}
#home-banner .control img {width: 43px;}
.prev{
  left:0px;
}
.next{
  color: #fff;
  right:0px;
}
/* slider */

.home-page section {
	font-family: Montserrat-v;
	font-weight: bold;
	text-align: center;
	padding: 25px;
}
.home-page section h1 {
	font-size: 70px;
}
.home-page section .text {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: 24px;
	line-height: 28px;
	text-align: left;
	font-family: Oswald-v;
}
.home-page section .left-box, .home-page section .right-box {
	width: 35%;
	padding-left: 5%;
	padding-right: 5%;
	float: left;
}
.home-page section .left-box {	margin-left: 5%; }
.home-page section .right-box {	margin-right: 5%; }
.home-page section .left-box img {
	width: 100%;
}
.home-page #whoweare {color: #2B7C85;}
.home-page #whoweare .text {text-align: center; font-size: 30px; line-height: 45px;}
.home-page #whoweare img {width: 100%;}
.home-page #whatjesusdo, .home-page #events {	color: #0C1446; background-color: #EDF3FF;  padding-bottom: 70px;}
.home-page #latest { background-color: #2B7C85; color: white;}
.home-page #latest button {background-color: #EDF3FF; color: #0C1446; }
.home-page #latest button:hover {background-color: #c6de0d; color: #0C1446; }
.home-page #events button {background-color: #0C1446;}
.home-page #events button:hover {background-color: #c6de0d; color: #0C1446; }
.home-page #events {margin-bottom: 100px; display: flex; flex-direction: row; flex-wrap: nowrap;}
.event-container {flex: 1;}
.event-box {padding-bottom: 52px ; margin-left: auto; margin-right: auto; border-top: 15px solid #0C1446; width: 446px; min-height: 700px; box-shadow: 7px 7px 6px 6px rgba(93, 95, 100, .15); border-radius: 16px; background-color: white; font-size: 30px; font-family: Montserrat-v; text-align: left; color: #0C1446; font-weight: bold;}
.event-box div {margin-left: 25px; margin-right: 25px;}
.event-box figure {margin: 0; margin-left: 25px; margin-right: 25px;}
.event-box figure img {width: 100%; margin-top: 15px; margin-left: auto; margin-right: auto; display: block;}
.event-box .title {margin-top: 25px; text-align: center;}
.event-box .date {margin-top: 52px; clear: both;}
.event-box .address {margin-top: 34px;  font-family: Oswald-v; clear: both;}
.event-box .address img, .event-box .date img {float: left; margin-right: 16px; width: 61px;}


.events-page h1 { text-align: center; }
#events-container {
  display: flex;
  gap: 25px;
  margin-top: 70px;
  margin-bottom: 70px;
}

.aboutus-page {color: black;}
.aboutus-page h1 {text-align: center; text-transform: uppercase; margin-bottom: 0;}
.aboutus-page .content {margin-left: 25px; margin-right: 25px; }
.aboutus-page .staff {display: flex; justify-content: center; align-items: center; flex-direction: column; flex-wrap: wrap; gap: 25px; background-color: #2B7C85; color: white; text-align: center; }
.aboutus-page .person {max-width: 210px; flex: 1; margin-top: 1em; margin-bottom: 1em; }
.aboutus-page .person-name {font-weight: bold; font-size: 1.2em;}
.aboutus-page .person img {width: 100%; }

.contactus-page {color: black; width: 100%; margin-top: 0;}
.contactus-page section {margin-left: 25px; margin-right: 25px;}
.contactus-page .address {}
.contactus-page .text {font-weight: 100;}
.contactus-page .waitingforyou {font-family: Montserrat-v; text-align: center;}
.contactus-page button {background-color: #0C1446; font-weight: bold; }
.contactus-page .events {margin-top: 25px; margin-bottom: 70px;}
.contactus-page .map, .contactus-page .map-container {width: 100%; height: 300px; background-color: lightgray;}

.getinvolved-container {display: flex; justify-content: center; gap: 25px; flex-direction: row; flex-wrap: wrap;}
.getinvolved-page {margin-top: 120px; margin-bottom: 120px;}
.getinvolved-page button {font-weight: bold; }
.getinvolved-button {margin-top: 70px;}
.getinvolved-box {flex: 1; max-width: 300px; min-height: 340px; box-shadow: 7px 7px 6px 6px rgba(93, 95, 100, .15); border-radius: 16px; padding: 16px; background-color: white; font-size: 30px; font-family: Montserrat-v; text-align: left; color: #0C1446; font-weight: bold;}
.getinvolved-box div {margin-left: 25px; margin-right: 25px;}
.getinvolved-box figure {margin: 0;}
.getinvolved-box figure img {width: 100%;}
.getinvolved-box .title {margin-top: 25px; text-align: center;}

.getinvolved-apply-container {display: flex; justify-content: center; gap: 25px; flex-direction: row; flex-wrap: wrap;}
.getinvolved-apply-box fieldset {border: none;}
.getinvolved-apply-box {flex: 1; max-width: 300px; min-height: 340px; box-shadow: 7px 7px 6px 6px rgba(93, 95, 100, .15); border-radius: 16px; padding: 16px; background-color: white; font-size: 30px; font-family: Montserrat-v; text-align: left; color: #0C1446; font-weight: bold;}
.getinvolved-apply-box {border: 1px solid #0C1446; border-top: 15px solid #0C1446; width: 446px;}
.getinvolved-apply-box div {margin-left: 25px; margin-right: 25px;}
.getinvolved-apply-box h1.title {margin-top: 25px; text-align: center; margin-bottom: 0;}
.getinvolved-apply-box button {background-color: #0C1446;}
.getinvolved-apply-box button:hover {background-color: #c6de0d; color: #0C1446; }
.getinvolved-apply-box input, .getinvolved-apply-box textarea {border: 1px solid #0C1446;}

.sevenmins-page {background-color: #2B7C85; color: black; padding: 1em; }
.sevenmins-page h1 {text-align: center; margin-top: 0; color: white;}
.sevenmins-container {display: flex; gap: 25px; justify-content: center; flex-direction: row; flex-wrap: wrap;}
.sevenmins-box {padding-bottom: 25px; flex: 1; min-width: 300px;max-width: 430px; box-shadow: 7px 7px 6px 6px rgba(93, 95, 100, .15); border-radius: 16px; background-color: white;}
.sevenmins-box div {margin-left: 25px; margin-right: 25px;}
.sevenmins-box figure {margin: 0; margin-left: 25px; margin-right: 25px;}
.sevenmins-box figure img {width: 100%; margin-top: 15px; margin-left: auto; margin-right: auto; display: block;}
.sevenmins-box .title {margin-top: 25px; text-align: center; font-family: Montserrat-v; font-weight: bold;}
.sevenmins-box .date {text-align: center; font-family: Montserrat-v;}
.sevenmins-box .text {margin-top: 7px; clear: both;}
.sevenmins-page button {background-color: #0C1446; color: white; font-weight: bold; border: 3px solid white; float: right;}


.cms-page {padding-left: 1em; padding-right: 1em;}
.cms-page figure img {width: 100%;}

.page-list-item-title {margin-bottom: 0; font-size: 21px;}
.page-list-item {font-size: 14px; clear: both;/*display: flex; flex-direction: row; flex-wrap: nowrap;*/}
.page-list-item figure {/*flex: 20%; */  width: 250px; margin-top:0;}
.page-list-item img {width: 100%;}
.page-list-separator {height: 1px; background-color: lightgray; clear: both; margin-top: 7px; margin-bottom: 7px;}

textarea {width: 100%; height: 250px; border-radius: 7px; border: 1px solid #999; padding: 3px;}
input {width: 100%; border-radius: 7px; border: 1px solid #999; padding: 3px;}
input[type="button"], input[type="submit"] {border: 1px solid #c8c8c8; background: transparent; border-radius: 7px; color: #999; padding: 2px; font-size: 1.6em; margin-right: 1em; width: auto;}
input[type="button"]:hover, input[type="submit"]:hover {background-color: #eee; cursor: pointer; }
button {font-family: Montserrat-v;font-size: 32px; background-color: #2B7C85; border-radius: 25px; margin-left: auto; margin-right: auto; display: block; padding-left: 34px; padding-right: 34px; padding-top: 16px; padding-bottom: 16px; color: white;}
button:hover {cursor: pointer; background-color: #c6de0d;}
/*button img {float: left; margin-right: 7px;}*/
input[type="radio"] {width: auto; display: inline; }
input[type="checkbox"] {width: auto; height: auto; display: inline; }
/*select {background: url('images/select-arrow.png') no-repeat right; background-position: 175px; border-radius: 7px; width: 200px; color: #404040; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #999; padding: 3px;}
select::-ms-expand{ display: none; }
select:hover {cursor: pointer;}*/
input:invalid {
    background-color: ivory;
    border: none;
    outline: 2px solid red;
    border-radius: 5px;
}
/*
.flex-boxes {display: flex; flex-direction: column; flex-wrap: wrap;}
.flex-box {flex: 1; padding-left: 1em; text-align: center; }
.flex-box {transition: 1s ease-out;}
.flex-box:hover {transform: scale(1.2); padding-left: 3em; padding-right: 3em;}
.flex-content {display: inline-block; text-align: justify; width: 300px;}
.home-banner-container {height: 1200px; background-color: lightgray;}
*/
#nav-mobile {line-height: 80px;}
#nav-mobile .logo {width: 160px; float: left;}
#nav-mobile .logo img {margin-top: 16px;}
#nav-mobile .menu {width: 100px; float: right;}
#nav-mobile .menu img {width: 60px; height: 36px; margin-top: 25px;}

#menu-mobile, #recources-menu {
	display: none;
	position: absolute;
	z-index: 7;
	top: 80px;
	right: 1px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
}
#menu-mobile a, #recources-menu a {
	display: block;
	line-height: 34px;
	padding: 7px;
	padding-left: 25px;
	padding-right: 25px;
	border: 2px solid white;
	background-color: #253746;
	text-transform: uppercase;
	color: white;
	font-family: Montserrat-v;
	font-weight: bold;
	font-size: 25px;
}
#menu-mobile a:hover, #recources-menu a:hover {
	color: #000;
	background-color: #eee;
}
#menu-mobile .sub-menu { /*display: none;*/ }
#menu-mobile .sub-menu a { padding-left: 52px; }

/*begin responsive*/
/*mobile*/
@media screen and (min-width: 1px) and (max-width: 1365px) {
	.cookies-msg .message {margin-top: 0;}
	.wrapper { width: 100%; max-width: 800px;}
	#nav-desktop {display: none;}
	#nav-mobile {display: block;  }
	header {height: 80px; margin: 0; padding: 0; /*z-index: 9; posistion: absolute;*/ }

	#home-banner .live {width: 70px;}
	#home-banner .text{font-size: 34px; line-height: 52px; left: 52px; top: 43px;}
	#home-banner .events button {font-size: 12px; border-radius: 7px; padding-left: 7px; padding-right: 7px; padding-top: 3px; padding-bottom: 3px;}
	#home-banner .control img {width: 21px;}
	#home-banner .events {width: 120px; height: 16px; position: absolute; right: 70px; bottom:  34px; }
	.home-page section h1 {font-size: 25px;}
	.home-page #whoweare .text {font-size: 16px; line-height: 25px;}
	.home-page section .text {font-size: 12px; line-height: 16px;}
	.home-page section .left-box, .home-page section .right-box { width: 100%; float: none; padding: 0; margin: 0;}
	
	button {font-size: 16px; border-radius: 12px; padding-left: 12px; padding-right: 12px; padding-top: 7px; padding-bottom: 7px;}
	.home-page #whatjesusdo, .home-page #events {padding-bottom: 0px;}
	#events-container {display: block; padding: 1em;}
	.home-page #events {padding-bottom: 25px;}
	.event-box {width: 100%; max-width: 430px; margin-bottom: 34px;}
	.event-box .address img, .event-box .date img {margin-top: 12px; margin-bottom: 43px; margin-right: 12px; width: 43px;}
	.sevenmins-page button {float: none;}
  
	footer .copy-holder {width: 100%; font-size: 12px;}
	footer h3 {font-size: 25px; margin-top: 43px;}
	footer .flex {  display: block; }

}/*mobile*/

/*laptop/tablet*/
@media screen and (min-width: 1366px) and (max-width: 1919px) {
	.wrapper { width: 1366px; }
	#nav-mobile{display: none;}
	#nav-desktop{display: flex;}

	header .logo {flex: 9%; }
	header .top-menu {flex: 85%; }
	header .search {flex: 6%;}

	#home-banner .live {width: 160px;}
}/*laptop/tablet*/

/*DESKTOP*/
@media screen and (min-width: 1920px) {
	.wrapper { width: 1920px; }
	#nav-mobile{display: none;}
	#nav-desktop{display: flex;}

	#home-banner .live {width: 160px;}
	
	.aboutus-page .staff {flex-direction: row; flex-wrap: wrap;}
	
	.contactus-page {display: flex; gap: 52px; width: 1000px; margin-top: 100px; margin-left: auto; margin-right: auto;}
	.contactus-page .col1, .contactus-page .col2 {flex: 1;}
	.contactus-page text {float: left;}
	
}/*DESKTOP*/
/*end responsive*/