/*  (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 { 
	height: 31px !important; /* <<< mobile logo height */
}
@media(min-width:992px){
  header div.container {
    position:relative; flex:1 1 1400px;
    display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;
  }
  	header .logo-icon img { 
		height: 39px !important; /* <<< desktop logo height */
      position:relative; top:0; left:0;
    }
  header .logo-icon a:hover img {
    height:43px !important;
    top:-2px; left:-10px;
  }
  header div.SlickNav_Wrapper {display:none;}
}

/* Gap between logo and top/bottom of screen  */
header div.logo-container 
{
	margin-top: 11px !important; /* <<< logo gap from top for mobile/tablet */
}
@media(min-width:992px){
  	header div.logo-container {
		margin-top: 25px !important; /* <<< logo gap from top for desktop */
	}
}
header section.slice_Header_L div.nav-menu ul.root_menu > li a:hover {color:#6666ae;}
header section.slice_Header_L div.nav-menu ul.root_menu > li:nth-child(2) > a.MMLive,
header section.slice_Header_L div.nav-menu ul.root_menu > li:nth-child(3) > a.MMLive,
header section.slice_Header_L div.nav-menu ul.root_menu > li:nth-child(4) > a.MMLive {
 position:relative; color:#6666ae;
}
header section.slice_Header_L div.nav-menu ul.root_menu > li:nth-child(2) > a::after,
header section.slice_Header_L div.nav-menu ul.root_menu > li:nth-child(3) > a::after,
header section.slice_Header_L div.nav-menu ul.root_menu > li:nth-child(4) > a::after {
  content:' ';
	display:inline-block;
  width:14px;
  height:9px;
  background-image:url(/Images/Content/82/Templates/72478/images/header/Nav-arrow-sml.png);
  background-repeat:no-repeat;
  position:relative; left:8px; top:-1px;
}
header section.slice_Header_L div.nav-menu ul.root_menu > li:nth-child(2) > a.MMLive::after,
header section.slice_Header_L div.nav-menu ul.root_menu > li:nth-child(3) > a.MMLive::after,
header section.slice_Header_L div.nav-menu ul.root_menu > li:nth-child(4) > a.MMLive::after {
  background-image:url(/Images/Content/82/Templates/72478/images/header/Nav-arrow-sml-R.png);
}
header section.slice_Header_L div.nav-menu ul.root_menu > li:nth-child(2) > a.MMLive::before,
header section.slice_Header_L div.nav-menu ul.root_menu > li:nth-child(3) > a.MMLive::before,
header section.slice_Header_L div.nav-menu ul.root_menu > li:nth-child(4) > a.MMLive::before {
  content:' ';
	display:block; position:absolute; left:45px; top:57px;
  width:31px;
  height:18px;
  background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/UpArrowMM.png);
  background-repeat:no-repeat;
  z-index:4;
}
div.MegaMenuDarkOverlay { 
  position: fixed; left: 0; top:0; right:0; width: 100%; height: 100vh; 
  z-index: 2; background-color: rgba(0, 0, 0, 0.0); 
}

header section.slice_Header_L div.MMClickFiller {display:none;}
@media(min-width:992px){
  header section.slice_Header_L div.nav-menu ul.root_menu,
  header section.slice_Header_L div.logo-container a {position:relative; z-index:5;}

  header section.slice_Header_L {
      display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;
  }
  header section.slice_Header_L div.MMClickFiller {
    display:block; flex:1 1 auto;
  }
}
header section.slice_Header_L div.logo-container {
  margin-left: 25px;
} 

header .nav-menu ul.root_menu > li:last-child > a {
  display:block;
  background-color:#fdcd3b;
  border-radius:50px;
  margin:0 0 25px 35px;
  position:relative; top:0; left:0;
  width:138px;
  transition:font-size 200ms linear, background-color 200ms linear, color 200ms linear, 
    padding 200ms linear, top 200ms linear, margin 200ms linear, width 200ms linear;
}
header section.slice_Header_L div.nav-menu ul.root_menu > li:last-child > a:hover {
  background-color:#c868a7;
  color:white;
  font-size:19px;
  padding:18px 34px 17px;
  top:-2px;
  margin:0 0 22px 24px;
  width:149px;
}

/* 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:22px;}
@media (max-width:900px) {
	header section.slice_Header_L div.nav-menu {margin-top:55px;}
}

.slice_Header_L .nav-menu ul.root_menu > li > a {font-size:19px;font-weight:600;line-height:1;}
@media (max-width:1300px) and (min-width:992px) {
  .slice_Header_L .nav-menu ul.root_menu > li > a {
    font-size:16px;padding-left:12px;padding-right:12px;}
}

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

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

section.slice_Header_L div.nav-menu ul.root_menu ul {
	box-shadow: 0px 10px 10px 2px rgba(0,0,0,.12);
}

section.slice_Header_L .nav-menu ul.root_menu > li:last-child > a {
  	font-size:18px; line-height:19px;
	padding:16px 30px 15px;
}
  
/* 3 Big Button colours */
.slice_content_page .sidebar_buttons a.button1
{
    background-color: #fdcd3b !important; /* <<< Green/left/top big button */
}
.slice_content_page .sidebar_buttons a.button2
{
    background-color: #414042 !important; /* <<< Red/middle big button */
}
.slice_content_page .sidebar_buttons a.button3
{
    background-color: #6666ae !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: #fdcd3b !important; /* <<< slide show button background color */
    border-color: #fdcd3b !important; /* <<< slide show button border color */
}

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

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

section.slice_WhatsOnSlidesEB_L div.bx-pager a, 
section.slice_WhatsOnSlidesEB_L div.bx-pager a
{
    background-color: #6666ae !important; /* <<< slide show button background color */
    border-color: #6666ae !important; /* <<< slide show button border color */
}
section.slice_WhatsOnSlidesEB_L div.bx-pager a:hover, 
section.slice_WhatsOnSlidesEB_L div.bx-pager a.active
{
    background-color: #fdcd3b !important; /* <<< slide show button background color */
    border-color: #fdcd3b !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:#f9f9f9;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: #fdcd3b !important; /* <<< Clock and Location icon colour */
}

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

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

/* Fix various issues */
div.endis-jquery-ui div#divOverlay {font-size:17px;line-height:1.3;}
body.ArticleEditor img.module_icon {width:auto !important;}
body.OnSmallAppleDevice input {-webkit-appearance: none;}
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:#fdcd3b; 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:#c868a7;
}
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 div.RoundImage 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 div.RoundImage 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;
  }  
}

section.EventsAndTalks {background-color:white; padding:60px 10px 50px;}
section.EventsAndTalks h1 {
  color:#6666ae; font-size:30px; line-height:1; margin:0 0 25px; font-weight:600;
}
section.EventsAndTalks span {display:block;}
section.EventsAndTalks a.button { 
  font-weight:600; display:inline-block; margin:20px 0 0;
  color:#6666ae;border-color: #d7d7d7; background-color: transparent;border-radius:4px; }
section.EventsAndTalks a.button:hover { 
  color:#6666ae;border-color: #fdcd3b; opacity: 1; }
section.EventsAndTalks div.container {
  	/* make sure the vertical stretch propagates into here */
	display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;
}
section.EventsAndTalks div.EventFlex {width:65%;padding:0 30px 0 0;}
section.EventsAndTalks div.TalkFlex {width:35%;}
section.EventsAndTalks div.EventsList > div {
  line-height:1.3;
  float:none !important;background-color:#f9f9f9;margin:0 0 3px; padding:15px;
}
section.EventsAndTalks div.TalksList span.MediaList > div {
  line-height:1.5;
  background-color:#f9f9f9;margin:0 0 3px;padding:16px 10px 16px 60px;
}

section.EventsAndTalks div.mediaListTitle a {
  font-size:20px;font-weight:600;color:#6666ae;position:relative;
}
section.EventsAndTalks div.mediaListTitle a:hover {color:#fdcd3b;}
section.EventsAndTalks div.mediaListTitle a::before {
	content:' ';
  	display:block;position:absolute;top:1px;left:-40px;
  	width:26px; height:25px;
  	background-image:url(/Images/Content/2823/Templates/56063/images/IconAudio25h.png);
  	background-repeat:no-repeat;
}
section.EventsAndTalks div.mediaListSpeaker {font-size:18px;font-weight:600;}
section.EventsAndTalks div.MediaListDate {font-size:16px;}

section.EventsAndTalks div.EventsList a,
section.EventsAndTalks div.EventsList img {display:block;}
section.EventsAndTalks div.EventsList img {width:250px;}
section.EventsAndTalks div.EventsList img {padding:0 30px 0 0;}
section.EventsAndTalks div.eventListTitle a {
	font-size:24px;font-weight:600;color:#6666ae;
}
section.EventsAndTalks div.eventListTitle a:hover {color:#fdcd3b;}
section.EventsAndTalks div.eventListDate {
  display:inline-block; border-radius:4px; font-size:17px; line-height:1;
  background-color:#fdcd3b; color:white; padding:6px 12px 5px; font-weight:600;
  margin:5px 0 5px;
}
section.EventsAndTalks div.eventListLocation a {
  padding:6px 0 0 25px;position:relative;color:#414042;
}
section.EventsAndTalks div.eventListLocation a::before {
	content:' ';
  	display:block;position:absolute;top:5px;left:0;
  	width:15px; height:20px;
  	background-image:url(/Images/Content/2823/Templates/56063/images/IconMapPin20h.png);
  	background-repeat:no-repeat;
}
section.EventsAndTalks div.eventListLocation a:hover {color:#fdcd3b;}
section.EventsAndTalks div.eventListLocation a.InActive {cursor:default;}
section.EventsAndTalks div.eventListLocation a.InActive:hover {color:#414042;}
@media (max-width:991px) {
  	section.EventsAndTalks {padding:30px 10px 20px;}
  	section.EventsAndTalks h1 {margin:0 0 10px; text-align:center;}
  	section.EventsAndTalks a.button {margin:10px 0 0;}
	section.EventsAndTalks div.container {
		flex-flow:column nowrap;align-items:center;
	}
  	section.EventsAndTalks div.EventFlex {width:100%;padding:0;margin:0 auto;max-width:600px;}
	section.EventsAndTalks div.TalkFlex {width:100%;margin:40px auto;max-width:600px;}
}
/* on mobiles put image at the top */
@media (max-width:600px) {
  section.EventsAndTalks div.EventsList tr {
  	display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:flex-start;
  }
  section.EventsAndTalks div.EventsList img {padding:0 0 15px;width:100%;}
}
/* on desktop make sure the heights of the 2 columns match up perfectly */
@media (min-width:992px) {
  section.EventsAndTalks div.EventFlex,
  section.EventsAndTalks div.TalkFlex {
    	/* ensure the stretching propagates up */
      display:flex;flex-flow:column nowrap;justify-content:stretch;align-items:stretch;
  }
  section.EventsAndTalks div.EventFlex div.EventsList,
  section.EventsAndTalks div.EventFlex div.TalksList {
      flex:1 1 auto; /* controls the stretching, vertical space goes into the 'space-between' */
      display:flex;flex-flow:column nowrap;justify-content:space-between;align-items:stretch;	
  }
  /* stop the buttons from changing shape */
  section.EventsAndTalks a.button {align-self:flex-start;}
}

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

section.slice_content_page.WideContent div.main-content {
  width:100%;
  float:none;
  margin-left:0; margin-right:0;
  padding-left:10px; padding-right:10px;
  background-color:#f9f9f9;
}
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 */

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

/* 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: #f9f9f9;  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:#6666ae;
  	color:white;
  	padding:10px;
  	text-align:center;
  	float:none;clear:both;
}
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 20px; max-width:870px; line-height:1.4;
  padding:10px 10px 0 10px;
}
footer div.FooterSafeGuarding h1 {font-size:22px; line-height:1; margin:0 0 10px; color:#6666ae;}
footer div.FooterSafeGuarding.BottomBorder {border-bottom:1px solid #d7d7d7;}

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

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

section.SeekerBox div.SmallSeekerArticle a {
  display:inline-block;padding:8px 10px 5px 40px;background-color:#6666ae;color:white;
  border-radius:7px;
}
section.SeekerBox div.SmallSeekerArticle a:hover {background-color:#c868a7;}
body.OnSmallAppleDevice section.SeekerBox div.SmallSeekerArticle a {
	background-color:#6666ae !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;
  background-color:rgba(0,0,0,0.6); box-shadow:none;
  z-index:110;
  display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;
}
@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:840px;
  background-color:white;
  box-shadow: 0px 0px 20px 5px rgba(0,0,0,.12);
}
section.SeekerBox.BigBox div.FullSeekerArticle > h2 {
	background-color:#6666ae;color:white;
  	padding:10px 10px 10px 20px;
  	margin:0;
  	box-shadow: 0 2px 5px 0 rgba(0,0,0,.12), 0 2px 10px 0 rgba(0,0,0,.12);
}
section.SeekerBox.BigBox div.FullSeekerArticle div.ArticleBody {
  overflow-y:scroll;max-height:70vh;
  padding:20px;
} 
@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:#f9f9f9;}
@media (max-width:1600px) {
  footer.WidgetShowing {padding-bottom:30px;}
}
@media (max-width:1400px) {
  footer.WidgetShowing {padding-bottom:90px;}
}

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.HeaderSmall {
  position:fixed; left:0; right:0; top:0; width:100%; z-index:100;
}
header.HeaderSmall section.slice_Header_L {
	box-shadow:0 1px 10px 8px rgba(0,0,0,0.05);
}
@media (min-width:992px) {
  header section.slice_Header_L.SystemPage {
      border-bottom:1px solid #bbbbbb;
  }
}

header div.MobileMenuMask {
	display:none;
  background-color:transparent;
  transition:background-color 150ms linear;
  position:fixed;top:50px;left:0;width:100%;height:100vh;z-index:58;
}
header div.MobileMenuMask.SwitchedOn {
  background-color:#f9f9f9;
}
header div.search-overlay.On + div.MobileMenuMask {display:block;z-index:70;}
		
header section.slice_Header_L.SlickNavFullWidth {
  width:100%;
}
@media (max-width:991px) {
  header section.slice_Header_L div.slicknav_menu ul.slicknav_nav {
    background-color:transparent;
  }
  header section.slice_Header_L div.slicknav_menu a.slicknav_open + ul.slicknav_nav {
  	background-color:#f9f9f9;
  }
  
  header section.slice_Header_L div.logo-container {
  	position:fixed; top:0; left:0;
    max-width:calc(100% - 100px);
    z-index:70;
    margin-right:0;
  }
}
header section.slice_Header_L div.logo-container .logo-name a {line-height: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 black;
}
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$="/#/"]
{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: #fdcd3b ; /* 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 div.RoundImage 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) {
  section.EventsAndTalks {padding:10px 10px 0;}
  section.EventsAndTalks h1 {
    text-align:left; font-size:22px;
    padding-left:15px;
  }
  section.EventsAndTalks div.eventListTitle a {font-size:18px;}
  section.EventsAndTalks div.EventsList td:first-child {display:none;}
  section.EventsAndTalks div.eventListDate {
    font-size:13px; font-weight:400; padding-top:9px; padding-bottom:8px;
  }
  section.EventsAndTalks div.eventListLocation a {font-size:14px;}
  section.EventsAndTalks div.EventsList > div {margin:0 0 2px;}
  
  section.EventsAndTalks a.button {font-size:12px; padding-bottom:8px; margin-left:15px;}
  
  section.EventsAndTalks div.mediaListTitle a {font-size:18px;}
  section.EventsAndTalks div.mediaListSpeaker {font-size:16px;}
  section.EventsAndTalks div.MediaListDate {font-size:14px;}
  section.EventsAndTalks div.TalksList span.MediaList > div {margin:0 0 2px;}
  
  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.RedBanner {
  padding:10px; background-color:#fdcd3b;
}
section.RedBanner div.ArticleBody,
section.RedBanner a {
  	text-align:center;font-size:24px;line-height:1.3;color:white;
}
section.RedBanner a,
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.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;}

/* 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 > div { 
  background-color:white; width: 100%; margin:30px 0;
  border-radius:22px;
  box-shadow:0 3px 10px 3px rgba(0,0,0,0.1);
  transition:300ms box-shadow linear;
  position:relative;
  display: flex; flex-flow: column nowrap; justify-content: stretch; align-items:flex-start;
} /* 1 column */
div.ArticleBody > div.UML_AL_1 > div:hover {
  box-shadow:0 3px 10px 3px rgba(0,0,0,0.3);
}
div.ArticleBody > div.UML_AL_1 > div img {
  border-top-left-radius:22px;
  border-top-right-radius:22px;
}


section.ContentPage {
	background-color:#f2f3f9;
  padding:50px 20px 50px;
}
section.ContentPage.White {
	background-color:white;
}
section.ContentPage.DemoSite {
	background-color:#f9f9f9;
}
section.ContentPage.DemoSite video {
	display:block; border:5px solid #e1e3eb; background-color:white;
  object-fit:fill;
}
section.ContentPage div.container {max-width:1300px;}
section.ContentPage a.RoundLink {
 	position:absolute; right:40px; bottom:45px; 
}
section.ContentPage a.RoundLink:hover {
  text-decoration:none;
}
section.ContentPage a.RoundLink::after {
  content:'\e90d';
  font-family:HubbIcons;
  font-size:20px; line-height:1;
  padding:14px 13px 16px 17px;
  border-radius:30px;
  background-color:#58585a;
  color:white;
   transition:300ms background-color linear;
}
section.ContentPage a.RoundLink:hover::after {
  background-color:#6666ae;
}
@media (min-width: 467px) and (max-width: 767px) {
  section.ContentPage a.RoundLink {
      position:absolute; right:10px; bottom:15px;
  }
  section.ContentPage a.RoundLink::after {
    font-size:16px;
    padding:9px 8px 11px 12px;
  }
}

@media (min-width: 467px) { /* 2 columns */
	div.ArticleBody > div.UML_AL_1 > div { width: 48.5%; margin:30px 0; }
	div.ArticleBody > div.UML_AL_1 > div:nth-child(2n+1) {margin-right:1.5%;} /* Extra 1% on each */
	div.ArticleBody > div.UML_AL_1 > div:nth-child(2n) {margin-left:1.5%;}
}
@media (min-width: 992px) { /* 3 columns */
	div.ArticleBody > div.UML_AL_1 > div { width:31.6666%; margin:30px 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.5%;margin-right:2.5%;} /* 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.TwoArticlesOnly > div { width: 48.5%; margin:30px 0; }
	div.ArticleBody > div.UML_AL_1.TwoArticlesOnly > div:nth-child(2n+1) {margin-right:1.5%;} /* Extra 1% on each */
	div.ArticleBody > div.UML_AL_1.TwoArticlesOnly > div:nth-child(2n) {margin-left:1.5%;}
  
    
	div.ArticleBody > div.UML_AL_1.OneArticlesOnly > div { 
      width:100%; margin:30px 0; 
      flex-flow:row nowrap;
      justify-content:flex-start; align-items:center;
    }
	div.ArticleBody > div.UML_AL_1.OneArticlesOnly > div > div { 
      width:50%;
      padding:20px;
    }
  div.ArticleBody > div.UML_AL_1.OneArticlesOnly > div > div img {
    border-radius:14px;
  }
  div.ArticleBody > div.UML_AL_1.OneArticlesOnly div.articleListTitle a {font-size:48px;}
}

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 {text-decoration:none; }
div.ArticleBody > div.UML_AL_1 div.articleListTitle { padding: 25px 30px 20px;}
div.ArticleBody > div.UML_AL_1 div.articleListTitle a { 
  font-weight: 700; font-size: 28px; line-height: 1.2; display:block;
  text-decoration:none; color: #414042;
}
div.ArticleBody > div.UML_AL_1 div.articleListSummary { 
  padding: 0 30px 40px;  font-weight: 400; line-height: 1.3; flex:1 1 auto;
}
div.ArticleBody > div.UML_AL_1 div.articleListDate {
  font-size:17px; line-height:1; padding: 0 30px 50px;
}
div.ArticleBody > div.UML_AL_1.FeaturedArticles div.articleListDate {display:none;} 
@media (max-width: 767px) {
  div.ArticleBody > div.UML_AL_1 div.articleListTitle,
  div.ArticleBody > div.UML_AL_1 div.articleListSummary,
  div.ArticleBody > div.UML_AL_1 div.articleListDate {padding-left:15px; padding-right:15px;}
  div.ArticleBody > div.UML_AL_1 div.articleListTitle a {font-size: 20px;}
}

section.OurChurches {background-color:white; padding:50px 10px 60px;}
section.OurChurches a {text-decoration:underline;}

header ul.sub_menu_level_1 li,
header ul.root_menu ul.sub_menu_level_1 {display:none !important;}
header div.MMWrapper {
  background-color:transparent; padding:25px 20px 0;
  position: fixed;
  top: 70px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3; 
  width:100%;
  max-width:1400px;
}
header div.SlickNav_Wrapper div.MMWrapper {
  position: static; padding:0 0 10px;
  transform:none;
}
header div.MMPanel {
  background-color:white;
  box-shadow: 0 8px 8px 1px rgba(0,0,0,0.1);
  border-radius:15px;
  display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;
}
header div.SlickNav_Wrapper div.MMPanel {
  background-color:transparent;
  box-shadow:none; flex-flow:column nowrap; align-items:flex-start;
}
header div.MMPanel div.MMWhiteCol {
  display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;
  width:73%;
  padding:25px 25px 40px;
  border:1px solid #dddddd;
  border-right:none;
  border-top-left-radius:15px;
  border-bottom-left-radius:15px;
}
header div.SlickNav_Wrapper div.MMPanel div.MMWhiteCol {
  padding:10px 20px 10px 35px;
  border:none; border-radius:0;
  width:100%;
  flex-flow:column nowrap;
  background-color:white;
}
header div.MMPanel div.MMWhiteCol > div {
  width:50%;
}
header div.MMPanel div.MMWhiteCol > a.ColC {
  width:100%;
  background-image:url(/Images/Content/82/Templates/72478/images/Partnerships/purple-bar-background-wider.jpg);
  background-size:cover;
  background-position:center center;
  color:white !important; font-size:16px;
  display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;
  padding:20px 40px 20px 20px;
  margin:20px 17px 0;
  border-radius:15px;
}
header div.MMPanel div.MMWhiteCol > a.ColC > img:first-child {padding-right:20px;}
header div.MMPanel div.MMWhiteCol > a.ColC > img:last-child {
  display:block; padding:0; margin:0 0 0 auto; width:25px; height:25px;
	border:none;border-radius:0;
  position:relative; left:0; transition:left 300ms linear;
}
header div.MMPanel div.MMWhiteCol > a.ColC:hover,
header div.MMPanel div.MMWhiteCol > a.ColC:hover div.WhiteText {
  background-color:transparent; color:white !important;
}
header div.MMPanel div.MMWhiteCol > a.ColC:hover > img:last-child {
  left:6px;
}
header div.MMPanel div.MMWhiteCol > a.ColC div.YellowTitle {
  color:#ffdf7d !important; font-size:22px; font-weight:700; line-height:1.1;
}


@media(max-width:991px){
  header div.MMPanel div.MMWhiteCol > a.ColC {
    justify-content:flex-start;
  	margin:0 !important; border-radius:0; padding:0 !important; background-image:none;
  }
  header div.MMPanel div.MMWhiteCol > a.ColC div.WhiteText,
  header div.MMPanel div.MMWhiteCol > a.ColC > img:last-child {display:none !important;}
  header div.MMPanel div.MMWhiteCol > a.ColC > img:first-child {
    width:30px; height:30px; 
    margin:5px 15px 0 0 !important; border-radius:10px; padding:0; background-color:#7B5DB7;
  }
  header div.MMPanel div.MMWhiteCol > a.ColC div.YellowTitle {
    color:#414042 !important; font-size:20px; line-height:1;
    position:relative; top:2px;
  }
}

header div.SlickNav_Wrapper div.MMPanel div.MMWhiteCol > div {
  width:100%;
}
header div.MMPanel div.MMGreyCol {
 background-color: #f4f5fa;
  padding:10px 45px 0;
  width:calc( 27% + 1px ); /* needs 1px extra to avoid not filling the outer box */
  border-top-right-radius:15px;
  border-bottom-right-radius:15px;
  border:1px solid #dddddd;
  border-left:none;
}
header div.SlickNav_Wrapper div.MMPanel div.MMGreyCol {
  padding:0 20px 10px 35px;
  border:none; border-radius:0;
  width:100%;
  background-color:white;
}
header div.SlickNav_Wrapper div.MMPanel div.MMGreyCol a.MMLink div {
  display:none;
}
header div.MMPanel div.MMWhiteCol div.MMLinkTitle {
  font-size:22px; font-weight:700; color:#414042;
  line-height:1;
  margin:0 0 6px;
}
header div.SlickNav_Wrapper div.MMPanel div.MMWhiteCol div.MMLinkTitle {
	font-size:20px; margin:0;
}
header div.MMPanel div.MMWhiteCol div.MMLinkText {
  font-size:16px; line-height:21px; color:#6b6b6b; 
}
header div.MMPanel div.MMWhiteCol div.MMLinkText br {display:none;}
header div.SlickNav_Wrapper div.MMLinkText {display:none;}
header div.MMPanel div.MMWhiteCol a {
  display:block;
	padding:15px 20px 12px 80px;
  border-radius:15px;
  background-repeat:no-repeat;
  background-position:15px 14px;
  background-size:50px 50px;
}
header div.SlickNav_Wrapper div.MMPanel div.MMWhiteCol a {
  background-position:0 6px;
  background-size:30px 30px;
  padding-left:45px;
}
header div.MMPanel div.MMWhiteCol a:hover {
  text-decoration:none;
  background-color:#f4f5fa;
}
header div.SlickNav_Wrapper div.MMPanel div.MMWhiteCol a:hover {
  background-color:white;
}

header div.MMWhyUs div.MMWhiteCol div.ColA a:first-child {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Why_Hubb.png);
}
header div.MMWhyUs div.MMWhiteCol div.ColA a:nth-child(2) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Testimonials.png);
}
header div.MMWhyUs div.MMWhiteCol div.ColA a:nth-child(3) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Charity_work.png);
}
header div.MMWhyUs div.MMWhiteCol div.ColB a:first-child {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Security.png);
}
header div.MMWhyUs div.MMWhiteCol div.ColB a:nth-child(2) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Brochures.png);
}
header div.MMWhyUs div.MMWhiteCol div.ColB a:nth-child(3) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Blog.png);
}

