@charset "utf-8";

@media screen and (max-width: 480px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
	padding: 12px 14px;
	  color: #09c;
  }
	
.topnav {
  overflow: hidden;
  background-color: #ffffff;
	padding-left: 1%;
	}
	

	
	
.menu-480 {

  display: inline;
}
.menu-MAX {

  display: none;
}
	
	
}






@media screen and (max-width: 480px)
{
	
/* general styles */
.font_1{
	font-size: 15px;
}
.font_1-2 {
	font-size: 15px;
}
.font_1-5 {
	font-size: 18px;
	font-weight: bold;
}
.font_1-7{
	font-size: 15px;
}
.font_1-9{
	font-size: 15px;
}
.font_3-0 {
	font-size: 28px;	
} 	
	
	
	
	
	
	
	
.container {
	width: 100%;
}

h1 {
	font-size: 20px;
	font-weight: bold;
	color: #09C;
	display: inline;
}
	
	
.tag_1 {
  opacity: 1;
  transform: none;
  transition: all 3s;
  transition-delay: .1s;

}

.tag_1.visible {
  opacity: 1;
  transform: none;
}	
	
	
	
	
	
	
	

/* header */
header {
	height: auto;
	width: 100%;
	background-color: none;
	padding-top: 0%;
	padding-bottom: 0%;
	position: relative;
	z-index: 100;
	float: left;
	clear: left;
}
.homeLogo {
	width: 60%;
	position: relative;
	float: left;
	padding: 1% 20% 5% 20%; 
	background-color: #09c;
	margin: 0%;
}
.gray_BAR {
	width: 75%;
	padding: .5% 12.5% .5% 12.5%;
	margin: 0% 0% .2% 0%;
	background-color: #999999;
	overflow: auto;
	float: left;
	display: none;
}
.gray_BAR a {
	text-decoration: none;
	color: #ffffff;
}
.churchNumber {
	width: 7%;
	background-color: none;
	float: left;
	font-size: .75vw;
	font-weight: normal;
	color: #ffffff;
	margin-left: 45%;
	margin-top: 0%;
	text-align: center;
	background-color: transparent;
}
.churchAddress {
	width: 20%;
	background-color: none;
	float: left;
	font-size: .75vw;
	font-weight: normal;
	color: #ffffff;
	margin-left: .1%;
	margin-top: 0%;
	text-align: center;
}


.blue_BAR{
	width: 100%;
	padding-bottom: 0%;
	background-color: #09c;
	float: left;
	padding: 0% 0% 0% 0%;
}
.blue_BAR a {
	text-decoration: none;
	color: #ffffff;
}
.churchName {
	width: 100%;
	background-color: none;
	float: left;
	font-size: 8vw;
	font-weight: bold;
	color: #ffffff;
	margin-left: 0%;
	margin-bottom: 7%;
	text-align: center;
}
.needPrayer {
	width: 10%;
	text-align: center;
	color: #ffffff;
	font-size: .75vw;
	font-weight: normal;
	float: left;
	margin-top: 1.75%;
	margin-left: 25%;
	background-color: none;
	display:none;
}
.socialMedia {
	width: 70%;
	float: left;
	margin-left: 15%;
	margin-right: 15%;
	margin-top: 0%;
	margin-bottom: 3%;
	background-color: none;
}
.facebook {
	width: 32%;
	float: left;
	margin-right: 2%;
	transition: .5s ease-in-out;
}
.facebook:hover, .youtube:hover, .instagram:hover, .tiktok:hover {
  	rotate: 360deg;
}
.youtube {
	width: 32%;
	float: left;
	margin-right: 2%;
	transition: .5s ease-in-out;
}

.instagram {
	width: 32%;
	float: left;
	margin-right: 0%;
	transition: .5s ease-in-out;
}
.tiktok {
	width: 23.5%;
	float: left;
	transition: .5s ease-in-out;
	display: none;
}
	
.giveButton_PC {
	width: 5.5%;
	float: left;
	margin-top: -.4%;
	display: none;
	margin-left: 0%;
}
.giveButton_MOBILE {
	width: 30%;
	float: left;
	margin: 0% 35% 3% 35%;
	display: block;
}





/* navigation bar */	
.topnav a {
	padding: 14px 16px;
	font-size: 14px;
  }	
  .dropdown .dropbtn {
	padding: 14px 16px;
	font-size: 14px;
	}

.topnav a.active {
  background-color: #ffffff;
  color: #09c;
 
}	  
	
	
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }


	
	
