@charset "utf-8";
/* CSS Document */

/*---Every Nation Brand Colours

Primary Palette:
	Signature Blue
		#0072bc
		0,114,188
	Dark Cool Gray
		#1c2b39
		28,43,57
	Light Cool Gray
		#c8d9df
		200,217,223

Secondary Palette:
	Aqua #C8D9DF
	Purple #4A4099
	Green #73C48F
	Legacy Blue #263286

Crowth Path:
	Engage (Aqua) #00B2BA
	Establish #6950A1
	Equip (Green) #73C48F
	Empower #A7454A

Ministry Colours
	Worship #C1B9A9
	Prophetic #F68C3D
	Prayer #DBAB59
	Missions #7CCCBF
	Pastoral #B0CD70
	Hosting (Light Cool Gray) #C8D9DF
	Operations (Light Cool Gray) #C8D9DF
	Connect #70B9C6
	Men #B0968E
	Women Alive #B49AB3
	Legends #FAA61A
	Young Adults #81CA9C
	Discipleship #9AB5C6
	Social Responsibility #FFCC40
	Business #CFAD70
	Evangelism #BA887E
	Kids Blue #0072BC
	Kids Green #72BF44
---*/

body, html {
	margin:0;
	padding:0;
}

.readable {
	font-size: 1.2rem;
}

/* Parent Section */
.hero-section{
    position:relative;
    overflow:visible;
}

/* Logo Tag */
.section-tag{
    position:absolute;
    left:50%;
    bottom:0;
    transform:translateX(-50%);
    margin:0;
    padding:0;
    line-height:0;
    z-index:100;
}

.section-tag img{
    display:block;
    width:100px;      /* Change as required */
    height:auto;
}

img {
	border-radius: 0px; 
}

section.signature-blue-bg {
	color:#fff;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(0,114,188,1), rgba(0,114,188,1));
	top: 0px;
	border-radius: 10px;
}

section.dark-cool-gray-bg {
	color:#fff;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(28,43,57,1), rgba(28,43,57,1));
	top: 0px;
	border-radius: 10px;
}

section.light-cool-gray-bg {
	color:#1c2b39;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(200,217,223,1), rgba(200,217,223,1));
	top: 0px;
	border-radius: 10px;
}

section.enel-under-construction {
	color: #fff;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(0,114,188,1), rgba(0,114,188,1));
	top: 0px;
}

section.whiteSolid {
	color:#333;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(255,255,255,1), rgba(255,255,255,1));
	top: 0px;
}

section.greyLight {
	color:#333;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(235,235,235,1), rgba(235,235,235,1));
	top: 0px;
}

section.greyLightCrumbs {
	padding: 20px;
	color:#333;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(245,245,245,1), rgba(245,245,245,1));
	top: 0px;
}

section.lgtOrngLightGrdnt {
	color:#333;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
  	background: linear-gradient(to bottom right, 
  		rgba(235,208,194,1), 
  		rgba(235,208,194,1));
	top: 0px;
}

section.greyLightClear {
	color:#666;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
  	background: linear-gradient(to bottom right, 
  		rgba(240,240,240,1), 
  		rgba(225,225,225,1));
	top: 0px;
}

section.greyDarkClear {
	color:#666;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
  	background: linear-gradient(to bottom right, 
  		rgba(175,175,175,1), 
  		rgba(225,225,225,1));
	top: 0px;
}

section.blackClear {
	color:#fff;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.9));
	top: 0px;
}

section.blackClearBottom {
	color:#fff;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: 
		linear-gradient(to bottom right, 
		rgba(0,0,0,0.9), 
		rgba(0,0,0,0.7)), 
		url(../images/banners/open.jpg);
	top: 0px;
}

section.drk-blu-solid {
	color:#fff;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background-color: #1b2b38;
	top: 0px;
}

section.blackSolid {
	color:#fff;
	background-position: 50% 50% !important;
	background-size: cover !important;
	width:100%;
	background: linear-gradient(rgba(0,0,0,1), rgba(0,0,0,1));
	top: 0px;
}

.section-fullscreen {
	min-height: 100vh;
}

.section-map {
	height: 300px;
}

.section-xlg {
	padding: 150px 10px;
}

.section-lg {
	padding: 60px 10px;
}

.section-md {
	padding: 40px 10px;
}

.section-sm {
	padding: 20px 10px;
}

.flex-vertical-left {
	display: flex !important;
	align-items: center !important;
	justify-content: left !important;
	vertical-align:middle !important;
}

.flex-vertical-center {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	vertical-align:middle !important;
}

.flex-vertical-right {
	display: flex !important;
	align-items: center !important;
	justify-content: right !important;
	vertical-align:middle !important;
}

#logo_overlay {
	position: absolute;
	vertical-align: middle !important;
	top: 10px !important;
	left: 25vh !important;
	height: auto !important;
	width: 500px !important;
	z-index: 100 !important;
}

.nav-extra-styles {
	font-weight: 500 !important; 
	font-size: 0.9rem !important;
}

.logoMobile {
	display:none !important;
}

/* Style the list */
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background: rgba(255,255,255,0);
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 14px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 8px;
  color: black;
  content: "/\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #ef8834;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #e7551e;
  text-decoration: none;
}

#fsbg {
	width: 100%;
	position: fixed;
	z-index: -100;
	left: 0px;
	top: 0px;
	min-height: 100%;
	min-width: 1920px;
}

.lacotion-map {
  box-shadow: 
    0 14px 26px -12px rgba(68, 68, 68, 0.42), 
    0 4px 23px 0px rgba(0, 0, 0, 0.12), 
    0 8px 10px -5px rgba(68, 68, 68, 0.2);  
  padding: none !important;
  border-radius: 10px;
}

/*--- Visible on Desktop ---*/

.mobile {
  display:none !important;
}

.desktop {
  display: block !important;
  z-index: 999 !important;
}

/*--- Visible on Mobile ---*/

@media (max-width: 600px) {
  .mobile {
    display: inline-block !important;
    z-index: 999 !important;
    align-content: center !important;
  }

  .desktop {
    display:none !important;
  }

	.logoMobile {
		display: block;
		z-index: 100;
	}
	
	#logo_overlay {
	}

	.logoPC {
		display:none !important;
	}

}