header div.MMPanel div.MMGreyCol a {
  font-size:20px; font-weight:600; color:#414042;
  line-height:1;
  display:block;
	padding:28px 0 28px 50px;
  border-bottom:1px solid #dddddd;
  background-repeat:no-repeat;
  background-position:0 center;
}
header div.SlickNav_Wrapper div.MMPanel div.MMGreyCol a {
	border:none; padding:12px 20px 12px 45px;
  font-size:16px; font-weight:500;
  background-size: 20px 20px;
  background-position:6px 9px;
}
header div.MMPanel div.MMGreyCol a:last-child {
  border-bottom:none;
}
header div.MMPanel div.MMGreyCol a:hover {
  color:#6666ae;
  text-decoration:none;
}
header div.MMWhyUs div.MMGreyCol a:nth-child(1) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_About_us.png);
}
header div.MMWhyUs div.MMGreyCol a:nth-child(2) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Our_team.png);
  background-position:0 calc( 50% - 4px );
}
header div.MMWhyUs div.MMGreyCol a:nth-child(3) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Press_and_media.png);
}
header div.MMWhyUs div.MMGreyCol a:nth-child(4) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Service_updates.png);
}

header div.MMFeatures div.MMWhiteCol div.ColA a:first-child {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Church_website.png);
}
header div.MMFeatures div.MMWhiteCol div.ColA a:nth-child(2) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Church_app.png);
}
header div.MMFeatures div.MMWhiteCol div.ColA a:nth-child(3) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Church_admin.png);
}
header div.MMFeatures div.MMWhiteCol div.ColB a:first-child {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Comms.png);
}
header div.MMFeatures div.MMWhiteCol div.ColB a:nth-child(2) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_People_manager.png);
}
header div.MMFeatures div.MMWhiteCol div.ColB a:nth-child(3) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Church_finance.png);
}
header div.MMFeatures div.MMGreyCol a:nth-child(1) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Website_templates.png);
}
header div.MMFeatures div.MMGreyCol a:nth-child(2) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_How_it_works.png);
  background-position:0 calc( 50% - 4px );
}
header div.MMFeatures div.MMGreyCol a:nth-child(3) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Demonstration_site.png);
}
header div.MMFeatures div.MMGreyCol {padding-top:20px;}

header div.MMServices div.MMWhiteCol div.ColA a:first-child {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Website_design.png);
}
header div.MMServices div.MMWhiteCol div.ColA a:nth-child(2) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Domain_names.png);
}
header div.MMServices div.MMWhiteCol div.ColB a:first-child {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Graphic-design.png);
}
header div.MMServices div.MMWhiteCol div.ColB a:nth-child(2) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Customer_support.png);
}
header div.MMServices div.MMGreyCol a:nth-child(1) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Logo_design.png);
}
header div.MMServices div.MMGreyCol a:nth-child(2) {
	background-image:url(/Images/Content/82/Templates/72478/images/MegaMenus/icon_Contact_us.png);
  background-position:0 22px;
}
header div.MMServices div.MMGreyCol a:nth-child(2) div {
	font-size:16px; line-height:1.6; color:#6b6b6b;
  margin:10px 0 0;
}
header div.MMServices div.MMGreyCol {padding-top:20px;}

section.HomepageHero {padding:30px 20px 60px;}
section.HomepageHero.NoBottomPadding {padding-bottom:0;}
section.HomepageHero.VerA {padding:50px 20px 30px;}
section.HomepageHero.VerB {padding:40px 20px 30px;}
section.HomepageHero.VerC {padding:30px 20px 20px;}
section.HomepageHero.VerD {padding:30px 20px 40px;}
section.HomepageHero.VerK {padding:20px 20px 10px;}
section.HomepageHero.VerK.PartnerShip {padding:20px 20px 60px;}
section.HomepageHero.VerJ,
section.HomepageHero.VerL {padding:30px 20px 0;}
section.HomepageHero.VerE {padding:30px 20px 30px;}
section.HomepageHero.VerF {padding:30px 20px 20px;}
section.HomepageHero.VerG {padding:30px 20px 20px;}
section.HomepageHero.VerH {padding:30px 20px 0;}
section.HomepageHero.VerPurple {
  background-image:url(/Images/Content/82/Templates/72478/images/DemoSite/Purple-rings-background.jpg);
  background-size:cover;
  background-position:center center;
  color:white !important;
}

section.HomepageHero div.container {max-width:1350px;}
section.HomepageHero div.ArticleBody {
  display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center;
}
section.HomepageHero.TwoImages div.ArticleBody {display:block;}
section.HomepageHero.HomepageLookGood.Security div.ArticleBody {
  align-items:flex-start;
}
@media(max-width:991px){
	section.HomepageHero.HomepageLookGood div.ArticleBody {
      flex-flow:column nowrap; align-items:flex-start;
    }
  section.HomepageHero.HomepageLookGood div.ArticleBody div.LeftColTypeA,
  section.HomepageHero.HomepageLookGood div.ArticleBody div.RightColTypeA {width:100% !important;}
}
section.HomepageHero div.LeftColTypeA {width:41%;}
@media(min-width:992px){
	section.HomepageHero.HomepageLookGood div.LeftColTypeA {min-width:500px;}
  section.HomepageHero.VerA div.ParagraphLarge {max-width:590px;}
}
section.HomepageHero.VerA div.LeftColTypeA,
section.HomepageHero.Width4852 div.LeftColTypeA {width:48%;}
section.HomepageHero.Width4654 div.LeftColTypeA {width:46%;}
section.HomepageHero.Width5149 div.LeftColTypeA {width:51%;}
section.HomepageHero.WidthFull div.LeftColTypeA {width:100%;}
section.HomepageHero.VerD div.LeftColTypeA {width:50%;}
section.HomepageHero.VerK div.LeftColTypeA {width:55%;}
section.HomepageHero.VerJ div.LeftColTypeA,
section.HomepageHero.VerL div.LeftColTypeA {width:60%;}
section.HomepageHero.VerF div.LeftColTypeA {width:45%;}
section.HomepageHero.ActualHero div.LeftColTypeA h1 {
	margin:15px 0 25px;
  background-image:url(/Images/Content/82/Templates/72478/images/Homepage/Yellow-underline.png);
	background-repeat:no-repeat;
  background-position:9px 78px;
}
section.HomepageHero.ActualHero.VerA div.LeftColTypeA h1 {
	padding:0 0 25px;
  margin-bottom:0;
  background-position:300px 80px;
  background-size:300px 22px;
}
section.HomepageHero.ActualHero.VerB div.LeftColTypeA h1 {
  line-height:1; background-position:10px 161px; background-size:250px 22px;
  	padding:0 0 40px; margin-bottom:0;
}
section.HomepageHero.ActualHero.VerC div.LeftColTypeA h1 {
  line-height:1; background-position:293px 80px; background-size:160px 20px;
  	padding:0 0 30px; margin-bottom:0;
}
section.HomepageHero.ActualHero.VerE div.LeftColTypeA h1 {
  line-height:1; background-position:295px 75px; background-size:240px 22px;
  	padding:0 0 30px; margin-bottom:0;
}
section.HomepageHero.ActualHero.VerD div.LeftColTypeA h1 {
  line-height:1; background-position:40px 78px; background-size:540px 22px;
  	padding:0 0 30px; margin-bottom:0;
}
section.HomepageHero.ActualHero.VerF div.LeftColTypeA h1 {
  line-height:1; background-position:290px 73px; background-size:285px 22px;
  	padding:0 0 30px; margin-bottom:0;
}
section.HomepageHero.ActualHero.VerG div.LeftColTypeA h1 {
  line-height:1; background-position:5px 73px; background-size:280px 22px;
  	padding:0 0 30px; margin-bottom:0;
}
section.HomepageHero.ActualHero.VerH div.LeftColTypeA h1 {
  line-height:1; background-position:0 73px; background-size:340px 22px;
  	padding:0 0 25px; margin-bottom:0;
}
section.HomepageHero.ActualHero.VerI {padding-top:60px;}
section.HomepageHero.ActualHero.VerI div.LeftColTypeA h1 {
  line-height:1; background-position:40px 73px; background-size:230px 22px;
  	padding:0 0 20px; margin:0;
}
section.HomepageHero.ActualHero.VerJ div.LeftColTypeA h1 {
  line-height:1; background-position:295px 78px; background-size:320px 22px;
  	padding:0 0 30px; margin:0;
}
section.HomepageHero.ActualHero.VerK div.LeftColTypeA h1 {
  line-height:1; background-position:237px 78px; background-size:303px 22px;
  	padding:0 0 30px; margin-bottom:0;
}
section.HomepageHero.ActualHero.VerK div.LeftColTypeA.PartnerShip h1 {
  line-height:1.1; background-position:198px 78px; background-size:303px 28px;
}
@media(min-width:992px){
  section.HomepageHero.ActualHero.VerK div.RightColTypeA.PartnerShip {
   background-image:url(/Images/Content/82/Templates/72478/images/Partnerships/purple-partnership-box.png);
   background-size:cover;
   background-position:right top;
   display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:center;
   text-align:center;
   border-radius:30px;
   padding:25px 20px 0;
  }
  section.HomepageHero.ActualHero.VerK div.RightColTypeA.PartnerShip div.ParagraphHugeYellow {
      line-height:1.1; max-width:410px;
  }
  section.HomepageHero.ActualHero.VerK div.RightColTypeA.PartnerShip div.ParagraphHugeWhite {
      padding:10px 0 50px;
  }
  section.HomepageHero.ActualHero.VerK div.RightColTypeA.PartnerShip div.ParagraphMedium {
      padding:25px 0 20px; color:white;
  }
}
@media(max-width:991px){
  section.HomepageHero.ActualHero.VerK div.MobileHero div.RightColTypeA.PartnerShip {
   background-image:url(/Images/Content/82/Templates/72478/images/Partnerships/purple-partnership-box.png);
   background-size:cover;
   background-position:right top;
   display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:center;
   text-align:center;
   border-radius:30px;
   padding:25px 20px 0;
    width:100%; margin:40px auto 0;
    max-width:500px;
  }
  section.HomepageHero.ActualHero.VerK div.MobileHero div.RightColTypeA.PartnerShip div.ParagraphHugeYellow {
      line-height:1.1; max-width:100%; font-size:28px;
  }
  section.HomepageHero.ActualHero.VerK div.MobileHero div.RightColTypeA.PartnerShip div.ParagraphHugeWhite {
      padding:10px 0 50px; font-size:28px;
  }
  section.HomepageHero.ActualHero.VerK div.MobileHero div.RightColTypeA.PartnerShip div.ParagraphMedium {
      padding:25px 0 20px; color:white;
  }
  section.HomepageHero.ActualHero.VerK div.MobileHero div.RightColTypeA.PartnerShip img {
  	margin-bottom:0;
  }
}