.giveButton-LARGE {
	width: 5%;
	float: none;
	margin: -.3% 0% 0% 45%;
	display: none;
	position: absolute;
	z-index: 50px;
}	
	
	
	
	
	
	
	
	
/* Intro Video*/	
.introVideo {
	margin-bottom: 2%;
}	
	
	
	
	
	

/* theme bar*/

.theme_BAR {
	width: 100%;
	text-align: center;
	background-color: #999999;
	padding: .3% 0% .3% 0%;
	overflow: auto;
	font-weight: bold;
	font-size: 8vw;
	color:  #ffffff;
	float: left;
	margin-bottom: 5%;
}
	

	
	
 

/* QuickLinks */ 
.quickLinks {
	width: 95%;
	float: left;
	margin: 5% 2.5% 7% 2.5%;
}
.hugg_QUICKLINK {
	width: 49%;
	float: left;
	margin: 1% 1% 3% 0%;
	text-align: center;
	font-weight: bold;
	color: #a2d39c;
	transition: 1s ease;
}
.calendar_QUICKLINK {
	width: 49%;
	float: left;
	margin: 1% 0% 3% 1%;
	text-align: center;
	font-weight: bold;
	color: #ed1c24;
	transition: 1s ease;	
}
.ecfOnline_QUICKLINK {
	width: 49%;
	float: left;
	margin: 1% 1% 3% 0%;
	text-align: center;
	font-weight: bold;
	color: #f89520;
	transition: 1s ease;	
}
.give_QUICKLINK {
	width: 49%;
	float: left;
	margin: 1% 0% 3% 1%;
	text-align: center;
	font-weight: bold;
	color: #01a74f;
	transition: 1s ease;	
}
.bibleChallenge_QUICKLINK {
	width: 49%;
	float: left;
	margin: 1% 1% 3% 0%;
	text-align: center;
	font-weight: bold;
	color: #0756a5;
	transition: 1s ease;	
}
.prayer_QUICKLINK {
	width: 49%;
	float: left;
	margin: 1% 0% 3% 1%;
	text-align: center;
	font-weight: bold;
	color: #d6bbda;
	transition: 1s ease;	
}
.hugg_QUICKLINK:hover, .calendar_QUICKLINK:hover, .ecfOnline_QUICKLINK:hover, .give_QUICKLINK:hover, .bibleChallenge_QUICKLINK:hover, .prayer_QUICKLINK:hover {
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);
	transition: 1s ease;
}
.quickLinks_PIC {
	width: 100%;
	float: left;
	margin-bottom: 2%;
}
.quickLinks_VERBIAGE {
	width: 100%;
	float: left;
	text-align: center;
	font-size: 3.5vw;
}

	
	

	
	
	
	
	
/* Service Scheduke */ 
.serviceSchedule_PANEL {
	width: 100%;
	padding-bottom: 80%;
	background-color: none;
	background-image: url('images/mobilePic_WORSHIPSCHEDULE.jpg');
  	background-repeat: no-repeat;
  	background-size: cover;
	float: left;
	margin-bottom: 10%;
}
.serviceSchedule_VERBIAGE-1 {
	width: 30%;
	float: left;
	font-size: 3vw;
	color: #ECEC00;
	text-align: center;
	margin-top: 19%;
	margin-left: 2% ;
	background-color: none;
	display: none;
}
.serviceSchedule_VERBIAGE-2 {
	width: 30%;
	float: left;
	font-size: 5vw;
	color: #ECEC00;
	text-align: center;
	margin-top: 19%;
	margin-left: 2%;
	display: none;
}
.serviceSchedule_VERBIAGE-3{
	width: 30%;
	float: left;
	font-size: 5vw;
	color: #ECEC00;
	text-align: center;
	margin-top: 19%;
	margin-left: 2%;
	display: none;
}
	
	
	
	
	
	

