/*  (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 Creation 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,
header a.WhiteMenuMainLogo img { 
	height: 49px !important; /* <<< mobile logo height */
}
@media(min-width:768px){
    header .logo-icon img,
    header a.WhiteMenuMainLogo img { 
        height: 86px !important; /* <<< mobile logo height */
    }
    header.HeaderSmall section.slice_Header_L .logo-icon img {
      height:49px !important; /* <<< desktop shrunken logo height */
    }
}

/* Gap between logo and top/bottom of screen  */
header div.logo-container 
{
	margin-top: 10px !important; /* <<< logo gap from top for mobile/tablet */
  	z-index:2;
}
@media(min-width:768px){
  	header div.logo-container {
		margin-top: 5px !important; /* <<< logo gap from top for desktop */
	}
	header.HeaderSmall section.slice_Header_L div.logo-container {
      margin-top:4px !important; /* <<< logo gap from top for shrunken desktop */
    }
}

header.FadingCards div.logo-name {display:none;}
/* Needed on some sites */
header.FadingCards div.logo-icon img {
  background-color:white;
  padding:3px 10px;
  border-radius:6px;
}

/* To make more space in the header when menu entries start over-writing the logo, adjust this */
header section.slice_Header_L div.nav-menu {margin-top:20px;}
@media (max-width:900px) {
	header section.slice_Header_L div.nav-menu {margin-top:55px;}
}
@media (max-width:900px) {
  header.HeaderSmall section.slice_Header_L div.nav-menu {margin-top:20px;} 
}

header section.slice_Header_L div.nav-menu ul.root_menu > li:last-child > a {padding-right:5px;}
.slice_Header_L .nav-menu ul.root_menu > li > a {font-size:18px;font-weight:600;}
@media (max-width:767px) {
  .slice_Header_L .nav-menu ul.root_menu > li > a {
    font-size:16px;padding-left:12px;padding-right:12px;
  }
  header div.logo-name {max-width:260px;}
}
@media (max-width:467px) {
  header div.logo-name {max-width:200px;}
}

/* Control header indentation on desktop screens */
section.slice_Header_L div.top-link-wrapper { transition:margin-right 300ms linear; }
section.slice_Header_L div.logo-container {transition:margin-left 300ms linear;}
section.slice_Header_L div.nav-menu {transition:padding-right 300ms linear;}
section.slice_Header_L div.logo-container { margin-left: 5px; }
header.FadingCards section.slice_Header_L div.logo-container { margin-left: 20px; }
@media (min-width:468px) {
  section.Xslice_Header_L div.logo-container {margin-left:20px;}
}
@media (min-width: 768px) {
	section.slice_Header_L div.top-link-wrapper { margin-right: 50px; }
    section.Xslice_Header_L div.logo-container {margin-left: 60px;}
    section.slice_Header_L div.nav-menu {padding-right: 50px;}
}

header .logo-icon img { 
	width:  auto !important; 
  	transition:width 200ms linear, height 200ms linear;
}
header div.logo-container {margin-bottom: 0 !important;}

section.slice_Header_L div.nav-menu ul.root_menu ul {
	box-shadow: 0px 10px 10px 2px rgba(0,0,0,.12);
}
  
/* 3 Big Button colours */
.slice_content_page .sidebar_buttons a.button1
{
    background-color: #717171 !important; /* <<< Green/left/top big button */
}
.slice_content_page .sidebar_buttons a.button2
{
    background-color: #26203f !important; /* <<< Red/middle big button */
}
.slice_content_page .sidebar_buttons a.button3
{
    background-color: #003674 !important; /* <<< Blue/right/bottom big button */
}

/* slide show button and round pager button colour */ 
section.slice_SlidesFullWidth div.bx-pager a, 
section.slice_content_page div.main-content div.bx-pager a
{
    background-color: #f5f5f5 !important; /* <<< slide show button background color */
    border-color: #f5f5f5 !important; /* <<< slide show button border color */
}
section.slice_SlidesFullWidth div.bx-pager a:hover, 
section.slice_SlidesFullWidth div.bx-pager a.active,
section.slice_content_page div.main-content div.bx-pager a:hover,
section.slice_content_page div.main-content div.bx-pager a.active
{
    background-color: #717171 !important; /* <<< slide show button background color */
    border-color: #717171 !important; /* <<< slide show button border color */
}

.slice_SlidesFullWidth a.slideButton,
body.OnSmallAppleDevice section.slice_SlidesFullWidth a.slideButton:hover
{
    background-color: transparent !important; /* <<< slide show button background color */
    border-color: white !important; /* <<< slide show button border color */
  	color: white !important;
}

.slice_SlidesFullWidth a.slideButton:hover
{
  	border-color: #f9c718 !important;
    background-color: #f9c718 !important; /* <<< slide show button background color */
    color: #26203f !important; /* <<< slide show button border color */
}

section.slice_WhatsOnSlidesEB_L div.bx-pager a, 
section.slice_WhatsOnSlidesEB_L div.bx-pager a
{
    background-color: #f9c718 !important; /* <<< slide show button background color */
    border-color: #003674 !important; /* <<< slide show button border color */
}
section.slice_WhatsOnSlidesEB_L div.bx-pager a:hover, 
section.slice_WhatsOnSlidesEB_L div.bx-pager a.active
{
    background-color: #717171 !important; /* <<< slide show button background color */
    border-color: #717171 !important; /* <<< slide show button border color */
}

/* Time and Location logos */
section.slice_ServiceText_L {background-color:white;margin:10px 0 50px;}
section.slice_ServiceText_L div.blocks {
  background-color:#efefef;border:none;border-radius:10px;
}
section.slice_ServiceText_L div.block2-1, 
section.slice_ServiceText_L div.block2-2 {color:inherit;}
.slice_ServiceText_L .block2-1::after, .slice_ServiceText_L .block2-2::after,
.slice_ServiceTextEB_L .block2-1::after, .slice_ServiceTextEB_L .block2-2::after
{
    color: #717171 !important; /* <<< Clock and Location icon colour */
}

/* Search box */
header div.search-overlay
{
    background-color:#717171 !important; /* <<< Search box back-ground colour */
}

/* Code to make slide-shows look better on mobile screens */
section.slice_SlidesFullWidth,
section.slice_WhatsOnSlidesEB_L {overflow-x: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-x:hidden; /* hide anything that pokes outside */
	}
  	section.slice_WhatsOnSlidesEB_L div.bannerSlides {
		width: 150%; /* double the width, which doubles the height, and then translate so we see the middle 50% */
		transform: translateX(-16.6667%);
		overflow-x: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-x:hidden; /* hide anything that pokes outside */
	}
	section.slice_WhatsOnSlidesEB_L 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: 16.6667%;
		right: 16.6667%;
		width: 66.6666%;
		overflow-x:hidden; /* hide anything that pokes outside */
	}
  section.slice_WhatsOnSlidesEB_L div.bannerSlides div.bx-wrapper {margin-bottom:50px;}
  section.slice_WhatsOnSlidesEB_L div.bannerSlides div.bx-wrapper div.bx-pager a {width:15px;height:15px;}
  
  section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper a.bx-prev {left:25%;}
  section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper a.bx-next {right:25%;}
  
  section.slice_WhatsOn3Buttons_L {padding:30px 10px 0;}
  section.slice_WhatsOn3Buttons_L div.bannerSlides {margin-left:0; margin-right:0;}
  section.slice_WhatsOnSlidesEB_L {padding-bottom:0;}
  section.slice_WhatsOnSlidesEB_L div.bannerSlides div.bx-wrapper a.bx-prev {left:16.6667%;}
  section.slice_WhatsOnSlidesEB_L div.bannerSlides div.bx-wrapper a.bx-next {right:16.6667%;}
  
}
section.slice_SlidesFullWidth div.slideTitle {margin:0 20px;}

/* Fix various issues */
div.endis-jquery-ui div#divOverlay {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;}

section.slice_Footer_D div.footerbar a#footer_cookies::after,
section.slice_Footer_L div.footerbar a#footer_cookies::after { content: "|"; padding: 0 5px; }
@media (min-width: 768px) {
	section.slice_Footer_D div.footerbar a#footer_cookies::after,
	section.slice_Footer_L div.footerbar a#footer_cookies::after { padding: 0 10px; }
}

.HideElement {display:none !important;}

/* 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;
}
section.slice_system_page._media_allmedia_aspx ul.media_recording_links,
section.slice_system_page._media_allmedia_aspx ul.media_recording_details {
  list-style-type: none;
  padding-left:0;
}
section.slice_system_page._media_allmedia_aspx a.system_toggle_advanced,
section.slice_system_page._publisher_search_aspx a.system_toggle_advanced {
	margin:0 0 10px;padding:5px 10px; background-color:#717171; color:white;
  font-size:18px; line-height:1; border-radius:6px;
}
section.slice_system_page._media_allmedia_aspx a.system_toggle_advanced:hover,
section.slice_system_page._publisher_search_aspx a.system_toggle_advanced:hover {
	background-color:#626262;
}
section.slice_system_page._media_allmedia_aspx div#media_sort,
section.slice_system_page._media_allmedia_aspx ul#media_buttons {
  margin:10px 0 5px; padding-left:0;
}
section.slice_system_page._media_allmedia_aspx div#media_sort {margin-right:20px;}
section.slice_system_page._media_allmedia_aspx div#media_sort select {margin:0;}
section.slice_system_page._media_allmedia_aspx ul#media_buttons a {border:none;}
section.slice_system_page._media_allmedia_aspx div.media_option_right a {margin: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;
}

/* 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_CommunityText_L > div.container > div.ArticleBody {float:none;margin:0;width:100%;}
section.slice_CommunityText_L div.WelcomeWrapper {
	display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start;
  text-align:left; max-width:1020px; margin:0 auto;
}
section.slice_CommunityText_L div.WelcomeWrapper h1 {
  margin:0 0 20px;font-size:40px;line-height:1.1;font-weight:700;
}
section.slice_CommunityText_L div.WelcomeWrapper img {
 	display:block;margin-right:40px; border-radius:150px;border:6px solid #d7d7d7;
  background-color:#d7d7d7;
}
section.slice_CommunityText_L div.WelcomeWrapper a.button,
section.slice_CommunityText_L div.WelcomeWrapper a.button2 {
  font-weight:400;line-height:1.3; font-size:15px;
  display:inline-block;margin:0;
}
@media (max-width:1100px) {
  section.slice_CommunityText_L div.WelcomeWrapper h1 {font-size:26px;}
}
@media (max-width:767px) {
  section.slice_CommunityText_L div.WelcomeWrapper {
    flex-flow:column nowrap;justify-content:flex-start;align-items:center;
    text-align:center;
  }
  section.slice_CommunityText_L div.WelcomeWrapper img {margin:0 0 20px 0;}
  section.slice_CommunityText_L div.WelcomeWrapper a.button,
  section.slice_CommunityText_L div.WelcomeWrapper a.button2 {
    font-size:15px;padding-left:15px;padding-right:15px;
  }
}
@media (max-width:467px) {
  section.slice_CommunityText_L div.WelcomeWrapper a.button,
  section.slice_CommunityText_L div.WelcomeWrapper a.button2 {
    font-size:13px;padding-left:10px;padding-right:10px;
  }  
}

/* Sort out article text */
section.slice_content_page div.main-content div.ArticleBody span {
  font-size:inherit !important; 
  font-family:inherit !important;
}