section.HomepageHero.ActualHero.VerL div.LeftColTypeA h1 {
  line-height:1; background-position:0 78px; background-size:310px 22px;
  	padding:0 0 30px; margin:0;
}

section.HomepageHero.ActualHero div.LeftColTypeA h1.ContentTestimonials {
 margin:0;  line-height:1; background-position:86px 73px; background-size:330px 22px;
  	padding:0 0 25px;
}
section.HomepageHero.ActualHero.VerPurple h1 {
  color:white !important; background-image:none;
}
section.HomepageHero.ActualHero.NoYellowStripe div.LeftColTypeA h1 {background-image:none;}
section.HomepageHero.ActualHero.NoYellowStripe div.RightColTypeA {height:auto;}

section.HomepageHero.ActualHero.NoYellowStripe.Width4555 div.LeftColTypeA {width:45%;}
section.HomepageHero.ActualHero.NoYellowStripe.Width4555 div.RightColTypeA {width:55%;}
section.HomepageHero.Width5545 div.LeftColTypeA {width:55% !important;}
section.HomepageHero.Width5545 div.RightColTypeA {width:45% !important;}

section.HomepageHero.ActualHero.VerD div.ParagraphLarge,
section.HomepageHero.ActualHero.VerJ div.ParagraphLarge,
section.HomepageHero.ActualHero.VerL div.ParagraphLarge {max-width:570px;}
section.HomepageHero div.RightColTypeA {width:59%;}
section.HomepageHero.VerA div.RightColTypeA,
section.HomepageHero.Width4852 div.RightColTypeA {width:52%;}
section.HomepageHero.Width4654 div.RightColTypeA {width:54%;}
section.HomepageHero.Width5149 div.RightColTypeA {width:49%;}
section.HomepageHero.VerD div.RightColTypeA {width:50%;}
section.HomepageHero.VerK div.RightColTypeA {width:45%;}
section.HomepageHero.VerK div.RightColTypeA.PartnerShip {margin-left:6%;width:38%;}
section.HomepageHero.VerJ div.RightColTypeA,
section.HomepageHero.VerL div.RightColTypeA {width:40%;}
section.HomepageHero.VerF div.RightColTypeA {width:55%;}
section.HomepageHero div.RightColTypeA img,
section.HomepageHero div.RightColTypeA dotlottie-player {
  display:block; max-width:100%;
  margin:0 auto;
}
@media(min-width:991px){
  section.HomepageHero.HomepageLookGood.FadingCards div.RightColTypeA {padding-left:20px;}
  section.HomepageHero.HomepageLookGood.FadingCards.Reversed  div.RightColTypeA {padding-right:20px;}
}

section.HomepageHero.ActualHero.ContentVersion.EmptyHeroSlice,
section.HomepageStreamline.Brochure.ContentVersion {
	padding:0;
}

section.HomepageHero div.MobileHero {
  display:none; text-align:center;
}
@media(max-width:991px){
  section.HomepageHero {padding-left:15px; padding-right:15px;}
  section.HomepageHero.ActualHero div.MobileHero {display:block;padding-bottom:20px;}
  section.HomepageHero.ActualHero div.LeftColTypeA,
  section.HomepageHero.ActualHero div.RightColTypeA {display:none;}
  
  section.HomepageHero div.LeftColTypeA {width:100%;}
  section.HomepageHero div.LeftColTypeA div.DropDownPanel img {max-width:100%;}
  section.XHomepageHero div.RightColTypeA {display:none;}
}
section.HomepageHero div.MobileHero h1 {
  text-align:center; font-size:36px; margin:0 0 30px; line-height:1.4;
}
section.HomepageHero div.MobileHero h1 span {
  background-image:url(/Images/Content/82/Templates/72478/images/Homepage/Yellow-underline.png);
	background-repeat:no-repeat;
  background-position:2px 40px;
  background-size:170px 12px;
  padding:0 0 20px;
}
section.HomepageHero.PartnerShip div.MobileHero h1 {
  margin:10px 0 0; line-height:1.3;
}
section.HomepageHero div.MobileHero img {max-width:100%; display:block; margin:0 auto 20px;}
section.HomepageHero div.MobileHero a.PillButton {
	margin-left:auto; margin-right:auto;
  font-size:20px;
  padding:12px 20px;
}
section.HomepageHero div.MobileHero div.PillButtonWrapper {
	margin-top:20px; margin-bottom:0;
}

section div.PillButtonWrapper {
	display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;
}
section div.PillButtonWrapper.Center {justify-content:center;}
section div.PillButtonWrapper a {
	margin:0 30px 20px 0;
}
section div.PillButtonWrapper a:last-child {
	margin:0;
}
section a.PillButton {
  display:inline-block; 
  border-radius:100px;
  border:2px solid transparent;
  color:#414042;
  padding:16px 40px;
  font-size:24px; line-height:1;
  font-weight:600;
}
@media(max-width:991px){
  section a.PillButton {
    font-size:20px;
  padding:12px 20px;
  }
}
section a.PillButton.SmallText {font-size:21px;}
section a.PillButton:hover {text-decoration:none;}
section a.PillButton.Yellow {
 	background-color:#fdcd3b;
  border-color:#fdcd3b;
}
section a.PillButton.Yellow:hover {
 	background-color:#c868a7;
  border-color:#c868a7;
  color:white;
}
section a.PillButton.White {
 	background-color:white;
  border-color:#fdcd3b;
}
section a.PillButton.White:hover {
 	background-color:#6666ae;
  border-color:#6666ae;
  color:white;
}
section a.PillButton.Blue {
 	background-color:#6666ae;
  border-color:#6666ae;
  color:white;
  padding-left:50px;
  padding-right:50px;
}
section a.PillButton.Blue:hover {
 	background-color:#c868a7;
  border-color:#c868a7;
  color:white;
}
section a.PillButton.Purple {
 	background-color:#7b69b9;
  border-color:#7b69b9;
  color:white;
}
section a.PillButton.Purple:hover {
 	background-color:#c868a7;
  border-color:#c868a7;
  color:white;
}
section div.PillButtonWrapper.Brochure a.PillButton {
	font-size:21px; width:280px; text-align:center;
  padding:15px 0 !important; line-height:1;
}
section div.PillButtonWrapper.Brochure a.PillButton.White {
  padding-top:10px !important;
}
section div.PillButtonWrapper.Brochure a.PillButton img {
	position:relative; top:5px;
}
section div.PillButtonWrapper.Brochure a.PillButton img.OnHover,
section div.PillButtonWrapper.Brochure a.PillButton:hover img.NotHover {display:none;}
section div.PillButtonWrapper.Brochure a.PillButton img.NotHover,
section div.PillButtonWrapper.Brochure a.PillButton:hover img.OnHover {display:inline-block;}	
section.HomepageHero div.DownloadLink a {
  font-size:21px;
  font-weight:400;	
  text-decoration:underline;
  color:#414042;
}
section.HomepageHero div.DownloadLink a:hover {
  color:#6666ae;
}
section.HomepageHero div.DownloadLink img {
  display:inline-block;
  margin:0 20px 0 0;
  position:relative; top:5px;
  
}
section.HomepageHero div.PillButtonWrapper {
 margin:35px 0 30px; 
}

section.HomepageStreamline {
  padding:60px 20px 55px;
  background-image:url(/Images/Content/82/Templates/72478/images/Homepage/Yellow-pattern-background.jpg);
  background-size:cover;
  background-position:center center;
  text-align:center;
}
section.HomepageStreamline.CreativeDesign {
  background-image:url(/Images/Content/82/Templates/72478/images/CreativeServices/Yellow-pattern-background-cs.jpg);
}
section.HomepageStreamline.CreativeDesign h1 {
  background-image:url(/Images/Content/82/Templates/72478/images/CreativeServices/Orange-underline.png);
	background-repeat:no-repeat;
  background-position:54px 80px;
}
section.HomepageStreamline.WebsiteServices {
  background-image:url(/Images/Content/82/Templates/72478/images/WebsiteServices/Yellow-background-2.jpg);
}
section.HomepageStreamline.BigTabEffect div.container {
  max-width:750px;
}
section.HomepageStreamline.BigTabEffect + section div.container,
section.HomepageStreamline.BigTabEffect + section + section div.container,
section.HomepageStreamline.BigTabEffect + section + section + section div.container {
	max-width:1225px; 
}
section.HomepageStreamline.BigTabEffect + section,
section.HomepageStreamline.BigTabEffect + section + section,
section.HomepageStreamline.BigTabEffect + section + section + section {
  padding-bottom:0; padding-top:0; 
}
section.HomepageStreamline.BigTabEffect + section + section + section {padding-bottom:50px;}
section.HomepageStreamline.BigTabEffect + section div.ArticleBody,
section.HomepageStreamline.BigTabEffect + section + section div.ArticleBody,
section.HomepageStreamline.BigTabEffect + section + section + section div.ArticleBody {
	position:relative; top:-200px; background-color:white;
  padding-top:60px; border-radius:30px;
  padding-left:50px; padding-right:50px; 
}
section.HomepageStreamline.BigTabEffect + section + section div.ArticleBody {
	padding-top:0;  top:-120px;
}
section.HomepageStreamline.BigTabEffect + section + section + section div.ArticleBody {
	padding-top:0;  top:-40px;
}
@media(max-width:767px){
  section.HomepageStreamline.BigTabEffect + section + section + section {padding-bottom:0;}
  section.HomepageStreamline.BigTabEffect + section div.ArticleBody,
  section.HomepageStreamline.BigTabEffect + section + section div.ArticleBody,
  section.HomepageStreamline.BigTabEffect + section + section + section div.ArticleBody {
    top:-170px;
    padding-top:30px; border-radius:20px;
    padding-left:20px; padding-right:20px; 
  }
  section.HomepageStreamline.BigTabEffect + section + section div.ArticleBody {
      padding-top:0;  top:-110px;
  }
  section.HomepageStreamline.BigTabEffect + section + section + section div.ArticleBody {
      padding-top:0;  top:-40px;
  }
}

section.HomepageStreamline.WhyUs {
  background-image:none;
  background-color:white;
}
section.HomepageStreamline.WhyUs.Pricing {padding:20px 20px;}
section.HomepageStreamline.WhyUs.Brochure {text-align:left;}
section.HomepageStreamline.CustomerSupport {
  background-image:none;
  background-color:#6466a6;
  color:white; text-align:left;
  padding:70px 20px 80px;
}
section.HomepageStreamline.CustomerSupport.SmallSupport {
	background-color:#f2f3f9; color:#414042; padding:40px 20px 40px;
}
section.HomepageStreamline.CustomerSupport h2 {
  font-size:48px; color:white;
}
section.HomepageStreamline.CustomerSupport.SmallSupport h4 {margin:0 0 10px;}
section.HomepageStreamline.CustomerSupport div.CustomerFlexBox {
	display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start;
}
section.HomepageStreamline.CustomerSupport.SmallSupport div.CustomerFlexBox {
	 align-items:center;
}
section.HomepageStreamline.CustomerSupport div.CustomerFlexBox img {
  display:block; margin:0 60px 0 0;
}
section.HomepageStreamline.CustomerSupport.SmallSupport div.CustomerFlexBox img {
  margin:0 40px 0 0;
}
@media(max-width:991px){
  section.HomepageStreamline.CustomerSupport div.CustomerFlexBox {
      flex-flow:column nowrap; justify-content:flex-start; align-items:center;
    text-align:center;
  } 
  section.HomepageStreamline.CustomerSupport div.PillButtonWrapper {display:block;}
  section.HomepageStreamline.CustomerSupport h2 {
    font-size:24px; margin:20px 0 30px;
  }
  section.HomepageStreamline.CustomerSupport img {margin:0 0 10px !important;}
}

section.HomepageStreamline div.container {max-width:900px;}
section.HomepageStreamline.WhyUs div.container {max-width:910px;}
section.HomepageStreamline.WhyUs.Brochure div.container {max-width:1350px; padding:0 20px;}
section.HomepageStreamline.CustomerSupport div.container {max-width:960px;}
section.HomepageStreamline.CustomerSupport.SmallSupport div.container {max-width:1105px;}
section.HomepageStreamline.WhyUs h1 {
  background-image:url(/Images/Content/82/Templates/72478/images/Homepage/Yellow-underline.png);
	background-repeat:no-repeat;
  background-position:204px 80px;
}
section.HomepageStreamline.WhyUs.Pricing h1 {
  margin:0;
  padding:0 0 20px;
  background-position:330px 88px;
  background-size:230px 20px;
}
section.HomepageStreamline.WhyUs.HowItWorks h1 {
  margin:0;
  padding:0 0 20px;
  background-position:310px 88px;
  background-size:300px 20px;
}
@media(max-width:991px){
  section.HomepageStreamline.WhyUs h1 {background-image:none;}
}
section.HomepageStreamline h1.ContentTeam {
  text-align:center; padding:0 0 20px;
}
section.HomepageStreamline h1.ContentTeam span {
  background-image:url(/Images/Content/82/Templates/72478/images/Homepage/Yellow-underline.png);
	background-repeat:no-repeat;
  background-position:166px 89px;
  background-size:197px 20px;
}
section.HomepageStreamline.WhyUs.Brochure h1 {background-image:none;}
section.HomepageStreamline.WhyUs.Charity h1 {
	background-position:214px 80px; padding-bottom:10px;
  background-size:260px 20px;
}
section.HomepageStreamline h2 {margin:0 0 30px;}
section.HomepageStreamline div.PillButtonWrapper {margin:40px 0 0; }
section.HomepageStreamline.CustomerSupport.SmallSupport div.PillButtonWrapper {margin:0 0 0;}
section.HomepageStreamline.CustomerSupport.SmallSupport a.PillButton {font-size:21px;}
section.HomepageStreamline a.PillButton.Blue {
	font-size:21px; font-weight:600;
}
@media(max-width:991px){
  section.HomepageStreamline.CustomerSupport.SmallSupport div.PillButtonWrapper {margin:20px 0 0;}
}

section.HomepageLookGood {padding:60px 20px;}
section.HomepageLookGood div.RightColTypeA img {
  margin:0 0 0 auto;
}
@media(min-width:992px) and (max-width:1300px){
  section.HomepageLookGood div.RightColTypeA img {
    margin:0;
      padding-left:30px;
  }
  section.HomepageLookGood.Reversed div.RightColTypeA img {padding-right:30px;}
}
section.HomepageLookGood h2 {
  margin:0 0 20px;
}
@media(max-width:991px){
  section.HomepageLookGood div.RightColTypeA img {
    margin:30px 0 0 !important;
  }  
}
section.HomepageLookGood div.ParagraphMedium {margin:0 0 25px;}
section.HomepageLookGood div.DropDownPanel {
  background-color:white;
	border-radius:30px;
  border:1px solid #dddddd;
  box-shadow:0 5px 7px 2px rgba(0,0,0,0.04);
  padding:25px 35px 20px 100px;
  background-repeat:no-repeat;
  background-position:30px 18px;
  background-size:50px 50px;
  margin:0 0 15px;
  cursor:default;
}
@media(max-width:1350px){
  section.HomepageLookGood div.LeftColTypeA h2 {
    font-size:30px; line-height:1.1;
  }  
}
@media(max-width:991px){
  section.HomepageLookGood div.DropDownPanelWrapper {max-width:600px; margin:0 auto;}
  section.HomepageLookGood div.DropDownPanel {
  	padding-right:20px; padding-left:20px;
    background-position:20px 25px;
    background-size:30px 30px;
    margin:0 0 30px;
  }
}
section.HomepageLookGood.Security div.DropDownPanel {
	padding-left:30px; padding-right:30px;
  background-image:none !important;
}
@media(max-width:467px){
  section.HomepageLookGood div.DropDownPanel {
    padding-left:15px;
    padding-right:15px;
    background-position:15px 25px;
    border-radius:10px;
  }
}

