/*  (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 Summit 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. */

/* Logo system is COMPLEX! Ask Kenton! */

/* Size of LOGO image */
header .logo-icon img
{ 
	width:  auto !important; 
	height: 30px !important; /* <<< mobile logo height */
    transition:height 300ms linear;
}
@media(min-width:468px){header .logo-icon img
{ 
	height: 40px !important; /* <<< desktop logo height */
}
}
@media(min-width:992px){header .logo-icon img
{ 
	height: 45px !important; /* <<< desktop logo height */
}
}
/* Gap between logo and top/bottom of screen  */
header div.logo-container 
{
	position: absolute; top:0; left:0; z-index:2;
	margin-top: 15px !important; /* <<< gap from top for mobile/tablet */
	margin-bottom: 0 !important; /* <<< gap from bottom for mobile/tablet */
	transition: margin-top 500ms linear;
}
@media(min-width:468px){
	header div.logo-container {
		margin-top: 12px !important; /* <<< gap from top for desktop */
	}
}
@media(min-width:992px){
	header div.logo-container {
		position: static;
		margin-top: 22px !important; /* <<< gap from top for desktop */
		margin-bottom: 0 !important; /* <<< gap from bottom for desktop */
	}
	header section.HeaderSmall div.logo-container {margin-top: 2px !important;}
}