section.slice_content_page.WideContent {background-color:white;}
section.slice_content_page.WideContent div.container {max-width:940px;}
section.slice_content_page.WideContent div.main-content {
  width:100%;
  float:none;
  margin-left:0; margin-right:0;
  padding-left:10px; padding-right:10px;
  background-color:white;
}
section.slice_content_page.WideContent div.CenterButton {text-align:center;}
section.slice_content_page.WideContent div.CenterButton a.button {margin:0;}
section.slice_content_page.WideContent div.CenterButton a.button:hover {text-decoration:none;}

/* 
	UML_ML_1: Universal Mini-Layout Media-List 1 
	Code is for a 3 > 2 > 1 column layout.
	
	The media-list module outputs a "span.MediaList" wrapper, around all the card div's.
*/
section.slice_content_page div.UML_ML_1 span.MediaList {
	display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch;
}
section.slice_content_page div.UML_ML_1 span.MediaList > div { background-color: white; width: 100%; margin:15px 0;} /* 1 column */
@media (min-width: 467px) { /* 2 columns */
	section.slice_content_page div.UML_ML_1 span.MediaList > div { width: 49%; margin:15px 0; }
	section.slice_content_page div.UML_ML_1 span.MediaList > div:nth-child(2n+1) {margin-right:1%;} /* Extra 1% on each */
	section.slice_content_page div.UML_ML_1 span.MediaList > div:nth-child(2n) {margin-left:1%;}
}
@media (min-width: 992px) { /* 3 columns */
	section.slice_content_page div.UML_ML_1 span.MediaList > div { width:32%; margin:15px 0;}
	section.slice_content_page div.UML_ML_1 span.MediaList > div:nth-child(3n+1) {margin-left:0;margin-right:0;}
	section.slice_content_page div.UML_ML_1 span.MediaList > div:nth-child(3n+2) {margin-left:2%;margin-right:2%;} /* extra 4% on the middle one only */
	section.slice_content_page div.UML_ML_1 span.MediaList > div:nth-child(3n) {margin-left:0;margin-right:0;}
}
section.slice_content_page div.UML_ML_1 div.MediaListImage img { display: block; width: 100%; }
section.slice_content_page div.UML_ML_1 div.MediaListImage a { display: block; margin: 0; }
section.slice_content_page div.UML_ML_1 div.MediaListImage a:hover,
section.slice_content_page div.UML_ML_1 div.MediaListTitle a:hover { opacity: 0.6;text-decoration:none; }
section.slice_content_page div.UML_ML_1 div.MediaListTitle {  padding: 10px 10px;}
section.slice_content_page div.UML_ML_1 div.MediaListTitle a { font-weight: 700; font-size: larger; text-transform: capitalize;text-align: center;line-height: 1.2; display:block;}
section.slice_content_page div.UML_ML_1 div.MediaListSpeaker,
section.slice_content_page div.UML_ML_1 div.MediaListDate,
section.slice_content_page div.UML_ML_1 div.MediaListBible,
section.slice_content_page div.UML_ML_1 div.MediaListLength
{ padding: 0 10px 10px;  font-weight: 400; text-align: center;line-height: 1.3;}
section.slice_content_page div.UML_ML_1 div.MediaListLink {flex:1 1 auto;font-size:0;line-height:1;color:transparent;} /* takes up the height slack */

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

@media(max-width:467px){
  section.slice_content_page div.main-content {padding-left:10px;padding-right:10px;}
}

div.slice_Cookies {
  	background-color:#717171;
  	color:white;
  	padding:10px;
  	text-align:center;
  	float:none;clear:both;
  	position:fixed; left:0; right:0; bottom:0;
  	z-index:1;
}
div.slice_Cookies img { margin:0 0 0 10px; float:right !important;}
div.slice_Cookies a {color:white !important; text-decoration:underline;}
@media (max-width:500px) {
  div.slice_Cookies {font-size:13px; line-height:1.2;padding:5px 10px;}
}

footer div.FooterSafeGuarding {
	text-align:center; width:100%; margin:0 auto 60px; max-width:830px; line-height:1.4;
  padding:10px 10px 0 10px;
  font-size:18px; font-weight:300;
}
footer div.FooterSafeGuarding a {color:white;}
footer div.FooterSafeGuarding h1 {font-size:22px; line-height:1; margin:0 0 10px; color:white;}
footer div.FooterSafeGuarding.BottomBorder {}

/* Supporter logos */
footer div.LogoWrapper {
	border-bottom:1px solid #333333;
  	margin:-20px 1.28866% 20px;
}
footer div.LogoWrapper ul {
  	list-style-type:none;
  	padding:0;margin:0;
	display:flex; 
	flex-flow: row wrap; 
	justify-content:center; 
	align-items:center;
}
footer div.LogoWrapper img {margin:30px 40px 40px 40px;display:block;}
@media (max-width:991px) {
 footer div.LogoWrapper img {margin:20px 30px 20px 30px;display:block;}
}

/* Code for the Seeker Boxes */
section.SeekerBox {
  position:fixed;right:20px;bottom:20px;width:275px;
  border-radius:10px;
  background-color:white;
  padding:15px;
  box-shadow: 0px 0px 20px -5px rgba(0,0,0,.12);
  line-height:1.2;
}
section.SeekerBox div.FullSeekerArticle {display:none;}
section.SeekerBox div.SmallSeekerArticle a.HeadLink {
  display:block; background-color:transparent; font-size:0; padding:0;
}
section.SeekerBox img.Photo {
  position:absolute; right:10px; top:-60px;
  width:70px;height:70px;border-radius:50px;border:2px solid #a3b4ba;
  background-color:#a3b4ba;
  display:block;
}
section.SeekerBox img.Close {
	width:22px;position:absolute; left:21px; bottom:21px; cursor:pointer;
}
section.SeekerBox.Shrink img.Close {
	left:10px; bottom:10px;
}
section.SeekerBox.BigBox img.Close {
	width:auto; left:initial; bottom:initial; right:5px; top:5px;
}
section.SeekerBox.BigBox img.Close.Outer {display:none;}
section.SeekerBox b,
section.SeekerBox strong {font-weight:700;}

