/*  (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:992px){
  header .logo-icon img,
  header a.WhiteMenuMainLogo img,
  header.HeaderSmall section.SlickNavFullWidth div.logo-container img.White { 
    height: 130px !important; /* <<< mobile logo height */
  }
  header.WhiteAtTop section.slice_Header_L .logo-icon img {
    height:66px !important;; /* <<< desktop shrunken 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: 8px !important; /* <<< logo gap from top for mobile/tablet */
  	z-index:2;
}
@media(min-width:992px){
  header div.logo-container {
    margin-top: 35px !important; /* <<< logo gap from top for desktop */
  }
  header.WhiteAtTop section.slice_Header_L div.logo-container {
    margin-top:12px !important; /* <<< logo gap from top for shrunken desktop */
  }
  header.HeaderSmall section.slice_Header_L div.logo-container {
    margin-top:4px !important; /* <<< logo gap from top for shrunken desktop */
  }
  header section.slice_Header_L.SlickNavFullWidth div.logo-container {
    margin-top: 35px !important; /* <<< logo gap from top for desktop */
  }
}

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


header div.logo-container img {display:block;}
header div.logo-container img.Red,
header.HeaderSmall div.logo-container img.White,
header.WhiteAtTop div.logo-container img.White,
header section.SlickNavFullWidth div.logo-container img.Red {display:none !important;}
header.HeaderSmall div.logo-container img.Red,
header.WhiteAtTop div.logo-container img.Red,
header section.SlickNavFullWidth div.logo-container img.White {display:block !important;}

/* 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: 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 100ms linear, height 100ms 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: #000000 !important; /* <<< Red/middle big button */
}
.slice_content_page .sidebar_buttons a.button3
{
    background-color: #000001 !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 */
}