section.HomepageLookGood a.PinkTextLink {
  display:block; margin:10px 0 0; text-decoration:underline;
}
section.HomepageLookGood a.PinkTextLink.NoMargin {
  margin:0 0 0;
}
section.HomepageLookGood a.PinkTextLink.InlineBlock {
  display:inline-block;
}
section.HomepageLookGood div.DropDownPanel.Closed {cursor:pointer;}
section.HomepageLookGood.Security div.DropDownPanel {cursor:pointer;}
section.HomepageLookGood div.DropDownPanel div.DropDownPanelTitle {
 	font-size:26px; font-weight:700; margin:0 0 5px;
  background-repeat:no-repeat;
  background-image:url(/Images/Content/82/Templates/72478/images/Homepage/Button-arrow-down-sml.png); 
  background-position:right 12px;
}
@media(min-width:992px) and (max-width:1330px) {
  section.HomepageLookGood div.DropDownPanel div.DropDownPanelTitle {
    font-size:22px;line-height:38px;
  }
}
@media(max-width:991px){
  section.HomepageLookGood div.DropDownPanel div.DropDownPanelTitle {
  	background-image:none;
    padding-left:40px;
    font-size:24px;
    margin:0 0 10px;
  }
  section.HomepageLookGood div.DropDownPanel {cursor:default !important;}
  section.HomepageLookGood.Security div.DropDownPanel div.DropDownPanelTitle {
    padding-left:0;
  }
  section.HomepageLookGood.Security div.DropDownPanel img {display:none;}
  section.HomepageLookGood.Security div.DropDownPanel:first-child img,
  section.HomepageLookGood.Security div.DropDownPanel.KeepMobileImages img {display:block;}
}
section.HomepageLookGood div.DropDownPanel.Closed div.DropDownPanelTitle {
  background-image:url(/Images/Content/82/Templates/72478/images/Homepage/Button-arrow-right-sml.png);   
  background-position:right 6px;
}
section.HomepageLookGood div.DropDownPanel div.ParagraphSmall {
  max-width:390px; padding-bottom:20px;
}
section.HomepageLookGood.Security div.DropDownPanel div.ParagraphSmall {
	max-width:100%;
}
section.HomepageLookGood div.DropDownPanel.Closed div.ParagraphSmall {display:none;}

section.HomepageLookGood div.DropDownPanel:nth-child(1) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Church_website.png); 
}
section.HomepageLookGood div.DropDownPanel:nth-child(2) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Church_visitor_button.png); 
}
section.HomepageLookGood div.DropDownPanel:nth-child(3) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Online_welcome_card.png); 
}

section.HomepageLookGood.WhyUsA div.DropDownPanel:nth-child(1) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Always_improving_system.png); 
}
section.HomepageLookGood.WhyUsA div.DropDownPanel:nth-child(2) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Why_Hubb.png); 
}
section.HomepageLookGood.WhyUsA div.DropDownPanel:nth-child(3) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Charity_work.png); 
}

section.HomepageLookGood.Reversed,
section.HomepageLookGood.ForceGrey {background-color:#f9f9f9;}
section.HomepageLookGood.ForceWhite {background-color:white;}
section.HomepageLookGood.ForceColorA {background-color:#f4ede5;}
section.HomepageLookGood.ForceColorB,
section.HomepageLookGood.ForceColorB h2 {background-color:#59599a; color:white;}
section.HomepageLookGood.ForceColorC {background-color:#fde057;}
section.HomepageLookGood.Reversed div.ArticleBody {
  flex-flow:row-reverse nowrap;
}
@media(max-width:991px){
	section.HomepageLookGood.Reversed div.ArticleBody {
      flex-flow:column nowrap; align-items:flex-start;
    }
}
section.HomepageLookGood.Reversed div.RightColTypeA img {
  margin:0 auto 0 0;
}
section.HomepageLookGood.YellowWhite {
  background-image:url(/Images/Content/82/Templates/72478/images/ChurchWebsites/Yellow-background-2.jpg);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  padding:60px 20px;
}
section.HomepageLookGood.YellowWhite.TwoImages,
section.HomepageGetEvenMore.YellowWhite.TwoImages {
  background-image:url(/Images/Content/82/Templates/72478/images/Pricing/Yellow-background-top.jpg),
    url(/Images/Content/82/Templates/72478/images/Pricing/Yellow-background-bottom.jpg);
  background-size:contain,contain;
  background-repeat:no-repeat,no-repeat;
  background-position:top left,bottom right;
  background-color:#fdcd3b;
  padding:0 20px;
}
section.HomepageGetEvenMore.YellowWhite.TwoImages {padding:60px 20px;}
section.HomepageGetEvenMore.YellowWhite.TwoImages div.container {max-width:1300px;}
section.HomepageLookGood.YellowWhite div.container {
  background-color:white;
  padding:30px 60px 30px 40px;
  border-radius:22px;
}
section.HomepageLookGood.YellowWhite.WidthFull div.container {
  background-color:transparent;
}
section.HomepageLookGood.YellowWhite.TwoImages div.container {
  padding:60px 0; max-width:1150px;
}
@media(max-width:991px){
  section.HomepageLookGood.YellowWhite div.container {
    padding:30px 20px;
  }  
}
@media(max-width:467px){
  section.HomepageLookGood.YellowWhite div.container {
    padding:20px 15px;
  }  
}

section.HomepageEngage div.DropDownPanel:nth-child(1) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Church_app.png); 
}
section.HomepageEngage div.DropDownPanel:nth-child(2) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Messaging.png); 
}
section.HomepageEngage div.DropDownPanel:nth-child(3) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Sermons_and_audio.png); 
}

section.HomepageLookGood.WhyUsB div.DropDownPanel:nth-child(1) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Website_updates.png); 
}
section.HomepageLookGood.WhyUsB div.DropDownPanel:nth-child(2) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Domain_names.png); 
}
section.HomepageLookGood.WhyUsB div.DropDownPanel:nth-child(3) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Email_hosting.png); 
}
section.HomepageLookGood.WhyUsC div.DropDownPanel:nth-child(1) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Logo_design.png); 
}
section.HomepageLookGood.WhyUsC div.DropDownPanel:nth-child(2) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Website_design.png); 
}
section.HomepageLookGood.WhyUsC div.DropDownPanel:nth-child(3) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Graphic-design.png); 
}

section.HomepageOrganised div.DropDownPanel:nth-child(1) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Rotas_and_serving.png); 
}
section.HomepageOrganised div.DropDownPanel:nth-child(2) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Events_and_bookings.png); 
}
section.HomepageOrganised div.DropDownPanel:nth-child(3) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Church_finance.png); 
}

section.HomepageManageAll {
	padding:80px 20px 80px;
  background-image:url(/Images/Content/82/Templates/72478/images/Homepage/ManageAll/Purple-pattern-background.jpg);
  background-size:cover;
  background-position:center center;  
}
section.HomepageManageAll span.GreenTick::before {
  content:' ';
  display:inline-block;
  width:30px;
  height:14px;
  background-image:url(/Images/Content/82/Templates/72478/images/WhyUs/tick-icon-sml.png);
  background-repeat:no-repeat;
  background-position:left bottom;
  position:relative;
}
section.HomepageManageAll div.GreenTickFix {
	display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start;
  margin:0 0 10px; line-height:1.2;
}
section.HomepageManageAll div.DownloadLink a {
  font-size:21px;
  font-weight:400;	
  text-decoration:underline;
  color:#414042;
}
section.HomepageManageAll div.DownloadLink a:hover {
  color:#6666ae;
}
section.HomepageManageAll div.DownloadLink img {
  display:inline-block;
  margin:0 20px 0 0;
  position:relative; top:5px;
}

section.HomepageManageAll.WhyUs {
	background-image:url(/Images/Content/82/Templates/72478/images/WhyUs/Yellow-background.jpg);
}
section.HomepageManageAll.WhyUs.Pricing {
	background-image:url(/Images/Content/82/Templates/72478/images/WhyUs/Yellow-background.jpg);
}
section.HomepageManageAll.DemoSite {
	background-image:none;
  background-color:#eaecf5;
  padding:50px 20px 80px;
}
section.HomepageManageAll.DemoSite h2 {
	color:#414042;
  	margin: 0 0 20px;
}
section.HomepageManageAll div.container {
  max-width:1350px;
}
section.HomepageManageAll h2 {color:white; text-align:center; margin:0 0 60px;}
section.HomepageManageAll.WhyUs h2 {color:#414042;}
section.HomepageManageAll div.ManageFlexA {
  display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;
}
section.HomepageManageAll div.ManageFlexB {
  display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;
  background-color:white;
  border-radius:30px;
  padding:30px 30px 0 50px;
  width:100%;
}
section.HomepageManageAll.DemoSite div.ManageFlexB {
  padding:30px 30px 0 40px;
  box-shadow:0 3px 10px 3px rgba(0,0,0,0.1);
}
@media(max-width:767px){
  section.HomepageManageAll.DemoSite div.ManageFlexB {
    padding:0;
    box-shadow:none;
  }
  section.HomepageManageAll.DemoSite div.ManageAllTextPanel {
    padding-bottom:20px !important;
    max-width:100% !important;
  }
}
section.HomepageManageAll div.ManageAllTextPanels {
	padding:0 0 20px 0;
  width:100%;
}
section.HomepageManageAll.WhyUs div.ManageAllTextPanels {width:53%;}
section.HomepageManageAll div.ManageAllTextPanel {
  	margin:10px 0 0;
	padding:100px 0 0 0;
    background-repeat:no-repeat;
  background-position:0 0;
  background-size:74px 74px;
  max-width:410px;
}
section.HomepageManageAll.DemoSite div.ManageAllTextPanel {
  max-width:420px;
}
section.HomepageManageAll.WhyUs div.ManageAllTextPanel {max-width:100%;}

section.HomepageManageAll div.ManageAllTextPanel:nth-child(1),
section.HomepageManageAll div.BigButton:nth-child(1) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Church_website.png); 
}
section.HomepageManageAll div.ManageAllTextPanel:nth-child(2),
section.HomepageManageAll div.BigButton:nth-child(2) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Church_app.png); 
}
section.HomepageManageAll div.ManageAllTextPanel:nth-child(3),
section.HomepageManageAll div.BigButton:nth-child(3) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Church_admin.png); 
}
section.HomepageManageAll div.ManageAllTextPanel:nth-child(4),
section.HomepageManageAll div.BigButton:nth-child(4) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Comms.png); 
}
section.HomepageManageAll div.ManageAllTextPanel:nth-child(5),
section.HomepageManageAll div.BigButton:nth-child(5) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_People_manager.png); 
}

section.HomepageManageAll.WhyUs div.ManageAllTextPanel:nth-child(1),
section.HomepageManageAll.WhyUs div.BigButton:nth-child(1) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Easy_to_get_started.png); 
}
section.HomepageManageAll.WhyUs div.ManageAllTextPanel:nth-child(2),
section.HomepageManageAll.WhyUs div.BigButton:nth-child(2) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Affordable.png); 
}
section.HomepageManageAll.WhyUs div.ManageAllTextPanel:nth-child(3),
section.HomepageManageAll.WhyUs div.BigButton:nth-child(3) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_All_in_one.png); 
}
section.HomepageManageAll.WhyUs div.ManageAllTextPanel:nth-child(4),
section.HomepageManageAll.WhyUs div.BigButton:nth-child(4) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Simple_procurement.png); 
}
section.HomepageManageAll.WhyUs div.ManageAllTextPanel:nth-child(5),
section.HomepageManageAll.WhyUs div.BigButton:nth-child(5) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Security.png); 
}

section.HomepageManageAll.DemoSite div.ManageAllTextPanel:nth-child(1),
section.HomepageManageAll.DemoSite div.BigButton:nth-child(1) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Church_visitor_button.png); 
}
section.HomepageManageAll.DemoSite div.ManageAllTextPanel:nth-child(2),
section.HomepageManageAll.DemoSite div.BigButton:nth-child(2) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Sermons_and_audio.png); 
}
section.HomepageManageAll.DemoSite div.ManageAllTextPanel:nth-child(3),
section.HomepageManageAll.DemoSite div.BigButton:nth-child(3) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Events_and_bookings.png); 
}
section.HomepageManageAll.DemoSite div.ManageAllTextPanel:nth-child(4),
section.HomepageManageAll.DemoSite div.BigButton:nth-child(4) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon-ministry-pages.png); 
}
section.HomepageManageAll.DemoSite div.ManageAllTextPanel:nth-child(5),
section.HomepageManageAll.DemoSite div.BigButton:nth-child(5) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon_Church_finance.png); 
}
section.HomepageManageAll.DemoSite div.ManageAllTextPanel:nth-child(6),
section.HomepageManageAll.DemoSite div.BigButton:nth-child(6) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon-venue-bookings.png); 
}

section.HomepageManageAll div.ManageAllTextPanel h3 {margin:0 0 20px;}

section.HomepageManageAll div.BigButtonWrapper {
	margin:0 25px 0 0;
}
section.HomepageManageAll div.BigButton {
	cursor:pointer;
  background-color:white;
 	font-size:26px; font-weight:700; margin:0 0 20px;
  background-repeat:no-repeat;
  background-position:20px 21px;
  background-size:44px 44px;
  padding:25px 40px 25px 80px;
  border-radius:15px;
  opacity:0.7;
}
section.HomepageManageAll.WhyUs div.BigButton {padding:25px 20px 25px 80px;  margin:0 0 27px;}
@media(min-width:992px) and (max-width:1300px){
  section.HomepageManageAll div.ManageFlexB {padding:30px 20px 0 20px;}
  section.HomepageManageAll div.BigButton {padding:25px 20px 25px 70px;}
  section.HomepageManageAll.DemoSite div.ManageFlexB {padding:30px 20px 0 20px;}
}
section.HomepageManageAll.DemoSite div.BigButton {
  box-shadow:0 3px 10px 3px rgba(0,0,0,0.1);
}
section.HomepageManageAll div.BigButton.SwitchedOn {
	cursor:default;
  opacity:1;
}
section.HomepageManageAll div.BigButton:last-child { margin:0;}

section.HomepageManageAll div.ImageWrapper {
	display:flex; flex-flow:row nowrap; justify-content:center; align-items:center;
  width:100%;
}
section.HomepageManageAll.DemoSite div.ImageWrapper {
	align-items:flex-start;
}
section.HomepageManageAll.WhyUs div.ImageWrapper {
	justify-content:flex-end; width:47%;
}
section.HomepageManageAll img {
  display:block;
margin:0 0 0 5%;
  max-width:95%;
}
section.HomepageManageAll.WhyUs div.ImageWrapper img:nth-child(1),
section.HomepageManageAll.WhyUs div.ImageWrapper img:nth-child(4) {align-self:flex-end;}

section.HomepageManageAll div.BaseButtons {margin:30px 0 0;}
@media(max-width:767px){
  section.HomepageManageAll div.BaseButtons {margin:20px auto 20px; text-align:center;}
}
section.HomepageManageAll a.PillButton {font-size:20px;}

@media(max-width:991px){
	section.HomepageManageAll div.BigButtonWrapper,
  section.HomepageManageAll div.ImageWrapper {display:none;}
  section.HomepageManageAll div.ManageFlexB {padding:0; background-color:transparent;}
  section.HomepageManageAll div.ManageAllTextPanels { width:100% !important;}
  section.HomepageManageAll div.ManageAllTextPanel {
    padding:30px 20px 20px; background-color:white; border-radius:20px;
    margin:0 0 30px; max-width:100%;
    background-size:30px 30px;
    background-position: 20px 30px;
  }
  section.HomepageManageAll div.ManageAllTextPanel:nth-child(1),
  section.HomepageManageAll div.ManageAllTextPanel:nth-child(4) {
    padding-bottom:0;
  }
  section.HomepageManageAll div.ManageAllTextPanel a.PillButton {
    font-size:18px;
    padding:12px 20px;
  }
  section.HomepageManageAll div.ManageAllTextPanel h3 {padding-left:40px;}
  section.HomepageManageAll img {max-width:100%; margin:30px auto 0;}
}

section.HomepageGetEvenMore {
	background-color:white;
  padding:70px 20px 0;
}
section.HomepageGetEvenMore.YellowWhite {
  background-image:url(/Images/Content/82/Templates/72478/images/ChurchWebsites/Yellow-background-2.jpg);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
  padding:60px 20px 50px;
}
section.HomepageGetEvenMore.YellowWhite.Purple {
  background-image:url(/Images/Content/82/Templates/72478/images/ChurchWebsites/Purple-pattern-background.jpg);
  padding:50px 20px 20px;
}
section.HomepageGetEvenMore.YellowWhite.Security {
  background-image:url(/Images/Content/82/Templates/72478/images/Security/Yellow-background-security.jpg);
	padding:50px 20px 40px;
}

