* {font-family: 'Lato', sans-serif;}
body {margin:0px;padding:0;}
form {margin:0px;padding:0px;}
.tl {text-align:left;}
.tr {text-align:right;}
.tc {text-align:center;}
.dc {margin:0 auto;}
.b0 {border:0;}
.b1b {border:1px solid black;}
img {border:0;}
.cp {cursor:pointer;}
table, table tr td, table tr th {margin:0;padding:0;border-collapse: collapse}
.tdp3 td {padding:3px;}
.tdp5 td {padding:5px;}
.tdp10 td {padding:10px;}
.p10 {padding:10px;}
.abs {position:absolute;}
.vt {vertical-align:top;}
.vm {vertical-align:middle;}
.vb {vertical-align:bottom;}
.w100 {width:100%;}
.w50 {width:50%;}
.sw {max-width:1020px;}
.main {color:black;font-size:13pt;}
.main a, .link, .textbox a {color:gray;text-decoration:underline;}
.main a:hover, .link:hover, .textbox a:hover {color:black;text-decoration:underline;}
.swp {padding-left:10px;padding-right:10px;}
.p {cursor:pointer;}
.wbg {background-color:white;}
.dib {display:inline-block;}
h1, h2, h3 {font-family: 'Lato', sans-serif;margin:5px;padding:5px;text-align:center;}