/* 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%;}
  
}
@media (max-width:467px) {
	section.Xslice_SlidesFullWidth div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption {
top:50px;
	}  
}
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 div.main-content div.ArticleBody span.SmallerText {
  font-size:16px !important; 
  line-height:1.3!important;
  display:block;
}

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:870px; line-height:1.4;
  padding:10px 10px 0 10px;
}
footer div.FooterSafeGuarding a {color:white;}
footer div.FooterSafeGuarding h1 {font-size:22px; line-height:1; margin:0 0 10px; color:white;}

/* 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:#000001;color:white;
  border-radius:7px;
}
section.SeekerBox div.SmallSeekerArticle a:hover {background-color:#626262;}
body.OnSmallAppleDevice section.SeekerBox div.SmallSeekerArticle a {
	background-color:#000001 !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:#000001;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:#efefef;}

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:600;
  	font-size:20px;
}
header.HeaderSmall {border-bottom:1px solid #b20933;}
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:rgba(0,0,0,1);
  background-image:url(/Images/Content/3570/Templates/78861/images/Menu-screen-background.jpg);
  background-size:cover;
  background-position:right bottom;
  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 #00000036;
}
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:#000000;
}

/* 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 #000000;
  	margin:20px 0 0;
  	color:#000000;
  	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:#000000;
  	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 #000000;
  	margin:20px 0 0;
  	color:#000000;
  	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:#000000;
  	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:#000000;
}
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 #000000;
  background-color:transparent;
  color:#000000;
}
div._user_registration_aspx.HomePage span[id$="_ctlCaptchaButton_objConfigurableButton"] input.button:hover {
	background-color:#000000; 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 20px 10px;}
div.ArticleBody > div.UML_AL_1 div.articleListTitle { font-weight: 600; font-size: 22px;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:#000000;
  	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:none;
  background-size:cover;
    background-repeat:no-repeat;
  background-position:center center;
  padding:200px 20px;
}
section.slice_Background div.container {max-width:1340px;}
section.slice_Background div.TextBlock {
	display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start;
  max-width:730px;
  font-size:18px;
}
section.slice_Background h1 {
	font-size:50px; color:white;
}
section.slice_Background div.Text {
	font-size:26px; font-weight:300;color:white; line-height:1.3;
}

section.slice_Background.SundayOrigin {
  background-color:#F1EFF0;
	background-image:url(/Images/Content/3570/Templates/78861/images/Intro-section-background.jpg);
	background-size:cover;
  background-position:right top;
   padding:80px 20px 80px;
}
@media(max-width:1100px){
  section.slice_Background.SundayOrigin {
     padding:10px 20px 40px;
  }
  section.slice_Background div.TextBlock { max-width:100%;}
}
section.slice_Background.SundayOrigin h1 {
  color:#939799;
}
section.slice_Background.SundayOrigin h1 span.Red {
  color:#b20933;
}

section.slice_Background.SundayOrigin div.GreyLine,
section.OurTeam div.GreyLine,
section.slice_TwoColImages div.GreyLine,
body.ArticleEditor div.GreyLine {
	height:4px; background-color:#c9cacc; width:140px; margin:25px 0 25px;
}
section.slice_TwoColImages div.GreyLine {height:3px; margin:15px 0 25px}

section.slice_Background.SundayGatherings {
	background-image:none;
  padding:150px 20px;
}
section.slice_Background.SundayGatherings div.TextBlock {
  margin:0 0 0 auto;
}

section.slice_Background.River {
	background-image:none;
  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:url(/Images/Content/3570/Templates/78861/images/Red-pattern-background.jpg);
  background-size:cover;
  background-position:right bottom;
  padding:80px 20px 60px;
}
section.slice_Background.slice_CloserLook.slice_CloserLookB {
  background-image:url(/Images/Content/3570/Templates/78861/images/News-background.jpg);
}
section.slice_Background.slice_CloserLook div.container {
  max-width:1368px;
}
section.slice_Background.slice_CloserLook h1 {
  color:white;
  text-align:center;
  padding:0 0 25px;
  margin:0 1% 35px;
  border-bottom:2px solid rgba(178,9,51,0.5);
}
section.slice_Background.slice_CloserLook h1 span.Red {
	color:#b20933;
  }

section.slice_Background.slice_NewsLetter div.container {max-width:1000px;}
section.slice_Background.slice_NewsLetter {
	background-image:none;
  padding:80px 20px;color:white;
}
section.slice_Background.slice_NewsLetter div.TextBlock {
  max-width:1200px;
  display:block;
}
section.slice_Background.slice_NewsLetter h1 {
  margin:0 0 15px; font-weight:400; font-size:50px;
}
section.slice_Background.slice_NewsLetter div.Text {
  margin:10px 0 30px; font-size:26px;font-weight:400;
  text-align:left;
}
@media(max-width:767px){
  section.slice_Background.slice_NewsLetter h1 {
    font-size:32px;
  }
  section.slice_Background.slice_NewsLetter table.HomepageGetInTouch tr:first-child,
  section.slice_Background.slice_NewsLetter table.HomepageGetInTouch tr:nth-child(2) {
    display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start;
  }
  section.slice_Background.slice_NewsLetter table.HomepageGetInTouch tr:first-child td,
  section.slice_Background.slice_NewsLetter table.HomepageGetInTouch tr:nth-child(2) td {
    width:100% !important;
  }
  section.slice_Background.slice_NewsLetter div.Text {
    font-size:22px;
  }
}
section.slice_Background.slice_NewsLetter span.Red {
	color:#b20933;
  }

section.slice_Background.slice_NewsLetter table.HomepageGetInTouch {
	width:100%;
  border-collapse:collapse;
}
section.slice_Background.slice_NewsLetter table.HomepageGetInTouch td {
	padding:6px 12px 6px 0;
}
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:17px;
  display:inline-block;
}
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 {
  display:inline-block;
	background-color:#b20933; color:white;
  border:2px solid #b20933;
  border-radius:50px;
  padding:12px 70px 12px 60px;
  font-weight:400; font-size:18px; line-height:1;
  margin:5px 0 0 !important;
    background-image:url(/Images/Content/3570/Templates/78861/images/Arrow-pink.png);
  background-repeat:no-repeat;
  background-size:10px 16px;
  background-position:150px 14px;
  transition:background-color 300ms linear, background-position 300ms linear;
}
section.slice_Background.slice_NewsLetter table.HomepageGetInTouch input.sitebutton:hover {
  background-color:transparent;
  background-image:url(/Images/Content/3570/Templates/78861/images/Arrow-grey.png);
  background-position:155px 14px;
}

section.slice_Background.slice_Event div.container {max-width:920px;}
section.slice_Background.slice_Event {
	background-image:
      none,
      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 {
    color: #fff;
    border: 2px solid #B20934;
  border-radius:50px;
    background-color: #B20934;
    font-size:18px; font-weight: 400;
    padding: 14px 40px 15px 30px;
    margin: 0;
    display: inline-block;
    transition: all 300ms ease;
    text-decoration: none;
  	position:relative;
  	line-height:1;
}

section.slice_Background.slice_CloserLookB div.container > div:last-child {
  width:100%;
}
section.slice_Background a.BlockButton.TransparentHover {margin:20px auto 40px;}
section.slice_Background a.BlockButton::after {
	content:' ';
  display:inline-block;
  width:10px; height:17px;
  background-image:url(/Images/Content/3570/Templates/78861/images/Arrow-pink.png);
  background-repeat:no-repeat;
  background-size:10px 17px;
  position:relative; top:2px; left:15px;
  transition:left 300ms linear;
}
section.slice_Background a.BlockButton:hover {
  background-color: white; color: black;
}
section.slice_Background a.BlockButton.TransparentHover:hover {
  background-color: transparent; color: white;
}
section.slice_Background a.BlockButton:hover::after {
	left:20px;
  background-image:url(/Images/Content/3570/Templates/78861/images/Arrow-grey.png);
}


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:white; color:black; border:2px solid white;
}
section.slice_Background a.BlockButton.White:hover {
  background-color:black; color:white; border:2px solid black;
}
section.slice_Background a.BlockButton.TransWhite {
  background-color:transparent; color:white; border:2px solid white;
}
section.slice_Background a.BlockButton.TransWhite:hover {
  background-color:white; color:black;
}
section.slice_Background a.BlockButton.Black {
  background-color:black; color:white; border:2px solid black;
}
section.slice_Background a.BlockButton.Black:hover {
  background-color:white; color:black; border:2px solid black;
}
section.slice_Background a.BlockButton.TransBlack {
  background-color:transparent; color:black; border:2px solid black;
}
section.slice_Background a.BlockButton.TransBlack:hover {
  background-color:black; 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:20px; background-color:white;
}
section.RedBanner div.ArticleBody,
section.RedBanner a {
  	text-align:center;font-size:21px;line-height:1.5;color:black;
  text-decoration:none;
}
section.RedBanner a:hover {text-decoration:underline;}
@media (max-width:991px) {
  	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:#FDF0E8;}

section.slice_Background div.LeftRightWrapper {
	display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center;
}
@media (max-width:1100px) {
  section.slice_Background div.LeftRightWrapper {
      flex-flow:column nowrap;align-items:flex-start;
  }
  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 40px;}
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 !important;}
  section.slice_Background.SundayOrigin div.ImgWrapper img {margin:0;}
}

section.slice_Background.SundayOrigin.SundayOriginB {
	background-image:url(/Images/Content/3570/Templates/78861/images/Market-leader-background.jpg);
  padding:70px 20px;
}
section.slice_Background.SundayOrigin.SundayOriginB div.ImgWrapper {
  width:50%;padding:0 40px 0 0;
}
section.slice_Background.SundayOrigin.SundayOriginB div.TextBlock {
  padding:0 0 0 20px; font-size:18px;
}
section.slice_Background.SundayOrigin.SundayOriginB div.LeftRightWrapper {
	align-items:center;
}

section.slice_Background.RecentTalks {
	background-image:
      none,
      none;
  background-size:auto,cover;
    background-repeat:no-repeat,no-repeat;
  background-position:right bottom, 62% 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: #b20933; }
.slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_1::after { content: ""; }
.slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_2 { background-color: #7d0d32; }
.slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_2::after { content: ""; }
.slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_3 { background-color: #2a1d39; }
.slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_3::after { content: ""; }

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

.slice_content_page .sidebar .sidebar_buttons a[class^="button"] { 
  font-size: 18px; font-weight:400;padding: 15px 0 15px 20px; 
  background-image:url(/Images/Content/3570/Templates/78861/images/Arrow-white-content.png);
  background-repeat:no-repeat;
  background-size:8px;
  background-position:93% 21px;
}
@media(min-width:768px) and (max-width:991px){
  .slice_content_page .sidebar .sidebar_buttons a[class^="button"] { 
    font-size: 18px; font-weight:400;padding: 15px 0 15px 10px; 
    background-position:96% 21px;
  }	
}

header div.MenuExtraLinks {
  display:none; position:fixed; top:0; right:0;
  background-color:transparent; color:white;
  height:100vh;
  z-index:59;
}
header div.MenuExtraLinks div.ArticleBody {
	border:3px solid #B20934;
  padding:40px 30px;
  margin-right:200px;width:390px; 
}
@media(max-width:1300px){
  header div.MenuExtraLinks div.ArticleBody {
    margin-right:40px;
  }
}
@media(max-width:991px){
  header div.MenuExtraLinks {
    display:none !important;
  }
}
header div.MenuExtraLinks h1 {
  font-size:50px; line-height:1;
}
header div.MenuExtraLinks.FadingCards {
	display:flex;
  flex-flow:row nowrap;
  justify-content:flex-end; align-items:center;
  overflow-y:auto;
}
@keyframes CIA_OpacityRiseExtra {
	0% {right:-1100px;} /* 1200 - 460 = 740 */
	100% {right: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:200ms; /* 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:400ms; /* 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 a.WhiteMenuMainLogo {display:inline-block; margin:0 0 0 40px;}
  
  header div.WhiteMenuMain {
    margin-left:0; margin-top:0;
    font-weight:300;
  }
  header div.WhiteMenuMain span.Red {
	color:#e53c28;
  }
  header div.WhiteMenuMain div.MenuText {
	line-height:2;
  }
  header div.XWhiteMenuMain a {
    display:inline-block; font-size:48px; line-height:1.7; font-weight:600;
  }
  header div.WhiteMenuMain a {
    color:white;
  }
@media(max-width:1366px){
  header div.WhiteMenuMain a {
    font-size:32px; line-height:1.6;
  }	
}
  header div.WhiteMenuMain a:hover {color:#e53c28;}
  
  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:#e53c28;}
  
  header div.WhiteMenuSub a.AddMapIcon::before {
    font-family:HubbIcons;
  	content:'\e92c';
    color:#e53c28;
    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:none;
  	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:#e53c28;
  }
  
  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: 220px 10px;
  margin-top:88px;
}
section.slice_BannerImageContentPage {
  background-image:url(/Images/Content/3570/Templates/78861/images/Banner-strip.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 75px 10px 0;
  margin-top:88px;
}
@media(max-width:767px){
  section.slice_BannerImage,
  section.slice_BannerImageContentPage {
    margin-top:66px;
  }
}
section.slice_BannerImage div.RedLineShort,
section.slice_SlidesFullWidth div.RedLineShort {
	height:4px;
  background-color:#b20933;
  margin:30px auto 0;
  width:160px;
}
@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: 90px; font-weight:400;
	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.X + section {margin-top:98px;}
header.XHeaderSmall + section {margin-top:58px;}
@media(max-width:767px){
  header.X + section,
  header.XHeaderSmall + 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:400px,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.slice_Logos {
  background-color:#e5e2e4;
  padding:40px 10px 30px;
}
section.slice_Logos h1 {
  font-weight:400; font-size:26px; color:#b20933; text-align:center;
  margin:0 0 10px;
}
/* Supporter logos */
section.slice_Logos div.LogoWrapper ul {
  list-style-type:none;
  padding:0;margin:0;
  display:flex; 
  flex-flow: row wrap; 
  justify-content:center; 
  align-items:center;
}
section.slice_Logos div.LogoWrapper img {margin:20px 40px;display:block;}
@media (max-width:1100px) {
  section.slice_Logos div.LogoWrapper img {margin:10px;}
}

footer div.container {max-width:1300px;}
footer section.slice_FooterTop_L div.FooterFlex {
 display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;
  color:white; font-size:17px;  text-align:left; line-height:1.6;
  margin:0 1.3%;
}
footer section.slice_FooterTop_L div.FooterFlex a {
  color:white;
}
footer section.slice_FooterTop_L div.FooterFlex a:hover {
  color:#b20933;
}
footer section.slice_FooterTop_L div.FooterFlex img {
 display:block;
}
footer section.slice_FooterTop_L div.FooterFlex div.Col3 {
  padding:0 50px;
}
footer section.slice_FooterTop_L div.FooterFlex div.Col3 span {
  color:#939799;
}

@media(max-width:1070px){
  footer section.slice_FooterTop_L div.FooterFlex {
    flex-flow:column nowrap; justify-content:flex-start; align-items:center;
    text-align:center;
    margin:0;
  }
  footer section.slice_FooterTop_L div.FooterFlex div.Col2 {
    margin:30px 0;
  }
  footer section.slice_FooterTop_L div.FooterFlex div.Col4 {
    margin:30px 0 20px;
  }
}

footer section.slice_FooterTop_L div.FooterFlex div.Col4 a {
  display:inline-block;
  width:35px; height:35px; margin:0 0 0 10px;
  background-image:url(/Images/Content/3570/Templates/78861/images/btn-Facebook-grey.png);
  background-size:cover;
}
footer section.Xslice_FooterTop_L div.FooterFlex div.Col4 a:nth-child(2) {
  background-image:url(/Images/Content/3570/Templates/78861/images/btn-X-grey.png);
}
footer section.slice_FooterTop_L div.FooterFlex div.Col4 a:nth-child(2) {
  background-image:url(/Images/Content/3570/Templates/78861/images/btn-Instagram-grey.png);
}
footer section.slice_FooterTop_L div.FooterFlex div.Col4 a:nth-child(3) {
  background-image:url(/Images/Content/3570/Templates/78861/images/btn-LinkedIn-grey.png);
}

footer section.slice_FooterTop_L div.FooterFlex div.Col4 a:hover {
  background-image:url(/Images/Content/3570/Templates/78861/images/btn-Facebook-red.png);
}
footer section.Xslice_FooterTop_L div.FooterFlex div.Col4 a:nth-child(2):hover {
  background-image:url(/Images/Content/3570/Templates/78861/images/btn-X-red.png);
}
footer section.slice_FooterTop_L div.FooterFlex div.Col4 a:nth-child(2):hover {
  background-image:url(/Images/Content/3570/Templates/78861/images/btn-Instagram-red.png);
}
footer section.slice_FooterTop_L div.FooterFlex div.Col4 a:nth-child(3):hover {
  background-image:url(/Images/Content/3570/Templates/78861/images/btn-LinkedIn-red.png);
}

section.slice_TwoColText {
	padding:50px 20px;
}
section.slice_TwoColText div.container {
	max-width:1340px;
}
section.slice_TwoColText div.ArticleBody {
	display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start;
}
section.slice_TwoColText div.ArticleBody h1 {
	font-size:48px; font-weight:400; color:#939799; padding:0 70px 0 0;
}
section.slice_TwoColText div.ArticleBody h1 span {
	color:#b20933;
}
section.slice_TwoColText div.ArticleBody p {
	font-size:22px; margin:0; padding:0 30px 0 0;
}
@media(max-width:991px){
  section.slice_TwoColText div.ArticleBody {
    flex-flow:column; justify-content:flex-start; align-items:center;
  }
  section.slice_TwoColText div.ArticleBody h1 {
      font-size:32px;padding:0 0 30px;
  }
  section.slice_TwoColText div.ArticleBody p {
      padding:0; text-align:center;
  }
}

section.MarketLeaderSectionBackground {
	background-image:url(/Images/Content/3570/Templates/78861/images/Market-Leader-section-background.jpg) !important;
}
section.NoBackgroundImage {
	background-image:none !important;
}


section.Over25Years {
	background-image:url(/Images/Content/3570/Templates/78861/images/25-Years-background.jpg);
  background-size:cover;
  background-position:center center;
  padding:170px 10px;
  text-align:center;
  color:white;
  font-size:26px;
  font-weight:400;
}
section.Over25Years div.RedLineShort,
section.OurTeam div.RedLineShort,
body.ArticleEditor div.RedLineShort {
	height:4px;
  background-color:#b20933;
  margin:25px auto 0;
  width:160px;
}
section.Over25Years h1 {
	line-height:1; 
	margin:0; 
	text-align:center;
	color: white;
	font-size: 70px; font-weight:400;
	text-transform: uppercase;
}
section.Over25Years h1 span {
	color: #B20934;
}
section.Over25Years p { 
  	display:block;
	margin:30px auto 0; 
	text-align:center;
	color: white;
	max-width:480px;
}

section.OurTeam {
  padding:70px 10px 80px;
  text-align:center;	
}
section.OurTeam.CouncilPhotos {background-color:#261C24; color:white;}
section.OurTeam div.container {
	max-width:1300px;
}
section.OurTeam.CouncilPhotos div.container {
	max-width:1220px;
}
section.OurTeam div.GreyLine {
	margin:25px auto;
}
section.OurTeam h1 {
	font-size: 50px; font-weight:400; color:#b20933;
}
section.OurTeam.CouncilPhotos h1 {
	font-size: 34px; color:#C9CACC;
}
section.OurTeam p { 
  	display:block;
	margin:25px auto 50px; 
	text-align:center;
	max-width:610px;
}
section.OurTeam.CouncilPhotos p { 
	max-width:990px;
}
section.OurTeam ul {margin:0; padding:0; list-style:none;}
section.OurTeam li {
	display:block; margin:0; padding:0; list-style:none; width:25%;
}
section.OurTeam ul {
display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;
}
section.OurTeam ul li {
display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:center;
}
@media(max-width:991px){
  section.OurTeam {padding-bottom:40px;}
  section.OurTeam li {
    width:50%;margin:0 0 30px;
  }
}
@media(max-width:600px){
  section.OurTeam li {
    width:100%;
  }
}
section.OurTeam img {
width:220px; display:block;
}
section.OurTeam.CouncilPhotos img {
width:200px;
}
section.OurTeam div.StaffName {
	font-size:17px; margin:15px 0 5px;
}
section.OurTeam div.StaffName span {
	font-weight:500;
}
section.OurTeam div.StaffRole {
	font-size:16px; color:#bbbbbb;font-weight:400; max-width:260px;
}

section.slice_TwoColImages {
  background-image:url(/Images/Content/3570/Templates/78861/images/Diagonal-lines-background.jpg);
  background-size:contain;
  background-repeat:no-repeat;
  padding:40px 20px 0;
}
section.slice_TwoColImages.HasLinks {padding-bottom:30px;}
section.slice_TwoColImages div.container {
  max-width:1340px;
}
section.slice_TwoColImages ul {margin:0; padding:0; list-style:none;}
section.slice_TwoColImages li {
  display:block; margin:0 0 60px; padding:0; list-style:none; width:49%;
}
section.slice_TwoColImages li:nth-child(odd) {
  margin-right:0.5%;
}
section.slice_TwoColImages li:nth-child(even) {
  margin-left:0.5%;
}
section.slice_TwoColImages ul {
  display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;
}
section.slice_TwoColImages ul li {
  display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start;
}
@media(max-width:991px){
  section.slice_TwoColImages li {
    width:100%;
  }
  section.slice_TwoColImages li:nth-child(odd) {
    margin-right:0%;
  }
  section.slice_TwoColImages li:nth-child(even) {
    margin-left:0%;
  }
}
section.slice_TwoColImages img[alt] {
  width:100%;display:block;max-width:800px;
}
section.slice_TwoColImages div.TitleText {
  font-size:39px; color:#b20933; line-height:1.2;
  margin:25px 0 0;
}
section.slice_TwoColImages div.SummaryText {
  font-size:17px; padding-right:50px;
}
section.slice_TwoColImages div.ArrowPoint {
	font-size:17px; padding:7px 0 0 25px;
  background-image:url(/Images/Content/3570/Templates/78861/images/Arrow-red.png);
  background-repeat:no-repeat;
  background-size:7px 12px;
  background-position:0 13px;
}
section.slice_TwoColImages div.SummaryText + div.ArrowPoint {
  padding-top:20px;background-position:0 27px;
}
section.slice_TwoColImages div.ArrowPoint:nth-last-child(2) {
  padding-bottom:5px;
}

section.slice_TwoColImages li.RedBox {
background-image:url(/Images/Content/3570/Templates/78861/images/Red-pattern-backgroundB.jpg);
  background-size:cover;
  background-position:right bottom;
  border-left:0 solid transparent;
  color:white !important;
  padding:70px 62px 30px 70px;
}
section.slice_TwoColImages li.RedBox > a:first-child {display:none;}
section.slice_TwoColImages li.RedBox div.TitleText {
  font-size:55px; font-weight:400; color:#e5e3e5; line-height:1.1;
  margin:0 0 0;
}
section.slice_TwoColImages li.RedBox div.GreyLine {
  background-color:#b20933; width:190px; margin:20px 0 30px;
}
section.slice_TwoColImages li.RedBox div.SummaryText {
  padding-right:0;font-size:16px; padding-bottom:200px;
}
section.slice_TwoColImages.HasLinks li.RedBox div.articleListLink a {color:white;}
@media(max-width:1300px){
  section.slice_TwoColImages li.RedBox {
    padding:30px 30px 30px 30px;
  }
  section.slice_TwoColImages li.RedBox div.TitleText {
    font-size:32px;
  }
  section.slice_TwoColImages div.ArrowPoint {margin-left:5px;}
}

section.slice_content_page aside div.sidebar_RedBox {
background-image:url(/Images/Content/3570/Templates/78861/images/Advert-red-background.jpg);
  background-size:cover;
  background-position:right bottom;	
  color:white;
  padding:25px 20px;
  margin:0 0 40px;
  border-radius:6px;
}
section.slice_content_page aside div.sidebar_RedBox div.RBTitle {
	font-size:26px; font-weight:400;line-height:1.3;
  max-width:200px;
}
section.slice_content_page aside div.sidebar_RedBox div.sidebar_SubText {
	font-size:18px; font-weight:300;
}
section.slice_content_page aside div.sidebar_RedBox div.RBLine {
	height:2px; background-color:#b20933; margin:20px 0;
}
section.slice_content_page aside div.sidebar_RedBox div.RBLink {
	 margin:20px 0 0;
}
@media(max-width:767px){
  section.slice_content_page aside div.sidebar_RedBox {margin:0 20px 30px;}
}

section.slice_content_page div.main-content div.ContentGreyLink,
body.ArticleEditor div.ContentGreyLink {
	height:3px; width:166px; background-color:#c9cacc;
  margin:25px 0;
}

header div.search-overlay {display:none;}
section.slice_content_page div.main-content img + br + em {
	color:#939799;display:inline-block;margin:5px 0 0;font-size:14px;
}
section.slice_content_page div.container {max-width:1290px;}

section.slice_SlidesFullWidth img.SpacerImage {
	max-width:100%; display:none; visibility:hidden;
}

div.author:last-child {display:none;}

iframe#ifrReg {width:1120px !important; max-width:100%;}

section.RedBanner div.ArticleBody > span {color:#999999; display:inline-block;}
section.RedBanner div.ArticleBody > span:not(:first-child) {padding-left:30px;}

section.slice_content_page div.main-content ul:not([id]) li {margin-bottom:10px;}

/* ---- Notification ticker (section.RedBanner) -----------------------
   Added 09 Sep 2026.
   The Article module's own div.ArticleBody is used as the moving track,
   so nothing changes in Body Contents or in the article itself
   (article 742585, Homepage Origin: Notification Ticker).
   The article keeps its <br /> line breaks for editors; they are
   suppressed on desktop so the items run on one line.
   Desktop only: below 992px, and under reduced-motion, it falls back
   to the static stacked list. */

section.RedBanner { overflow: hidden; }

@keyframes ORT_Ticker {
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

@media (min-width: 992px) {
  section.RedBanner div.ArticleBody br { display: none; }
  section.RedBanner div.ArticleBody {
    display: inline-block;
    white-space: nowrap;
    padding-left:0;
    animation: ORT_Ticker 30s linear infinite;
    animation-delay: -6s;
  }
  section.RedBanner:hover div.ArticleBody,
  section.RedBanner:focus-within div.ArticleBody { animation-play-state: paused; }
}

@media (prefers-reduced-motion: reduce) {
  section.RedBanner div.ArticleBody {
    display: block; white-space: normal; padding-left: 0; animation: none;
  }
  section.RedBanner div.ArticleBody br { display: inline; }
}


/* Notification ticker: revision 09 Sep 2026.
   Shortens the lead-in so less of the band sits empty before the text
   comes round again. Duration cut in proportion so the reading speed
   stays the same. Supersedes the padding-left and animation values in
   the block above; consolidate the two when this file is next tidied. */

@media (min-width: 992px) {
  section.RedBanner div.ArticleBody {
    padding-left: 0%;
    animation-duration: 32s;
  }
}


/* ---- Notification ticker: continuous ribbon, 09 Sep 2026 -----------
   Supersedes the two blocks above. Everything here is scoped to
   .TickerTrack, so it stays dormant until the wrapper div is added to
   Body Contents. Until then the earlier single-pass ticker keeps
   running, so this can be appended safely ahead of the template edit.

   Structure expected in Body Contents, inside section.RedBanner:
     div.TickerTrack containing module 1421328 (the original) and
     module 1432044 (the clone, CustomClass TickerClone). Both point at
     article 742585, so the text is only ever edited in one place.
     The track is twice the width of one copy and shifts by -50%, which
     lands copy two exactly where copy one began: no gap, no restart.

   The clone is hidden below 992px and under reduced-motion, where the
   strip falls back to the static stacked list. */

@keyframes ORT_Ribbon {
  0%   { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

section.RedBanner .TickerTrack { display: block; }
section.RedBanner .TickerTrack > * { flex: 0 0 auto; }
section.RedBanner .TickerClone { display: none; }

@media (min-width: 992px) {
  section.RedBanner .TickerTrack {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    animation: ORT_Ribbon 40s linear infinite;
  }
  section.RedBanner .TickerClone { display: block; }
  section.RedBanner .TickerTrack div.ArticleBody {
    padding-left: 0;
    padding-right: 0;
    animation: none;
    white-space: nowrap;
  }
  section.RedBanner .TickerTrack br { display: none; }
  section.RedBanner:hover .TickerTrack,
  section.RedBanner:focus-within .TickerTrack { animation-play-state: paused; }
}

@media (prefers-reduced-motion: reduce) {
  section.RedBanner .TickerTrack {
    display: block; width: auto; animation: none;
  }
  section.RedBanner .TickerClone { display: none; }
  section.RedBanner .TickerTrack div.ArticleBody {
    white-space: normal; padding-right: 0;
  }
  section.RedBanner .TickerTrack br { display: inline; }
}

section.slice_content_page div.main-content div.TrainingVideos div.MediaListSummary {
	font-size:16px; padding:0 0 20px;
}