section.HomepageGetEvenMore div.container {max-width:1230px;}
section.HomepageGetEvenMore.YellowWhite.Purple div.container {max-width:1350px;}
section.HomepageGetEvenMore.YellowWhite.VerA div.container {max-width:1270px;}
section.HomepageGetEvenMore.YellowWhite.VerB div.container {max-width:1245px;}
section.HomepageGetEvenMore h2 {text-align:center; margin:0 0 30px;}
section.HomepageGetEvenMore.YellowWhite h2 { margin:0 0 20px;}
section.HomepageGetEvenMore div.GetEvenMoreCardWrapper {
	display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch;
}
section.HomepageGetEvenMore div.GetEvenMoreCardWrapper > div { 
  width: 100%; margin:15px 0;
  display: flex; flex-flow: column nowrap; justify-content: stretch; align-items:center;
} /* 1 column */
section.HomepageGetEvenMore.YellowWhite div.GetEvenMoreCardWrapper > div {
	align-items:flex-start;
  background-color:white; padding:25px 40px 15px; border-radius:22px;
  box-shadow:0 2px 10px 2px rgba(0,0,0,0.1);
}
section.HomepageGetEvenMore.YellowWhite.Purple div.GetEvenMoreCardWrapper > div {
  background-color:transparent; box-shadow:none; padding:0 30px 30px;
}
@media(max-width:767px){
  section.HomepageGetEvenMore.YellowWhite div.GetEvenMoreCardWrapper > div {
    padding:25px 20px 10px;
  }
}
section.HomepageGetEvenMore.YellowWhite.Security div.container {
	max-width:965px;
}
section.HomepageGetEvenMore.YellowWhite.Security div.ArticleBody {
	padding:0 0 0 140px;
  background-image:url(/Images/Content/82/Templates/72478/images/Security/Security-shield.png);
  background-repeat:no-repeat;
  background-position:left 5px;
}
@media (max-width: 991px) {
  section.HomepageGetEvenMore.YellowWhite.Security div.ArticleBody {
	padding:0 0 0 100px; 
    background-size:74px;
    background-position:left 0;
  }
}
@media (max-width: 467px) {
  section.HomepageGetEvenMore.YellowWhite.Security div.ArticleBody {
	padding:110px 0 0; 
    background-size:80px;
    background-position:center top;
    text-align:center;
  }
}


@media (min-width: 768px) { /* 2 columns */
	section.HomepageGetEvenMore div.GetEvenMoreCardWrapper > div { width: 49%; margin:15px 0; }
	section.HomepageGetEvenMore div.GetEvenMoreCardWrapper > div:nth-child(2n+1) {margin-right:1%;} /* Extra 1% on each */
	section.HomepageGetEvenMore div.GetEvenMoreCardWrapper > div:nth-child(2n) {margin-left:1%;}
}
@media (min-width: 992px) { /* 3 columns */
	section.HomepageGetEvenMore div.GetEvenMoreCardWrapper > div { width:32%; margin:15px 0;}
	section.HomepageGetEvenMore div.GetEvenMoreCardWrapper > div:nth-child(3n+1) {margin-left:0;margin-right:0;}
	section.HomepageGetEvenMore div.GetEvenMoreCardWrapper > div:nth-child(3n+2) {margin-left:2%;margin-right:2%;} /* extra 4% on the middle one only */
	section.HomepageGetEvenMore div.GetEvenMoreCardWrapper > div:nth-child(3n) {margin-left:0;margin-right:0;}
  
	section.HomepageGetEvenMore div.GetEvenMoreCardWrapper.OnlyTwoCards > div { width: 49%; margin:15px 0; }
	section.HomepageGetEvenMore div.GetEvenMoreCardWrapper.OnlyTwoCards > div:nth-child(2n+1) {margin-right:1%;} /* Extra 1% on each */
	section.HomepageGetEvenMore div.GetEvenMoreCardWrapper.OnlyTwoCards > div:nth-child(2n) {margin-left:1%;}
}
section.HomepageGetEvenMore div.GetEvenMoreCardWrapper div.GetEvenMoreImg img { 
  display: block; width: 100%;  margin:0 auto; max-width:367px;
}
section.HomepageGetEvenMore.YellowWhite div.GetEvenMoreCardWrapper div.GetEvenMoreImg img { 
   margin:0; width:55px; display:inline-block;
}
section.HomepageGetEvenMore div.GetEvenMoreCardWrapper div.GetEvenMoreTitle { 
    font-size:32px;
  padding: 25px 10px 15px;
  font-weight: 700;line-height: 1;
}
@media(max-width:991px){
  section.HomepageGetEvenMore div.GetEvenMoreCardWrapper div.GetEvenMoreTitle { 
      font-size:24px;
  }  
}
section.HomepageGetEvenMore.YellowWhite div.GetEvenMoreCardWrapper div.GetEvenMoreTitle {
  font-size:26px;padding:10px 0 15px; 
}
section.HomepageGetEvenMore.YellowWhite.Purple div.GetEvenMoreCardWrapper div.GetEvenMoreTitle {
  font-size:34px;padding:0 0 15px; color:white; font-weight:800;
}
@media(max-width:991px){
  section.HomepageGetEvenMore.YellowWhite.Purple div.GetEvenMoreCardWrapper div.GetEvenMoreTitle { 
      font-size:20px;
  }  
}
@media(max-width:991px){
  section.HomepageGetEvenMore.YellowWhite div.GetEvenMoreCardWrapper > div { 
    flex-flow: row wrap; justify-content: flex-start; align-items:flex-start;
  }	
  section.HomepageGetEvenMore.YellowWhite div.GetEvenMoreCardWrapper div.GetEvenMoreImg {
   padding-right:20px;
  }
  section.HomepageGetEvenMore.YellowWhite div.GetEvenMoreCardWrapper div.GetEvenMoreTitle {
    flex-basis: calc( 100% - 75px );
    padding:17px 0 0 0;
    font-size:20px;
  }
  section.HomepageGetEvenMore.YellowWhite div.GetEvenMoreCardWrapper div.GetEvenMoreText {
   padding-top:15px !important;
  }
}
section.HomepageGetEvenMore div.GetEvenMoreCardWrapper div.GetEvenMoreText { 
  padding: 0 10px 10px;  text-align: center;
  flex:1 1 auto;
}
section.HomepageGetEvenMore div.GetEvenMoreCardWrapper.OnlyTwoCards div.GetEvenMoreText {max-width:525px;}
section.HomepageGetEvenMore.YellowWhite div.GetEvenMoreCardWrapper div.GetEvenMoreText {text-align: left;padding: 0 0 20px;}
section.HomepageGetEvenMore.YellowWhite.Purple div.GetEvenMoreCardWrapper div.GetEvenMoreText {
  padding: 0 0 25px; color:white; max-width:330px;
}
section.HomepageGetEvenMore div.GetEvenMoreCardWrapper div.GetEvenMoreLink {
  line-height:1; text-align:center; margin:20px 0 0;
} /* takes up the height slack */
section.HomepageGetEvenMore div.GetEvenMoreCardWrapper div.GetEvenMoreLink a {
  color:#cb67b1; text-decoration:underline; display:block;
}
section.HomepageGetEvenMore div.GetEvenMoreCardWrapper div.GetEvenMoreLink a:hover {
  color:#6666ae;
}

section.LogoScrollA,
section.LogoScrollB {overflow:hidden;}
section.LogoScrollA h1 {
  font-size:24px; font-weight:700; text-align:center; margin:0 20px;
  position:relative; top:90px;
  line-height:1;
}
section.LogoScrollA img,
section.LogoScrollB img {display:block; max-width:100%;}
section.LogoScrollA div.LogoScroller,
section.LogoScrollB div.LogoScroller {
	display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center;
  position:relative;
  padding:5px 0;
}
section.LogoScrollA div.LogoScroller:first-of-type {
   left:0; top:130px;
}
section.LogoScrollA div.LogoScroller:nth-of-type(2) {
   left:100%;
}
section.LogoScrollB div.LogoScroller:first-of-type {
   right:0; top:20px;
}
section.LogoScrollB div.LogoScroller:nth-of-type(2) {
   right:100%; top:-110px;
}
section.LogoScrollA div.SingleLogo,
section.LogoScrollB div.SingleLogo {
  width:12.5%; min-width:210px;
  display:flex; flex-flow:row nowrap; justify-content:center; align-items:center;
  margin:0 5px;
  padding:0 30px;
  box-shadow:0 2px 3px 1px rgba(0,0,0,0.04);
  height:120px;
  border-radius:20px;
  border:1px solid #ededf0;
}
section.LogoScrollB div.SingleLogo {
  width:12.5%; min-width:210px;
}
@media(max-width:1200px){
  section.LogoScrollA div.SingleLogo,
  section.LogoScrollB div.SingleLogo {
    height:90px;
  }
  section.LogoScrollA div.LogoScroller:first-of-type {
     left:0; top:100px;
  }
  section.LogoScrollB div.LogoScroller:nth-of-type(2) {
     right:100%; top:-80px;
  }
}

/* Carousel */
section.RecentUploads {
  color:black;
  padding:80px 10px 80px;
  background-image:url(/Images/Content/82/Templates/72478/images/Homepage/Yellow-background.jpg);
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}
section.RecentUploads a {color:black;}
section.RecentUploads div.container {
  max-width:1600px;
}
section.RecentUploads h1 {
  font-size:48px; color:#414042; font-weight:800; text-align:center;
  margin:0 0 20px; line-height:1.2;
}
@media(max-width:991px){
  section.RecentUploads h1 {
    font-size:32px;
  }  
}
section.RecentUploads div.PillButtonWrapper {
  margin:45px 0 0; 
}
section.RecentUploads img {
  display:block;
}
section.RecentUploads a {
  display:block;
}
section.RecentUploads span {
  display:block;
}
section.XRecentUploads div.CaroFlexBox {
  display:flex;flex-flow:row nowrap; justify-content:center; align-items:flex-start;
}
section.RecentUploads div.CaroFlexBox ul.gallery_ul {
  display:block;
}
section.RecentUploads div.CaroFlexBox div.bx-viewport > div > div {
  display:flex; flex-flow:column nowrap; justify-content:stretch; align-items:center;
}
section.RecentUploads div.CaroFlexBox div.bx-viewport > div {
  display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;
}
section.RecentUploads div.bannerSlides {
  margin:0;
}
section.RecentUploads div.bx-wrapper {
  width:100% !important;
  border:none;
  box-shadow:none;
  background-color:transparent;
  margin:0;
}
section.RecentUploads div.bx-viewport {
  margin:0 auto;
}
section.RecentUploads div.bx-wrapper div.bx-controls-direction {text-align:center;}
section.RecentUploads div.bx-wrapper div.bx-controls-direction a {
  display:inline-block !important;
  width:60px;height:60px;
  border-radius:60px;
  z-index:1;
}
section.RecentUploads div.bx-wrapper a.bx-prev {
  background-image:none;
  text-indent:0; 
  color:transparent;
  font-size:0;
}
section.RecentUploads div.bx-wrapper a.bx-prev::before {
  display:inline-block;
  font-family:HubbIcons;
  content:'\e90c';
  font-size:20px; line-height:1;
  color:#58585A; background-color:white;
  padding:19px 0 21px 0 !important;
  width:60px;height:60px;border-radius:60px;
  position:relative; right:100px;
  transition:300ms opacity linear;
}
section.RecentUploads div.bx-wrapper a.bx-next {
  background-image:none;
  text-indent:0; 
  color:transparent;
  font-size:0;
}
section.RecentUploads div.bx-wrapper a.bx-next::before {
  display:inline-block;
  font-family:HubbIcons;
  content:'\e90d';
  font-size:20px; line-height:1;
  color:#58585A; background-color:white;
  padding:19px 0 21px 5px !important;
  width:60px;height:60px;border-radius:60px;
  position:relative; left:100px;
  transition:300ms opacity linear;
}
section.RecentUploads div.bx-wrapper a.bx-prev:hover::before,
section.RecentUploads div.bx-wrapper a.bx-next:hover::before {opacity:0.7;}

@media(max-width:1540px){ /* large screen size needed for side buttons */
  div.bx-wrapper div.bx-controls-direction a {
    position:relative; top:25px; bottom:0; left:0; right:0;
  }
  section.RecentUploads div.bx-wrapper a.bx-prev::before {right:10px;}
  section.RecentUploads div.bx-wrapper a.bx-next::before {left:10px;}
  section.RecentUploads div.PillButtonWrapper {position:relative; top:20px;}
}

section.RecentUploads div.mediaListImage a,
section.RecentUploads div.articleListImage a {position:relative;}
section.RecentUploads div.PlayIcon {
  	display:block;
	position:absolute; right:0; bottom:0;
  	background-color:rgba(246,242,241,0.4);
  	width:80px; height:80px;
  	transition:background-color 300ms linear;
}
section.RecentUploads div.PlayIcon::before {
  	font-family:HubbIcons;
 	content:'\e942';
  	font-size:34px; line-height:1;
  	position:relative; top:21px; left:24px;
  	color:#282c2f;
}
section.RecentUploads div.mediaListImage a:hover div.PlayIcon,
section.RecentUploads div.articleListImage a:hover div.PlayIcon {
  background-color:rgba(246,242,241,0.9);
}
section.RecentUploads div.LowerText {
	text-align:center;
  	margin:40px 0 0;
}
section.RecentUploads div.LowerText > div:first-child {
    font-weight:600;
  	font-size:26px;
  	margin:0 0 5px;
}
section.RecentUploads div.LowerText div:last-child {
  	font-size:22px;
}

section.RecentUploads div.bx-viewport > div > div {
  padding:0 30px 5px;
}
section.RecentUploads div.articleListTitle {
  font-size:20px; font-weight:500; text-align:center; margin:-50px 0 15px;
}
section.RecentUploads div.articleListSummary {
  font-size:14px; font-weight:300; text-align:center; margin:0 0 15px;
  flex: 1 1 auto;
}
section.RecentUploads div.articleListLink {
  text-align:center;
}
section.RecentUploads a.BeigeButton.Black {
  display:inline-block;
  font-size:15px; line-height:1; padding-top:20px; padding-bottom:20px;
  margin:0 0 40px;
}
section.RecentUploads.AboutUs div.container {max-width:1330px;}
section.RecentUploads.AboutUs div.articleListTitle {margin:10px 0 5px;}
section.RecentUploads.AboutUs img {
  display:block;
}

section.XRecentUploads div.bx-viewport li.gallery_li {
  display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;
}
section.RecentUploads div.bx-viewport li.gallery_li {
  height:100%;  display:block;
}
section.RecentUploads div.TestimonyBlock {
  background-color:white; color:#414042;
  border-radius:20px;
  padding:25px 30px;
  display:flex; flex-flow:column nowrap; justify-content:stretch; align-items:flex-start;
  height:100%;
}
section.RecentUploads div.TestimonyBlock div.TestimonyText {
  flex:1 1 auto; /* 152px */;
}
@media(max-width:991px){
  section.XRecentUploads div.TestimonyBlock div.TestimonyText {
    flex:none;
  }  
}
section.RecentUploads div.TestimonyTitle {
	font-size:21px; font-weight:700; margin:0 0 10px;
}
section.RecentUploads div.TestimonyBlock div.TestimonyFlex {
	display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center;
  margin:20px 0 0;
}
section.RecentUploads div.TestimonyBlock div.TestimonyFlex img {margin:0 15px 0 0;}
section.RecentUploads div.TestimonyFlexTitle {font-size:18px; font-weight:700;}
section.RecentUploads div.TestimonyFlexText {font-size:14px; font-weight:400;}
section.RecentUploads div.bx-viewport {height:auto !important;}

section.ContentPage div.TestimonyBlock {
    background-color:white; color:#414042;
  border-radius:20px;
  padding:25px 40px;
  margin:0 0 30px;
  box-shadow:0 3px 10px 3px rgba(0,0,0,0.04);
}
@media(max-width:767px){
  section.ContentPage div.TestimonyBlock {
    padding:25px 20px;
  }
}
section.ContentPage div.TestimonyBlock div.TestimonyFlex {
	display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center;
  margin:15px 0 0;
}
section.ContentPage div.TestimonyBlock div.TestimonyFlex img {
  margin:0 20px 0 0; border-radius:100px; border:3px solid #dddddd;
}
section.ContentPage div.TestimonyBlock div.TestimonyFlex img.NoBorder {border:none;}
section.ContentPage div.TestimonyBlock div.TestimonyFlex img.NoRadius {border-radius:0;}
section.ContentPage div.TestimonyFlexTitle {font-size:21px; font-weight:700;}
section.ContentPage div.TestimonyFlexText {font-size:17px; font-weight:300;}