section.SeekerBox div.SmallSeekerArticle a {
  display:inline-block;padding:8px 10px 5px 40px;background-color:#003674;color:white;
  border-radius:7px;
}
section.SeekerBox div.SmallSeekerArticle a:hover {background-color:#626262;}
body.OnSmallAppleDevice section.SeekerBox div.SmallSeekerArticle a {
	background-color:#003674 !important;
}

section.SeekerBox div.VerboseText a {margin-top:10px;}
section.SeekerBox.Shrink {width:195px;padding:3px;width:auto;right:10px;bottom:10px;}
section.SeekerBox.Shrink div.VerboseText,
section.SeekerBox div.NonVerboseText {display:none;}
section.SeekerBox.Shrink div.NonVerboseText {display:block;}

section.SeekerBox.BigBox {
	left:0;right:0;bottom:0;top:0;width:100%;height:100vh;border-radius:0;padding:0;
  box-shadow:none;
  z-index:110;
  display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:flex-start;
}
@media (max-width:900px) {
  section.SeekerBox.BigBox {
    align-items:flex-end;
  }
}
section.SeekerBox.BigBox div.SmallSeekerArticle {display:none;}
section.SeekerBox.BigBox div.FullSeekerArticle { 
  display:block;position:relative;max-width:500px;
  background-color:white;
  box-shadow: 0px 0px 20px 5px rgba(0,0,0,.12);
  left:500px;
}
@keyframes CIA_LeftTransA {
	0% {left:500px;}
	100% {left:0;}
}
@keyframes CIA_LeftTransB {
  	0% {left:0;}
	100% {left:500px;}
}
@keyframes CIA_BckA {
	0% {background-color:transparent;}
	100% {background-color:rgba(0,0,0,0.6);}
}
@keyframes CIA_BckB {
  	0% {background-color:rgba(0,0,0,0.6);}
	100% {background-color:transparent;}
}
section.SeekerBox.BigBox.RunAnimationA div.FullSeekerArticle {
    animation-name: CIA_LeftTransA;
	animation-iteration-count: 1;
	animation-duration: 250ms;
	animation-delay:0s; /* initial delay, will be zero if scroll-position activated. */
	animation-timing-function: linear;
	animation-fill-mode:both; /* keep opacity on at the end */
}
section.SeekerBox.BigBox.RunAnimationB div.FullSeekerArticle {
    animation-name: CIA_LeftTransB;
	animation-iteration-count: 1;
	animation-duration: 250ms;
	animation-delay:0s; /* initial delay, will be zero if scroll-position activated. */
	animation-timing-function: linear;
	animation-fill-mode:both; /* keep opacity on at the end */
}
section.SeekerBox.BigBox.RunAnimationA {
    animation-name: CIA_BckA;
	animation-iteration-count: 1;
	animation-duration: 250ms;
	animation-delay:0s; /* initial delay, will be zero if scroll-position activated. */
	animation-timing-function: linear;
	animation-fill-mode:both; /* keep opacity on at the end */
}
section.SeekerBox.BigBox.RunAnimationB {
    animation-name: CIA_BckB;
	animation-iteration-count: 1;
	animation-duration: 250ms;
	animation-delay:0s; /* initial delay, will be zero if scroll-position activated. */
	animation-timing-function: linear;
	animation-fill-mode:both; /* keep opacity on at the end */
}

section.SeekerBox.BigBox div.FullSeekerArticle > h2 {
	background-color:#003674;color:white;
  	padding:5px 5px 5px 20px;margin:0;
  	box-shadow: none;
}
section.SeekerBox.BigBox div.FullSeekerArticle div.ArticleBody {
  overflow-y:scroll;max-height:94vh;
  padding:10px 10px 20px 10px;
} 
@media (max-width:767px) { 
  section.SeekerBox.BigBox div.FullSeekerArticle > h2 {padding:10px 5px 10px 20px;}
  section.SeekerBox.BigBox div.FullSeekerArticle div.ArticleBody {max-height:80vh;}
}

/* On a seeker box page, the reCAPTCHA widget has to move */
div.grecaptcha-badge {
	width:237px !important;
  	height:58px !important;
  	left:-75px;
  	right:initial  !important;
  	bottom:0 !important;
}
section.slice_content_page div.main-content div.grecaptcha-badge,
section.SeekerBox div.grecaptcha-badge,
section.slice_system_page div.grecaptcha-badge {
  position:static !important;
  box-shadow:none !important;
  border:1px solid #bbbbbb;
  margin-top:10px;
  width:256px !important;
  height:60px !important;
}
section.slice_system_page div.grecaptcha-badge {margin:10px auto 0;}

footer {background-color:#22223b;}

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

section.slice_content_page aside nav div.group_nav_selected {font-weight:700;}
section.slice_content_page aside nav div.group_nav_child {font-weight:400;}

div.endis-jquery-ui-dialog div.media-player-audio h3 {margin:5px 0;}
div.endis-jquery-ui-dialog div.media-player-audio h4 {margin:5px 0;}

/* Fixed Header stuff */
header {
  position:fixed; left:0; right:0; top:0; width:100%; z-index:100;
}
header.FadingCards {position:absolute; padding-bottom:40px;}
header.HeaderSmall.HasCookieBar section.slice_Header_L {
	border-bottom:none;
}
header.HeaderSmall section.slice_Header_L div.logo-container .logo-name a {
	font-weight:400;
  	font-size:20px;
}
header.HeaderSmall {border-bottom:1px solid black;}
header section.slice_Header_L div.top-link-wrapper div.search-form,
header section.slice_Header_L div.top-link-wrapper div.search_div {
  font-size:0;line-height:0;display:inline-block;
}
header section.slice_Header_L div.top-link-wrapper div.search-form {display:none;}

header div.top-link-wrapper div.search-form input[type=text] {
	transition:padding-top 300ms linear, padding-bottom 300ms linear, height 300ms linear;
  	line-height:1;height:44px;
}
header.HeaderSmall div.top-link-wrapper {position:relative;top:-2px;}
header.HeaderSmall div.top-link-wrapper a.top-link {
  padding-top:5px;padding-bottom:5px;
}
header.HeaderSmall section.slice_Header_L div.top-link-wrapper div.search-form input[type=text] {
  padding-top:5px;padding-bottom:4px;height:24px;
}
header.HeaderSmall section.slice_Header_L div.top-link-wrapper div.search-form i {top:0;}
header.HeaderSmall section.slice_Header_L div.nav-menu {margin-top:2px;}
header.HeaderSmall section.slice_Header_L div.nav-menu ul.root_menu > li > a {
	padding-top:10px;padding-bottom:10px;
}
header div.top-link-wrapper i.journey-icon-search::before {top:1px;}
header div.top-link-wrapper i.InFocus {cursor:pointer;}

header div.MobileMenuMask {
	display:none;
  background-color:#26203f;
  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 section.Xslice_Header_L.SlickNavFullWidth {
  width:100%;position:absolute;
}
@media (max-width:991px) {
  header section.slice_Header_L div.logo-container {
  	position:absolute; top:0; left:0;
    z-index:2;
    margin-right:0;
  }
}
header section.slice_Header_L div.logo-container .logo-name a {line-height:1.1;}

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

section.slice_content_page div.main-content h1 {margin:0;}

/* Global Fix for slide-show captions */
section.slice_SlidesFullWidth div.slideTitle,
section.slice_SlidesFullWidth div.slideText,
section.slice_WhatsOnSlidesEB_L div.slideTitle,
section.slice_WhatsOnSlidesEB_L div.slideText {
	max-width:90%; /* some templates will set this to eg. 1170px */
    text-shadow:0 0 2px #26203f36;
}
section.slice_SlidesFullWidth a.bx-prev::after, 
section.slice_SlidesFullWidth a.bx-next::after,
section.slice_WhatsOnSlidesEB_L a.bx-prev::after,
section.slice_WhatsOnSlidesEB_L a.bx-next::after,
section.slice_image_blocks_3 div.image_block_title_wrapper {
	text-shadow:0 0 2px black;
}
section.slice_image_blocks_3 a:hover div.image_block_title_wrapper {text-shadow:none;}

/* Fix media page display. Needs JS fixes applied. */
section.slice_system_page._media_allmedia_aspx input#btnSearchTemplate {
  margin:0 0 10px;
  height:auto;
}
section.slice_system_page._media_allmedia_aspx div#media_controls,
section.slice_system_page._publisher_search_aspx div#media_controls {
  padding-top:10px; padding-right:40px; position:relative;
}
section.slice_system_page._media_allmedia_aspx div#media_controls img,
section.slice_system_page._publisher_search_aspx div#media_controls img {
 	position:absolute; top:5px; right:5px; cursor:pointer; 
  	width:25px; height:25px;
  	background-color:#aaaaaa;
  	border:1px solid #aaaaaa;
  	border-radius:14px;
  	flex:none; flex-basis:0;
}
section.slice_system_page._media_allmedia_aspx div.media_option_right a {margin-bottom:10px;}
section.slice_system_page._media_allmedia_aspx div#media_controls div.Line { 
  width:100%; flex-basis: 100%; border-top:1px solid #bbbbbb; 
} 
section.slice_system_page._media_allmedia_aspx div#media_controls div.LineB { 
  width:100%; flex-basis: 100%;
}
section.slice_system_page._media_allmedia_aspx div#media_controls div.LineB + div {margin-left:0;}
section.slice_system_page._media_allmedia_aspx ul#media_buttons {padding-top:4px;}
@media(min-width:1200px) {
  section.slice_system_page._media_allmedia_aspx div#media_controls div.LineB {display:none;}
}

/* Fix calendar display. Needs JS fixes applied. */
@media(min-width:1200px) {
  section.slice_system_page._calendar_month_aspx div.calendar_week div.calendar_event_time,
  section.slice_system_page._calendar_month_aspx div.calendar_week a span
  {font-size:14px; line-height:1.2;}
}
section.slice_system_page._calendar_month_aspx select.group-selector {margin:1px 5px 0 10px;}
section.slice_system_page._calendar_month_aspx ul#calendar_buttons li.list-view-toggle i::before {
  font-size:48px; line-height:1; position:relative; top:-7px;
}
section.slice_system_page._calendar_month_aspx div.Line {display:none;margin-bottom:10px;}
section.slice_system_page._calendar_month_aspx span.calendar_children_select label {font-size:16px;}
@media(max-width:860px) {
  section.slice_system_page._calendar_month_aspx div#calendar_title {float:none;}
  section.slice_system_page._calendar_month_aspx select.group-selector {margin:10px 5px 0 16px;}
  section.slice_system_page._calendar_month_aspx div#calendar_header {position:relative;}
  section.slice_system_page._calendar_month_aspx ul#calendar_buttons {
    position:absolute; top:-1px; right:0;margin:0;padding:0
  }
  section.slice_system_page._calendar_month_aspx div.Line {display:block;}
  section.slice_system_page._calendar_month_aspx input#chkIncludeCalendarSubgroups {
    margin-left:16px !important;
  }
}

section.slice_content_page.NoGroupNav aside.sidebar nav {display:none !important;}

/* Global Fix to ensure certain icons are not bold */
section.slice_content_page aside.sidebar div.sidebar_buttons a.button_1::after,
section.slice_content_page aside.sidebar div.sidebar_buttons a.button_2::after,
section.slice_content_page aside.sidebar div.sidebar_buttons a.button_3::after,
section.slice_content_page aside.sidebar div.sidebar_buttons a.button1::after,
section.slice_content_page aside.sidebar div.sidebar_buttons a.button2::after,
section.slice_content_page aside.sidebar div.sidebar_buttons a.button3::after {font-weight:400;}

/* Social media icons - hide the unused ones */
footer section.slice_FooterTop_L div.footer-column.footer-column-1 a.footer_icon_block[href$="/#"],
footer section.slice_FooterTop_L div.footer-column.footer-column-1 a.footer_icon_block[href$="/#/"],
header li.ExtraLink.SocialMedia a.footer_icon_block[href$="/#"],
header li.ExtraLink.SocialMedia a.footer_icon_block[href$="/#/"]
{display:none;}

section.Xslice_SlidesFullWidth a.bx-pager-link {
	box-shadow:0 0 5px 1px #bbbbbb;
}