a:link, a:visited, a:active {color:#6B7399;}
a:hover {color:#029499;}



@media (max-width:600px){
.img100 {width:100%;float:none;}
}

.videoright {width:45%;padding:15px 0 0 10px;float:right;display:inline-block;}
@media (max-width:600px){
.videoright {width:100%;padding:0 0 30px 0;float:none;display:block;}
} /*https://coastalchristian.com/New-Believer.html*/


.contactbox {
	background:url('https://imgs.coastalchristian.com/coastalchristian/images/contact.jpg') center center no-repeat;
	background-size:cover;
	padding:100px;
	color:white;
	line-height:2em;
	font-size:1.2em;
	font-weight:300;
	text-align:center;
	}

@media screen and (max-width: 600px) {
.contactbox {padding:25px;}
}	

.social {border-radius:5px;display:block;height:40px;width:40px;text-decoration:none;color:white;}
.social i {color:white;text-decoration:none;}

.fade {transition:color 0.5s ease;}
.bfade {-webkit-transition: all 0.5s ease;
         -moz-transition: all 0.5s ease;
           -o-transition: all 0.5s ease;
          -ms-transition: all 0.5s ease;
              transition: all 0.5s ease;}

.topheader {padding-top:15px;padding-bottom:15px;padding-left:50px;padding-right:0px;}

.nav, .nav_on {display:inline-block;padding-top:15px;padding-bottom:15px;font-size:12pt;}
.nav a {color:white;text-align:center;text-decoration:none;}
.nav a:hover, .nav_on a {text-decoration:none;color:#A8A8B2;}
.nav, .nav_on {padding:10px;}
.nav a, .nav_on a {font-size:1em;color:#414141;text-transform:uppercase;font-weight:400;letter-spacing:0.06em;}


.subnavsm  {padding:0;background-color:rgba(225,225,225,0.2);color:black;font-size:12pt;border-top:}
.subnavitem {background-color:rgba(245,245,245,1);border-top:1px solid white;}
.subnavitem.on {background-color:rgba(200,200,200,1);}
.subnavitem:hover {background-color:rgba(200,200,200,0.3);}
.subnavitem a {display:block;font-size:11pt;color:#49494A;text-decoration:none;font-family: 'Lato', sans-serif;padding:10px 0 10px 30px;border:0px;min-width:105px;text-transform:uppercase;letter-spacing:0.06em;}
.subnavitem:hover a {color:black;}

.blog_title {margin:0;padding:0;text-align:left;font-size:15pt;white-space: nowrap;text-overflow: ellipsis;width: 100%;overflow: hidden;}

.blog_title_white {color:white;margin:0;padding:0;text-align:left;font-size:15pt;white-space: nowrap;text-overflow: ellipsis;width: 100%;overflow: hidden;}

.blog_teaser_white {color:white;font-size:10pt;color:gray; line-height: normal;white-space: nowrap;text-overflow: ellipsis;width: 100%;overflow: hidden}
.blog_teaser {font-size:10pt;color:gray; line-height: normal;white-space: nowrap;text-overflow: ellipsis;width: 100%;overflow: hidden}
.blog_content {font-size:12pt;color:gray; line-height: normal;padding-left:6px;}
.blog_border {cursor:pointer;text-align:left;vertical-align:top;background-color:white;padding:10px;border-radius:20px;}
.blog_border:hover {background-color:#ECECEC;}
.dark {color:#414141;}


.sidebyside {margin-left:5px;height:500px;width:auto;display:inline-block;margin-bottom:10px;}
@media screen and (max-width: 623px) {
.sidebyside {margin-left:0px;height:auto;width:100%;display:block;margin-bottom:10px;}
}


.videoheading {position:relative;width:100%;height:400px;overflow:hidden;}
.titleheading {position:relative;top:-230px;color:white;}
#videoBG {
width:100%;
height:auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}




.gyouthbox {background:url('https://imgs.coastalchristian.com/coastalchristian/images/abide-youth.jpg') left center no-repeat;background-size:cover;text-align:center;padding:50px;color:white;}


.gwomenbox {
background:url('/images/Coastal_Christian_womens_gradient_background.jpg') center center no-repeat;background-size:cover;color:white;text-align:center;padding:50px;

}


.dbr {display:block;height:1px;} /* Desktop BR */
@media screen and (max-width: 600px) {
.dbr {display:inline-block;height:1px;display:none;} /* Desktop BR - on mobile it removes the break */
}

.gbox {
background:url('/images/Coastal_Christian_gradient_background.jpg') center center no-repeat;background-size:cover;color:white;text-align:center;padding:3vw;
}

.corevaluesbox {background-color:#141311 !important;background-image:url('https://imgs.coastalchristian.com/coastalchristian/images/whoweare2.jpg');background-position:bottom right;background-repeat:no-repeat;background-size:contain;}


.gbox h1, .gbbox h1, .bbox h1, .graybox h1 {margin:0;padding:0;}
.gbox h3, .gbbox h3, .bbox h3, .graybox h3 {font-size:28px;margin:10px auto 0 auto;max-width:800px;width:100%;font-weight:300;text-align:center;}

.gbbox {background: linear-gradient(51deg, rgba(92,116,140,1) 0%, rgba(33,46,62,1) 100%); /* W3C */
color:white;text-align:center;padding:50px;line-height:2em;}

.bbox {color:white;text-align:center;padding:50px;background-color:#414141;line-height:2em;}
.graybox {color:#414141;text-align:center;padding:50px;background-color:#ECF0F1;}
@media screen and (max-width: 623px) {
.graybox {color:#414141;text-align:center;padding:20px;background-color:#ECF0F1;}
}
.bbox a {color:white;text-decoration:underline;}
.bbox a:hover {color:silver;text-decoration:underline;}

.pastorbox1 h3, .pastorbox2 h3 {margin:0;font-weight:bold;}
.pastorboxtext {box-sizing:border-box;line-height:normal;text-decoration:none !improtant;color:white !important;font-size:12pt;padding-bottom:10px;text-shadow: 0 0 10px black;}
.pastorboxtext a:link, .pastorboxtext a:visited, .pastorboxtext a:hover, .pastorboxtext a:active, .pastorboxtext:link, .pastorboxtext:hover, .pastorboxtext:active, .pastorboxtext:visited {color:white !important;text-decoration:none !important;}

.pastorbox1 {border-radius:20px;cursor:pointer;vertical-align:bottom;width:280px;height:280px;background-size:cover;background:url('https://imgs.coastalchristian.com/coastalchristian/images/Jesse-p1-Coastal-Christian-Pastor-Jesse-Pastor_Matt-Stokes(1).png') top center no-repeat;}
.pastorbox1:hover {background:url('https://imgs.coastalchristian.com/coastalchristian/images/Jesse-p1-Coastal-Christian-Pastor-Jesse-Pastor_Matt-Stokes(1).png') bottom center no-repeat;}
.pastorbox2 {border-radius:20px;cursor:pointer;vertical-align:bottom;width:280px;height:280px;background-size:cover;background:url('https://imgs.coastalchristian.com/coastalchristian/images/Pastor-Matt-Stokes2.png') top center no-repeat;}
.pastorbox2:hover {background:url('https://imgs.coastalchristian.com/coastalchristian/images/Pastor-Matt-Stokes2.png') bottom center no-repeat;}

.imgtitle {width:100%;color:white;text-align:center;padding-top:100px;padding-bottom:100px;}


.buttonw, .buttonwb, .bbutton {-webkit-appearance: none;margin:5px;line-height:normal;font-size:12pt;text-decoration:none;}
.buttonw a, .bbutton a {text-decoration:none;color:white;}
.buttonwb a {text-decoration:none;color:white;}


.buttonw {border:2px solid white;background:transparent;text-transform:uppercase;cursor:pointer;text-align:center;font-family: 'Lato', sans-serif;padding:15px;color:white;border-radius:5px;width:200px;}
.buttonw:hover {background:rgba(256,256,256,0.2);transition: background-color 0.1s ease-in 0s;}

.buttonwb:link, .buttonwb:visited, .buttonwb:hover, .buttonwb:active {text-decoration:none !important;color:#414141 !important;}
.buttonwb {display:inline-block;background:white;text-transform:uppercase;cursor:pointer;text-align:center;font-family: 'Lato', sans-serif;padding:17px;color:#414141;border-radius:5px;width:200px;}
.buttonwb:hover {background:rgba(256,256,256,0.8);transition: background-color 0.1s ease-in 0s;}


.bbutton:link, .bbutton:visited, .bbutton:hover, .bbutton:active {text-decoration:none !important;color:white !important;}
.bbutton {display:inline-block;background:#414141;text-transform:uppercase;cursor:pointer;text-align:center;font-family: 'Lato', sans-serif;padding:17px;color:white;border-radius:5px;width:200px;border:0;}
.bbutton:hover {background:black;transition: background-color 0.1s ease-in 0s;}


.textbox {line-height:2em;font-size:1.2em;font-weight:300;}

.wlink {color:silver;text-decoration:underline;}
.wlink:hover {color:white;text-decoration:underline;}

.boxlink:link, .boxlink:visited, .boxlink:active, .boxlink:hover {color:white !important;text-decoration:none;text-shadow:0 0 10px black;}

.boxlink {border-radius:20px;background-repeat:no-repeat;background-size:cover;background-position:top center;width:240px;height:240px;box-sizing:border-box;padding-top:166px;vertical-align:middle;color:white !imporant;font-size:2em;font-family: 'Lato', sans-serif;display:inline-block;margin:10px;text-align:center;text-decoration:none !important;}
.boxlink:hover {background-position:bottom center;}


.m800m {width:80%;max-width:1300px;}
@media screen and (max-width: 600px) {
.m800m {width:100%;max-width:1300px;}
}
.m800 {width:80%;max-width:1300px;}

.m800 img {border-radius:20px;}
 
img.square {border-radius:0;}


#totop {
border-radius:10px;
display: none;
    z-index: 1001;
    position: fixed;
    bottom: 30px;
    right: 10px;
    line-height: 25px;
    background-color: white;
    padding: 4px 10px;
    font-size: 10pt;
    text-decoration: none;
    cursor: pointer;
}
   
   
.clear {clear:both;display:block;}


.footer {background-color:#414141;color:white;text-align:left;padding:50px;font-size:13pt;font-family: 'Lato', sans-serif;line-height:2em;font-weight:300;}
.footer a {color:white;}
.footer a:hover {color:silver;text-decoration:underline;}
.footer b {font-size:16pt;font-weight:400;}
.footer_col {display:inline-block;width:calc(((100% - 100px)/5) - 35px);vertical-align:top;padding-right:50px;}
@media screen and (max-width: 945px) {
.footer_col {width:100%;}
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }


.mnav {background:#EEEEEE;}
.mnav:hover, .mnav:active, .mnavon, .mnavon:hover {background:#CFCFCF;}
.sma {font-family: 'Lato', sans-serif;font-size:14pt;text-decoration:none;color:#49494A;padding:10px 0px 10px 20px;display:block;}




.itembox {background-color:#F8F8F8;color:black;border:1px solid #E5E5E5;padding:7px;text-align:left;margin-bottom:3px;}


.homes {cursor:pointer;max-width:325px;border:1px solid silver;display:inline-block;}
.homesimg {display:block;}
.homestext {background-color:#F5F5F5;color:#4F4F4F;padding:15px;}
.homestext1 {font-weight:300;font-size:24pt;color:black;}
.homestext2 {font-weight:700;font-size:10pt;}

.textinput {

	outline: none;
	text-decoration: none;
	font-size: 13pt;
	font-family: 'Lato', sans-serif;
	padding:10px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color: black;
	border: solid 1px silver;
	text-align:left;
	background: red;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE));
	background: -moz-linear-gradient(top,  #FFFFFF,  #EEEEEE);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE');
width:100%;
 display: table-cell;
  box-sizing : border-box;
border-radius:5px;
}



.tinybutton {color:white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	text-align:center;
	background: #768EA6;
	background-image: linear-gradient(#768EA6, #48627D);
	padding:2px 10px 2px 10px;cursor:pointer;outline:0;border:0;-webkit-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);
box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);text-decoration:none;font-size:9pt;}


.tinybutton:hover {background: #48627D;background-image: linear-gradient(#48627D, #768EA6);outline:0;text-decoration:none;}












.button, .buttonbooking {color:white;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	text-align:center;
	background: #333333;
	
	padding:10px;cursor:pointer;outline:0;border:0;-webkit-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);
box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);border:1px solid black;text-decoration:none;}

.button:hover, .buttonbooking:hover {background: #4B4B4B;outline:0;border:1px solid #373737;text-decoration:none;}

.buttonqr {padding-top:20px;padding-bottom:20px;margin-bottom:10px;color:white;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	text-align:center;cursor:pointer;outline:0;border:0;-webkit-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);
box-shadow: 2px 2px 12px -3px rgba(0,0,0,0.25);text-decoration:none;font-weight:700;text-transform:uppercase;background-color:black;background-size: cover;}
.buttonqr:hover {background-color:black;background-image:none;text-decoration:none;}





.es-carousel ul{display:block;}

.boxtitle {border:1px solid #E9E9E9;background-color:#F3F3F3;padding:15px;text-align:left;}
.box {border:1px solid #E9E9E9;border-top:0;background-color:white;color:#464646;line-height:23px;padding:15px;text-align:left;}



.videoWrapper {
	position: relative;
	padding-bottom: 56%;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.videoresultshell {width:300px;}

@media screen and (max-width: 945px) {
.videoresultshell {width:49%;}
}

@media screen and (max-width: 623px) {
.videoresultshell {width:100%;}
}



.w48 {width:calc(50% - 65px);margin-right:60px;vertical-align:top;text-align:left;display:inline-block;}

@media screen and (max-width: 15000px) {
.w48 {width:calc(50% - 65px);margin-right:60px;vertical-align:top;text-align:left;display:inline-block;}
.conimg {max-width:500px;margin-right:50px;}
.lc {text-align:left !important}
.mispic {margin:10px;width:200px;height:200px;}

.misbox {width:600px;text-align:left;vertical-align:top;}
.mistext {width:370px;}
.map {width:600px;}
h1 {font-size:3em;font-weight:300;}
h2 {font-size:2em;}
h3 {font-size:2em;font-weight:300;}

.innernav {float:right;padding-left:10px;padding-top:20px;}
.barheight {height:91px;}
.cb {clear:both;display:inline-block;}

.fr {float:right;padding-left:10px;}
.fl {float:left;padding-right:10px;}
#largenav {display:block;}
#smallmenu0 {display:none;}
.mi {display:none;}
.di {display:inline-block;}
}

@media screen and (max-width: 895px) {
.w48 {width:calc(50% - 65px);margin-right:60px;vertical-align:top;text-align:left;display:inline-block;}
.conimg {max-width:350px;margin-right:0px;}
.lc {text-align:left !important}
.mispic {margin:10px;width:200px;height:200px;}

.misbox {width:500px;text-align:left;vertical-align:top;}
.mistext {width:270px;}
.map {width:100%;}
h1 {font-size:3em;font-weight:300;}
h2 {font-size:2em;}
h3 {font-size:2em;font-weight:300;}
.innernav {float:right;padding-left:10px;}
.barheight {height:91px;}
.cb {clear:both;display:inline-block;}
.fr {float:right;padding-left:10px;}
.fl {float:left;padding-right:10px;}
#largenav {display:block;}
#smallmenu0 {display:none;}
.mi {display:none;}
.di {display:inline-block;}
}

@media screen and (max-width: 820px) {
.w48 {width:100%;text-align:left;display:block;}
.conimg {max-width:100%;margin-right:0px;}
.lc {text-align:center !important}
.mispic {margin:0 auto;width:350px;height:350px;}

.misbox {width:100%;text-align:center;}
.mistext {width:100%;}
.map {width:100%;}
h1 {font-size:2.5em;font-weight:300;}
h2 {font-size:1.8em;}
h3 {font-size:1.8em;font-weight:300;}

.barheight {height:68px;}
.cb {display:none;}
.fr, .fl {float:none;padding:0;text-align:center;margin: 0 auto;}
.headertext {text-align:center;}
#largenav {display:none;}
#smallmenu0 {display:block;}
.mi {display:inline-block;}
.di {display:none;}
}

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

.w48 {width:100%;text-align:left;display:block;}
.conimg {max-width:100%;margin-right:0px;}
.lc {text-align:center !important}
.mispic {margin:0 auto;width:100%;height:350px;}

.mistext {width:100%;}
.misbox {width:100%;text-align:center;}
.map {width:100%;}
h1 {font-size:2.5em;font-weight:300;}
h2 {font-size:1.8em;}
h3 {font-size:1.8em;font-weight:300;}
.barheight {height:68px;}
.cb {display:none;}
.fr, .fl {float:none;padding:0;text-align:center;margin: 0 auto;}
.fr img, .fl img {width:100% !important;height:auto !important;}
#largenav {display:none;}
#smallmenu0 {display:block;}
.mi {display:inline-block;}
.di {display:none;}
}