div.DivOuterGrey {background-color:#f2f3f9; padding:60px 20px 80px;}
div.DivOuterGrey > div {
	max-width:1350px;
  	margin:0 auto;
  	padding:20px 0 0;
}
div.DivOuterGrey > section {
  background-color:white !important; border-radius:22px;
  padding-left:50px;
  padding-right:50px;
  margin:0 auto 50px;
  max-width:1350px;
}
@media(max-width:991px){
  div.DivOuterGrey > section {
    padding:30px 20px;
  }
}
div.DivOuterGrey a.PhoneLink {color:#414042;}
div.DivOuterGrey a.EmailLink {text-decoration:underline;}
div.DivOuterGrey h2 {
  font-size:28px !important; 
  font-weight:700 !important;
  margin:0 0 15px !important;
}
div.DivOuterGrey div.LeftColTypeA {max-width:380px; width:auto !important;}
div.DivOuterGrey div.RightColTypeA {width:auto !important;}
div.DivOuterGrey section.HomepageHero div.ArticleBody {justify-content:space-around;}

section.EmptyHeroSlice {padding-top:0;}


@keyframes HomepageHeroH1 {
  0% {bottom:-150px; left:150px; font-size:64px; opacity:0;}
  100% {bottom:0; left:0; font-size:82px; opacity:1;}
}
@keyframes HomepageHeroMobileH1 {
  0% {bottom:-150px; left:150px; font-size:30px; opacity:0;}
  100% {bottom:0; left:0; font-size:36px; opacity:1;}
}
@keyframes HomepageHeroText {
  0% {bottom:-60px; left:50px; opacity:0;}
  100% {bottom:0; left:0; opacity:1;}
}
@keyframes HomepageHeroLinks {
  0% {bottom:-60px;  opacity:0;}
  100% {bottom:0; opacity:1;}
}
@keyframes HomepageHeroImage {
  0% {opacity:0; width:400px;}
  100% {opacity:1; width:660px;}
}
@keyframes SimpleOpacity {
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes OpacityB {
  0% {opacity:0.4;}
  100% {opacity:1;}
}

header section.slice_Header_L > div.container {
  animation-name: SimpleOpacity;
  animation-iteration-count: 1;
  animation-duration: 450ms;
  animation-delay:200ms; /* initial delay, will be zero if scroll-position activated. */
  animation-timing-function: linear;
  animation-fill-mode:both; /* keep 100% values on at the end */
}

header section.slice_Header_L li.slicknav_open a.MMLink,
header section.slice_Header_L a.slicknav_open + ul a.menu_link,
header section.slice_Header_L a.slicknav_open + ul a.menu_link + span,
header section.slice_Header_L li.slicknav_open a.ColC {
  animation-name: SimpleOpacity;
  animation-iteration-count: 1;
  animation-duration: 400ms;
  animation-delay:300ms; /* initial delay, will be zero if scroll-position activated. */
  animation-timing-function: linear;
  animation-fill-mode:both; /* keep 100% values on at the end */
}
header section.slice_Header_L li.slicknav_open div.ColA a.MMLink:nth-child(1) {animation-delay:500ms;}
header section.slice_Header_L li.slicknav_open div.ColA a.MMLink:nth-child(2) {animation-delay:600ms;}
header section.slice_Header_L li.slicknav_open div.ColA a.MMLink:nth-child(3) {animation-delay:700ms;}
header section.slice_Header_L li.slicknav_open div.ColB a.MMLink:nth-child(1) {animation-delay:800ms;}
header section.slice_Header_L li.slicknav_open div.ColB a.MMLink:nth-child(2) {animation-delay:900ms;}
header section.slice_Header_L li.slicknav_open div.ColB a.MMLink:nth-child(3) {animation-delay:1000ms;}
header section.slice_Header_L li.slicknav_open a.ColC {animation-delay:1100ms;}
header section.slice_Header_L li.slicknav_open div.MMGreyCol a.MMLink:nth-child(1) {animation-delay:1200ms;}
header section.slice_Header_L li.slicknav_open div.MMGreyCol a.MMLink:nth-child(2) {animation-delay:1300ms;}
header section.slice_Header_L li.slicknav_open div.MMGreyCol a.MMLink:nth-child(3) {animation-delay:1400ms;}
header section.slice_Header_L li.slicknav_open div.MMGreyCol a.MMLink:nth-child(4) {animation-delay:1500ms;}

header section.slice_Header_L li.slicknav_open div.MMServices div.ColA a.MMLink:nth-child(1) {animation-delay:500ms;}
header section.slice_Header_L li.slicknav_open div.MMServices div.ColA a.MMLink:nth-child(2) {animation-delay:600ms;}
header section.slice_Header_L li.slicknav_open div.MMServices div.ColB a.MMLink:nth-child(1) {animation-delay:700ms;}
header section.slice_Header_L li.slicknav_open div.MMServices div.ColB a.MMLink:nth-child(2) {animation-delay:800ms;}
header section.slice_Header_L li.slicknav_open div.MMServices div.MMGreyCol a.MMLink:nth-child(1) {animation-delay:900ms;}
header section.slice_Header_L li.slicknav_open div.MMServices div.MMGreyCol a.MMLink:nth-child(2) {animation-delay:1000ms;}

header section.slice_Header_L a.slicknav_open + ul li:nth-child(2) a.menu_link,
header section.slice_Header_L a.slicknav_open + ul li:nth-child(2) a.menu_link + span {animation-delay:400ms;}
header section.slice_Header_L a.slicknav_open + ul li:nth-child(3) a.menu_link,
header section.slice_Header_L a.slicknav_open + ul li:nth-child(3) a.menu_link + span {animation-delay:500ms;}
header section.slice_Header_L a.slicknav_open + ul li:nth-child(4) a.menu_link,
header section.slice_Header_L a.slicknav_open + ul li:nth-child(4) a.menu_link + span {animation-delay:600ms;}
header section.slice_Header_L a.slicknav_open + ul li:nth-child(5) a.menu_link {animation-delay:700ms;}
header section.slice_Header_L a.slicknav_open + ul li:nth-child(6) a.menu_link {animation-delay:800ms;}
header section.slice_Header_L a.slicknav_open + ul li:nth-child(7) a.menu_link {animation-delay:900ms;}

section.HomepageHero.ActualHero div.LeftColTypeA h1 {
  position:relative;
  animation-name: HomepageHeroH1;
  animation-iteration-count: 1;
  animation-duration: 500ms;
  animation-delay:600ms; /* initial delay, will be zero if scroll-position activated. */
  animation-timing-function: ease-out;
  animation-fill-mode:both; /* keep 100% values on at the end */
}
section.HomepageHero.ActualHero div.LeftColTypeA div.ParagraphLarge,
section.HomepageHero.ActualHero div.LeftColTypeA div.ParagraphSmall,
section.HomepageHero.ActualHero div.MobileHero div.ParagraphSmall {
  position:relative;
  animation-name: HomepageHeroText;
  animation-iteration-count: 1;
  animation-duration: 450ms;
  animation-delay:650ms; /* initial delay, will be zero if scroll-position activated. */
  animation-timing-function: ease-out;
  animation-fill-mode:both; /* keep 100% values on at the end */
}
section.HomepageHero.ActualHero div.LeftColTypeA div.PillButtonWrapper,
section.HomepageHero.ActualHero div.LeftColTypeA div.DownloadLink,
section.HomepageHero.ActualHero div.MobileHero div.PillButtonWrapper,
section.HomepageHero.ActualHero div.MobileHero div.DownloadLink {
  position:relative;
  animation-name: HomepageHeroLinks;
  animation-iteration-count: 1;
  animation-duration: 400ms;
  animation-delay:700ms; /* initial delay, will be zero if scroll-position activated. */
  animation-timing-function: ease-out;
  animation-fill-mode:both; /* keep 100% values on at the end */
}
section.HomepageHero.ActualHero div.RightColTypeA {height:550px;}
section.HomepageHero.ActualHero.VerA div.RightColTypeA {height:auto;}
section.HomepageHero.ActualHero.VerB div.RightColTypeA {height:auto;}
section.HomepageHero.ActualHero.VerC div.RightColTypeA,
section.HomepageHero.ActualHero.VerD div.RightColTypeA,
section.HomepageHero.ActualHero.VerJ div.RightColTypeA,
section.HomepageHero.ActualHero.VerL div.RightColTypeA,
section.HomepageHero.ActualHero.VerF div.RightColTypeA,
section.HomepageHero.ActualHero.VerG div.RightColTypeA,
section.HomepageHero.ActualHero.VerH div.RightColTypeA,
section.HomepageHero.ActualHero.VerE div.RightColTypeA,
section.HomepageHero.ActualHero.VerK div.RightColTypeA {height:auto;}
section.HomepageHero.ActualHero.VerJ div.container,
section.HomepageHero.ActualHero.VerL div.container {max-width:1170px;}
section.HomepageHero.ActualHero div.RightColTypeA img,
section.HomepageHero.ActualHero div.RightColTypeA dotlottie-player,
section.HomepageHero.ActualHero div.MobileHero img {
  animation-name: SimpleOpacity;
  animation-iteration-count: 1;
  animation-duration: 700ms;
  animation-delay:1100ms; /* initial delay, will be zero if scroll-position activated. */
  animation-timing-function: linear;
  animation-fill-mode:both; /* keep 100% values on at the end */
}
section.HomepageStreamline,
section.HomepageGetEvenMore.YellowWhite  {
  animation-name: SimpleOpacity;
  animation-iteration-count: 1;
  animation-duration: 450ms;
  animation-delay:200ms; /* initial delay, will be zero if scroll-position activated. */
  animation-timing-function: linear;
  animation-fill-mode:both; /* keep 100% values on at the end */
}
section.HomepageHero.HomepageLookGood div.RightColTypeA img,
section.HomepageManageAll div.ManageFlexB div.ImageWrapper img {
  animation-name: SimpleOpacity;
  animation-iteration-count: 1;
  animation-duration: 700ms;
  animation-delay:100ms; /* initial delay, will be zero if scroll-position activated. */
  animation-timing-function: linear;
  animation-fill-mode:both; /* keep 100% values on at the end */
}
section.HomepageHero.HomepageLookGood.Security div.RightColTypeA img {
	animation-name: none;
}

section.HomepageHero.ActualHero div.MobileHero h1 {
  position:relative;
  animation-name: HomepageHeroMobileH1;
  animation-iteration-count: 1;
  animation-duration: 500ms;
  animation-delay:600ms; /* initial delay, will be zero if scroll-position activated. */
  animation-timing-function: ease-out;
  animation-fill-mode:both; /* keep 100% values on at the end */
}

section.ContentPage.TeamGallery {
	background-color:#98a5d3;
  background-image:url(/Images/Content/82/Templates/72478/images/Team/Lilac-background-top.jpg),
    url(/Images/Content/82/Templates/72478/images/Team/Lilac-background-bottom.jpg);
  background-repeat:no-repeat,no-repeat;
  background-size:contain,contain;
  background-position:top left,bottom left;
}
section.ContentPage.TeamGallery ul {
  margin:0; padding:0; list-style:none;
	display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch;
}
section.ContentPage.TeamGallery li { 
  background-color:white; width: 100%; margin:30px 0;
  border-radius:22px;
  box-shadow:0 3px 10px 3px rgba(0,0,0,0.1);
  display: flex; flex-flow: column nowrap; justify-content: stretch; align-items:flex-start;
  text-align:center;
  padding:30px 30px 50px;
} /* 1 column */
@media (min-width: 467px) { /* 2 columns */
	section.ContentPage.TeamGallery li { width: 48.5%; margin:30px 0; }
	section.ContentPage.TeamGallery li:nth-child(2n+1) {margin-right:1.5%;} /* Extra 1% on each */
	section.ContentPage.TeamGallery li:nth-child(2n) {margin-left:1.5%;}
}
@media (min-width: 992px) { /* 3 columns */
	section.ContentPage.TeamGallery li { width:31.6666%; margin:30px 0;}
	section.ContentPage.TeamGallery li:nth-child(3n+1) {margin-left:0;margin-right:0;}
	section.ContentPage.TeamGallery li:nth-child(3n+2) {margin-left:2.5%;margin-right:2.5%;} /* extra 4% on the middle one only */
	section.ContentPage.TeamGallery li:nth-child(3n) {margin-left:0;margin-right:0;}
}
section.ContentPage.TeamGallery li img {display:block; margin:0 auto 20px; max-width:100%;}
section.ContentPage.TeamGallery div.TeamName {font-size:32px; font-weight:700; line-height:1;}
section.ContentPage.TeamGallery div.TeamJobTitle {font-size:19px; margin:5px 0 20px;}
@media (max-width: 991px) {
  section.ContentPage.TeamGallery li {
    padding:20px 15px 20px;
  }
}

/* Open and Shut bars */
section div.SimpleOpenShut div.SimpleOpenShutTitle {
  position:relative; cursor:pointer;
}
section div.SimpleOpenShut div.SimpleOpenShutTitle div.PlanButton::after {
	font-family:journey;content:'\e900'; position:absolute; 
  right:15px; top:17px; color:#6A6A6A;font-weight:400;
  font-size:18px;
}
section div.SimpleOpenShut.Opened div.SimpleOpenShutTitle div.PlanButton::after {
	transform:rotate(90deg);
}
section div.SimpleOpenShut div.SimpleOpenShutText {
 display:none;
}
section div.SimpleOpenShut.Opened div.SimpleOpenShutText {
 display:block; 
}

section.TwoImages div.PricingBlock {
	background-color:white;
  padding:15px 20px 15px 40px;
  width:100%;
  margin:0 0 12px;
  box-shadow: 0px 4px 4px 2px rgba(0,0,0,0.1);
}
section.TwoImages div.PricingBlock.SimpleOpenShut {
    border-top-left-radius:8px;
  border-top-right-radius:8px;
}
section.TwoImages div.PricingBlock div.SimpleOpenShutTitle {
	font-size:34px;font-weight:800;color:#414042;
}
section.TwoImages div.PricingBlock div.PlanButton {
	border:1px solid #cecece; border-radius:10px;
  font-size:20px; font-weight:400; line-height:1;
  padding:7px 55px 14px 25px;
  float:right;
  cursor:pointer;
}
section.TwoImages div.PricingBlock.Opened div.PlanButton {
  border-color:white;
}
section.TwoImages div.PricingBlock div.PlanButton img {
 position:relative; top:5px; right:5px; 
}

section.TwoImages div.PricingBlock div.SimpleOpenShutText {
	padding-right:30px;
}
section.TwoImages div.PricingBlock.Info {
  display:flex; flex-flow: row nowrap; justify-content: space-between; align-items:stretch;
  padding:0;
}
section.TwoImages div.PricingBlock.Info div.BlockColour {
  display:flex; flex-flow: row nowrap; justify-content: center; align-items:center;
  font-size:40px; font-weight:800; line-height:1.1;
  color:white; background-color:#5C7CC7;
  padding:0 50px 0 45px;
  width:252px; flex-basis:252px;
}
section.TwoImages div.PricingBlock.Info div.PriceBlock {
  display:flex; flex-flow: row nowrap; justify-content: center; align-items:center;
  font-size:44px; font-weight:800;
  	padding:0 40px 0 10px;
  width:198px; flex-basis:198px;
}
section.TwoImages div.PricingBlock.Info div.PriceBlock::after {
	content:'/ month';
  font-size:20px; font-weight:400;
  white-space:nowrap;
  position:relative; top:7px; left:4px;
}
section.TwoImages div.PricingBlock.Info div.MainInfo {
	padding:25px 0 20px 30px;
  flex-basis:675px;
}
section.TwoImages div.PricingBlock.Info div.ShearOuter {
     display:flex; flex-flow: row nowrap; justify-content: flex-start; align-items:stretch;
  position:relative; right:16px;
  width:25px; flex-basis:25px;
}
section.TwoImages div.PricingBlock.Info div.Shear {
   display:flex; flex-flow: column nowrap; justify-content:center; align-items:flex-start;
}
section.TwoImages div.PricingBlock.Info div.Shear div {
  	background-color:#5C7CC7;
  width:25px; height:35px;
  position:relative; 
}
section.TwoImages div.PricingBlock.Info div.ShearA {
	transform:skewX(30deg);
}
section.TwoImages div.PricingBlock.Info div.ShearB {
  transform:skewX(-30deg);
}
section.TwoImages div.PricingBlock.Info div.MainInfo div {
	padding-left:30px;
}
section.TwoImages div.PricingBlock div.Ticked {
	background-image:url(/Images/Content/82/Templates/72478/images/Pricing/Pink-tick-small.png);
  background-position:0 6px;
  background-repeat:no-repeat;
  padding-bottom:5px;
  padding-left:30px;
}
section.TwoImages div.PricingBlock.Info div.MainInfo div.Small {
 	width:210px; float:left; clear:both; 
}
section.TwoImages div.PricingBlock.Info div.MainInfo div div {
	display:inline-block;
}
section.TwoImages div.PricingBlock.Info div.MainInfo div.Shifter {padding:0;}
section.TwoImages div.PricingBlock.Info div.MainInfo div.SmallText {
	font-size:16px; padding-top:10px;
}
section.TwoImages div.PricingBlock.Info div.MainInfo div.SmallTextB,
section.TwoImages div.PricingBlock.Info div.MainInfo div.SmallTextB + div.Shifter {
	font-size:16px; line-height:1;
}
section.TwoImages div.PricingBlock.Info div.MainInfo div.SmallTextB {padding-top:5px;}

section.TwoImages div.PricingBlock.Info:nth-child(3) div.BlockColour,
section.TwoImages div.PricingBlock.Info:nth-child(3) div.ShearOuter div div {background-color:#19A99F;}
section.TwoImages div.PricingBlock.Info:nth-child(5) div.BlockColour,
section.TwoImages div.PricingBlock.Info:nth-child(5) div.ShearOuter div div {background-color:#FA851C;}
section.TwoImages div.PricingBlock.Info:nth-child(6) div.BlockColour,
section.TwoImages div.PricingBlock.Info:nth-child(6) div.ShearOuter div div {background-color:#D063B4;}
section.TwoImages div.PricingBlock.Info:nth-child(7) div.BlockColour,
section.TwoImages div.PricingBlock.Info:nth-child(7) div.ShearOuter div div {background-color:#875CAB;}
section.TwoImages div.PricingBlock.Info:nth-child(8) div.BlockColour,
section.TwoImages div.PricingBlock.Info:nth-child(8) div.ShearOuter div div {background-color:#6663B2;}

@media(max-width:767px){
  section.TwoImages div.PricingBlock div.PlanButton {display:none;}
  section.TwoImages div.PricingBlock {border-radius:8px; padding:15px 20px;}
  section.TwoImages div.PricingBlock div.SimpleOpenShutText {padding-right:0;}
  section.TwoImages div.PricingBlock.Info {
    flex-flow: column nowrap; justify-content: flex-start; align-items:flex-start;
  }
  section.TwoImages div.PricingBlock.Info div.ShearOuter,
  section.TwoImages div.PricingBlock.Info div.BlockColour br {display:none;}
  section.TwoImages div.PricingBlock.Info > div {flex-basis:auto !important;}
  section.TwoImages div.PricingBlock.Info div.BlockColour {
    width:100%; font-size:32px; padding:10px 0; text-align:center;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
  }
  section.TwoImages div.PricingBlock.Info div.PriceBlock,
  section.TwoImages div.PricingBlock.Info div.PriceBlock div {
    padding:0 0 10px 10px;
  }
  section.TwoImages div.PricingBlock div.Ticked {background-position: 0 4px;}
  section.TwoImages div.PricingBlock.Info div.PriceBlock::after {top:1px;}
}

section.ContentPage.Pricing div.container {max-width:900px;}
section.ContentPage.Pricing.LogoDesign div.container {max-width:1020px;}
section.ContentPage.Pricing.Support div.container {max-width:1350px;}
section.ContentPage.Pricing h2 {text-align:center;}
section.ContentPage.Pricing.LogoDesign {background-color:white; padding-top:70px; padding-bottom:20px;}
section.ContentPage.Pricing.LogoDesign.Transparent {background-color:transparent;}
section.ContentPage div.FaqBlock {
	background-color:white; border:1px solid #dddddd; border-radius:10px;
  margin:0 0 10px;
  box-shadow:0 3px 10px 3px rgba(0,0,0,0.04);
  padding:20px 30px 20px 100px;
  background-image:url(/Images/Content/82/Templates/72478/images/Pricing/Question-icon-sml.png);
  background-position:30px 14px;
  background-repeat:no-repeat;  
}
section.ContentPage div.FaqBlock div.SimpleOpenShutTitle {
	font-size:24px;font-weight:700;color:#414042;
}
section.ContentPage div.FaqBlock div.SimpleOpenShutTitle::after {
	font-family:journey;content:'\e900'; position:absolute; 
  right:15px; top:1px; color:#6A6A6A;font-weight:400;
  font-size:24px;
}
section.ContentPage div.FaqBlock div.SimpleOpenShutText {padding-right:80px;}
@media(max-width:767px){
  section.ContentPage div.FaqBlock {
    padding:20px 0 20px 70px; 
    background-position:15px 14px;
  }
  section.ContentPage div.FaqBlock div.SimpleOpenShutTitle::after {
    right:15px;
  }
  section.ContentPage div.FaqBlock div.SimpleOpenShutTitle {
    font-size:20px; line-height:31px; padding-right:40px;
  }
  section.ContentPage div.FaqBlock div.SimpleOpenShutText {
    padding-right:0;
    position:relative; right:30px; top:10px;
  }
}
section.ContentPage div.FaqBlock.Opened div.SimpleOpenShutTitle::after {
	transform:rotate(90deg);
}

section.ContentPage.Pricing div.FlexRow {
	background-color:white; border-radius:10px;
  box-shadow:0 3px 10px 3px rgba(0,0,0,0.04);
  padding:0 60px 0 40px;
   display:flex; flex-flow: row nowrap; justify-content: flex-start; align-items:center;
}
section.ContentPage.Pricing.LogoDesign div.FlexRow {
	background-image:url(/Images/Content/82/Templates/72478/images/CreativeServices/LogoDesign/Purple-pattern-background.jpg);
  background-size:cover;
  background-position:center center;
  padding:0 80px 5px 80px;
  color:white;
  border-radius:30px; box-shadow:none;
}
section.ContentPage.Pricing.Support div.FlexRow {
	background-image:url(/Images/Content/82/Templates/72478/images/Support/gold-curve.png);
  background-size:contain;
  background-position:right center;
  background-repeat:no-repeat;
  background-color:#ffe954;
  border-radius:30px; box-shadow:none;
}
@media(max-width:991px){
  section.ContentPage.Pricing div.FlexRow {
    border-radius:15px !important;
    box-shadow:none  !important;
    padding:15px 15px 30px !important;
     flex-flow: column nowrap; justify-content: flex-start; align-items:center;
  }
  section.ContentPage.Pricing div.FlexRow > div {padding:0 !important;}
  section.ContentPage.Pricing.Support div.FlexRow div.PillButtonWrapper {margin:20px auto 0;}
}

section.ContentPage.Pricing.LogoDesign div.FlexRow a {color:white; text-decoration:underline;}
section.ContentPage.Pricing.LogoDesign h3 {color:white; margin:0 0 10px;}
section.ContentPage.Pricing div.FlexRow div.Title {
  font-size:26px; font-weight:800;
  margin:0 0 5px;
}
section.ContentPage.Pricing div.FlexRow > div {padding:0 0 0 30px;}
section.ContentPage.Pricing.LogoDesign div.FlexRow > div {padding:0 0 0 40px;}
section.ContentPage.Pricing div.FlexRow img {
  position:relative; top:-20px;
}

section.HowItWorksVideo {
	background-image:url(/Images/Content/82/Templates/72478/images/HowItWorks/Purple-rings-background.jpg);
  background-size:cover;
  background-position:center center;
  padding:50px 20px;
}
section.HowItWorksVideo div.container {max-width:1200px;}
section.HowItWorksVideo div.FlexRow {
   display:flex; flex-flow: row nowrap; justify-content: flex-start; align-items:center;
}
section.HowItWorksVideo div.FlexRow div.VideoText h2 {color:white; margin:0 0 15px;}
section.HowItWorksVideo div.FlexRow div.VideoText {
  color:white;
	max-width:490px; width:100%;
  padding:0 0 0 50px;
}
section.HowItWorksVideo video {display:block; width:100%; max-width:694px;}
@media(max-width:767px){
  section.HowItWorksVideo div.FlexRow {
     flex-flow: column nowrap;
  }
  section.HowItWorksVideo div.FlexRow div.VideoText {padding:20px 0 0;}
}


section.ContentPage.White.HowItWorks div.container {
	max-width:1350px;
}
section.ContentPage.White.HowItWorks div.HowItWorksStep5 {
	background-color:#f4f5fa;
  padding:25px 80px 25px 170px;
  border-radius:30px;
  margin:0 0 15px;
}
section.ContentPage.White.HowItWorks h3 {
	margin:0 0 10px;
}
section.ContentPage.White.HowItWorks div.HowItWorksStep5 {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon-pricing-plans.png);
  background-position:40px 30px;
  background-repeat:no-repeat;  
}
section.ContentPage.White.HowItWorks div.HowItWorksStep5:nth-child(3) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon-domains-and-emails.png); 
}
section.ContentPage.White.HowItWorks div.HowItWorksStep5:nth-child(4) {
  background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/icon-sign-up.png); 
}
@media(max-width:767px){
  section.ContentPage.White.HowItWorks div.HowItWorksStep5 {
    padding:130px 15px 20px 15px;
    border-radius:20px;
    background-position:15px 15px;
  }
}


section.HomepageHero.ActualHero.VerI div.ContactSupport {
	padding:30px; border:2px solid #b9c5e1; border-radius:20px;
}
section.HomepageHero.ActualHero.VerI div.ContactSupport div.FlexRow {
   display:flex; flex-flow: row nowrap; justify-content: flex-start; align-items:center;
  margin:0 0 20px;
}
section.HomepageHero.ActualHero.VerI div.ContactSupport div.FlexRow img {
   display:block; width:50px; margin:0 20px 0 0;
}

section.HomepageHero.ActualHero.VerI div.RightColTypeA {
  align-self:flex-start;
	margin:0 0 0 100px; padding:30px 40px 50px;
  background-color:#e9ebf5; border-radius:20px;
  height:auto;
  font-size:19px;
}
section div.HasFormCode input,
section div.HasFormCode select,
section div.HasFormCode textarea {
  border:1px solid #d1d8eb; border-radius:4px;
  width:100%;
  padding:17px 20px 16px;
  margin:0 0 10px;
}
section div.HasFormCode input[type="checkbox"] {
	width:20px; height:20px; border:none; padding:0; margin:0 10px 0 0;
  position:relative; top:3px;
}
section div.HasFormCode select {
  margin:0 0 20px; padding-right:80px;
  appearance: none;
  background-image:url(/Images/Content/82/Templates/72478/images/Button-arrow-right-sml.png);
  background-repeat:no-repeat;
  background-position:94% 14px;
  cursor:pointer;
}
section div.HasFormCode select,
section div.HasFormCode select option {background-color:white;}

section div.HasFormCode textarea {
  margin:0 0 20px;
}

section div.HasFormCode input:focus,
section div.HasFormCode select:focus,
section div.HasFormCode textarea:focus {
  outline:none;
}
section div.HasFormCode input::placeholder,
section div.HasFormCode textarea::placeholder {
	color:#888888;
}
section div.HasFormCode input.sitebutton {
	color:white; background-color:#6666AE;
  padding:17px 80px; border-radius:100px;
  font-size:21px; width:auto; line-height:1;
}
section.HomepageHero.ActualHero.VerI div.RightColTypeA div.ArticleBody {display:block;}
section div.HasFormCode div.grecaptcha-badge {
	position:static !important;
  box-shadow:none !important;
  margin-top:15px !important;
  width:auto !important;
    height:auto !important;
}
section div.HasFormCode div.grecaptcha-badge iframe {
  border:1px solid #d1d8eb !important; 
  border-radius:4px !important;  
}
div#divOverlay.form_submission_overlay ui-dialog-content ui-widget-content {
  font-size:20px !important; 
}
section div.HasFormCode div.SelectWrapper {
	display:inline-block;
  position:relative;
}

section.ContentPage.White.FreeTrial {padding-top:0;}
section.ContentPage.White.FreeTrial div.container {max-width:1170px;}
section.ContentPage.White.FreeTrial div.FreeTrialInfo {
	padding:20px 40px; border-radius:20px;
	background-color:#f4f5fa;
}
section.ContentPage.White.FreeTrial div.FreeTrialInfo div.FlexRow {
   display:flex; flex-flow: row nowrap; justify-content: flex-start; align-items:center;
  margin:0;
}
section.ContentPage.White.FreeTrial div.FreeTrialInfo div.FlexRow img {
   display:block; margin:0 30px 0 0;
}
@media(max-width:467px){
  section.ContentPage.White.FreeTrial div.FreeTrialInfo div.FlexRow {
     display:flex; flex-flow: column nowrap; justify-content: flex-start; align-items:center;
    text-align:center;
  }
  section.ContentPage.White.FreeTrial div.FreeTrialInfo div.FlexRow img {
     margin:0 0 20px;
  }
}

section.ContentPage.White.FreeTrial div.FormPanel {
  margin:30px 0 0;
  padding:30px 40px 40px;
  background-color:#e9ebf5; border-radius:20px;
  font-size:19px;
}
@media(max-width:767px){
  section.ContentPage.White.FreeTrial div.FormPanel {
    padding:30px 15px 40px;
    font-size:18px;
  }  
  section div.HasFormCode input,
  section div.HasFormCode select,
  section div.HasFormCode textarea {
    padding-left:10px; padding-right:10px;
  }
}
section.ContentPage.White.FreeTrial div.FormBlueLine {
	height:1px; background-color:#b9c5e1;
  margin:15px 0 25px;
}
section.ContentPage.White.FreeTrial div.FormBlueLine.LineB {margin-top:5px;}
section.ContentPage.White.FreeTrial div.FormPanel.PanelB input,
section.ContentPage.White.FreeTrial div.FormPanel.PanelB textarea {
	margin-top:8px;
}
section.ContentPage.White.FreeTrial div.FormPanel.PanelB input {
	margin-bottom:30px;
}
section.ContentPage.White.FreeTrial div.FormPanel input[name="County"] {
 width:60%; 
}
section.ContentPage.White.FreeTrial div.FormPanel input[name="Postcode"] {
 width:38%; float:right; 
}


section.PurpleBrochure {
	background-image:url(/Images/Content/82/Templates/72478/images/CreativeServices/Purple-pattern-background.jpg);
  background-size:cover;
  background-position:center center;
}
section.PurpleBrochure div.LeftColTypeA,
section.PurpleBrochure div.LeftColTypeA h2,
section.PurpleBrochure div.LeftColTypeA a.White {color:white;}

section.HomepageManageAllTopV {
	padding:70px 20px 70px;
  background-image:url(/Images/Content/82/Templates/72478/images/WebsiteServices/CheckFix/Yellow-background-3.jpg);
  background-size:cover;
  background-position:center center;  
}
section.HomepageManageAllTopV div.container {
  max-width:1300px;
}
section.HomepageManageAllTopV h2 {margin:0 0 20px;}
section.HomepageManageAllTopV div.ManageFlexA {
  display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:center;
}
section.HomepageManageAllTopV div.ManageFlexB {
  display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;
  background-color:white;
  border-radius:10px;
  padding:35px 40px 50px 50px;
  width:100%;
}
section.HomepageManageAllTopV div.ManageFlexB.NoBottomPadding {
	padding-bottom:0;
}
section.HomepageManageAllTopV div.ManageAllTextPanels {
	padding:0 0 0 0;
  width:50%;
}
section.HomepageManageAllTopV div.ManageAllTextPanel {
  	margin:0 0 0;
	padding:90px 0 0 0;
    background-repeat:no-repeat;
  background-position:0 0;
  background-size:74px 74px;
}
@media(max-width:767px){
  section.HomepageManageAllTopV div.ManageAllTextPanel:nth-child(2),
  section.HomepageManageAllTopV div.ManageAllTextPanel:nth-child(3) {margin-top:60px;}
}
section.HomepageManageAllTopV div.ManageAllTextPanel,
section.HomepageManageAllTopV div.BigButton {
  background-image:url(/Images/Content/82/Templates/72478/images/WebsiteServices/CheckFix/icon-time-for-check-up.png);
}
section.HomepageManageAllTopV div.ManageAllTextPanel:nth-child(2),
section.HomepageManageAllTopV div.BigButton:nth-child(2) {
  background-image:url(/Images/Content/82/Templates/72478/images/WebsiteServices/CheckFix/icon-cost-effective.png);
}
section.HomepageManageAllTopV div.ManageAllTextPanel:nth-child(3),
section.HomepageManageAllTopV div.BigButton:nth-child(3) {
  background-image:url(/Images/Content/82/Templates/72478/images/WebsiteServices/CheckFix/icon-whats-the-catch.png);
}

section.HomepageManageAllTopV div.UpdateServiceIcons div.ManageAllTextPanel,
section.HomepageManageAllTopV div.UpdateServiceIcons div.BigButton {
  background-image:url(/Images/Content/82/Templates/72478/images/WebsiteServices/UpdateService/icon-experts.png);
}
section.HomepageManageAllTopV div.UpdateServiceIcons div.ManageAllTextPanel:nth-child(2),
section.HomepageManageAllTopV div.UpdateServiceIcons div.BigButton:nth-child(2) {
  background-image:url(/Images/Content/82/Templates/72478/images/WebsiteServices/UpdateService/icon-low-fees.png);
}
section.HomepageManageAllTopV div.UpdateServiceIcons div.ManageAllTextPanel:nth-child(3),
section.HomepageManageAllTopV div.UpdateServiceIcons div.BigButton:nth-child(3) {
  background-image:url(/Images/Content/82/Templates/72478/images/WebsiteServices/UpdateService/icon-goals.png);
}

section.HomepageManageAllTopV div.TidyUpIcons div.ManageAllTextPanel,
section.HomepageManageAllTopV div.TidyUpIcons div.BigButton {
  background-image:url(/Images/Content/82/Templates/72478/images/WebsiteServices/TidyUp/icon-refresh-design.png);
}
section.HomepageManageAllTopV div.TidyUpIcons div.ManageAllTextPanel:nth-child(2),
section.HomepageManageAllTopV div.TidyUpIcons div.BigButton:nth-child(2) {
  background-image:url(/Images/Content/82/Templates/72478/images/WebsiteServices/TidyUp/icon-website-tidy-up.png);
}

section.HomepageManageAllTopV div.ManageAllTextPanel h3 {
  margin:0 0 20px;  font-size:46px; font-weight:800;
}

section.HomepageManageAllTopV div.BigButtonWrapper {
	margin:0 0 50px;
  display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center;
}
section.HomepageManageAllTopV div.BigButton {
	cursor:pointer;
  background-color:white;
 	font-size:24px; font-weight:700; margin:0;
  background-repeat:no-repeat;
  background-position:20px 16px;
  background-size:44px 44px;
  padding:20px 30px 20px 80px;
  border-radius:10px;
  opacity:0.8;
  text-align:center;
}
section.HomepageManageAllTopV div.BigButton:nth-child(2) {margin:0 30px 0;}
section.HomepageManageAllTopV div.BigButton.SwitchedOn {
	cursor:default;
  opacity:1;
}

section.HomepageManageAllTopV div.ImageWrapper {
	display:flex; flex-flow:row nowrap; justify-content:flex-end; align-items:center;
  width:50%; padding:0 0 0 40px;
}
section.HomepageManageAllTopV img {
  display:block;
margin:0;
  max-width:100%;
  border-radius:10px;
}

section.HomepageManageAllTopV div.BaseButtons {margin:30px 0 0;}
section.HomepageManageAllTopV a.PillButton {font-size:19px; font-weight:600;}

section.HomepageManageAllTopV div.ParagraphSmall
 {font-size:19px; line-height:29px; font-weight:400;}

section.HomepageManageAllTopV a.PillButton::after {
    content: '\e903';
    font-size: 16px;
    font-family: HubbIcons;
    position: relative;
    left: 10px;
    top: 1px;
    font-weight: 400;
    transition: left 300ms linear;
}

section.HomepageManageAllTopV a.PillButton:hover::after {
    left: 20px;
}
@media(max-width:991px){
  section.HomepageManageAllTopV div.BigButtonWrapper {
    flex-flow:column nowrap; justify-content:flex-start; align-items:center;
  }	
  section.HomepageManageAllTopV div.BigButtonWrapper div.BigButton {
    margin:0 0 10px;
  }
  section.HomepageManageAllTopV div.ManageFlexB {
    flex-flow:column-reverse nowrap; justify-content:flex-start; align-items:flex-start;
    padding:20px;
  }
  section.HomepageManageAllTopV div.ManageFlexB div.ManageAllTextPanels,
  section.HomepageManageAllTopV div.ManageFlexB div.ImageWrapper {width:100%;}
  section.HomepageManageAllTopV div.ImageWrapper {justify-content:center; padding:0;}
  section.HomepageManageAllTopV h2 {font-size:42px;}
}
@media(max-width:767px){
  section.HomepageManageAllTopV div.BigButtonWrapper {display:none;}
  section.HomepageManageAllTopV div.ManageFlexB.NoBottomPaddingOnMobile {padding-bottom:0;}
  section.HomepageManageAllTopV img {margin-top:30px;}
  section.HomepageManageAllTopV h2 {font-size:32px;}
}

section.PinkBoxes {padding:70px 20px;}
section.PinkBoxes div.container {max-width:1300px;}
section.PinkBoxes h4 {text-align:center; margin:0 0 40px;}
section.PinkBoxes div.PinkBoxFlex {
 display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:stretch;
}
section.PinkBoxes div.PinkBoxFlex > div {
	border:4px solid #e4e9f3; border-radius:30px;
  padding:35px 40px 40px 40px; width:48.5%;
}
section.PinkBoxes div.PinkBoxFlex > div:first-child {margin-right:1.5%;}
section.PinkBoxes div.PinkBoxFlex > div:last-child {margin-left:1.5%;}
section.PinkBoxes img {display:block; height:120px; margin:0 25px 0 0;}
@media(max-width:467px){
  section.PinkBoxes img {height:80px; margin:0 20px 0 0;}
}

section.PinkBoxes div.PictureTitle {
	display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center;
  margin:0 0 25px;
}

section.PinkBoxes div.PictureTitle h2 {font-size:46px;}
@media(max-width:1350px){
  section.PinkBoxes div.PictureTitle h2 {font-size:32px;}
}
@media(max-width:467px){
  section.PinkBoxes div.PictureTitle h2 {font-size:24px;}
}
section.PinkBoxes a {text-decoration:underline;}
@media(max-width:991px){
  section.PinkBoxes div.PinkBoxFlex {
   flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start;
  }  
  section.PinkBoxes div.PinkBoxFlex > div {
    width:100%; margin:0 !important;
    padding:20px;
  }
  section.PinkBoxes div.PinkBoxFlex > div:first-child {margin:0 0 20px !important;}
}

section.HomepageGetEvenMore.YellowWhite div.PaleYellowBox {
	background-color:#fef0af;
  border-radius:22px;
  padding:20px 40px 20px 30px;
  display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center;
  max-width:720px;
  margin:20px auto 0;
}
section.HomepageGetEvenMore.YellowWhite div.PaleYellowBox img {
 display:block; margin:0 30px 0 0; 
}

span.BoldPink {font-weight:700; color:#C667A9;}

section.HomepageHero div.container.Width1300 {max-width:1300px;}

section.ContentPage.Purple {
  background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/purple-background-full.jpg);
  background-size:cover;
  background-position:center top;
}
section.ContentPage.Purple div.container div.RightMargin {
  color:white;
  font-size:24px;
}
@media(min-width:1300px){
  section.ContentPage.Purple div.container div.RightMargin {
    margin-right:210px;
  }
}
section.ContentPage.Purple div.FaqBlock {
  background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/icon-templates.png);
  background-size:46px 46px;
}
section.ContentPage.Purple div.FaqBlock div.SimpleOpenShutText {
	max-width:1040px;
}

section.ContentPage.HowItWorks div.TemplateFlex {
  max-width:1200px; margin:0 auto;
	display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;
}
section.ContentPage.HowItWorks div.TemplateFlex > div {
  width:48%;
}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(odd) {margin-right:1%;}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(even) {margin-left:1%;}
section.ContentPage.HowItWorks div.TemplateFlex div.TemplateLink {
    max-width:502px;
	width:100%;
  display:block;margin:0 auto 0;height:552px; overflow:hidden; position:relative;
  box-shadow: 0px 10px 10px 2px rgba(0,0,0,.12);
    background-size:cover;
  background-position:left top;
  border:1px solid #e6e6e6;
}

section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(1) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/Aspire-Church-p-500.png);}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(2) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/Kings-p-500.png);}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(3) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/Wellspring.jpg);}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(4) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/ascend-p-500.png);}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(5) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/Emerge-p-500.png);}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(6) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/Trinity.jpg);}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(7) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/Fusion-p-500.png);}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(8) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/Glory-p-500.jpeg);}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(9) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/Rise.jpg);}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(10) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/Catalyst.jpg);}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(11) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/Gateway-p-500.png);}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(12) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/Centre.jpg);}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(13) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/Summit.jpg);}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(14) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/Creation.jpg);}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(15) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/NewHope.jpg);}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(16) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/Discovery-p-500.png);}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(17) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/Harbour.jpg);}
section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(18) div.TemplateLink {background-image:url(/Images/Content/82/Templates/72478/images/WebsiteTemplates/Bridge-p-500.png);}