section.slice_content_page div.main-content ul {
  list-style: none; /* Remove default bullets */
}

section.slice_content_page div.main-content > div.ArticleBody ul:not([class]) > li::before {
  content: "\2022" !important;  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #717171 ; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline; /* Needed to add space between the bullet and the text */
  margin-left: -14px; /* Also needed for space (tweak if needed) */
  padding:0;
}
section.slice_content_page div.main-content ol {padding-left:25px;}

/* Robin's mobile fixes */
@media (max-width:767px) {
  
  section.slice_CommunityText_L div.WelcomeWrapper img {border-width:4px;}
  
  section.slice_ServiceText_L {margin:10px 10px 20px;}
  section.slice_ServiceText_L div.block2-1, 
  section.slice_ServiceText_L div.block2-2 {font-size:15px;}
  section.slice_ServiceText_L div.block2-1 span, 
  section.slice_ServiceText_L div.block2-2 span {font-size:16px;}
  section.slice_ServiceText_L div.block2-1 a, 
  section.slice_ServiceText_L div.block2-2 a {font-size:14px;}
  section.slice_ServiceText_L div.block2-1 {border-width:1px;}
  
  section.slice_image_blocks_3 div.image_blocks ul.gallery_ul li.gallery_li a div.image_block_title 
  {font-size:32px;}
  
  section.slice_WhatsOn3Buttons_L {background-color:white;}
  section.slice_WhatsOn3Buttons_L h1 {font-size:28px;}
  
  section.slice_WhatsOnSlidesEB_L div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption div.slideTitle {font-size:22px;}
  section.slice_WhatsOnSlidesEB_L div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption div.slideText {font-size:15px;}  
}
@media (max-width:599px) {
  div.SermonsAndPDFs div.article_cards > span > div div.articleListTitle a {font-weight:600;}
  
  footer div.FooterSafeGuarding h1 {font-size:18px;}
}

header div.search-overlay div.search_div input.text {margin:0; font-size:16px;}
header div.SearchWrapper {padding-left:10px;}

div.calendar-event-dialog div.calendar-event-content div.event-link a {text-decoration:underline;}

section.slice_system_page._media_allmedia_aspx div.media_recording_file_title,
section.slice_system_page._media_allmedia_aspx div.MobileRecorded {display:none;}
@media (max-width:767px){
  
  section.slice_system_page._media_allmedia_aspx div.system_row.media_recording {
    display:block; position:relative; width:100%;
  }
  section.slice_system_page._media_allmedia_aspx div.media_recording_main {
  	display:block; width:100%;
  }
  section.slice_system_page._media_allmedia_aspx div.media_recording_extra {
    display:table-cell;width:0;height:0;padding:0;margin:0;border:none;
  }
  section.slice_system_page._media_allmedia_aspx ul.media_recording_links,
  section.slice_system_page._media_allmedia_aspx ul.media_recording_details li {display:none;}
  section.slice_system_page._media_allmedia_aspx ul.media_recording_details,
  section.slice_system_page._media_allmedia_aspx ul.media_recording_details li {
  	padding:0;margin:0;
  }
  section.slice_system_page._media_allmedia_aspx div.MobileRecorded {
  	display:block; font-size:14px; font-weight:700;
  }
}

section.slice_FooterTop_L div.footer-column-2 {margin-right:0;}

section.slice_content_page div.main-content div.bx-wrapper div.bx-pager {padding:0; bottom:5px;}
section.slice_content_page div.main-content div.bx-pager a {width:15px;height:15px;border-radius:8px;}
section.slice_content_page div.main-content div.bx-wrapper a.bx-prev,
section.slice_content_page div.main-content div.bx-wrapper a.bx-next {
  background-image:none;
  color:transparent;
  text-indent:0;
  box-shadow:none;
}
section.slice_content_page div.main-content div.bx-wrapper a.bx-prev::before {
  font-family: journey;
  content:"\e901";
  color:white;
  font-size:30px;
}
section.slice_content_page div.main-content div.bx-wrapper a.bx-next::before {
  font-family: journey;
  content:"\e900";
  color:white;
  font-size:30px;
}

section.slice_content_page aside div.ContentPageImage {text-align:center;line-height:1;font-size:1px;}
section.slice_content_page aside div.ContentPageImage a {
  display:block; margin:10px auto 0;line-height:1;font-size:1px;}
section.slice_content_page aside div.ContentPageImage img {
  width:100%; max-width:263px; display:block;
}
@media (max-width:768px) {
  section.slice_content_page aside div.ContentPageImage a {display:inline-block;}
}
section.slice_content_page aside div.ContentPageImage:last-child {margin-bottom:30px;}
/* above 1200px make the image exactly 263px so it appears crisp */
@media (min-width:1200px) {
  section.slice_content_page aside div.ContentPageImage img {width:263px;}
}

/* Code that was in the "New To Church?" article */
section.SeekerBox.BigBox div.FullSeekerArticle table table td:first-child {
  vertical-align:middle !important;
}
section.SeekerBox.BigBox div.FullSeekerArticle td.SendButton {padding-left:40.5%;}
@media (max-width:500px) {
  section.SeekerBox.BigBox div.FullSeekerArticle td.SendButton {padding-left:0;}
}

section.CoronaVirus {
  padding:10px; background-color:#c0392b;
}
section.CoronaVirus div.ArticleBody > div {
  	text-align:center;
	display:flex; flex-flow:row nowrap; justify-content:center; align-items:center;
}
section.CoronaVirus a {display:inline-block; color:white; font-size:24px;line-height:1.3;}
section.CoronaVirus a:hover {text-decoration:underline;}
section.CoronaVirus img {
  display:inline-block;
  margin-right:10px;
  width:50px;
  height:auto;
}
@media (max-width:991px) {
	section.CoronaVirus a {font-size:18px;}
}
@media (max-width:359px) {
	section.CoronaVirus a {font-size:16px;}
}

section.slice_SlidesFullWidth li > a {display:block;}

body.ArticleEditor span.ServicesLocation {
	display:block;
  	margin:20px 0;
  	font-weight:700;
}
body.ArticleEditor a.ServicesLocation {
  	display:block;
  	margin:20px 0;
  font-size:smaller;
}

body.ArticleEditor a.footer_icon_block {
  display:block; margin:20px 10px; width:100%;
}
body.ArticleEditor a.footer_icon_block i {
  position:relative;
  z-index:-1;
}
body.ArticleEditor div.WelcomeWrapper h1 {margin-top:10px;}

/* Banner Image code */
section.slice_BannerImage {
  background-color:#717171;
  position:relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding:0 20px;
  display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center;
  overflow:hidden;
}
@media(max-width:991px){
	section.slice_BannerImage {
      padding:0 10px;
      height:400px !important;
    }
}
@media(max-width:467px){
	section.slice_BannerImage {
      padding:0 10px;
      height:300px !important;
    }
}
section.slice_BannerImage h1 {
  position:relative; z-index:0;
	line-height:1.1; 
	margin:0; 
	text-align:left;
	color: white;
	font-size: 56px; font-weight:300;
  max-width:100%;
}
section.slice_BannerImage h1 span {
  font-weight:700; display:block;
}
@media(max-width:991px){
	section.slice_BannerImage h1 {font-size: 50px;}
}
@media(max-width:467px){
	section.slice_BannerImage h1 {font-size: 40px;}
}
section.slice_BannerImage div.BannerImgCustomFields {display:none;}
section.slice_BannerImage div.container {
  max-width:1200px;
}
section.slice_BannerImage div.OverlayTint {
  position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;
  background-color:rgba(100,100,128,0.7);
}
section.slice_BannerImage video {
  display:block;
  position:absolute; bottom:-200px; left:0; right:0;
  width:100%;
}
@media(max-width:1300px){
  section.slice_BannerImage video {bottom:0;}
}
@media(max-width:991px){
  section.slice_BannerImage video {
    object-fit:cover;
    width:auto;
  }
}

section.slice_BannerImage a.BannerButton {
	display:inline-block;
  	padding:10px 20px;
  	border:2px solid white;
  	margin:50px 0 0;
  	color:white;
  	font-size:20px;
  	transition:background-color 300ms linear, color 300ms linear;
}
section.slice_BannerImage a.BannerButton:hover {
	background-color:white;
  	color:#26203f;
}