.countdownTimer {
	text-align: center;
	height: auto;
	width: 85%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 2%;
	margin-top: 5%;
	font-size:12px;
}


	
	
	
  
/* Featured Videos */ 
.featuredVideos_PANEL {
	width: 90%;
	overflow: auto;
	background-color:none;
	margin: 0% 5% 5% 5%;
	text-align: center;
}
.featuredVideosPanel_TITLE {
	width: 100%;
	overflow: auto;
	text-align: center;
	font-weight: bold;
	font-size: 5vw;
	background-color: none;
	margin-bottom: 1.5%;
	color: #999999;
}
.featuredVideo_INFO-A {
  	position: relative;
   	float: left;
  	width: 100%;
  	text-align: center;
	overflow: auto;
	background-color: none;
	padding: 1.5% 0% 90% 0%;
	margin-bottom: 5%;
	background-image: url('images/sermonsSeries/sermonSeries_SUMMER.jpg');
  	background-repeat: no-repeat;
  	background-size: 100% 100%;
}
.featuredVideo_INFO-B {
  	position: relative;
   	float: left;
  	width: 100%;
  	text-align: center;
	overflow: auto;
	background-color: none;
	padding: 1.5% 0% 90% 0%;
	margin-bottom: 5%;
	background-image: url('images/featuredVideos_TODAYSERMON.jpg');
  	background-repeat: no-repeat;
  	background-size: 100% 100%;
}
.featuredVideo_INFO-C {
  	position: relative;
   	float: left;
  	width: 100%;
  	text-align: center;
	overflow: auto;
	background-color: none;
	padding: 1.5% 0% 90% 0%;
	margin-bottom: 5%;
	background-image: url('images/featuredVideos_PLANTINGSEED.jpg');
  	background-repeat: no-repeat;
  	background-size: 100% 100%;
}
.featuredVideo_TOP {
  	position: absolute;
  	display: inline-block;
  	width: 88%;
	padding: 58% 0% 15% 0%;
  	height: auto;
	left: 0;
  	right: 0;
  	margin: 4% auto 0% auto;
	border-width: .15vw;
	border-style: solid;
	border-color: #ffffff;
	transition: none;
	background-color: none;
	font-weight: bold;
	font-size: 6vw;
	color: #ffffff;
	box-sizing: border-box;
	
}
.featuredVideo_BOTTOM {
	position: absolute;
  	display: inline-block;
  	width: 88%;
	padding: 40% 0% 17% 0%;
  	height: auto;
	left: 0;
  	right: 0;
  	margin: 4% auto 0% auto;
	border-width: 0vw;
	border-style: solid;
	border-color: #ffffff;
  	opacity: 0;
	transition: 950ms ease;
	background-color: rgba(0, 0, 0, 0.5);
	font-weight: normal;
	font-size: 6vw;
	color: #ffffff;
	display: none;
	
}
.featuredVideo_INFO-A:hover .featuredVideo_BOTTOM {
  opacity: 1;
  margin: 4% auto 0% auto;
 }
.featuredVideo_INFO-A:hover .featuredVideo_TOP {
  opacity: 1;
  margin: 4% auto 0% auto;
 }
.featuredVideo_INFO-B:hover .featuredVideo_BOTTOM {
  opacity: 1;
  margin: 4% auto 0% auto;
 }
.featuredVideo_INFO-B:hover .featuredVideo_TOP {
  opacity: 1;
  margin: 4% auto 0% auto;
 }
.featuredVideo_INFO-C:hover .featuredVideo_BOTTOM {
  opacity: 1;
  margin: 4% auto 0% auto;
 }
