/*  (C) 2019 Endis Ltd. 
	No permission is given to use this code, except on an Endis/ChurchInsight website.

	ChurchInsight over-ride CSS file for the Gateway template.
	WARNING - do not edit this file unless you know exactly what you are doing. 
	You might consider making a BACKUP COPY before you change anything.
	If you need advice, contact ChurchInsight Support. */

/* Size of LOGO image */
header .logo-icon img
{ 
	width:  auto !important; 
	height: 74px !important; /* <<< mobile logo height */
}
@media(min-width:468px){header .logo-icon img
{ 
	height: 74px !important; /* <<< tablet logo height */
}
}
@media(min-width:1300px){header .logo-icon img
{ 
	height: 74px !important; /* <<< desktop logo height */
}
}
/* Gap between logo and top/bottom of screen  */
header div.logo-container 
{
	margin-top: 10px !important; /* <<< gap from top for mobile/tablet */
	margin-bottom: 10px !important; /* <<< gap from bottom for mobile/tablet */
}
@media(min-width:992px){
	header div.logo-container {
		margin-top: 24px !important; /* <<< gap from top for desktop */
		margin-bottom: 0 !important; /* <<< gap from bottom for desktop */
	}
}
/* To make more space in the header adjust this */
header section.slice_Header_D div.nav-menu {margin-top:70px;}


/* ############ Mobile menu colours */
header section.slice_Header_D div.SlickNavCloseIcon
{
	color: #07a8b6 !important; /* <<< colour of the menu close icon */
}

/* ############ Desktop/Mobile menu hover-over text-link color, top-link icons colour, footer email-link text color */
header .slice_Header_D .nav-menu ul.root_menu > li:last-child > a {padding-right:5px;}

/* ############ Search box background colour */
header div.search-overlay
{
	background-color: #07a8b6 !important; /* <<< Search box background colour */
}
header a.search-close 
{
	color: white !important;  /* <<< Search box close icon */
}

header section.slice_Header_D div.slicknav_menu  ul.slicknav_nav {
  padding-bottom:10px;border-bottom:none;
}
@media (max-width:991px) {
	header section.slice_Header_D .search-overlay .search-close {top:25px;}
}

/* Form responses */
div.endis-jquery-ui div#divOverlay {
	font-size: 17px !important; 
	line-height: 1.3 !important;
	letter-spacing: 1px !important;
}

/* extra fixes for the header */
header ul a {
	line-height: 1 !important;
}
header section.slice_Header_D div.slicknav_menu ul.slicknav_nav a {padding: 10px 20px;}
header section.Xslice_Header_D div.top-link-wrapper a:last-child {padding-top:5px;}

/* Content page spacing */
@media(max-width:992px){
	section.slice_content_page div.main-content {padding-top:20px;}
}

section.slice_CloserLook {padding-top:0;}
section.slice_CloserLook ul {display:none;}

/* ############ slide show caption button, and active/hover round pager button colour */
section.Xslice_SlidesFullWidth a.slideButton, 
section.slice_SlidesFullWidth a.bx-pager-link:hover, 
section.slice_SlidesFullWidth a.bx-pager-link.active
{	
	background-color: transparent !important; /* <<< slide show button background color */
	border-color: 	  #f0f1f1 !important; /* <<< slide show button border color */
} 
/* Slide show inactive round pager buttons */
section.slice_SlidesFullWidth a.bx-pager-link
{	
	background-color: #f0f1f1 !important; /* <<< slide show inactive round button color */
	border-color: 	  #f0f1f1 !important; /* <<< slide show inactive round button border color */
}
section.slice_SlidesFullWidth a.slideButton {
  transition:300ms background-color linear,300ms border-color linear !important;}
section.slice_SlidesFullWidth a.slideButton:hover {
	background-color: #99bf3a !important; 
  border-color: #99bf3a !important;
	opacity:1 !important;
}
section.slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev::after, 
section.slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next::after {opacity:0.7;}
section.slice_SlidesFullWidth div.slideTitle {margin:0 20px;}