/* UML_AL_1: Universal Mini-Layout Article-List 1 */
section.slice_ArticleList {padding:40px 10px;}
section.slice_ArticleList > div.UML_AL_2 {
	display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch;
}
section.slice_ArticleList > div.UML_AL_2 > div { width: 100%; margin:15px 0;} /* 1 column */
@media (min-width: 467px) { /* 2 columns */
	section.slice_ArticleList > div.UML_AL_2 > div { width: 48%; margin:15px 0; }
	section.slice_ArticleList > div.UML_AL_2 > div:nth-child(2n+1) {margin-right:2%;} /* Extra 2% on each */
	section.slice_ArticleList > div.UML_AL_2 > div:nth-child(2n) {padding-left:2%;border-left:1px solid #717171;}
}
@media (min-width: 992px) { /* 3 columns */
	section.slice_ArticleList > div.UML_AL_2 > div { margin:15px 0; border:none; padding:0;}
	section.slice_ArticleList > div.UML_AL_2 > div:nth-child(3n+1) {width:28%;margin-left:0;margin-right:0;}
	section.slice_ArticleList > div.UML_AL_2 > div:nth-child(3n+2) {
      width:36%;
      margin-left:4%;margin-right:4%;
      padding-left:4%;padding-right:4%;
      border-left:1px solid #717171;border-right:1px solid #717171;
    } /* extra 4% on the middle one only */
	section.slice_ArticleList > div.UML_AL_2 > div:nth-child(3n) {width:28%;margin-left:0;margin-right:0;}
}
section.slice_ArticleList > div.UML_AL_2 div.articleListTitle a:hover { opacity: 0.6;text-decoration:none; }
section.slice_ArticleList > div.UML_AL_2 div.articleListTitle {  padding: 0 10px 20px 0;}
section.slice_ArticleList > div.UML_AL_2 div.articleListTitle a { font-weight: 700; font-size: 30px; line-height: 1.2; display:block;}
section.slice_ArticleList > div.UML_AL_2 div.articleListSummary { padding: 0 10px 0 0;  font-weight: 400;line-height: 1.5;}
section.slice_ArticleList > div.UML_AL_2 div.articleListLink {
  flex:1 1 auto;line-height:1; padding-bottom:10px;
} /* takes up the height slack */
section.slice_ArticleList > div.UML_AL_2 div.articleListLink a {
	display:inline-block; text-align:center;
  	padding:10px 30px; min-width:160px;
  	border:2px solid #26203f;
  	margin:20px 0 0;
  	color:#26203f;
  	font-size:16px; font-weight:600;
  	transition:background-color 300ms linear, color 300ms linear;
}
section.slice_ArticleList > div.UML_AL_2 div.articleListLink a:hover {
	background-color:#26203f;
  	color:white;
}
@media (max-width:991px) {
  section.slice_ArticleList > div.UML_AL_2 div.articleListTitle {  padding: 0 10px 5px 0;}
  section.slice_ArticleList > div.UML_AL_2 div.articleListLink a {margin:10px 0 0;}
  section.slice_ArticleList > div.UML_AL_2 > div { margin-bottom:30px;}
}

/* UML_AL_1: Universal Mini-Layout Article-List 1 */
section.slice_ArticleList.Grey2Columns {padding:40px 10px; background-color:#efefef;}
section.slice_ArticleList > div.UML_AL_3 {
	display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch;
}
section.slice_ArticleList > div.UML_AL_3 > div { width: 100%; margin:15px 0;} /* 1 column */
@media (min-width: 467px) { /* 2 columns */
	section.slice_ArticleList > div.UML_AL_3 > div {  margin:15px 0; }
	section.slice_ArticleList > div.UML_AL_3 > div:nth-child(2n+1) {margin-right:7%;width:43%;}
	section.slice_ArticleList > div.UML_AL_3 > div:nth-child(2n) {
      padding-left:7%;width:50%;
      border-left:1px solid #717171;
    }
}
section.slice_ArticleList > div.UML_AL_3 div.articleListTitle a:hover { opacity: 0.6;text-decoration:none; }
section.slice_ArticleList > div.UML_AL_3 div.articleListTitle {  padding: 0 10px 20px 0;}
section.slice_ArticleList > div.UML_AL_3 div.articleListTitle a { font-weight: 700; font-size: 30px; line-height: 1.2; display:block;}
section.slice_ArticleList > div.UML_AL_3 div.articleListSummary { padding: 0 10px 0 0;  font-weight: 400;line-height: 1.5;}
section.slice_ArticleList > div.UML_AL_3 div.articleListLink {
  flex:1 1 auto;line-height:1; padding-bottom:10px;
} /* takes up the height slack */
section.slice_ArticleList > div.UML_AL_3 div.articleListLink a {
	display:inline-block; text-align:center;
  	padding:10px 30px;  min-width:160px;
  	border:2px solid #26203f;
  	margin:20px 0 0;
  	color:#26203f;
  	font-size:16px; font-weight:600;
  	transition:background-color 300ms linear, color 300ms linear;
}
section.slice_ArticleList > div.UML_AL_3 div.articleListLink a:hover {
	background-color:#26203f;
  	color:white;
}
@media (max-width:991px) {
  section.slice_ArticleList > div.UML_AL_3 div.articleListTitle {  padding: 0 10px 5px 0;}
  section.slice_ArticleList > div.UML_AL_3 div.articleListLink a {margin:10px 0 0;}
  section.slice_ArticleList > div.UML_AL_3 > div { margin-bottom:30px;}
}

section.slice_Newsletter {
	padding:50px 10px 50px 20px;
  background-color:#efefef;
  font-size:18px;
}
section.slice_Newsletter h1 {
  font-size:32px; font-weight:700; text-align:center;
  margin:0 0 10px;
}

/* Newsletter profile editor fixes */
div._user_registration_aspx.HomePage div.TopCaption,
div._user_registration_aspx.HomePage div[id$="_outerdiv_ctls_basic_details"] td:first-child
{display:none;}
div._user_registration_aspx.HomePage div#GroupNotesEnclosingDiv > div {
	background-color:transparent !important;
  	border:none;
  	max-width:1300px;
}
div._user_registration_aspx.HomePage div#GroupNotesEnclosingDiv > div[id$="_outerdiv_ctls_consentfields"] {
  	margin:30px auto 0;
}
div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] {
	display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:flex-start;
}
div._user_registration_aspx.HomePage div#GroupNotesEnclosingDiv div[id$="_div_ctls_basic_details"] > div input.text[type="text"] {
  	border:2px solid #626262; border-radius:0;
  	padding:15px 20px !important;
  	width:100% !important;
  	font-size:18px;
}
div._user_registration_aspx.HomePage div#GroupNotesEnclosingDiv div[id$="_div_ctls_basic_details"] > div input.text[type="text"]::placeholder {
	color:#26203f;
}
div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] > div:first-child {
 	width:30%;
}
div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] > div:nth-child(2) {
 	width:30%;
  	margin:0 10px;
}
div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] > div:last-child {
 	width:40%;
}
div._user_registration_aspx.HomePage div[id$="_div_ctls_consentfields"] {
	display:flex; flex-flow:row nowrap; justify-content:center; align-items:flex-start;
}
@media (max-width:991px) {
  div._user_registration_aspx.HomePage div[id$="_div_ctls_consentfields"] {
      flex-flow:column nowrap; justify-content:flex-start; align-items:center;
  }
}
div._user_registration_aspx.HomePage ul.consent-questions {
  margin:0;padding:0;max-width:556px;
}
div._user_registration_aspx.HomePage li.consent-question {
  text-indent:-32px;
  font-size:16px;
}
div._user_registration_aspx.HomePage ul.consent-questions label {
  margin:0 !important;
	position:relative; top:-12px;
    cursor:pointer;
}
div._user_registration_aspx.HomePage ul.consent-questions input[type="checkbox"] {
	width:28px; height:28px; position:relative; right:10px;
  	border:2px solid #626262; border-radius:0;
    cursor:pointer;
}
body.OnSmallAppleDevice div._user_registration_aspx.HomePage ul.consent-questions input[type="checkbox"] {
      width:20px; height:20px; 
  	  right:30px !important;
  	  top:12px !important; 
  	  z-index:1;
  }
@media(max-width:467px){
  div._user_registration_aspx.HomePage ul.consent-questions input[type="checkbox"] {
      width:20px; height:20px; right:5px; top:-4px;
  }
	body.OnSmallAppleDevice div._user_registration_aspx.HomePage ul.consent-questions input[type="checkbox"] {
  	  right:30px !important;
  	  top:12px !important;
  }
}
div._user_registration_aspx.HomePage div.DummyButton {
  display:inline-block;
  background-color:#E56423;
  border:none;
  border-radius:6px;
  margin-right:0; margin-left:40px;
  padding:15px 35px;
  font-size:20px;
  line-height:1;
  transition:background-color 300ms linear;
  cursor:pointer;
}
div._user_registration_aspx.HomePage div.DummyButton:hover {
  opacity:1;
  background-color:#c54403;
}
div._user_registration_aspx.HomePage span[id$="_ctlCaptchaButton_objConfigurableButton"] input.button {
  margin:0 auto;
  padding:15px 30px;
  font-size:17px; font-weight:700;
  line-height:1;
  transition:background-color 300ms linear, color 300ms linear;
  cursor:pointer;
  border:2px solid #26203f;
  background-color:transparent;
  color:#26203f;
}
div._user_registration_aspx.HomePage span[id$="_ctlCaptchaButton_objConfigurableButton"] input.button:hover {
	background-color:#26203f; color:white; opacity:1;
}

@media (max-width:991px) {
  div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] {
      flex-flow:column nowrap; justify-content:flex-start; align-items:center;
  }
  div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] > div {
      width:100% !important;
    	max-width:400px;
      margin:0 0 20px  !important;
  }
  div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] > div:last-child {
      margin:0 !important;
  }
}

/* UML_AL_1: Universal Mini-Layout Article-List 1 */
div.ArticleBody > div.UML_AL_1 {
	display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch;
}
div.ArticleBody > div.UML_AL_1.LeftAligned {justify-content: flex-start;}
div.ArticleBody > div.UML_AL_1 > div { background-color: white; width: 100%; margin:15px 0;} /* 1 column */
@media (min-width: 467px) { /* 2 columns */
	div.ArticleBody > div.UML_AL_1 > div { width: 49%; margin:15px 0; }
	div.ArticleBody > div.UML_AL_1 > div:nth-child(2n+1) {margin-right:1%;} /* Extra 1% on each */
	div.ArticleBody > div.UML_AL_1 > div:nth-child(2n) {margin-left:1%;}
}
@media (min-width: 992px) { /* 3 columns */
	div.ArticleBody > div.UML_AL_1 > div { width:32%; margin:15px 0;}
	div.ArticleBody > div.UML_AL_1 > div:nth-child(3n+1) {margin-left:0;margin-right:0;}
	div.ArticleBody > div.UML_AL_1 > div:nth-child(3n+2) {margin-left:2%;margin-right:2%;} /* extra 4% on the middle one only */
	div.ArticleBody > div.UML_AL_1 > div:nth-child(3n) {margin-left:0;margin-right:0;}
}
div.ArticleBody > div.UML_AL_1 div.articleListImage img { display: block; width: 100%;  margin:0;}
div.ArticleBody > div.UML_AL_1 div.articleListImage a { display: block; margin: 0; }
div.ArticleBody > div.UML_AL_1 div.articleListImage a:hover,
div.ArticleBody > div.UML_AL_1 div.articleListTitle a:hover { opacity: 0.6;text-decoration:none; }
div.ArticleBody > div.UML_AL_1 div.articleListTitle {  padding: 15px 0 5px;}
div.ArticleBody > div.UML_AL_1 div.articleListTitle { font-weight: 700; font-size: larger;line-height: 1.2; display:block;}
div.ArticleBody > div.UML_AL_1 div.articleListSummary { padding: 0 0 10px;  font-weight: 400; line-height: 1.3;}
div.ArticleBody > div.UML_AL_1 div.articleListLink {flex:1 1 auto;font-size:0;line-height:1;color:transparent;} /* takes up the height slack */
div.ArticleBody > div.UML_AL_1 ul.gallery_ul {display:none;}