section.ContentPage.HowItWorks div.TemplateFlex div.TemplateName {
	font-size:30px; font-weight:700;  margin:20px auto 70px; max-width:502px;
}
section.ContentPage.HowItWorks div.TemplateFlex div.Overlay {
  position:absolute; width:100%; height:100%;
  display:flex; flex-flow:row wrap; justify-content:center; align-items:center;
  background-color:transparent;
  transition:background-color 300ms linear;
}
section.ContentPage.HowItWorks div.TemplateFlex a {display:none;}
section.ContentPage.HowItWorks div.TemplateFlex div.TemplateLink:hover div.Overlay {
  background-color:rgba(255,255,255,0.9);
}
section.ContentPage.HowItWorks div.TemplateFlex div.TemplateLink:hover a {
  display:inline;
}
@media(max-width:767px){
  section.ContentPage.HowItWorks div.TemplateFlex > div {
    width:100%;
  }
  section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(odd) {margin-right:0;}
  section.ContentPage.HowItWorks div.TemplateFlex > div:nth-child(even) {margin-left:0;}
  section.ContentPage.HowItWorks div.TemplateFlex div.TemplateLink {height:360px;}
}

section.ContentPage div.SupportVideoPanel {
	background-color:white;
  padding:25px 60px 40px 130px;
  border-radius:30px;
  margin:0 0 25px;
  background-image:url(/Images/Content/82/Templates/72478/images/Support/icon_getting_started.png);
  background-position:30px 25px;
  background-repeat:no-repeat;
  box-shadow:0 5px 7px 2px rgba(0,0,0,0.04);
}
section.ContentPage div.SupportVideoPanel h3 {
	margin:0 0 10px;
}
section.ContentPage div.SupportVideoPanel:nth-child(2) {background-image:url(/Images/Content/82/Templates/72478/images/Support/icon-website-pages.png);}
section.ContentPage div.SupportVideoPanel:nth-child(3) {background-image:url(/Images/Content/82/Templates/72478/images/Support/icon_calendar.png);}
section.ContentPage div.SupportVideoPanel:nth-child(4) {background-image:url(/Images/Content/82/Templates/72478/images/Support/icon_administrators.png);}
section.ContentPage div.SupportVideoPanel:nth-child(5) {background-image:url(/Images/Content/82/Templates/72478/images/Support/icon-images.png);}
section.ContentPage div.SupportVideoPanel:nth-child(6) {background-image:url(/Images/Content/82/Templates/72478/images/Support/icon-welcome-message.png);}
section.ContentPage div.SupportVideoPanel:nth-child(7) {background-image:url(/Images/Content/82/Templates/72478/images/Support/icon-personalise-site.png);}
section.ContentPage div.SupportVideoPanel:nth-child(8) {background-image:url(/Images/Content/82/Templates/72478/images/Support/icon-audio.png);}
section.ContentPage div.SupportVideoPanel:nth-child(9) {background-image:url(/Images/Content/82/Templates/72478/images/Support/icon-rotas.png);}
section.ContentPage div.SupportVideoPanel:nth-child(10) {background-image:url(/Images/Content/82/Templates/72478/images/Support/icon-resources.png);}
@media(max-width:767px){
	section.ContentPage div.SupportVideoPanel {
      padding:110px 20px 40px 20px;
      background-position:20px 20px;
    }
  section.ContentPage div.SupportVideoPanel div.SupportVideos a {font-size:20px;}
  section.ContentPage div.SupportVideoPanel div.SupportVideos a img {top:-4px;}
}