/* Code to make slide-shows look better on mobile screens */
section.slice_SlidesFullWidth {overflow:hidden;} /* hide anything that pokes outside */
@media (max-width:767px) {
	section.slice_SlidesFullWidth div.bannerSlides {
		width: 200%; /* double the width, which doubles the height, and then translate so we see the middle 50% */
		transform: translateX(-25%);
		overflow:hidden; /* hide anything that pokes outside */
	}
	/* Adjust the captions back again, so they look normal */
	section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption {
		/* div.bx-wrapper has position:relative set, so this is ok */
		left: 25%;
		right: 25%;
		width: 50%;
		overflow:hidden; /* hide anything that pokes outside */
	}
}
@media (max-width:467px) {
  section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager {
    display:block;bottom:5px;
  }
}

section.slice_content_page div.main-content {margin-top:0;}
section.slice_content_page aside nav a {border-bottom:2px solid #d5d5d5;}
@media (min-width:992px) {
	section.slice_content_page aside.sidebar nav table.group-nav a {
      padding-left:0 !important; padding-right:0 !important;
    }
}

section.slice_content_page .sidebar .sidebar_buttons a.SBbutton1 img {top:4px;padding-right:16px;}
section.slice_content_page .sidebar .sidebar_buttons a.SBbutton2 img {top:4px;margin-left:4px;}
section.slice_content_page .sidebar .sidebar_buttons a.SBbutton3 img {top:7px;margin-left:2px;}
section.slice_content_page .sidebar .sidebar_buttons a.SBbutton1,
section.slice_content_page .sidebar .sidebar_buttons a.SBbutton2,
section.slice_content_page .sidebar .sidebar_buttons a.SBbutton3 {
  color:white; border-radius:0; margin-bottom:10px; font-weight:600;
}
section.slice_content_page .sidebar .sidebar_buttons a.SBbutton1:hover,
section.slice_content_page .sidebar .sidebar_buttons a.SBbutton2:hover,
section.slice_content_page .sidebar .sidebar_buttons a.SBbutton3:hover {
  background-color:#99bf3a !important;
}
@media (max-width:991px) {
	section.slice_content_page .sidebar .sidebar_buttons a.SBbutton1,
	section.slice_content_page .sidebar .sidebar_buttons a.SBbutton2,
	section.slice_content_page .sidebar .sidebar_buttons a.SBbutton3 {margin:0 20px 10px;}
}

section.slice_content_page .sidebar .sidebar_buttons a img.IconDark,
section.slice_content_page .sidebar .sidebar_buttons a:hover img.IconLight {display:inline-block;}
section.slice_content_page .sidebar .sidebar_buttons a img.IconLight,
section.slice_content_page .sidebar .sidebar_buttons a:hover img.IconDark {display:none;}

/* Fix various issues */
body.OnSmallAppleDevice input {-webkit-appearance: none;}
body.ArticleEditor img.module_icon {width:auto !important;}
section.slice_Footer_L div.footerbar span:last-child:not([id]),
section.slice_Footer_D div.footerbar span:last-child:not([id]) { display: block; padding-top: 25px; }

/* Banner Image code */
section.slice_BannerImage {
  	position:relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 200px 10px;
}
@media(max-width:992px){
	section.slice_BannerImage {padding:100px 10px;}
}
section.slice_BannerImage h1 {
	line-height:1; 
	margin:0; 
	text-align:center;
	color: white;
	font-size: 60px;
	text-transform: uppercase;
  	position:relative; z-index:0;
}
@media(max-width:992px){
	section.slice_BannerImage h1 {font-size: 40px;}
}
@media(max-width:467px){
	section.slice_BannerImage h1 {font-size: 30px;}
}
section.slice_BannerImage div.BannerImgCustomFields {display:none;}
section.slice_BannerImage div.container {text-align:center;}
section.slice_BannerImage div.OverlayTint {
  position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;
  background-color:rgba(0,0,0,0.4);
}

@media(max-width:467px){
	section.slice_content_page nav {padding:0 10px;}
}

/* code for > and < on desktop menus */
section.slice_Header_D div.nav-menu ul.root_menu > li ul li.has_sub_menu::after,
section.slice_Header_D div.nav-menu ul.root_menu > li:last-child > ul li.has_sub_menu::before, 
section.slice_Header_D div.nav-menu ul.root_menu > li:nth-last-child(2) > ul li.has_sub_menu::before
{top:9px;}

/* prevent text-overwriting when desktop menus wrap around */
section.slice_Header_D ul.root_menu ul {z-index:4;}

section.slice_content_page.AddTopBorder {border-top:1px solid #dddddd;}

section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager {bottom:30px;}
section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager a.bx-pager-link {
	width:18px;height:18px;border-radius:9px;border-width:2px;margin:0 6px;
}
@media (max-width:1200px) {
	section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager {bottom:10px;}
	section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager a.bx-pager-link {
      width:14px;height:14px;border-radius:7px;
    }
}

/* Fix system page ul lists */		
section.slice_system_page div.system_content ul {
  list-style-type: disc;
  padding-left:40px;
}

/* Fix the new calendar page pop-up */
div.dialog-content.calendar-event-content > h4,
div.dialog-content.calendar-event-content > h4 a.event-location-link {
	display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;
}
/* make sure these are not set */
html,body {height:initial;}

/* Change the colors of a footer-icon */
footer i.icomoon-icon-XXXXX::after {
  background-color: blue !important; 
  border-color: blue !important;
}
footer a:hover i.icomoon-icon-XXXXX::after {
  color:blue !important;
}

/* Extra icon using a square background image */
footer i.icomoon-icon-XXXXXX.ImageSocialMediaIcon::after
{ /* Replace url below with actual url of square icon image */
  background-image: url(/Images/Content/1495/Templates/46170/images/CommissionLogo.png);
}

section.slice_SlidesFullWidth div.caption div.slideTitle,
section.slice_SlidesFullWidth div.caption div.slideText,
section.slice_SlidesFullWidth div.caption a.slideButton
{text-shadow:none;}
section.slice_SlidesFullWidth div.caption a.slideButton:hover {text-shadow:none;}

section.slice_SlidesFullWidth a.bx-prev::after, 
section.slice_SlidesFullWidth a.bx-next::after {text-shadow:none; opacity:1 !important;}

footer section.slice_FooterTop_D div.footer-column-3 div.EmailWrapper {
  display:inline-block;text-align:center;
}
@media (max-width:767px) {
	footer section.slice_FooterTop_D div.footer-column-1 {margin-top:10px;}
}
footer section.slice_FooterTop_D div.footer-column-2 {margin-right:0;}

header li.MenuSearchOpen i::before {top:2px;right:7px;}
header ul.slicknav_nav li.MenuSearchOpen {display:none !important;}
header div.SearchText {color:white;padding:0 10px 10px;}
header div.search-overlay h1 {color:white;padding-left:10px;}
header div.SearchWrapper {position:relative;padding-right:10px;}
header div.search-overlay .search-close {top:3px; right:10px; font-size:30px;}
@media (min-width:992px) {
  header div.search-overlay {
    padding:25px 10%;
  }
}
@media (min-width:360px) {
	header div.SearchText {font-size:16px;}
}

/* Media Landing page search box */
section.slice_MediaSearch div.search-overlay {padding:25px 10px 25px 0; background-color: white; }
section.slice_MediaSearch div.search-overlay input.button, 
section.slice_MediaSearch div.search-overlay label { display: none; }
section.slice_MediaSearch div.search-overlay div.search-form { position: relative; max-width:600px;}
section.slice_MediaSearch div.search-overlay div.search-form span.top-link { position: absolute; top: 0; right:0 ; background-color: #a97c50; display: inline-block; line-height: 1; padding: 13px;  font-size: 15px; transition: color 500ms linear, background-color 500ms linear; cursor:pointer;}
section.slice_MediaSearch div.search-overlay div.search-form span.top-link:hover { background-color: #038e63; }
section.slice_MediaSearch div.search-overlay div.search-form span.top-link img { display: inline-block; padding: 3px 3px 0; }
section.slice_MediaSearch div.search-overlay .search_div { margin: 0 50px 0 0; }
section.slice_MediaSearch div.search-overlay .search_div input.text { height: 47px; margin-bottom: 0px; border: none; background-color: #f1f1f1;  font-size: 15px; line-height: 1;  width: 100%; color: #414141; outline: none; margin-left: 10px; padding-left: 20px; padding-right: 5px; }
@media (max-width: 400px) { section.slice_MediaSearch div.search-overlay div.search-form div.search_div input.text { font-size: 16px; letter-spacing: -0.5px; } }

header div.MobileMenuMask {
	display:none;
  background-color:rgba(0,0,0,0.6);
  position:fixed;top:0;left:0;width:100%;height:100vh;z-index:58;
}
header div.search-overlay.On + div.MobileMenuMask {display:block;z-index:70;}

header .slice_Header_D .nav-menu li.MenuSearchOpen a {color:#a1a1a1;}
header li.MenuSearchOpen i::before {top:2px;right:7px;}
header ul.slicknav_nav li.MenuSearchOpen {display:none !important;}
header div.SearchText {color:white;padding:0 10px 10px;}
header div.search-overlay h1 {color:white;padding-left:10px;}
header div.SearchWrapper {position:relative;padding-right:10px;}
header div.search-overlay .search-close {top:6px; right:10px; font-size:30px;}
@media (min-width:992px) {
  header div.search-overlay {
    padding:25px 10%;
  }
}
@media (min-width:360px) {
	header div.SearchText {font-size:16px;}
}
.slice_Header_D .nav-menu ul.root_menu > li.MenuSearchOpen > a {
  padding-top:9px; padding-bottom:8px;
}

i.icomoon-linear-support::before 	{content: "\e86d";} /* top links */
i.icomoon-linear-involved::before {content: "\e82a";}

section.slice_content_page div.main-content h1,
section.slice_content_page div.main-content h2,
section.slice_content_page div.main-content h3.Cyan {color:#07a8b6;}

section.slice_content_page div.main-content a:hover {color:#99bf3a; opacity:1;}
/* use the new ::marker code */
section.slice_content_page div.main-content ul li::marker {color:#99bf3a;}

section.slice_content_page div.container {max-width:1240px;}

section.slice_content_page div.main-content div.ClonedGroupNav a {font-size:24px;}
section.slice_content_page div.main-content div.ClonedGroupNav > a {
  color:black;
  cursor:auto;
}
section.slice_content_page div.main-content div.ClonedGroupNav div.group_nav_child {
  margin:30px 0 0;
}
section.slice_content_page aside nav a.NotActiveGroupNavBoxLink,
section.slice_content_page aside nav a.NotActiveGroupNavBoxLink:hover {
  color:black !important;
  cursor:auto;	
}

section.slice_content_page.WideContent div.main-content {
  width:100%; max-width:800px;
  float:none;
  margin-left:auto; margin-right:auto;
  padding-left:10px; padding-right:10px;
}

footer div.Complaints {
  text-align:center; margin:0 0 20px; padding:15px 0 0;
  border-top:1px solid #d7d7d7;
}
footer div.Complaints a {color:#303030; font-size:18px;}
footer section.slice_Footer_D.Complaints div.footerbar {border:none; padding-top:0;}