/* UML_EL_1: Universal Mini-Layout Event-List 1 */
section.slice_EventList {padding:40px 10px;}
section.slice_EventList h1 {text-align:center; margin-bottom:10px;}
section.slice_EventList div.UML_EL_1 {
	display: flex; flex-flow: row wrap; justify-content: flex-start; align-items:stretch;
}
section.slice_EventList div.UML_EL_1 > div { 
  width: 100%; margin:20px 0; /* 1 column */
  display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items:flex-start;
} 
@media (min-width: 467px) { /* 2 columns */
	section.slice_EventList div.UML_EL_1 > div { width: 48%; margin:15px 0; }
	section.slice_EventList div.UML_EL_1 > div:nth-child(2n+1) {margin-right:2%;} /* Extra 2% on each */
	section.slice_EventList div.UML_EL_1 > div:nth-child(2n) {margin-left:2%;}
}
@media (min-width: 992px) { /* 3 columns */
	section.slice_EventList div.UML_EL_1 > div { margin:15px 0;}
	section.slice_EventList div.UML_EL_1 > div:nth-child(3n+1) {width:30.666%;margin-left:0;margin-right:0;}
	section.slice_EventList div.UML_EL_1 > div:nth-child(3n+2) {
      width:30.666%;
      margin-left:4%;margin-right:4%;
    } /* extra 4% on the middle one only */
	section.slice_EventList div.UML_EL_1 > div:nth-child(3n) {width:30.666%;margin-left:0;margin-right:0;}
}
section.slice_EventList div.UML_EL_1 div.eventListImage a,
section.slice_EventList div.UML_EL_1 div.eventListImage img { width:100%; display:block;}
section.slice_EventList div.UML_EL_1 div.eventListTitle a:hover { opacity: 0.6;text-decoration:none; }
section.slice_EventList div.UML_EL_1 div.eventListTitle {  padding: 15px 10px 5px 0;}
section.slice_EventList div.UML_EL_1 div.eventListTitle a { font-weight: 700; font-size: 24px; line-height: 1.2; display:block;}
section.slice_EventList div.UML_EL_1 div.eventListDate { padding: 0 0 10px;  font-weight: 700;line-height: 1.3;}
section.slice_EventList div.UML_EL_1 div.eventListSummary { 
  padding: 0;  font-weight: 400;line-height: 1.3;   flex:1 1 auto; /* takes up the height slack */
}
section.slice_EventList div.UML_EL_1 div.eventListLink {
  line-height:1; padding:15px 0 30px; border-bottom:1px solid #717171; width:100%;
}
section.slice_EventList div.UML_EL_1 div.eventListLink a {
  	color:#26203f;
  	font-size:16px; font-weight:600;
}
section.slice_EventList div.UML_EL_1 div.eventListLink a:hover {
	text-decoration:underline;
}
@media (max-width:991px) {
  section.Xslice_EventList div.UML_EL_1 div.eventListTitle {  padding: 0 10px 5px 0;}
  section.Xslice_EventList div.UML_EL_1 div.eventListLink a {margin:10px 0 0;}
  section.Xslice_EventList div.UML_EL_1 > div { margin-bottom:30px;}
}

section.slice_content_page.WideContent div.main-content i.IconEmail::after {
	content:'\e92a';
  	font-family:HubbIcons;
  	font-style:normal;
  	font-size:22px;
  	line-height:1;
  	position:relative;
  	left:5px; top:1px;
}

section.BannerSystemPage {
padding:100px 0;
  background-image: url('/Images/Content/2348/1111137.jpg');
  background-repeat:no-repeat;
  background-position:center bottom;
  background-size:cover;
}

@keyframes CIA_LeftToRight {
	0% {opacity:0;left:-740px;} /* 1200 - 460 = 740 */
	100% {opacity:1; left:0;}
}
header section.slice_Header_L.FadingCards ul.slicknav_nav {
  	position:relative;
    animation-name: CIA_LeftToRight;
	animation-iteration-count: 1;
	animation-duration: 500ms;
	animation-delay:10ms; /* initial delay, give a small amount of time for the page to load etc. */
	animation-timing-function: ease-out;
	animation-fill-mode:both;
}
header.OriginQuickMenu section.slice_Header_L.FadingCards ul.slicknav_nav {
	animation-duration: 0ms;
	animation-delay:0ms; /* initial delay, give a small amount of time for the page to load etc. */
}
header section.Xslice_Header_L div.logo-container img:last-child {display:none;}
header section.Xslice_Header_L.FadingCards div.logo-container img:first-child {display:none;}
header section.Xslice_Header_L.FadingCards div.logo-container img:last-child {display:block;}

section.slice_Background {
 background-image:url(/Images/Content/27/Templates/72519/images/Community.jpg);
  background-size:cover;
    background-repeat:no-repeat;
  background-position:center center;
  padding:200px 20px;
}
section.slice_Background div.container {max-width:1210px;}
section.slice_Background div.TextBlock {
	display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start;
  max-width:640px;
  font-size:20px;  font-weight:300;
}
section.slice_Background.RecentTalks div.TextBlock {max-width:490px;}
section.slice_Background h1 {
	font-size:56px; font-weight:700; color:white;
}
section.slice_Background div.Text {
	font-size:20px; font-weight:300;color:white; line-height:1.3;
}

section.slice_Background.SundayOrigin {
	background-image:none;
  background-color:white;
   padding:80px 20px 50px;
}
@media(max-width:1100px){
  section.slice_Background.SundayOrigin {
     padding:40px 20px 40px;
  }
  section.slice_Background div.TextBlock { max-width:100%;}
}
section.slice_Background.SundayOrigin h1 {
  color:#003674;
}

section.slice_Background.SundayGatherings {
	background-image:url(/Images/Content/27/Templates/72519/images/backgroundCup.jpg);
  padding:150px 20px;
}
section.slice_Background.SundayGatherings div.TextBlock {
  margin:0 0 0 auto;
}

section.slice_Background.River {
	background-image:url(/Images/Content/27/Templates/72519/images/backgroundGrey.jpg);
  padding:200px 20px;
}
section.slice_Background.River div.TextBlock {
  margin:0 0 0 auto;
}
section.slice_Background.River h1 {
  font-weight:300;
}

section.slice_Background div.Button {margin:30px 0 0;}
section.slice_Background div.Button a {
  display:block;
	border:2px solid white;
  font-size:26px; font-weight:300; color:white; line-height:1;
  padding:10px 50px 8px;
  background-color:transparent;
  transition: background-color 300ms linear, color 300ms linear;
}
section.slice_Background div.Button a:hover {
	color:black;
  background-color:white;
}

section.slice_CloserLook ul {display:none;}
section.slice_Background.slice_CloserLook {
	background-image:none;
  background-color:#f2f2f0;
  padding:70px 20px 30px;
}
section.slice_Background.slice_CloserLook div.container {
  max-width:1600px;
}

section.slice_Background.slice_NewsLetter div.container {max-width:800px;}
section.slice_Background.slice_NewsLetter {
	background-image:none;
  padding:80px 20px;
}
section.slice_Background.slice_NewsLetter div.TextBlock {
  max-width:1200px;
  display:block;
}
section.slice_Background.slice_NewsLetter h1 {
  text-align:center;  margin:0 0 15px; font-weight:700; font-size:52px;
}
section.slice_Background.slice_NewsLetter div.Text {
  margin:30px auto 0;
  text-align:left; max-width:1100px;
}
section.slice_Background.slice_NewsLetter table.HomepageGetInTouch {
	width:100%;
  border-collapse:collapse;
}
section.slice_Background.slice_NewsLetter table.HomepageGetInTouch td {
	padding:8px 6px;
}
section.slice_Background.slice_NewsLetter table.HomepageGetInTouch input[type="text"],
section.slice_Background.slice_NewsLetter table.HomepageGetInTouch textarea {
	padding:15px 20px !important;
  	margin:0 !important;
  border-radius:4px;
  font-size:20px;
  display:inline-block;
  border:none !important;
}
section.slice_Background.slice_NewsLetter table.HomepageGetInTouch input[type="text"]::placeholder,
section.slice_Background.slice_NewsLetter table.HomepageGetInTouch textarea::placeholder {
	color:black;
}
section.slice_Background.slice_NewsLetter table.HomepageGetInTouch input.sitebutton {
	background-color:transparent; color:white;
  border:2px solid white;
  border-radius:0;
  padding:15px 30px 14px;
  font-weight:500; font-size:18px;
  margin:20px 0 0 !important;
}
section.slice_Background.slice_NewsLetter table.HomepageGetInTouch input.sitebutton:hover {
  background-color:#f9c718; border-color:#f9c718; color:#26203f;
}