.featuredVideo_INFO-C:hover .featuredVideo_TOP {
  opacity: 1;
  margin: 4% auto 0% auto;
 }

	
	

	
/* Sermon Series */	
.sermonSeries_PANEL {
	width: 100%;
	padding-bottom: 80%;
	background-color: none;
	background-image: url('images/sermonsSeries/sermonSeries_SUMMER.jpg');
  	background-repeat: no-repeat;
  	background-size: cover;
	float: left;
	margin-bottom: 10%;
}	
	

	
	
	
	
	
	
/* Sermon Stream */
	
.sermonPanel_MOBILE {
	display: block;
	margin: 10% 0% 10% 0%;
	float: left;
}

.sermon_PANEL {
	display: none;
}


	
	
	
	
/* Audacious Faith */		
.audaciousFaith_PANEL {
	width: 100%;
	padding-bottom: 70%;
	background-color: none;
	background-image: url('images/mobilePics/audaciousFaith_FEB.jpg');
  	background-repeat: no-repeat;
  	background-size: cover;
	float: left;
	margin: 0% 0% 0% 0%;
}

.audaciousFaithPanel_VERBIAGE {
	width: 100%;
	font-size: 1.2vw;
	font-weight: bold;
	text-align: center;
	color: #666666;
	margin: 0% 0% 3% 0%;
	float: left;
	display: none;
}








/* Prayer Baptism */	
.prayerBaptism_PANEL {
	display: none;	
}
.prayerBaptism_PANEL-MOBILE {
	display: block;
	float: left;
	margin: 10% 0% 10% 0%;
}
.prayerPanel_MOBILE {
	width: 50%;
	float: left;
}
.baptismPanel_MOBILE {
		width: 50%;
	float: left;	
}	
	
	
	
	
	
	
	
	
	
/* 5 Ways to Give */ 	
.waysToGive_PANEL {
	display: none;
}

.waysToGive_PANEL-480 {
	display: block;
	width: 95%;
	float: left;
	margin: 7% 2.5% 10% 2.5%;
}
	
.waysToGive_TITLE {
	width: 100%;
	font-weight: bold;
	font-size: 5vw;
	color: #5CCC76;
	text-align: center;
	margin-bottom: 2%;
	float: left;
}	
	
.waysToGive_WEBSITE{
	width: 48%;
	margin: 0% 1% 2% 1%;
	padding: 0% 0% 0% 0%;
	float: left;
	color: #5CCC76;
	border: none;
	transition: none;	
}
	
.waysToGive_BANKAPP{
	width: 48%;
	margin: 0% 1% 2% 1%;
	padding: 0% 0% 0% 0%;
	float: left;
	color: #5CCC76;
	border: none;
	transition: none;		
}
	
.waysToGive_MAIL{
	width: 48%;
	margin: 0% 1% 2% 1%;
	padding: 0% 0% 0% 0%;
	float: left;
	color: #5CCC76;
	border: none;
	transition: none;		
}
	
.waysToGive_SELFADDRESS{
	width: 48%;
	margin: 0% 1% 2% 1%;
	padding: 0% 0% 0% 0%;
	float: left;
	color: #5CCC76;
	border: none;
	transition: none;		
}
	
.waysToGive_DROPPOFF{
	width: 48%;
	margin: 0% 26% 2% 26%;
	padding: 0% 0% 0% 0%;
	float: left;
	color: #5CCC76;
	border: none;
	transition: none;		
}
	
.waysToGive_WEBSITE:hover, .waysToGive_BANKAPP:hover, .waysToGive_MAIL:hover, .waysToGive_SELFADDRESS:hover, .waysToGive_DROPPOFF:hover  {
	text-decoration: none;
	transform: none;
}	
	
	
	
	
	
/* Credits */

