/*  (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 RISE 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: 30px !important; /* <<< mobile logo height */
}
@media(min-width:468px){header .logo-icon img
{ 
	height: 40px !important; /* <<< tablet logo height */
}
}
@media(min-width:992px){header .logo-icon img
{ 
	height: 50px !important; /* <<< tablet logo height */
}
}
@media(min-width:1300px){header .logo-icon img
{ 
	height: 70px !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: 10px !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_L div.nav-menu {margin-top:90px;}


/* ############ Mobile menu colours */
header section.slice_Header_L div.SlickNavCloseIcon
{
	color: #E95932 !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 section.slice_Header_L div.nav-menu {padding:0;text-align:center;font-size:0;background-color:#363636;}

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

header section.slice_Header_L div.slicknav_menu  ul.slicknav_nav {padding-bottom:10px;border-bottom:1px #a9a9a9 solid;}
header section.slice_Header_L .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_L div.slicknav_menu ul.slicknav_nav a {padding: 10px 20px;}

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

/* Service Times */
section.slice_ServiceTimes {background-color: white; line-height:30px; font-size:18px;padding-bottom:50px;}
section.slice_ServiceTimes div.WrapperServiceTimes {background-color:#17abb4;}
section.slice_ServiceTimes div.BoxLocation,
section.slice_ServiceTimes div.BoxServiceTimes {float:left;}
section.slice_ServiceTimes img {display:block; width:100%;}

section.slice_ServiceTimes div.BoxLocation {width:33.333333%; }
section.slice_ServiceTimes div.RedBox {background-color:#17abb4; color:white; padding:30px;}
section.slice_ServiceTimes div.BoxServiceTimes {width:66.666667%; background-color:#f2f2f2; padding:30px;}
section.slice_ServiceTimes div.BoxServiceTimes h1 {color:#17abb4;}
section.slice_ServiceTimes div.HeadingLocation {font-size:20px; line-height:30px; color:white; font-weight:700;}
section.slice_ServiceTimes div.LineLocation {border-top:1px solid white;margin:15px 0;height:1px;}
section.slice_ServiceTimes div.HeadingServiceTimes {color:#17abb4;font-size:24px;font-weight:600;}
section.slice_ServiceTimes div.Heading2ServiceTimes {color:#17abb4;font-weight:600;margin-top:15px;}
section.slice_ServiceTimes div.LineServiceTimes {border-top:1px solid white;margin:15px 0;height:2px;}
section.slice_ServiceTimes div.SmallTextServiceTimes {font-size:16px;}
@media (max-width:768px){
	section.slice_ServiceTimes {line-height:25px; font-size:16px;text-align:center;}
	section.slice_ServiceTimes div.BoxLocation,
	section.slice_ServiceTimes div.BoxServiceTimes {float:none;width:100%;}	
	section.slice_ServiceTimes div.RedBox,
	section.slice_ServiceTimes div.BoxServiceTimes {padding:15px 10px}
}

/* ############ slide show caption button, and active/hover round pager button colour */ 
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: 	  white !important; /* <<< slide show button border color */
} 
/* Slide show inactive round pager buttons */
section.slice_SlidesFullWidth a.bx-pager-link
{	
	background-color: white !important; /* <<< slide show inactive round button color */
	border-color: 	  white !important; /* <<< slide show inactive round button border color */
}

section.slice_SlidesFullWidth a.slideButton {background-color: white !important; color:#363636;transition:300ms color linear !important; border-radius:45px !important;}
section.slice_SlidesFullWidth a.slideButton:hover {
	color: #E95932 !important;
	opacity:1 !important;
}

section.slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption {padding-left:10px;padding-right:10px;}
section.slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev::after, 
section.slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next::after {opacity:0.7;}
section.slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev:hover::after, 
section.slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next:hover::after {opacity:1;}
section.slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle {line-height:1.2;}
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 */
	}
  section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager {
    display:block;bottom:10px;
  }
}

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 {background-color:white; color:#363636; margin-bottom:10px; font-weight:700;}
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 {color: #e95932 !important;background-color:white !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;}
}

footer section.slice_FooterTop_D div.footer-column.footer-column-1 {margin-bottom:10px;}

/* Code from Hope V2 template */
.slice_Header_L div.top-link-wrapper {
    display: none;
}

@media (min-width: 992px) {
    .slice_Header_L div.top-link-wrapper {
        display: block;
        float: right;
        position: relative;
        z-index: 1;
        margin: 0;
        background-color: #f4f4f4;
    }

    .slice_Header_L div.top-link-wrapper a.top-link {
        display: inline-block;
        height: 50px;
        line-height: 20px;
        padding: 15px;
        margin: 0;
        color: #363636;
        font-size: 14px;
        text-decoration: none;
        text-transform: uppercase;
        white-space: nowrap;
        transition: all 500ms;
    }

    .slice_Header_L div.top-link-wrapper a.top-link:hover {
        background-color: #e95932;
        color: #fff;
    }

    .slice_Header_L div.top-link-wrapper a.top-link:hover i {
        color: #fff;
    }

    .slice_Header_L div.top-link-wrapper a.top-link i {
        padding-right: 6px;
        font-size: 14px;
        color: #e95932;
        line-height: 20px;
        transition: all 500ms;
    }
  .slice_Header_L div.top-link-wrapper a.top-link i.icomoon-linear-login {
  	font-size: 14px; position:relative; top:1px;
  }
}

@media (min-width: 1200px) {
    .slice_Header_L div.top-link-wrapper {
        margin-right: 50px;
    }
}

/* ############ Menu hover-over text-link color, header top-link icons colour,
   footer email link text color */
header section.slice_Header_L i::before
{
    color: #e95932 !important; /* <<< header icon color */
}

header section.slice_Header_L .top-link:hover i::before
{
    color: #fff !important; /* <<< header icon color */
}

section.slice_WelcomeArea {display:flex;flex-flow:row nowrap;width:100%;}
section.slice_WelcomeArea div.WhiteBox,
section.slice_WelcomeArea div.GreyBox {width:50%;padding:40px 10px 50px;}

section.slice_WelcomeArea div.WhiteBox {background-color:white;text-align:center;}
section.slice_WelcomeArea div.WhiteBox div.ArticleBody {max-width:430px;margin:0 auto;}
section.slice_WelcomeArea div.WhiteBox h1 {margin-bottom:10px;color:#e95932;}
section.slice_WelcomeArea div.WhiteBox a.button {margin:30px 0 0;}

section.slice_WelcomeArea div.GreyBox {background-color:#f4f4f4;display:flex;flex-flow:column nowrap;}
section.slice_WelcomeArea div.GreyBox img {display:block;margin:4px 30px 0 0;}
section.slice_WelcomeArea div.GreyBox div.block2 {display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;max-width:460px;margin:0 auto 0 40px;}
section.slice_WelcomeArea div.GreyBox div.block2:last-child {margin-top:40px;}
section.slice_WelcomeArea div.GreyBox span {display:block;font-weight:700;}

@media (max-width:991px) {
	section.slice_WelcomeArea {flex-flow:column nowrap;}
	section.slice_WelcomeArea div.WhiteBox {width:100%;padding:30px 10px 40px 10px;}
	section.slice_WelcomeArea div.GreyBox {width:100%;padding:30px 10px 40px 20px;}
	section.slice_WelcomeArea div.GreyBox div.block2 {margin:0 auto;width:430px;}
	section.slice_WelcomeArea div.GreyBox img {margin:4px 20px 0 0;}
}
@media (max-width:500px) {
	section.slice_WelcomeArea div.GreyBox div.block2 {width:100%;}
}
section.slice_WelcomeArea div.ClockMapIcons {
  	font-family:HubbIcons;
  	color:#e95932;
  	font-size:40px; line-height:1;
  	width:60px;
}
section.slice_WelcomeArea div.ClockMapIcons::after {
	display:block; width:60px; position:relative; top:2px;
}
section.slice_WelcomeArea div.ClockMapIcons.ClockIcon::after {
	content:'\e90f';
}
section.slice_WelcomeArea div.ClockMapIcons.MapIcon::after {
	content:'\e92b'; left:2px;
}

section.slice_WelcomeArea div.WhiteBox div.ArticleBody a:hover,
section.slice_content_page div.ArticleBody a:hover {text-decoration: underline;}
section.slice_WelcomeArea div.WhiteBox div.ArticleBody a.button:hover,
section.slice_content_page div.ArticleBody a.button:hover,
section.slice_content_page div.ArticleBody a.button2:hover {text-decoration: none;}

section.slice_Header_L div.nav-menu ul.root_menu > li ul li.has_sub_menu::after,
section.slice_Header_L div.nav-menu ul.root_menu > li:last-child > ul li.has_sub_menu::before, 
section.slice_Header_L div.nav-menu ul.root_menu > li:nth-last-child(2) > ul li.has_sub_menu::before
{top:9px;}

/* Fix various issues */
div.endis-jquery-ui div#divOverlay,
div.endis-jquery-ui div#divOverlay input.button {font-size:17px;line-height:1.3;}
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; }

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

/* Slide-show bottom buttons */ 
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;
}

/* Gallery Fixes */
section.slice_Gallery8_L .gallery_8_cards .gallery_ul li,
section.slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_li a
{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;}
section.slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_li a {flex:1 1 auto;}
section.slice_Gallery8_L .gallery_8_cards .gallery_ul img {flex:0 1 0;}
section.slice_Gallery8_L .gallery_8_cards .gallery_ul div.gallery_8_caption
{box-shadow:none; flex:1 1 auto;}
section.slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_8_caption div.gallery_8_title 
{flex:0 1 0;}
section.slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_8_caption div.gallery_8_subtitle 
{padding-top:0;}

/* 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;}

header section.slice_Header_D div.top-link-wrapper a:last-child,
header section.slice_Header_L div.top-link-wrapper a:last-child
 {padding-top:14px;}

footer i.ImageSocialMediaIcon::after {padding:10px !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
{text-shadow:0 0 2px black;}

section.slice_image_blocks_3 div.image_block_title_wrapper {text-shadow:0 0 2px black;} /* Harbour, Rise */
section.slice_image_blocks_3 a:hover div.image_block_title_wrapper {text-shadow:none;}

section.slice_Gallery8_L {
	background-size:cover;
	background-position:center top;
}