section.slice_Background.slice_Event div.container {max-width:920px;}
section.slice_Background.slice_Event {
	background-image:none;
  background-size:auto,cover;
    background-repeat:no-repeat,no-repeat;
  background-position:left bottom, center center;
  padding:200px 20px;
  color:white; text-align:center;
}
section.slice_Background.slice_Event div.ArticleBody {font-size:20px; line-height:1.6;}
section.slice_Background.slice_Event h1 {
  text-align:center;  margin:0 0 15px; font-weight:600;
  font-size:72px;
}
@media (max-width:1100px) {
  section.slice_Background.slice_Event h1 {
    font-size:32px;
  }  
}
section.slice_Background a.BlockButton {
  border-radius:0;
  padding:12px 30px;
  font-weight:500; font-size:18px;
  margin:0 10px 20px !important;
}
section.slice_Background.SundayOrigin a.BlockButton.TransBlack,
section.slice_Background.SundayOrigin.RecentTalks a.BlockButton.TransWhite {
  margin-left:0 !important;
  margin-right:20px !important;
}
section.slice_Background.SundayOrigin a.BlockButton.TransBlack + a.BlockButton,
section.slice_Background.SundayOrigin.RecentTalks a.BlockButton.TransWhite + a.BlockButton {
  margin-left:0 !important;
  margin-right:0 !important;
}
section.slice_Background a.BlockButton.White {
  background-color:#f9c718; color:#26203f; border:2px solid #f9c718;
}
section.slice_Background a.BlockButton.White:hover {
  background-color:#26203f; color:white; border:2px solid #26203f;
}
section.slice_Background a.BlockButton.TransWhite {
  background-color:transparent; color:white; border:2px solid #f9c718;
}
section.slice_Background a.BlockButton.TransWhite:hover {
  background-color:#f9c718; color:#26203f;
}
section.slice_Background a.BlockButton.Black {
  background-color:#00911a; color:white; border:2px solid #00911a;
}
section.slice_Background a.BlockButton.Black:hover {
  background-color:white; color:#003674; border:2px solid #00911a;
}
section.slice_Background a.BlockButton.TransBlack {
  background-color:transparent; color:#003674; border:2px solid #00911a;
}
section.slice_Background a.BlockButton.TransBlack:hover {
  background-color:#00911a; color:white;
}



header ul.slicknav_nav.OpenOneLevel > li {
	display:none !important;
}
header ul.slicknav_nav.OpenOneLevel > li.slicknav_open {
	display:block !important;
}
header ul.slicknav_nav.OpenOneLevel.OpenTwoLevel > li.menu_item_level_1.slicknav_open > a {
	display:none !important;
}
header ul.slicknav_nav.OpenOneLevel.OpenTwoLevel > li.menu_item_level_1.slicknav_open > ul.sub_menu_level_1 > li {
	display:none !important;
}
header ul.slicknav_nav.OpenOneLevel.OpenTwoLevel > li.menu_item_level_1.slicknav_open > ul.sub_menu_level_1 > li.slicknav_open {
	display:block !important;
}

header ul.slicknav_nav.OpenOneLevel li.menu_item_level_2 a {font-size:26px;}
header ul.slicknav_nav.OpenOneLevel.OpenTwoLevel li.menu_item_level_2 a {font-size:32px;}
header ul.slicknav_nav.OpenOneLevel.OpenTwoLevel li.menu_item_level_3 a {font-size:26px;}

header a.OpenOneLevel,
header a.OpenTwoLevel {
	padding-bottom:40px !important;
}

header a.OpenOneLevel span.slicknav_arrow,
header a.OpenTwoLevel span.slicknav_arrow {
  font-weight:700 !important; 
  font-size:32px !important;
  padding-right:35px !important;
}
header a.slicknav_item.OpenOneLevel:hover span.slicknav_arrow,
header a.slicknav_item.OpenTwoLevel:hover span.slicknav_arrow {
	left:0 !important;
}
header section.Xslice_Header_L div.slicknav_menu ul.slicknav_nav 
a.slicknav_item > a:hover + span.slicknav_arrow {
  left:0 !important;
}

section.RedBanner {
  padding:0 10px; background-color:#f2f2f0;text-align:center;
}
section.RedBanner div.RedBannerWrapper {
  padding:30px 0 25px 65px;
  background-image:url(/Images/Content/3041/Templates/79928/images/megaphone-icon.png);
  background-repeat:no-repeat;
  background-position:left 30px;
  display:inline-block;
}
section.RedBanner div.ArticleBody,
section.RedBanner a {
  	text-align:center;font-size:24px;line-height:1.3;color:#003674;
}
section.RedBanner a,
section.RedBanner a:hover {text-decoration:underline;}
@media (max-width:991px) {
  section.RedBanner div.RedBannerWrapper {
    background-position:left 26px;
  }
  section.RedBanner div.ArticleBody,
  section.RedBanner a {font-size:18px;}
}
@media (max-width:359px) {
  	section.RedBanner div.ArticleBody,
	section.RedBanner a {font-size:16px;}
}