.credits {
	width: 96%;
	padding: 5% 2% 15% 2%;
	font-size: 5vw;
	background-color: #F90;
	float: left;
}
.credits a {
	color: inherit;
	text-decoration: none;
}
.credits a:hover {
	color: inherit;
	text-decoration: underline;
}
.credits_PANEL-1 {
	width: 100%;
	float: left;
	color: #ffffff;
	text-align: center;
}
.credits_PANEL-2 {
	width: 100%;
	float: left;
	color: #ffffff;
	display: none;
}
.credits_PANEL-3 {
	width: 100%;
	float: left;
	color: #ffffff;
	display: none;
}
.credits_PANEL-4 {
	width: 100%;
	float: left;
	color: #ffffff;
	display: none;
}



	
	
	
	
	
/* applies to all pages except HOME page */	
	
.info_PANEL {
	width: 100%;
	padding: 0% 0% 0% 0%;
	float: left;
	margin: 0% 0% 0% 0%;
	
}
.infoPanel_TITLE {
	width: 90%;
	padding: .35% 0% .35% 10%;
	background-color: #09c;
	font-size: 8vw;
	font-weight: bold;	
	float: left;
	color: #ffffff;
	margin: 0% 0% 0% 0%;
}
.infoPanel_VERBIAGE {
	width: 90%;
	padding: 7% 5% 5% 5%;
	background-color: #F4F4F4;
	float: left;
	color: #333333;
	font-size: 18px;
	margin: 0%;
}
.infoPanel_VERBIAGE a {
	text-decoration: none;
	color: #F90;
}	
	
	
	
	
	
	
	
	
	



/* IM NEW page */
.imNew_PAGE {
	width: 95%;
	font-size:15px;
	padding-top: 3%;
	padding-right: 3%;
	padding-bottom: 0%;
	padding-left: 3%;
	float: left;
}


	
	
	
	

/* ABOUT US page */
.pastorAndLynda {
	float: left;
	width: 98%;
	border-style: solid;
	border-width: .175vw;
	border-color: #ffffff;
	margin: 0% 1% 3% 0%;
}


.executivesINFO {
	width: 100%;
	float: left;
	margin-bottom: 25%;	
}
.executivesPICS {
	width: 98%;
	float: left;
	margin: 0% 0% 2% 0%;
	border: thin solid #CCC;
}
.executivesVERBIAGE {
	width: 95%;
	margin: 0% 2% 0% 3%;
	float: left;	
}


.staffINFO {
	width: 100%;
	float: left;
	margin-bottom: 15%;
}
.staffPICS {
	width: 98%;
	float: left;
	margin: 0% 0% 2% 0%;
	border: thin solid #CCC;
}
.staffVERBIAGE {
	width: 95%;
	margin: 0% 2% 0% 3%;
	float: left;
}






	
	
	
	

/* NEWS/EVENTS page */

.calendarsThumbnail_PANEL {
	width: 100%;
	float:left;
	margin-bottom: 7%;
	background-color: transparent;
	
}
.calendars{
	width: 31.3%;
	margin: 0% 1% 2% 1%;
	float: left;
	border: thin solid #09c;
	box-sizing: border-box;
}
.calendars_LINK {
	width: 31.3%;
	margin: 0% 1% 2% 1%;
	float: left;
	border: thin solid #f90;
  	box-sizing: border-box;	
}

.newsEvents_INFOPANEL {
	width: 100%;
	margin-bottom: 7.5%;
	border-top-style: dotted;
	border-top-width: .15vw;
	border-top-color: #ffffff;
	padding-top: 2%;
	float: left;	
}
.newsEventsInfoPanel_PIC {
	width: 100%;
	float: left;
	margin-right: 0%;
	margin-bottom: 2%
}
.newsEventsInfoPanel_VERBIAGE {
	width: 98%;
	float: left;
	font-size: 16px;
	color: #666666;
	margin-left: 2%;
}
.newsEventsInfoPanel_VERBIAGE a {
	text-decoration: none;
	color: #f90;
}	
	
	
	
	
	
	
	
	
	
	