header section.slice_Header_T div.nav-menu {text-align:right;margin-top:20px;}
header section.slice_Header_T div.nav-menu ul.root_menu {text-align:left;}
@media(min-width:991px){
	header section.HeaderSmall {border-bottom: 1px solid #dbdbdb !important;} /* have a border to delimit the header area */
	header section.HeaderSmall .logo-icon img {height: 50px !important;}
	header section.HeaderSmall div.nav-menu {margin-top:5px !important;}
	header section.HeaderSmall div.nav-menu ul.root_menu > li > a {
      padding-top:10px !important; padding-bottom:10px !important;
    }
}
@media(max-width:991px){
  header section.slice_Header_T.ActivateFixedPosition {
    position:fixed;top:0;left:0;right:0;width:100%;z-index:100;border-bottom:1px solid #dbdbdb;
  }
  header {margin-top:61px;}
  header.SlickNavOn {margin-top:0;}
  section.SystemHeaderBackground {display:none;}
}

section.SystemHeaderBackground {height:115px; background-color:#000000;}

/* main logo */
section.slice_Header_T img.LogoGrey,
section.HeaderSmall img.LogoWhite {display: none !important;}
section.HeaderSmall img.LogoGrey {display: block !important;}
@media(max-width:991px){
  section.slice_Header_T img.LogoGrey {display: block !important;}
  section.slice_Header_T img.LogoWhite {display: none !important;}
  section.slice_Header_T div.slicknav_menu {background-color:white;}
  section.slice_Header_T div.slicknav_menu a.slicknav_btn span.slicknav_menutxt {color:#000000;}
  section.slice_Header_T div.slicknav_menu a.slicknav_btn span.slicknav_icon span.slicknav_icon-bar {background-color:#000000;}
}

/* Code for shrinking desktop menus */
/* The widths and which menu-item to break at may need to be changed */
@media (max-width:1250px) {
  header section.slice_Header_T div.nav-menu ul.root_menu > li > a,
  header section.slice_Header_T.HeaderSmall div.nav-menu ul.root_menu > li > a {
    padding:5px 10px !important;}
  header section.Xslice_Header_T div.nav-menu ul.root_menu > li:last-child > a,
  header section.Xslice_Header_T.HeaderSmall div.nav-menu ul.root_menu > li:last-child > a {
    padding:5px !important;}
  header section.slice_Header_T.HeaderSmall div.nav-menu {margin-top:30px !important;}
}
@media (max-width:1250px) {
  header section.slice_Header_T div.nav-menu {margin-top:10px !important;}
  header section.slice_Header_T.HeaderSmall div.nav-menu {margin-top:5px !important;}
  header section.slice_Header_T div.nav-menu ul.root_menu > li:nth-child(5) {clear:both;}
  
  .slice_Header_T .nav-menu ul.root_menu > li:nth-child(4) > ul { position: absolute; top: 100%; left: auto; right: 0; }
  .slice_Header_T .nav-menu ul.root_menu > li:nth-child(4) > ul a { padding-left: 35px; padding-right: 20px; }
  .slice_Header_T .nav-menu ul.root_menu > li:nth-child(4) > ul li.has_sub_menu::after { display: none; }
  .slice_Header_T .nav-menu ul.root_menu > li:nth-child(4) > ul li.has_sub_menu::before { font-family: journey; content: '\e901'; color: #000000; position: absolute; left: 10px; top: 13px; font-size: 1.6rem; line-height: 30px; height: 30px; }
  .slice_Header_T .nav-menu ul.root_menu > li:nth-child(4) > ul ul { position: absolute; top: 0; left: auto; right: 100%; }
}

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

/* ############ Desktop/Mobile menu hover-over text-link color, top-link icons colour, footer email-link text color */
header li:hover > a
{
	color: #da6657 !important; /* <<< header/footer icon/text-link color */
}

/* ############ Search box background colour */
header div.search-overlay
{
	background-color: #da6657 !important; /* <<< Search box background colour */
}
header a.search-close 
{
	color: white !important;  /* <<< Search box close icon */
}
i.journey-icon-search::before {
    top:1px;font-size:21px;
}

/* ############ Top bar of Group-Nav on the content page */
section.slice_content_page aside {font-weight:600;}
section.slice_content_page aside ul,
section.slice_content_page aside li,
section.slice_content_page aside img {list-style: none; list-style-type: none; width:100%; display:inline-block; padding:0;}
section.slice_content_page aside li {margin-bottom:10px;text-align:center;}
section.slice_content_page aside nav td.boxout_header_middle a {background-color: #da6657 !important;} /* <<< Group-Nav top bar background colour */

/* Code for the change in header on scroll */
section.HeaderWhite {
	background-color: white;
}
section.HeaderWhite ul.root_menu a {color: #000000;}

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

section.slice_WelcomeArticles a.WelcomeMapLink {color: #3e4545;text-decoration:underline;}

section.slice_Children {
	background-position: 20% top;
}
section.slice_Children {
  background-size:cover;
  background-attachment:fixed;
}

section.slice_WatchOnline,
section.SermonCardsFour {
	background-size: cover;	
	background-position: center top;
}
section.SermonCardsFour {background-color:#da6657;}
section.slice_WatchOnline table {margin:0 auto;}
section.slice_WatchOnline img {opacity:0.1; padding-right:50px;display:block;}
section.slice_WatchOnline h1 {line-height: 1;margin-top:0;}
section.slice_WatchOnline td {padding:0; text-align:left; vertical-align:middle;}
section.slice_WatchOnline a.button {margin-left:0;}
section.slice_WatchOnline a.button2 {margin-left:0; margin-right:0;}
@media (max-width:767px) {
	section.slice_WatchOnline img {padding-right:20px;}
	section.slice_WatchOnline td {vertical-align:top;}
	section.slice_WatchOnline a {font-size:14px !important;}
}

/* This is the CSS for a DUMMY instagram feed */
.slice_InstagramFeed iframe.lightwidgetMobile { display: block; }
.slice_InstagramFeed iframe.lightwidgetDeskTop { display: none; }
@media (min-width:768px) {
	.slice_InstagramFeed iframe.lightwidgetMobile { display: none; }
	.slice_InstagramFeed iframe.lightwidgetDeskTop { display: block; }
}
.slice_InstagramFeed i.icomoon-icon-instagram::after {color: #da6657; position:relative; top:3px; }
section.slice_InstagramFeed img {display:block;width:100%;}

/* This is the CSS for a LIVE instagram feed */
/*
section.slice_InstagramFeed {padding-left:0;padding-right:0;}
section.slice_InstagramFeed iframe {width:100%;border:none;overflow:hidden;}
section.slice_InstagramFeed i.icomoon-icon-instagram::after {
  color: #da6657; position:relative; top:3px; 
}
section.slice_InstagramFeed a.button { 
  border-color: #da6657; background-color: transparent; }
section.slice_InstagramFeed a.button:hover { 
  color: white; border-color: #da6657; background-color: #da6657; opacity: 1; }
*/

/* extra fixes for the header */
header ul.root_menu a,
header ul.slicknav_nav a {font-weight:600 !important;}
header ul.root_menu > li > a {font-size:18px;font-weight:700 !important;}

/* make the video slice slide-show work */
header {position:relative;}

section.slice_SlidesFullWidth a.bx-pager-link:hover,
section.slice_SlidesFullWidth a.bx-pager-link.active
{
    background-color: transparent !important; /* <<< slide show button background color */
    border-color: 	  white !important; /* <<< slide show button border color */
}
/* Slide show inactive round pager buttons */
section.slice_SlidesFullWidth a.bx-pager-link
{
    background-color: white !important; /* <<< slide show inactive round button color */
    border-color: 	  white !important; /* <<< slide show inactive round button border color */
}
section.slice_SlidesFullWidth div.slideTitle {margin:0 20px;}

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

/* Content page button images */
section.slice_content_page div.ContentSlides img {width:100%;}
@media (min-width:467px) and (max-width:767px) {
	section.slice_content_page div.ContentSlides li {width:50%; float:left;}
}
/* Content page spacing */
section.slice_content_page div.main-content {padding-top:0;}
@media(max-width:992px){
	section.slice_content_page div.main-content {padding-top:20px;}
}

header section.slice_Header_T.HeaderWhite a.slicknav_btn,
header section.slice_Header_T.HeaderWhite a.slicknav_btn span {background-color: white !important; color: #3e4545 !important;}
header section.slice_Header_T.HeaderWhite a.slicknav_btn span.slicknav_icon-bar {background-color: #3e4545 !important;}

.slice_FilmLightBox { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 3; background-color: rgba(0, 0, 0, 0.6); }
.slice_FilmLightBox .FlexWrapper { display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; height: 100%; }
.slice_FilmLightBox .LightBox { background-color: white; border-radius: 10px; padding: 10px; }
@media (min-width: 768px) { .slice_FilmLightBox .LightBox { padding: 20px 20px; } }
.slice_FilmLightBox .LightBox .FlexRow { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: flex-start; background-color: white; border-radius: 10px; }
.slice_FilmLightBox .LightBox .LightBoxTitle { font-size: 17px; line-height: 1.2; padding:0 10px 10px 0; }
.slice_FilmLightBox .LightBox .CloseIcon { font-family: IcoMoon490Icons; font-size: 15px; line-height: 1; color: #da6657; }
.slice_FilmLightBox .LightBox .CloseIcon::after { content: "\ea0f"; }

input[type="button"] {border-radius:0 !important;}

@media (min-width:992px) {
	header.NonHomePage {margin-bottom:100px;}
	header.NonHomePageSmall {margin-bottom:60px;}
  section.slice_FindYourPlace,
  section.slice_WelcomeArticles {padding-left:20px;}
  section.slice_GreetedForm_L {padding-left:30px;padding-right:10px;}
  section.slice_system_page div.systemPageContent {padding-left:40px;}
}

@media (max-width:1100px) {
  header section.slice_Header_T.HeaderWhite div.nav-menu {text-align:right !important;}}

/* Remove form on home page */
section.slice_GreetedForm_L div.form_text {width:97.42268% !important; text-align:center !important;}

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

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

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

.slice_FooterTop_D .footer-column.footer-column-1 a i.icomoon-icon-youtube::after { background-color: #ff0000; border: 8px solid #ff0000; }
.slice_FooterTop_D .footer-column.footer-column-1 a:hover i.icomoon-icon-youtube::after { color: #ff0000; }
.slice_FooterTop_D .footer-column.footer-column-1 a i.icomoon-icon-vimeo::after { background-color: #1ab7ea; border: 8px solid #1ab7ea; }
.slice_FooterTop_D .footer-column.footer-column-1 a:hover i.icomoon-icon-vimeo::after { color: #1ab7ea; }

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

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

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

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

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

/* This is the CSS for a DUMMY instagram feed */
.slice_InstagramFeed iframe.lightwidgetMobile { display: block; }
.slice_InstagramFeed iframe.lightwidgetDeskTop { display: none; }
@media (min-width:768px) {
	.slice_InstagramFeed iframe.lightwidgetMobile { display: none; }
	.slice_InstagramFeed iframe.lightwidgetDeskTop { display: block; }
}
.slice_InstagramFeed i.icomoon-icon-instagram::after {color: #da6657; position:relative; top:3px; }
section.slice_InstagramFeed img {display:block;width:100%;}

/* This is the CSS for a LIVE instagram feed */
/*
section.slice_InstagramFeed {padding-left:0;padding-right:0;}
section.slice_InstagramFeed iframe {width:100%;border:none;overflow:hidden;}
section.slice_InstagramFeed i.icomoon-icon-instagram::after {
  color: #da6657; position:relative; top:3px; 
}
section.slice_InstagramFeed a.button { 
  border-color: #da6657; background-color: transparent; }
section.slice_InstagramFeed a.button:hover { 
  color: white; border-color: #da6657; background-color: #da6657; opacity: 1; }
*/

section.slice_SlidesFullWidth div.caption div.slideTitle,
section.slice_SlidesFullWidth div.caption div.slideText
{text-shadow:0 0 2px black;}

@media(min-width:992px){
  header {height:95px; transition:height 500ms linear;}
  header.HeaderElementSmall {height:auto;}
}
header,
header section.slice_Header_T  {background-color:white;}
header section.slice_Header_T ul.root_menu > li > a {color:#000000;} /* Summit */

/* Fix some search box things */
section.slice_FixedSideLinks div.fixed-link-wrapper div.search-overlay_fixed-link span.search-close_fixed-link {cursor:pointer;}

section.SermonCardsFour h1 {color:white;}
section.SermonCardsFour a.ArrowToRight,
section.SermonCardsFour a.ArrowToRight::after {color:white;}
section.SermonCardsFour a.ArrowToRight:hover {
  background-color:white;border-color:white; color:#000000;
}
section.SermonCardsFour a.ArrowToRight:hover::after {color:#000000;}

section.slice_FindYourPlace a.ArrowToRight {
  padding:10px 50px 11px 30px; border:2px solid black;
}
section.slice_FindYourPlace a.ArrowToRight,
section.slice_FindYourPlace a.ArrowToRight::after {color:#000000;}
section.slice_FindYourPlace a.ArrowToRight:hover {
  background-color:white;border-color:white; color:#000000;
}
section.slice_FindYourPlace a.ArrowToRight:hover::after {color:#000000;}

section.slice_FindYourPlace a.ArrowToRight {
  padding:10px 50px 11px 30px;
  color:var(--FeedButtonColour);
  background-color:var(--FeedButtonBackgroundColour);
  border:var(--FeedButtonBorderThickness,1px) solid var(--FeedButtonBorderColour);
  border-radius:var(--FeedButtonBorderRadius,0);
  opacity:1;
}
section.slice_FindYourPlace a.ArrowToRight:hover {
  color:var(--FeedButtonColourHover);
  background-color:var(--FeedButtonBackgroundColourHover);
  border-color:var(--FeedButtonBorderColourHover);
  opacity:1;
}
section.slice_FindYourPlace a.ArrowToRight::after {
	content:'\e903';
  	font-family:HubbIcons;
  	color:var(--FeedButtonColour);
  	display:inline-block; line-height:1;
  	position:relative; top:2px; left:12px;
  	transition:left 300ms linear,color 300ms linear;
}
section.slice_FindYourPlace a.ArrowToRight:hover::after {
  color:var(--FeedButtonColourHover);
  left:18px;
}


footer {background-color:#11182C;padding:0 20px;}
footer div.FlexFooter {
  margin:0 auto; max-width:1920px;
  display:flex; flex-flow:row nowrap; justify-content: space-around;align-items:flex-start;
  color:white !important;
  padding:30px 0 30px;
  font-size:16px; line-height:1.8;
  font-weight:500;
}
footer div.FlexFooter a {color:white !important;font-size:16px;}
footer div.FlexFooter img {display:block; width:100%; max-width:400px;}
footer div.FlexFooter div.QuickTitle {
  font-family:Arial;
  font-weight:700;margin:19px 0 30px;font-size:19px;
}
footer div.FlexFooter div.QuickColumn a,
footer div.FlexFooter div.ConnectColumn a {
  line-height:1; font-size:15px; margin:0 0 30px; display:block;
}
footer div.FlexFooter div.ContactColumn a {color:#AACCE1 !important;}
footer div.FlexFooter div.ContactColumn a:hover {color:#DA6657 !important;}
footer div.FlexFooter div.SocialMedia {margin:40px 0 0;}
footer div.FlexFooter div.SocialMedia a {
  display:inline-block;font-size:30px;margin:0 15px 0 0;
}
footer div.FlexFooter a:hover {
  color:#AACCE1 !important;
}
footer div.LowerFooter {
  margin:0 auto; max-width:1700px;
  display:flex; flex-flow:row nowrap; justify-content: space-around;align-items:flex-start;
  color:white !important;
  padding:0 0 30px;
  font-size:15px; line-height:1.2;
  color:white !important;
}
footer div.LowerFooter a {color:white !important;font-size:15px;}
footer div.LowerFooter a:hover {
  color:#AACCE1 !important;
}
footer div.LowerFooter img.footer-logo {padding:0 !important;}
@media(max-width:1100px){
  footer div.FlexFooter {
    flex-flow:column nowrap; justify-content:flex-start;align-items:center;
    text-align:center;
  }
  footer div.LowerFooter {
    flex-flow:column-reverse nowrap; justify-content:flex-start;align-items:center;
  }
  footer div.FlexFooter div.QuickTitle {margin:40px 0 10px;}
  footer div.LowerFooter > div {margin:0 0 30px;}
}


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

/* UML_AL_1: Universal Mini-Layout Article-List 1 */
section.slice_content_page div.main-content div.LandingSubGroups {
	display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch;
}
section.slice_content_page div.main-content div.LandingSubGroups > div { background-color: #f3f3f3; width: 100%; margin:15px 0;} /* 1 column */
@media (min-width: 467px) { /* 2 columns */
	section.slice_content_page div.main-content div.LandingSubGroups > div { width: 49%; margin:15px 0; }
	section.slice_content_page div.main-content div.LandingSubGroups > div:nth-child(2n+1) {margin-right:1%;} /* Extra 1% on each */
	section.slice_content_page div.main-content div.LandingSubGroups > div:nth-child(2n) {margin-left:1%;}
}
@media (min-width: 992px) { /* 3 columns */
	section.slice_content_page div.main-content div.LandingSubGroups > div { width:32%; margin:15px 0;}
	section.slice_content_page div.main-content div.LandingSubGroups > div:nth-child(3n+1) {margin-left:0;margin-right:0;}
	section.slice_content_page div.main-content div.LandingSubGroups > div:nth-child(3n+2) {margin-left:2%;margin-right:2%;} /* extra 4% on the middle one only */
	section.slice_content_page div.main-content div.LandingSubGroups > div:nth-child(3n) {margin-left:0;margin-right:0;}
}
section.slice_content_page div.main-content div.LandingSubGroups div.GroupNavImage img { display: block; width: 100%;  margin:0;}
section.slice_content_page div.main-content div.LandingSubGroups div.GroupNavImage a { display: block; margin: 0; }
section.slice_content_page div.main-content div.LandingSubGroups div.GroupNavImage a:hover,
section.slice_content_page div.main-content div.LandingSubGroups div.GroupNavTitle a:hover { opacity: 0.6;text-decoration:none; }
section.slice_content_page div.main-content div.LandingSubGroups div.GroupNavTitle {  padding: 10px 10px;}
section.slice_content_page div.main-content div.LandingSubGroups div.GroupNavTitle a { font-weight: 600; font-size: larger; text-transform: capitalize;text-align: center;line-height: 1.2; display:block;}

section.slice_content_page div.main-content div.LandingArticles.SmallerDisplay div.articleListTitle a {font-size:18px;}
section.slice_content_page div.main-content div.LandingArticles.SmallerDisplay div.articleListSummary {font-size:14px;}
section.slice_content_page div.main-content div.LandingArticles.SmallerDisplay div.articleListDate {font-size:14px;line-height:1;padding: 0 10px 20px;text-align: center;font-style:italic;}

/* Welcome Gallery */
div.slice_WelcomeGallery {background-color: white;}
div.slice_WelcomeGallery div.bannerSlides {background-color:white;}
div.slice_WelcomeGallery ul {
	list-style:none;display:flex; flex-flow:row wrap; align-items:center; justify-content:center;
	padding:0;margin:0;
	border:2px solid white;
}
div.slice_WelcomeGallery li {width:25%; border:2px solid white; position:relative;}
div.slice_WelcomeGallery img {width:100%; display:block; transition:opacity 300ms linear;}
@media (max-width:768px) {
	div.slice_WelcomeGallery li {width:50%;}
}

div.slice_WelcomeGallery  .gallery_ul .gallery_li a .image_block_title_wrapper { 
  position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; margin: auto; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; 
}
div.slice_WelcomeGallery  .gallery_ul .gallery_li a .image_block_title { flex: none; margin: 5px; text-align: center; color: #fff; font-size: 24px; font-weight: 600; line-height: 1; }
div.slice_WelcomeGallery  .gallery_ul .gallery_li a .image_block_text { flex: none; margin: 5px; text-align: center; color: #fff; font-size: 16px; font-weight: 400; line-height: 1.2; }
div.slice_WelcomeGallery  .gallery_ul .gallery_li a:hover img {opacity:0.7;}
@media (min-width: 768px) { div.slice_WelcomeGallery  .gallery_ul .gallery_li a .image_block_title { font-size: 32px; margin: 10px; }
  div.slice_WelcomeGallery  .gallery_ul .gallery_li a .image_block_text { font-size: 20px; line-height: 1.5; margin: 10px; } }

section.slice_content_page div.main-content h1.LandingTitle {margin:30px 0 10px;}

section.FindAGroup {padding:50px 20px; border-top:1px solid #dbdbdb;}
section.FindAGroup div.container {margin:0 auto; max-width:1400px;}
section.FindAGroup div.directory_grid {
	display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start;
  margin:40px 0 0;
}
section.FindAGroup div.directory_grid {color:white;}
section.FindAGroup div.directory_grid > div {
  color:black;
  border:1px solid #aacce1;
  margin:0 0 20px;
  padding:10px 30px;
  width:100%;
}
section.FindAGroup div.directory_grid > div table {width:100%;}
section.FindAGroup div.directory_grid div.OrgListTitle a {
  color:black; font-size:20px; font-weight:700;
  display:block;
}
section.FindAGroup div.directory_grid div.OrgListSummary {
  font-size:14px; font-weight:400; margin:5px 0 0;
  word-break:break-word;
}
section.FindAGroup div[id$="_map"] {margin:0 0 30px;}
section.FindAGroup input.text {
  border:1px solid #aacce1; padding:5px;
  font-weight:700;
}
section.FindAGroup input.text:focus {outline:none;}
section.FindAGroup input.text[id$="_MyNearestBox"] {width:100px !important;}
section.FindAGroup input.text[id$="_OrgSearchBox"] {width:300px !important;}
section.FindAGroup div[id$="SearchInput"] > b::after {
	content:' ( by keyword, eg. "Nurses" ) ';
  font-weight:400;
}
section.FindAGroup input[type="button"] {
  width:auto !important;
  border:none;
  padding:6px 20px; margin:0;
  background-color:#11182c;
  color:white;
  font-weight:700; font-size:20px; line-height:1;
  text-transform:uppercase;
  position:relative; top:1px;
}
section.FindAGroup div[id$="MyNearestInput"] {margin:0 0 30px !important;}

section.FindAGroup > div.container > div > a,
section.FindAGroup div.directory_grid > b,
section.FindAGroup div.directory_grid > a,
section.XFindAGroup div.directory_grid > div[align] {display:none !important;}
section.FindAGroup > div.container > div {color:white;}
section.FindAGroup > div.container > div > div {color:black;}

section.FindAGroup div[id$="_arptOrgs_alphaDiv"] {
  color:black;
border:1px solid #aacce1;
  margin:50px 0 30px;
  padding:10px;
  max-width:100%;
  text-align:center;
}

@media(max-width:600px){
  section.FindAGroup {padding:50px 10px;}
  section.FindAGroup div[id$="_arptOrgs_alphaDiv"] {padding:10px 1px;}
	section.FindAGroup table.AlphabetPager span.tab {font-size:14px;}
}
@media(max-width:467px){
	section.FindAGroup table.AlphabetPager span.tab {font-size:12px;}
}
@media(max-width:390px){
	section.FindAGroup table.AlphabetPager span.tab {font-size:11px;}
}
@media(max-width:360px){
	section.FindAGroup table.AlphabetPager span.tab {font-size:10px;}
}

section.FindAGroup div.OrgListEmail a {
  color:black;line-height:1;display:block;
  text-align:center; font-weight:600;
}
section.FindAGroup div.OrgListEmail span {
  color:black;line-height:1;display:block;
  margin:0 auto;
}
section.FindAGroup div.OrgListEmail span span::before {
	font-family:HubbIcons;
  content:'\e92a';font-weight:400;
  font-size:24px; line-height:1;
  display:block; width:50px; height:50px; margin:0 0 5px 10px; padding:11px 0 0;
  border:2px solid black; border-radius:50px;
}
section.FindAGroup div.directory_grid > div td:last-child {
  padding-left:50px; width:118px;
}
@media(max-width:467px){
	section.FindAGroup div.directory_grid > div td:last-child {padding-left:20px;width:88px;}
}

section.FindAGroup div[id$="_OrgDetail"] {
border:1px solid #aacce1;
    padding:30px 30px;
  max-width:900px; width:100%;
  margin:40px 0;
}

section.FindAGroup div[id$="_MyNearestDisplay"] {
	width:100%; max-width:800px; margin:0 auto; padding:10px 20px;
}
section.FindAGroup div[id$="_MyNearestDisplay"] td.griditem {
	padding:10px 5px; background-color:#F3EEE7;
}
section.FindAGroup div[id$="_MyNearestDisplay"] > table {
	margin-bottom:10px;
}
section.FindAGroup div[id$="_MyNearestDisplay"] > table td.griditem {vertical-align:top;}
section.FindAGroup div[id$="_MyNearestDisplay"] > table td.griditem:nth-child(3) {
	white-space:nowrap;
}

section.FindAGroup div[id$="_OrgDetail"] a.HelpIcon {
  display:inline-block; text-decoration:none; position:relative; top:4px; margin:0 2px;
}
section.FindAGroup div[id$="_OrgDetail"] a.HelpIcon img {
  display:inline-block;
}
section.FindAGroup div[id$="_OrgDetail"] table#DirectoryDetailsBox_StaffGrid
a[href^="javascript:showUserAndStaffRoleNotes("] {color:black; cursor:default;}

section.FindAGroup table.AlphabetPager td:first-child {display:none;}

a.PillButton,
input.PillButton,
input[type="submit"],
input[type="button"] {
  line-height:1.1;
  font-weight:500 !important;
  letter-spacing:normal !important;
  padding-left:35px !important;
  padding-right:35px !important;
  border:none;
} 
a.PillButton.BigPill {
  padding:15px 70px !important;
}
@media(max-width:1350px){
  a.PillButton.BigPill {
    padding:15px 20px !important;
  }
}

a.PillButton,
input.PillButton,
input[type="submit"],
input[type="button"] {
  font-size:20px;
  padding-top:15px;padding-bottom:17px;
  transition:background-color 300ms linear,color 300ms linear, opacity 300ms linear;
}
a.PillButton.PillRed,
input.PillButton.PillRed {
	background-color:#DA6657 !important;
  color:white !important;
  white-space:nowrap;
  display:inline-block; margin:0 0 5px;
}
a.PillButton i {display:none;}
a.PillButton.PillRed:hover,
input.PillButton.PillRed:hover {background-color:#AACCE1 !important; text-decoration:none !important;}
a.PillButton.PillWhite {
	background-color:white !important;
  color:#DA6657 !important;
}
a.PillButton.PillWhite:hover {background-color:#AACCE1 !important;color:white !important;}
a.PillButton.PillGrey {
	background-color:#F3EEE7 !important;
  color:#18264D !important;
}
a.PillButton.PillGrey i::before {
  color:#DA6657;
}
a.PillButton.PillGrey:hover {background-color:#DA6657 !important;}
a.PillButton.PillGrey.HoverBlue:hover {background-color:#aacce1 !important;}
a.PillButton.PillGrey:hover i::before {
  color:white;
}
section.SignUp a.PillButton.PillGrey:hover {color:white !important;}

a.PillButton.PillBlack {
	background-color:black !important;
  color:white !important;
}
a.PillButton.PillBlack i::before {
  color:white;
}
a.PillButton.PillBlack:hover {background-color:#888888 !important;}

a.PillButton.PillBlue {
	background-color:#AACCE1 !important;
  color:white !important;
}
a.PillButton.PillBlue i::before {
  color:white;
}
a.PillButton.PillBlue:hover {background-color:#11182C !important;}

section.slice_content_page div.ALDEFAULT2023 > div {
  color:black;
border:1px solid #aacce1;
  margin:0 0 30px;
  padding:10px 10px;
  width:100%;
}
section.slice_content_page div.ALDEFAULT2023 table {
	border-collapse:collapse;
  	width:100%;
  	margin:0;
}
section.slice_content_page div.ALDEFAULT2023 td {
	padding:0;
  	background-color:white;
  	text-align:left;
}
section.slice_content_page div.ALDEFAULT2023 td:first-child {
	width:25%;
}
section.slice_content_page div.ALDEFAULT2023 td:last-child {
	width:75%;
  	padding:0 20px 20px 40px;
  	position:relative;
}
section.slice_content_page div.ALDEFAULT2023 div.articleListImage a {
  position:relative; display:block;
}
section.slice_content_page div.ALDEFAULT2023 img {
	display:block; width:100%;
}
section.slice_content_page div.ALDEFAULT2023 div.articleListTitle {margin-bottom:8px;}
section.slice_content_page div.ALDEFAULT2023 div.articleListTitle a {
  font-size:22px; line-height:1.2;
  font-weight:700;
  color:#000001;
}
section.slice_content_page div.ALDEFAULT2023 div.articleListTitle a:hover {color:#82637f;}

section.slice_content_page div.ALDEFAULT2023 td:last-child a.Button {
	position:absolute;
  	right:0; bottom:-10px;
  	background-color:#AACCE1; color:white;
  	padding:12px 25px 13px;
  	border-radius:60px;
  	transition:background-color 300ms linear;
  	font-weight:600; font-size:18px; line-height:1;
}
section.slice_content_page div.ALDEFAULT2023 td:last-child a.Button:hover {
  background-color:#DA6657;
}
@media(max-width:767px){
  section.slice_content_page div.ALDEFAULT2023 td:last-child a.Button {
  	display:none;
  }
  section.slice_content_page div.ALDEFAULT2023 td:first-child {
	width:33.333%;
	}
  section.slice_content_page div.ALDEFAULT2023 td:last-child {
      padding:5px 10px 10px 20px;
    width:66.666%;
  }
  section.slice_content_page div.ALDEFAULT2023 div.articleListTitle a {font-size:18px;}
  section.slice_content_page div.ALDEFAULT2023 table {
      margin-bottom:20px;
  }  
}
@media(max-width:467px){
  section.slice_content_page div.ALDEFAULT2023 td:first-child img {
	display:none;
	}  
  section.slice_content_page div.ALDEFAULT2023 td:first-child {
	width:14%;
	}  
  section.slice_content_page div.ALDEFAULT2023 td:last-child {
	width:86%;
    padding-left:10px;
	}  
}

section.slice_content_page {padding:50px 20px;}
section.slice_content_page div.main-content {margin:0 auto; max-width:1000px}

section.slice_content_page div.TW_card,
section.slice_content_page div.TW_card-container,
section.slice_content_page section.TW_card-container,
section.slice_content_page div.TW_card-container > div,
section.slice_content_page section.TW_card-container > div,
section.slice_content_page div.TW_card-container > table {
border:1px solid #aacce1;
    padding:20px;
  margin:40px 0;
}

section.slice_content_page section.TW_card-container--donate {
	border-radius:0; 
  box-shadow:none;
    padding:0;
  margin: 0;
}

section.slice_content_page div.main-content img {
  display:block;
  clear:both;
}
section.Xslice_content_page div.main-content img:not([class="AllowWrapping"]) {
  float:none !important;
}
section.slice_content_page div.TW_card img,
section.slice_content_page div.TW_card-container img,
section.slice_content_page section.TW_card-container img {margin:0 0 10px;}

section.slice_content_page section.TW_card-container h6,
section.slice_content_page div.TW_card-container h6,
section.slice_content_page div.TW_card h6 {
  font-size:24px;
}
section.slice_content_page div.TW_card a {font-weight:500;}

section.slice_content_page div[id$="_elFormContents"],
section.slice_content_page div[id$="_elFormContents"] h1,
section.slice_content_page div[id$="_elFormContents"] h2,
section.slice_content_page div[id$="_elFormContents"] h3,
section.slice_content_page div[id$="_elFormContents"] h4,
section.slice_content_page div[id$="_elFormContents"] h5,
section.slice_content_page h6 {
  font-family:Open Sans !important;
}
section.slice_content_page h6 {
  font-size:18px; font-weight:600;
}

section.slice_content_page div[id$="_elFormContents"] span.TW_field__tooltip {
	padding-left:10px; font-style:italic;
}
section.slice_content_page div[id$="_elFormContents"] span.TW_field__tooltip::before {
	content:'(';
}
section.slice_content_page div[id$="_elFormContents"] span.TW_field__tooltip::after {
	content:')';
}
section.slice_content_page div[id$="_elFormContents"] input[type="checkbox"] {
	height:18px; width:18px;
}
section.slice_content_page section.TW_section {
  display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;
}
section.slice_content_page section.TW_section > div.TW_card {
  box-shadow:none;
  padding:5px;
}
section.slice_content_page div.TW_card-container {
  box-shadow:none;
  padding:0;
}

section.slice_content_page.WideContent div.main-content {
	width:100%; max-width:100%;
}


section.UserListCards div.UserListWrapper {
	display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch;
}
section.UserListCards div.UserListWrapper > div { 
  background-color: white; width: 100%; margin:15px 0;
border:1px solid #aacce1;
  padding:0 0 20px;
} /* 1 column */
section.UserListCards div.UserListWrapper {
  	padding:30px 0;
	display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch;
}
section.UserListCards div.UserListWrapper > div { 
  background-color: white; width: 100%; margin:15px 0;
border:1px solid #aacce1;
  padding:0 0 10px;
} /* 1 column */
@media (min-width: 467px) { /* 2 columns */
	section.UserListCards div.UserListWrapper > div { width: 49%; margin:15px 0; }
	section.UserListCards div.UserListWrapper > div:nth-child(2n+1) {margin-right:1%;} /* Extra 1% on each */
	section.UserListCards div.UserListWrapper > div:nth-child(2n) {margin-left:1%;}
}
@media (min-width: 992px) { /* 4 columns */
	section.UserListCards div.UserListWrapper > div { width:23.5%; margin:15px 0;}
	section.UserListCards div.UserListWrapper > div:nth-child(4n+1) {margin-left:0;margin-right:0;}
	section.UserListCards div.UserListWrapper > div:nth-child(4n+2) {margin-left:2%;margin-right:2%;} /* extra 4% on the 2nd one only */
	section.UserListCards div.UserListWrapper > div:nth-child(4n+3) {margin-left:0;margin-right:2%;} /* extra 2% on the 3rd one only */
	section.UserListCards div.UserListWrapper > div:nth-child(4n) {margin-left:0;margin-right:0;}
}

section.UserListCards div.UserListWrapper div.TW_card__header-image a {display:none;}
section.UserListCards div.UserListWrapper div.TW_card__header-image img {
  display:block; width:100%; 
}
section.UserListCards div.UserListWrapper div.TW_card__about {display:none;}

section.UserListCards div.TW_card__email {
	display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;
  padding:10px 20px 0;
}
section.UserListCards div.TW_card__email a {
  color:black;line-height:1;display:block;
  text-align:center; font-weight:600;
}
section.UserListCards div.TW_card__email span {
  color:black;line-height:1;display:block;
  margin:0 auto;
}
section.UserListCards div.TW_card__email span span::before {
	font-family:HubbIcons;
  content:'\e92a';font-weight:400;
  font-size:24px; line-height:1;
  display:block; width:50px; height:50px; margin:0; padding:11px 0 0;
  border:2px solid black; border-radius:50px;
}
section.UserListCards div.TW_card__name {font-size:20px;line-height:1.1;font-weight:600;}
section.UserListCards div.TW_card__headline {padding:10px 20px 0;font-size:16px}
section.UserListCards div.TW_card__headline td {padding:0;}

section.UserListCards div.StaffPicture {display:none;}
section.UserListCards div.StaffPicture img {display:block; margin:0 auto 10px;}
section.UserListCards div.StaffShut {position:absolute;top:8px;right:8px;}
section.UserListCards div.StaffShut i {font-size:30px;cursor:pointer;}
section.UserListCards div.StaffShut i::after {content: "\e91f";}
section.UserListCards div.StaffPicture.LightBox {
  position:fixed;top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,0.6);
  display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;
  width:100%;height:100vh;margin:0;
  z-index:700;
}
section.UserListCards div.StaffPicture.LightBox > div {
  background-color:white;
  padding:20px; border-radius:20px;
  max-width:800px;
  position:relative;
}
section.UserListCards span.SeeMore {
  font-style:italic; 
  cursor:pointer; 
  font-size:smaller !important;
  display:block; padding:20px; text-align:right;
}
section.UserListCards div.StaffText {overflow-y:auto;}
section.UserListCards div.StaffText div {
  padding-left:0 !important;
  padding-right:0 !important;
}

section.UserListCards div.StaffText div.TW_card__about {
  display:block; font-size:16px; padding:20px 0 0;
}
section.UserListCards div.StaffText div.TW_card__about td {padding:0;}

section.UserListCards div.UserListWrapper div.StaffText div.TW_card__header-image img {
  display:block; width:100%; max-width:300px; 
  border-radius:40px;
}

aside.sidebar nav table.boxout_contents_type_GroupNavigation_ascx {
  border:2px solid #f3eee7;
  border-top:none;
}

section.EventsCardsFour div.GloryEL > div {
  color:black;
border:1px solid #aacce1;
  margin:0 0 30px;
  padding:10px 30px;
  width:100%;
}
section.EventsCardsFour div.GloryEL table {
	border-collapse:collapse;
  	width:100%;
  	margin:20px 0;
}
section.EventsCardsFour div.GloryEL td {
	padding:0;
  	background-color:white;
  	text-align:left;
}
section.EventsCardsFour div.GloryEL td:first-child {
	width:25%;
}
section.EventsCardsFour div.GloryEL td:last-child {
	width:75%;
  	padding:0 20px 20px 40px;
  	position:relative;
}
section.EventsCardsFour div.GloryEL div.eventListImage a {
  position:relative; display:block;
}
section.EventsCardsFour div.GloryEL div.eventListImage a:hover div.BoxDate {color:white;}
section.EventsCardsFour div.GloryEL img {
	display:block; width:100%;
}
section.EventsCardsFour div.GloryEL div.eventListTitle {margin-bottom:8px;}
section.EventsCardsFour div.GloryEL div.eventListTitle a {
  font-size:22px; line-height:1.2;
  font-weight:700;
  color:#000001;
}
section.EventsCardsFour div.GloryEL div.eventListTitle a:hover {color:#82637f;}
section.EventsCardsFour div.GloryEL div.eventListDate {margin-bottom:5px;line-height:1.2;}
section.EventsCardsFour div.GloryEL div.eventListLocation a {
	font-size:16px; line-height:1.4;
  color:#000001;
  display:block;
}
section.EventsCardsFour div.GloryEL div.eventListLocation a::before {
	content:'\e92c';
  	display:inline-block; font-size:24px; line-height:24px;
  	font-family:HubbIcons;
  	color:#AACCE1;
    position:relative; top:6px; left:-3px;
}

section.EventsCardsFour div.GloryEL div.eventListImage div.BoxDate {
	position:absolute;
  	top:0; left:20px;
  	background-color:#AACCE1; color:#000001;
  	text-align:center;padding:10px 15px;
  	font-size:17px; line-height:1; font-weight:700;
  	transition:color 300ms linear;
}
section.EventsCardsFour div.GloryEL div.eventListImage div.BoxDate div:first-child {
	padding:0 0 3px;
}

section.EventsCardsFour div.GloryEL td:last-child a.Button {
	position:absolute;
  	right:30px; bottom:30px;
  	background-color:#AACCE1; color:white;
  	padding:15px 25px;
  	border-radius:60px;
  	transition:background-color 300ms linear;
  	font-weight:600; font-size:18px; line-height:1;
}
section.EventsCardsFour div.GloryEL td:last-child a.Button:hover {
  background-color:#DA6657;
}
@media(max-width:767px){
  section.EventsCardsFour div.GloryEL td:last-child a.Button {
  	display:none;
  }
  section.EventsCardsFour div.GloryEL div.eventListImage div.BoxDate {
  	padding:5px; left:0;
  }
  section.EventsCardsFour div.GloryEL td:first-child {
	width:33.333%;
	}
  section.EventsCardsFour div.GloryEL td:last-child {
      padding:5px 10px 10px 20px;
    width:66.666%;
  }
  section.EventsCardsFour div.GloryEL div.eventListTitle a {font-size:18px;}
  section.EventsCardsFour div.GloryEL table {
      margin-bottom:20px;
  }  
  section.EventsCardsFour h1,
  section.SermonCardsFour h1 {font-size:28px;}
}
@media(max-width:467px){
  section.EventsCardsFour div.GloryEL td:first-child img {
	display:none;
	}  
  section.EventsCardsFour div.GloryEL td:first-child {
	width:14%;
	}  
  section.EventsCardsFour div.GloryEL td:last-child {
	width:86%;
    padding-left:10px;
	}  
}

section.EventsCardsFour div.GloryEL.TwelveEvents {
   display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:stretch;
}
section.EventsCardsFour div.GloryEL.TwelveEvents > div {
  width:48%; margin-right:1%; margin-left:1%;
  padding:10px 10px 20px 15px;
}
section.EventsCardsFour div.GloryEL.TwelveEvents td:last-child a.Button {
	position:static;
  	padding:10px 20px;
  	margin:20px 0 0;
  display:inline-block;
}
section.EventsCardsFour div.GloryEL.TwelveEvents td:first-child {
	width:30%;
}
section.EventsCardsFour div.GloryEL.TwelveEvents td:last-child {
  	padding:0 0 0 10px;
  width:70%;
}
section.EventsCardsFour div.GloryEL.TwelveEvents table {
  	margin:10px 0 0;
}

section.EventsCardsFour div.RegionFilter {
  margin:0 0 30px;
  padding:20px; background-color:#f3eee7;
  font-size:17px;
}
@media(max-width:991px){
 	section.EventsCardsFour div.RegionFilter span {display:block; margin:10px 0 0;} 
}

@media(max-width:767px){
  section.EventsCardsFour div.GloryEL.TwelveEvents {
     display:block;
  }
  section.EventsCardsFour div.GloryEL.TwelveEvents > div {
    width:100%;
    margin-left:0 !important;
    margin-right:0 !important;
  }
}
@media(max-width:467px){
  section.EventsCardsFour div.GloryEL.TwelveEvents tr {
     display:block;
  }
  section.EventsCardsFour div.GloryEL.TwelveEvents td {
     display:block; width:100% !important;
  }
  section.EventsCardsFour div.GloryEL.TwelveEvents td:first-child img {
    display:block; margin:0 0 10px;
  }
}

section.EventsCardsFour select {padding:5px;}

/* Open and Shut bars */
section.slice_content_page  div.OpenShutTitle {
  font-size:20px; font-weight:600;background-color:#DA6657;color:white;
  padding:15px 85px 15px 35px; position:relative;
  line-height:1;
  width:352px;
  margin:0 auto;
  cursor:pointer;
}
section.slice_content_page  div.OpenShutTitle::after {
	font-family:journey;content:'\e913'; position:absolute; right:20px; font-weight:400;
}
section.slice_content_page  div.OpenShutTitle.Opened::after {
	transform:rotate(180deg);
}
section.Xslice_TextImage div.OpenShutTitle + div.BannerFlexBox {display:none;}
section.Xslice_TextImage div.OpenShutTitle.Opened + div.BannerFlexBox {display:flex;}

section.slice_content_page table.FormTable {
	width:100%;
  background-color:#f3eee7;
  padding:5px 20px;
}

/* ################### */
/* UML_ML_1: Universal Mini-Layout Media-List 1 */

section.SermonCardsFour {
  	padding:50px 10px;
	background-color:var(--FeedCardLightGrey);
  	text-align:center;
}
section.SermonCardsFour h1 {line-height:1; margin-bottom:20px;}
section.SermonCardsFour a.ArrowToRight,
section.slice_FindYourPlace a.ArrowToRight {
  display:inline-block; font-size:20px; line-height:1; margin-top:20px;
}
section.SermonCardsFour div.UML_ML_1 {
	display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch;
}
section.SermonCardsFour div.UML_ML_1 > div { 
  background-color:white; width: 100%; margin:15px 0;
} /* 1 column */
@media (min-width: 467px) { /* 2 columns */
	section.SermonCardsFour div.UML_ML_1 > div { width: 49%; margin:15px 0; }
	section.SermonCardsFour div.UML_ML_1 > div:nth-child(2n+1) {margin-right:1%;} /* Extra 1% on each */
	section.SermonCardsFour div.UML_ML_1 > div:nth-child(2n) {margin-left:1%;}
}
@media (min-width: 992px) { /* 4 columns */
	section.SermonCardsFour div.UML_ML_1 > div { width:24.25%; margin:15px 0;}
	section.SermonCardsFour div.UML_ML_1 > div:nth-child(4n+1) {margin-left:0;margin-right:0;}
	section.SermonCardsFour div.UML_ML_1 > div:nth-child(4n+2) {margin-left:1%;margin-right:1%;} 
	section.SermonCardsFour div.UML_ML_1 > div:nth-child(4n+3) {margin-left:0;margin-right:1%;} 
	section.SermonCardsFour div.UML_ML_1 > div:nth-child(4n) {margin-left:0;margin-right:0;}
}
section.SermonCardsFour div.UML_ML_1 div.mediaListImage img { display: block; width: 100%;  margin:0;}
section.SermonCardsFour div.UML_ML_1 div.mediaListImage a { display: block; margin: 0; }
section.SermonCardsFour div.UML_ML_1 div.mediaListImage a:hover { opacity: 0.6; }
section.SermonCardsFour div.UML_ML_1 div.mediaListTitle {  padding: 10px 20px 5px;}
section.SermonCardsFour div.UML_ML_1 div.mediaListTitle a { 
  font-weight: 700; font-size:20px;text-align:left;line-height: 1.4; display:block; color:var(--FeedTextColour);
}
section.SermonCardsFour div.UML_ML_1 div.mediaListTitle a:hover {
  text-decoration:none; color:var(--FeedMainSiteColour);
}
section.SermonCardsFour div.UML_ML_1 div.articleListSummary { 
  padding: 0 20px 30px;  font-weight: 400; text-align: left;line-height: 1.3;
  font-size:16px;
}

section.SermonCardsFour div.UML_ML_1 div.mediaListSpeaker {
  flex:1 1 auto;text-align:left;
  font-size:16px; line-height:1.2; padding:5px 20px 30px; color:var(--FeedTextColour);
  font-weight:400;
} /* takes up the height slack */
section.SermonCardsFour div.UML_ML_1 div.mediaListDate {
	font-weight:400; font-size:15px;text-align:left;padding: 10px 20px 0;
  position:relative;
  font-style:italic;
}
section.SermonCardsFour div.UML_ML_1 div.mediaListImage a {position:relative;}
section.SermonCardsFour div.UML_ML_1 div.mediaListImage a div.BoxDate {
	position:absolute;
  	bottom:0; left:15px;
  	background-color:white;
  	padding:10px;
}
section.SermonCardsFour div.UML_ML_1 div.mediaListImage a div.BoxDate span::after {
	content:'\e94d';
  	font-family:HubbIcons;
  	color:var(--FeedMainSiteColour);
  	display:block; font-size:24px; line-height:1;
}

section.slice_content_page div.container {max-width:1400px;}
section.slice_content_page div.LandingPageArticle {margin-top:30px;}

header section.slice_Header_T div.nav-menu.Jul2024 {
  display:flex; flex-flow:row nowrap; justify-content:flex-end; align-items:center;
  padding-right:0;
}
header div.nav-menu.Jul2024 div.top-link-wrapper {margin:0 20px 5px 15px;}
header div.nav-menu.Jul2024 div.top-link-wrapper a {
  display:inline-block;
  background-color:black;
    height: 38px;
    width: 38px;
    font-size: 20px;
    line-height: 1;
    padding: 8px 5px 5px;
    margin: 0;
}
header div.nav-menu.Jul2024 div.top-link-wrapper a:last-child {
  padding: 7px 5px 6px;
  position:relative; left:1px;
}
@media(max-width:991px){
  header section.slice_Header_T div.nav-menu.Jul2024,
	header div.nav-menu.Jul2024 div.top-link-wrapper {display:none;}
}

@media(max-width:467px){
  section.slice_content_page div.main-content div.ArticleBody span[style] {
  	font-family:inherit!important;
    font-size:inherit!important;
  }
}

  section.slice_content_page div.main-content > h1.LandingTitle,
  section.slice_content_page div.main-content > div.UML_AL_1.LandingArticles
  {display:none;}