section.SeekerBox div.SmallSeekerArticle a {font-weight:500;}
section.SeekerBox div.SmallSeekerArticle a:hover {background-color:#f2f2f0;}

section.slice_Background div.LeftRightWrapper {
	display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start;
}
@media (max-width:1100px) {
  section.slice_Background div.LeftRightWrapper {
      flex-flow:column nowrap;
  }
  section.slice_Background h1 {
      font-size:32px;
  }
}
section.slice_Background div.LeftRightWrapper h1 br {display:none;}
section.slice_Background.SundayOrigin div.TextBlock {width:50%; padding-right:20px;}
section.slice_Background.SundayOrigin div.ImgWrapper {width:50%;padding:0 0 0 20px;}
section.slice_Background.SundayOrigin div.ImgWrapper img {display:block;max-width:100%;}

@media (max-width:1100px) {
  section.slice_Background.SundayOrigin div.TextBlock,
  section.slice_Background.SundayOrigin div.ImgWrapper {
    width:100% !important; 
    padding:0 !important;
  }
  section.slice_Background.SundayOrigin div.TextBlock {padding:30px 0 0 !important;}
  section.slice_Background.SundayOrigin div.ImgWrapper img {margin:0 0 0 auto;}
}

section.slice_Background.SundayOrigin.SundayOriginB {
	background-image:none;
  background-color:white;
  padding:70px 20px;
}
section.slice_Background.SundayOrigin.SundayOriginB div.ImgWrapper {
  width:50%;padding:0 20px 0 0;
}
section.slice_Background.SundayOrigin.SundayOriginB div.TextBlock {
  padding:0 0 0 20px;
}
section.slice_Background.SundayOrigin.SundayOriginB div.LeftRightWrapper {
	align-items:center;
}

section.slice_Background.SundayOrigin.SundayOriginC div.ImgWrapper {
  width:50%;padding:0 20px 0 0;
}
section.slice_Background.SundayOrigin.SundayOriginC div.TextBlock {
  padding:0 0 0 20px;
}
section.slice_Background.SundayOrigin.SundayOriginC div.LeftRightWrapper {
	align-items:center;
}

section.slice_Background.RecentTalks {
	background-image:none;
  background-size:cover;
    background-repeat:no-repeat;
  background-position:71% center;
  padding:200px 20px;
  color:white;
}
section.slice_Background.RecentTalks h1 {color:white;}
section.slice_Background.RecentTalks div[style] img,
section.slice_Background.FollowJesus div[style] img {display:none;}

.slice_content_page .sidebar .sidebar_buttons a[class^="button"]::after { font-family: journey; position: absolute; top: 18px; left: 22px; font-size: 2.5rem; color: #fff; opacity: 0.5;font-weight:400; }
.slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_1 { background-color: #00911a; }
.slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_1::after { content: "\e908"; }
.slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_2 { background-color: #003674; }
.slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_2::after { content: "\e910"; }
.slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_3 { background-color: #00911a; }
.slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_3::after { content: "\e907"; }

.slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_1:hover { background-color: #f9c718; }
.slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_2:hover { background-color: #f9c718; }
.slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_3:hover { background-color: #f9c718; }

.slice_content_page .sidebar .sidebar_buttons a[class^="button"] { font-size: 18px; letter-spacing: 0.5px; padding: 15px 0 15px 62px; }
  .slice_content_page .sidebar .sidebar_buttons a[class^="button"]::after { font-size: 2.5rem; }
  .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_1::after { top: 12px; left: 18px; }
  .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_2::after { top: 11px; left: 18px; }
  .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_3::after { top: 9px; left: 18px; } 

header div.MenuExtraLinks {
  display:none; position:fixed; top:0; left:0;
  background-color:white; color:black;
  width:65vw; padding:20px 20px 20px 20px; height:100vh;
  z-index:61;
}
header div.MenuExtraLinks h1 {
  font-size:50px; line-height:1;
}
header div.MenuExtraLinks.FadingCards {
	display:block;
  overflow-y:auto;
}
@keyframes CIA_OpacityRiseExtra {
	0% {left:-1100px;} /* 1200 - 460 = 740 */
	100% {left:0;}
}
header div.MenuExtraLinks.FadingCards {
    animation-name: CIA_OpacityRiseExtra;
	animation-iteration-count: 1;
	animation-duration: 500ms;
	animation-delay:10ms; /* initial delay, give a small amount of time for the page to load etc. */
	animation-timing-function: ease-out;
	animation-fill-mode:both;
}
@keyframes CIA_OpacitySimple {
	0% {opacity:0;}
	100% {opacity:1;}
}
@media(min-width:768px){
  header div.MenuExtraLinks.FadingCards div.ArticleBody {
      animation-name: CIA_OpacitySimple;
      animation-iteration-count: 1;
      animation-duration: 800ms;
      animation-delay:400ms; /* initial delay, give a small amount of time for the page to load etc. */
      animation-timing-function: linear;
      animation-fill-mode:both;
  }
  header section.slice_Header_L.SlickNavFullWidth.FadingCards ul.slicknav_nav {
      animation-name: CIA_OpacitySimple;
      animation-iteration-count: 1;
      animation-duration: 800ms;
      animation-delay:800ms; /* initial delay, give a small amount of time for the page to load etc. */
      animation-timing-function: linear;
      animation-fill-mode:both;
  }
  header.OriginQuickMenu section.slice_Header_L.SlickNavFullWidth.FadingCards ul.slicknav_nav,
  header.OriginQuickMenu div.MenuExtraLinks.FadingCards div.ArticleBody {
    animation-delay:0ms;
    animation-duration:0ms;
  }
}
@media(max-width:767px){
  header section.slice_Header_L.SlickNavFullWidth.FadingCards ul.slicknav_nav li.QuickLink a {
      animation-name: CIA_OpacitySimple;
      animation-iteration-count: 1;
      animation-duration: 400ms;
      animation-delay:700ms; /* initial delay, give a small amount of time for the page to load etc. */
      animation-timing-function: linear;
      animation-fill-mode:both;
  }  
  header.OriginQuickMenu section.slice_Header_L.SlickNavFullWidth.FadingCards ul.slicknav_nav li.QuickLink a {
      animation-duration: 0ms;
      animation-delay:0ms; /* initial delay, give a small amount of time for the page to load etc. */    
  }
}
@keyframes CIA_TopToBottom {
	0% {background-size:0;}
	100% {background-size:200px;}
}
@media(max-width:767px){
  header section.slice_Header_L.SlickNavFullWidth.FadingCards ul.slicknav_nav div.QuickLinkWrapper {
      animation-name: CIA_TopToBottom;
      animation-iteration-count: 1;
      animation-duration: 500ms;
      animation-delay:700ms; /* initial delay, give a small amount of time for the page to load etc. */
      animation-timing-function: linear;
      animation-fill-mode:both;
  }  
  header.OriginQuickMenu section.slice_Header_L.SlickNavFullWidth.FadingCards ul.slicknav_nav div.QuickLinkWrapper {
      animation-duration: 0ms;
      animation-delay:0ms; /* initial delay, give a small amount of time for the page to load etc. */  
  }
}

header li.ExtraLink.SocialMedia {float:none; clear:both;}
header li.ExtraLink.SocialMedia div.ArticleBody {
  margin:10px 0 0;
  display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start; 
}
header li.ExtraLink.SocialMedia div.ArticleBody a {
  color:black !important;
  margin:0 5px 0 0;
  line-height:1;
  padding:0 !important;
}
header li.ExtraLink.SocialMedia div.ArticleBody a i::after {
  display:block;
  color:black !important;
  padding:0 !important;
  font-size:22px !important; line-height:1;
  border:10px solid #CDCDCD;border-radius:6px;
  background-color:#CDCDCD; 
}
header li.ExtraLink.SocialMedia div.ArticleBody a:hover i::after {
  background-color:white !important; 
  border-color:white !important; 
}

header li.ExtraLink.VI {
	position:absolute; top:-50px; z-index:2;
}
header li.ExtraLink.VI a {
  	line-height:1; padding:15px 20px !important;
	border:2px solid white;
}
header li.ExtraLink.VI:hover a {
  	background-color:white;
  color:black !important;
}

  header div.MenuExtraLinks.FadingCards {
    background-image: url(/Images/Content/3041/Templates/79928/images/media-wavy-linesB.png);
  	background-position:left bottom;
  	background-repeat:no-repeat;
    background-size:600px;
  }
  
  header a.WhiteMenuMainLogo {display:inline-block; margin:0 0 0 40px;}
  
  header div.WhiteMenuMain {
    margin-left:25%; margin-top:1vh;
  }
  header div.WhiteMenuMain a {
    display:inline-block; font-size:48px; line-height:1.7; font-weight:600;
  }
@media(max-width:1366px){
  header div.WhiteMenuMain a {
    font-size:32px; line-height:1.6;
  }	
}
  header div.WhiteMenuMain a:hover {color:#00911a;}
  
  header div.WhiteMenuSub {margin-left:25%; margin-top:60px;}
  header div.WhiteMenuSub a {display:inline-block; font-size:20px; line-height:2; font-weight:400;}
  header div.WhiteMenuSub a b {font-weight:600;}
  header div.WhiteMenuSub a:hover {color:#00911a;}
  
  header div.WhiteMenuSub a.AddMapIcon::before {
    font-family:HubbIcons;
  	content:'\e92c';
    color:#00911a;
    font-size:24px;
    display:inline-block;
    padding-right:5px;
    position:relative; top:4px;
  }

/* Make menus work on smaller desktop */
@media(max-width:1400px){
  header div.MenuExtraLinks {width:53vw;}
}
@media(max-width:991px){
  header div.WhiteMenuSub {margin-left:5%;}
    header div.WhiteMenuMain {
    margin-left:5%; margin-top:40px;
  }
  header div.MenuExtraLinks {width:40vw;}
  header div.WhiteMenuMain a {
   font-size:32px;
  }
  header a.WhiteMenuMainLogo {margin:0 0 0 20px;}
}
header .slice_Header_L .slicknav_menu ul.slicknav_nav li.ExtraLink.QuickLink,
header div.WhiteMenuMain a.VI {display:none;}
@media(max-width:767px){
  header div.MenuExtraLinks,
  header li.ExtraLink.VI {display:none !important;}
  header section.slice_Header_L.FadingCards div.SlickNav_Wrapper {margin-top:60px;}
  header section.slice_Header_L div.slicknav_menu li a,
  header div.WhiteMenuSub a,
  header section.slice_Header_L .slicknav_menu li.ExtraLink a {font-size:18px;}
  header section.slice_Header_L .slicknav_menu ul.slicknav_nav > li > a.menu_link, 
  header section.slice_Header_L .slicknav_menu ul.slicknav_nav > li.has_sub_menu > a > a.menu_link {
    padding:10px 0;
  }
  
  header section.slice_Header_L .slicknav_menu ul.slicknav_nav div.QuickLinkWrapper {
  	background-color:white;
    margin:15px 0 5px;
    padding: 15px 20px 15px 40px;
    background-image: url(/Images/Content/3041/Templates/79928/images/media-wavy-lines.png);
  	background-position:right bottom;
  	background-repeat:no-repeat;
    background-size:200px;
    position:relative; left:-40px;
    width:100vw;
  }
  header .slice_Header_L .slicknav_menu ul.slicknav_nav li.ExtraLink.QuickLink {
    display:block;
  }
  header .slice_Header_L .slicknav_menu ul.slicknav_nav li.ExtraLink.QuickLink a {
    color:black; font-size:20px; font-weight:600;
  }
  header .slice_Header_L .slicknav_menu ul.slicknav_nav li.ExtraLink.QuickLink a:hover {
    color:#00911a;
  }
  
  header section.slice_Header_L .slicknav_menu ul.slicknav_nav li.ExtraLink.FirstExtraLink {
    margin-top:5px;border:none;padding-top:10px;
  }
  .slice_Header_L .slicknav_menu ul.slicknav_nav {padding-top:0;}
  header section.slice_Header_L.FadingCards div.SlickNav_Wrapper {margin-top:20px;}
  header section.slice_Header_L .slicknav_menu .slicknav_btn div.SlickNavCloseIcon {
    position:relative; left:-12px; top:-23px;
  }
  header section.slice_Header_L .slicknav_menu ul.slicknav_nav {
  	width:100%;
    margin:0;
    padding:0 20px;
  }
}
@media(max-width:467px){
  header section.slice_Header_L .slicknav_menu .slicknav_btn div.SlickNavCloseIcon {
    left:5px;top:-24px;
  }  
}


body > form.FadingCards > section {display:none;}

section.SeekerBox div.SmallSeekerArticle a {background-color:black !important;}

header section.slice_Header_L .slicknav_menu ul.slicknav_nav li.Block2x2 {
	width:50%;
  float:left;
}

/* Banner Image code */
section.slice_BannerImage {
  position:relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	padding: 100px 10px;
}
@media(max-width:992px){
	section.slice_BannerImage {padding:100px 10px;}
}
section.slice_BannerImage h1 {
  position:relative; z-index:0;
	line-height:1; 
	margin:0; 
	text-align:center;
	color: white;
	font-size: 60px;
	text-transform: uppercase;
}
@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);
}
section.slice_content_page.AddTopBorder {border-top:1px solid #dddddd;}

header + section {margin-top:98px;}
header.HeaderSmall + section {margin-top:58px;}
@media(max-width:767px){
  header + section,
  header.HeaderSmall + section {margin-top:68px;}
}

section.SystemHeaderBackground {height:1px; background-color:#aaaaaa;}

section.slice_NewsLetter div.invisible-recaptcha {display:none;}

body.ArticleEditor div.WhiteMenuMain a,
body.ArticleEditor div.WhiteMenuSub a {
	display:inline-block; margin:30px 0 0;
}

@media(max-width:767px){
	section.slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption,
  section.slice_Background.RecentTalks,
  section.slice_Background.slice_Event {
  	background-size:cover;
  }
}

@media(min-width:768px){
    body.TemplateDemo2 header .logo-icon img,
    body.TemplateDemo2 header a.WhiteMenuMainLogo img { 
        height: 49px !important; /* <<< mobile logo height */
    }
  	body.TemplateDemo2 header div.logo-container {
		margin-top: 22px !important; /* <<< logo gap from top for desktop */
	}
}

section.SeekerBox img.Close {
  padding:0 !important;
  background-color:transparent !important;
}
section.SeekerBox div.SmallSeekerArticle img.Close {bottom:8px  !important;}
section.SeekerBox div.SmallSeekerArticle a:hover {
  background-color:black !important;
  color:#aaaaaa !important;
}

header section.slice_Header_L div.logo-container {
  transition:margin-top 100ms linear !important;;
}

section.YellowBar {background-color:#f2f2f0;}
section.YellowBar div {
	background-color:#f9c718; height:8px; max-width:1210px; margin:0 auto;
}

section.slice_SlidesFullWidth img {
	display:none;
}
section.slice_SlidesFullWidth video {
	display:block; width:100%; object-fit:cover;
  max-height:800px;
}
section.slice_SlidesFullWidth div.caption {
	background-image:url(/Images/Content/3041/Templates/79928/images/SEBA-translucent-waves.png);
  background-repeat:no-repeat;
  background-position:left bottom;
  background-size:contain;
}
section.slice_SlidesFullWidth div.caption a.slideButton {text-shadow:0 0 2px black;}
section.slice_SlidesFullWidth div.caption a.slideButton:hover {text-shadow:none;}