section.HomepageHero.ActualHero.VerI.Contact {padding-top:50px;}
@media(max-width:991px){
  section.HomepageHero.ActualHero.VerI.Contact {padding-top:40px;}
  section.HomepageHero.ActualHero.VerI.Contact div.ArticleBody {flex-flow:column nowrap;}
  section.HomepageHero.ActualHero.VerI.Contact div.ArticleBody > div {
    display:block !important;
    width:100% !important;
    padding-left:10px !important; padding-right:10px !important;
    margin:0 !important;
  }
  section.HomepageHero.ActualHero.VerI.Contact div.ArticleBody > div:first-child {
    margin-bottom:50px !important;
  }
  section.HomepageHero.ActualHero.VerI.Contact div.ArticleBody > div:first-child[id$="_elFormContents"] {
    margin-bottom:0 !important;
  }
}

@media(min-width:992px) and (max-width:1370px) {
	section h1.ShrinkIfNeeded {
      font-size:62px !important;
      background-image:none !important;
      line-height:1.1 !important;
    }
}
section h1.NoYellowLine {
  background-image:none !important;
}

@media (min-width:992px) {
  body > form > section.HomepageLookGood {
	padding-left:30px !important;
    padding-right:30px !important;
  }
}
@media (min-width:992px) and (max-width:1370px) {
  section.HomepageLookGood div.LeftColTypeA {width:60% !important;}
  section.HomepageLookGood div.RightColTypeA {width:40% !important;}
  section.HomepageLookGood div.DropDownPanel div.ParagraphSmall {max-width:100%  !important;}
}

@font-face {
  font-family: 'HubbIcons';
  src:  url('/Images/Content/2414/Templates/56328/fonts/HubbIcons.ttf') format('truetype');
}

a.LaunchIcon::after {
	font-family:HubbIcons;
  content:' \e926';
  font-size:16px; position:relative; top:1px;
  font-weight:400;
}

@media (max-width:991px) {
  .HideOnMobile {display:none !important;}
  
  h1 span.SpanYellowRibbon {
    background-image:url(/Images/Content/82/Templates/72478/images/Homepage/Yellow-underline.png);
    background-repeat:no-repeat;
    background-position:5px 42px !important;
    display:inline-block;
  }

  h1 span.SpanYellowRibbon.SYR_A {background-size:170px 8px !important; background-position:5px 36px !important;}
  h1 span.SpanYellowRibbon.SYR_B {background-size:200px 10px !important;}
  h1 span.SpanYellowRibbon.SYR_C {background-size:130px 8px !important; background-position:5px 36px !important;}
  h1 span.SpanYellowRibbon.SYR_D {background-size:130px 10px !important;}
  section.PartnerShip h1 span.SpanYellowRibbon.SYR_D {background-position:87px 40px !important;}
  h1 span.SpanYellowRibbon.SYR_E {background-size:145px 10px !important; padding:0 0 20px;}
  h1 span.SpanYellowRibbon.SYR_F {background-size:95px 10px !important; padding:0 0 20px; background-position:80px 38px !important;}
  h1 span.SpanYellowRibbon.SYR_G {background-size:120px 10px !important;}
  h1 span.SpanYellowRibbon.SYR_H {background-size:60px 10px !important; background-position:0 38px !important;}
  h1 span.SpanYellowRibbon.SYR_I {background-size:100px 10px !important;}
  h1 span.SpanYellowRibbon.SYR_J {background-size:270px 15px !important;}
  h1 span.SpanYellowRibbon.SYR_K {background-size:108px 10px !important;}
  h1 span.SpanYellowRibbon.SYR_L {background-size:115px 10px !important;}
  h1 span.SpanYellowRibbon.SYR_M {background-size:155px 10px !important;}
  h1 span.SpanYellowRibbon.SYR_N {background-size:200px 10px !important;padding:0 0 10px;background-position:40px 38px !important;}
  h1 span.SpanYellowRibbon.SYR_O {background-size:125px 10px !important;}
  h1 span.SpanYellowRibbon.SYR_P {background-size:165px 10px !important;padding:0 0 10px;}
  h1 span.SpanYellowRibbon.SYR_Q {background-size:125px 10px !important;padding:0 0 10px;}
  h1 span.SpanYellowRibbon.SYR_R {background-size:135px 10px !important;padding:0 0 10px;}
  h1 span.SpanYellowRibbon.SYR_S {
    background-size:150px 10px !important;padding:0 0 10px;
    background-image:url(/Images/Content/82/Templates/72478/images/CreativeServices/Orange-underline.png);
  }
  
  section.HomepageHero.ActualHero.VerI.Contact div.LeftColTypeA h1 {
    font-size:48px !important;
    background-image:none;
  }
}

section.HomepageHero.ActualHero div.HomepageBannerText {
	background-image:url(/Images/Content/82/Templates/72478/images/ColourIcons/BannerTextSpeechBubble.png);
	background-color:#CA67AF;
	padding:12px 20px 12px 100px;
  border-radius:15px;
  background-repeat:no-repeat;
  background-position:30px 13px;
  background-size:30px 30px;
  
  animation-name: SimpleOpacity;
  animation-iteration-count: 1;
  animation-duration: 400ms;
  animation-delay:1300ms; /* initial delay, will be zero if scroll-position activated. */
  animation-timing-function: linear;
  animation-fill-mode:both; /* keep 100% values on at the end */
}
section.HomepageHero.ActualHero div.container.HPBannerTextB {padding:0 60px 0 0;}
section.HomepageHero.ActualHero div.HomepageBannerText {
  margin:60px 0 0;
}
section.HomepageHero.ActualHero div.HomepageBannerText div.ArticleBody {
  justify-content:space-between;
	color:white; font-size:20px;
}
section.HomepageHero.ActualHero div.HomepageBannerText a {
  display:inline-block; background-color:white; color:#CA67AF; 
  padding:6px 20px 4px; border-radius:10px;
  margin:0 0 0 20px; font-size:16px;
}
section.HomepageHero.ActualHero div.HomepageBannerText a:hover {
	text-decoration:none; opacity:0.7;
}
@media(max-width:767px){
  section.HomepageHero.ActualHero div.HomepageBannerText {
      padding:15px 20px 14px 70px;
    background-size:40px 40px;
    background-position:15px 14px;
  }
  section.HomepageHero.ActualHero div.container.HPBannerTextB {padding:0;}
  section.HomepageHero.ActualHero div.HomepageBannerText div.ArticleBody {
    flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start;
  }
  section.HomepageHero.ActualHero div.HomepageBannerText a {
    margin:10px 0 0;
  }
}

section.ContentPage.HasSideBar div.container {
	display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start;
}
section.ContentPage.HasSideBar div.main-content {width:70%;}
section.ContentPage.HasSideBar aside {width:30%; padding-left:50px;}
section.ContentPage.HasSideBar div.main-content h1 {font-size:50px; line-height:1.2;}
section.ContentPage.HasSideBar aside a {display:block; margin:0 0 5px;}
section.ContentPage.HasSideBar div.AsideTitle {
    font-size:24px; font-weight:600;
	margin:0 0 0;
  background-color:white;
  padding:15px;
}
@media(max-width:991px){
   section.ContentPage.HasSideBar div.container {
      display:block;
  }
  section.ContentPage.HasSideBar div.main-content {width:100%;}
  section.ContentPage.HasSideBar aside {width:100%; padding-left:0; padding-top:50px;} 
  section.ContentPage.HasSideBar div.main-content h1 {font-size:32px; line-height:1.2;}
}

section.ContentPage.HasSideBar div.articleListImage img {width:100%; display:block;}
section.ContentPage.HasSideBar div.articleListSummary  {display:none;}
section.ContentPage.HasSideBar div.articleListDate {
  font-size:16px;font-style:italic; margin:0 0 0;
}
section.ContentPage.HasSideBar div.articleListTitle a {
  line-height:1.1;font-weight:600;color:#414042;
}
section.ContentPage.HasSideBar div.articleListTitle a:hover {
  color:#6666ae;text-decoration:none;
}
section.ContentPage.HasSideBar div.AsideAL {background-color:white;  border-radius:10px;}
section.ContentPage.HasSideBar div.AsideAL > div {
  padding:15px;
	background-color:white;
  margin:0 0 10px;
}
section.ContentPage.HasSideBar div.AsideAL div.GreyLine {
	margin:25px 50px 0 50px; border-top:1px solid #cccccc;
}
section.ContentPage.HasSideBar div.AsideAL > div:last-child div.GreyLine {display:none;}