/* WEEKLY SERMONS page */
.weeklySermon_PANEL {
	width: 100%;
	float: left;
	background-color: transparent;
	margin-bottom: 10%;
	margin-top: 2%;
	transition: none;
}
.weeklySermon_PANEL:hover {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	transition: none;
}
.weeklySermonPanel_PIC-A {
	width: 75%;
	float: left;
	margin: 0% 12% 0% 12%;
	border-style: solid;
	border-color: #f90;
	border-width: .15vw;
	box-sizing: border-box;
}
.weeklySermonPanel_PIC-B {
	width: 75%;
	float: left;
	margin: 0% 12% 0% 12%;
	border-style: solid;
	border-color: #09c;
	border-width: .15vw;
	box-sizing: border-box;
	
}
.weeklySermonPanel_INFO-A {
	width: 94%;
	float: left;
	background-color: transparent;
	color: #f90;
	font-size: 1.0vw;
	padding: 2% 2% 2% 2%;
	margin: 2% 0% 0% 0%;
	text-align: center;
}
.weeklySermonPanel_INFO-B {
	width: 94%;
	float: left;
	background-color: transparent;
	color: #09c;
	font-size: 1.0vw;
	padding: 2% 2% 2% 2%;
	margin: 2% 0% 0% 0%;
	text-align: center;
	
}
.weeklySermonPanel_VERBIAGE {
	width: 100%;
	float: left;
	margin-right: 0%;
	margin-top: 0%;
	background-color: transparent;
	font-size: 18px;
}
.weeklySermonPanel_ICONS {
	width: 100%;
	float: left;
	margin-top: 2%;
	margin-bottom: 1.5%;
}
.sermonVideo_ICON {
	width: 30%;
	float: left;
	margin: 2% 1% 0% 19%;
}
.sermonNotes_ICON {
	width: 30%;
	float: left;
	margin: 2% 19% 0% 1% ;
}
	
.sermonArchives_PANEL{
	width:95%;
	padding-left: 2.5%;
	padding-left: 2.5%;
	float: left;
	background-color: transparent;
	color: #999999;
	font-size: 12px;
	font-weight: normal;
}
.sermonArchives_PANEL a{
	text-decoration: none;
	color: #f90;
}
.sermonArchives_PANEL a:hover{
	text-decoration: underline;
	color: #f90;
}
.sermonArchives_FONT {
	font-size: 14px;
	font-weight: bold;
}


	
	
	
	
	
	

/* CALENDAR page */
.events_SECTION{
	float: left;
	font-size: 15px;
	width: 100%;
}
.eventsSection_PIC {
	float: left;
	height: auto;
	width: 30%;
	border: 1px solid #F90;
}
.eventsSection_TITLE {
	float: left;
	height: auto;
	width: 65%;
	padding-bottom: 1%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
	padding-left: 2%;
	font-weight: bold;
	color: #f90;
}
.eventsSection_INFO {
	float: left;
	height: auto;
	width: 60%;
	padding-top: 1%;
	color: #000;
	padding-left: 5%;
}
.eventsSection_INFO a {
	font-size: 15px;
	color: #F00;
	text-decoration: none;
}



/* MINISTRIES page */
.ministries_PAGE {
	font-size: 15px;
}



/* MEDIA page */
.media_PAGE, .media_PAGE a {
	font-size: 15px;
}



/* GIVE page */
.give_PAGE {
	font-size: 15px;
	margin-bottom: 0;
	padding-top: 5%;
	padding-bottom: 10%;
}
.payPal_BTN a, .bluePay_BTN a {
	float: left;
	width: 40%;
	margin-right: 2%;
	margin-left: 3%;
	margin-bottom: 20%;
}



/* CONTACT page */
.contact_PANEL{
	width: 100%;
	float: left;
	margin: 0% 0% 15% 0%;
	background-color: transparent;
}
.contact_PIC {
	width: 100%;
	float: left;
	margin-bottom: 2%;
	background-color: transparent;
	border: thin solid #fff;
  	box-sizing: border-box;
}
.contact_INFO {
	width: 97%;
	margin-left: 3%;
	float: left;
	background-color: transparent;
}


	
	
	.hugg_PG, .hugg_PG a {
	font-size: 15px;
}

	
}