/* LastResort CSS file */

/* Fix width of title on slide-shows */
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% !important;
  text-shadow:0 0 2px black;
}

/* text shadow makes hero arrows grey */
section.slice_SlidesFullWidth a.bx-prev::after, 
section.slice_SlidesFullWidth a.bx-next::after {
  text-shadow:none;
}
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;
}

/* Make the a-tag a block */
section.slice_SlidesFullWidth li > a,
section.slice_WhatsOnSlidesEB_L li > a {display:block;}

/* Maker pager bar smaller */
section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager {
 font-size:0;
 line-height:1;
}

/* Fix issue caused by having a slide-show in a visitor widget NewToChurch article */
header + section.slice_SlidesFullWidth div.bx-viewport,
section.slice_WhatsOn3Buttons_L section.slice_WhatsOnSlidesEB_L div.bx-viewport {
	border:none;
  	left:0;
}

/* Fix button text size on What's On slide-show */
@media (min-width:768px) {
  section.slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption a.slideButton, 
  body.OnSmallAppleDevice section.slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption a.slideButton:hover
  {font-size:14px;}
}

/* Search height in menu bar */
header ul.root_menu li.MenuSearchOpen a {height:60px;}
header.HeaderSmall ul.root_menu li.MenuSearchOpen a {height:46px;}

/* Fix footer logo images */
footer section.slice_FooterTop_L div.LogoWrapper img,
footer section.slice_FooterTop_D div.LogoWrapper img {
  max-width:100%;
  margin:0;
  padding:30px 40px 40px;
}
@media (max-width:991px) {
 footer section.slice_FooterTop_L div.LogoWrapper img,
 footer section.slice_FooterTop_D div.LogoWrapper img {padding:20px 30px;}
}
footer section.slice_FooterTop_L div.LogoWrapper.DarkMode img,
footer section.slice_FooterTop_D div.LogoWrapper.DarkMode img {
	background-color:white; padding:10px; border-radius:10px; margin:20px;
}
footer div.LogoWrapper img {
  display:block; 
  max-width:calc(100% - 80px);
}

/* Remove blue focus outlines */
a:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus {outline:none;}

/* Fix Welcome homepage image on FireFox */
section.slice_CommunityText_L div.WelcomeWrapper img {
  flex:1 0 auto; /* can't shrink */
}
section.slice_CommunityText_L div.WelcomeWrapper a.button,
section.slice_CommunityText_L div.WelcomeWrapper a.button2 {
  margin-bottom:15px;
}

/* Code to make the slide-shows full width on mobiles, if the FullWidthOnMobile class is added */
/* Slide-show bottom buttons are smaller, as there may be text there */ 
section.slice_SlidesFullWidth.FullWidthOnMobile div.bannerSlides div.bx-wrapper div.bx-pager {
  bottom:5px;
}
section.slice_SlidesFullWidth.FullWidthOnMobile div.bannerSlides div.bx-wrapper div.bx-pager a.bx-pager-link {
	width:14px;height:14px;border-radius:7px;border-width:2px;margin:0 6px;
}
@media (max-width:1365px) { /* make even smaller */
	section.slice_SlidesFullWidth.FullWidthOnMobile div.bannerSlides div.bx-wrapper div.bx-pager {bottom:2px;}
	section.slice_SlidesFullWidth.FullWidthOnMobile div.bannerSlides div.bx-wrapper div.bx-pager a.bx-pager-link {
      width:12px;height:12px;border-radius:6px;
    }
}
@media (max-width:767px) { /* undo the clever clipping code */
  	section.slice_SlidesFullWidth.FullWidthOnMobile div.bannerSlides div.bx-wrapper div.bx-pager {display:none;}
	section.slice_SlidesFullWidth.FullWidthOnMobile div.bannerSlides,
	section.slice_WhatsOnSlidesEB_L.FullWidthOnMobile div.bannerSlides {
		width:100%;
		transform: translateX(0%);
	}
	section.slice_SlidesFullWidth.FullWidthOnMobile div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption,
	section.slice_WhatsOnSlidesEB_L.FullWidthOnMobile div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption {
		width:100%;
		left:0;
		right:0;
	}
	section.slice_SlidesFullWidth.FullWidthOnMobile div.bannerSlides div.bx-wrapper a.bx-prev,
	section.slice_WhatsOnSlidesEB_L.FullWidthOnMobile div.bannerSlides div.bx-wrapper a.bx-prev {left:0;}
	section.slice_SlidesFullWidth.FullWidthOnMobile div.bannerSlides div.bx-wrapper a.bx-next,
	section.slice_WhatsOnSlidesEB_L.FullWidthOnMobile div.bannerSlides div.bx-wrapper a.bx-next {right:0;}

  	/* resize spacing of the caption */
  	section.slice_SlidesFullWidth.FullWidthOnMobile div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption div.slideText {
		margin-top:5px;margin-bottom:10px;
	}
	section.slice_WhatsOnSlidesEB_L.FullWidthOnMobile div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption div.slideText {
		margin-top:5px;margin-bottom:10px;
	}
  	section.slice_SlidesFullWidth.FullWidthOnMobile div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption a.slideButton,
	section.slice_WhatsOnSlidesEB_L.FullWidthOnMobile div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption a.slideButton {
		padding-top:5px;padding-bottom:4px;line-height:1;
	}
}
@media (max-width:467px) {
  	section.slice_SlidesFullWidth.FullWidthOnMobile div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption div.slideText {
		margin-top:0;margin-bottom:10px;
	}
	section.slice_WhatsOnSlidesEB_L.FullWidthOnMobile div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption div.slideText {
		margin-top:5px;margin-bottom:5px;
	}  
}

section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-viewport {
  background-color:white;
}

/* Make header shrink smoother */
header section.slice_Header_L div.nav-menu,
header section.slice_Header_L div.logo-container {
  transition:margin-top 300ms linear;
}

/* Allow the 3rd from the right desk-top menu to open to the left, as the search icon now counts as one of the <li>'s */
.slice_Header_L .nav-menu ul.root_menu > li ul li.has_sub_menu::after {top:3px;} /* correct this from 4px */
.slice_Header_L .nav-menu ul.root_menu > li:nth-last-child(3) > ul {
	position: absolute;
	top: 100%;
	left: auto;
	right: 0;
}
.slice_Header_L .nav-menu ul.root_menu > li:nth-last-child(3) > ul a {
	padding-left: 35px;
	padding-right: 20px;
}
.slice_Header_L .nav-menu ul.root_menu > li:nth-last-child(3) > ul li.has_sub_menu::after {
	display: none;
}
.slice_Header_L .nav-menu ul.root_menu > li:nth-last-child(3) > ul li.has_sub_menu::before {
	font-family: journey;
	content: '\e901';
	color: #444444;
	position: absolute;
	left: 10px;
	top: 3px; /* 3 looks better than 4 */
	font-size: 1.6rem;
	line-height: 30px;
	height: 30px;
}
.slice_Header_L .nav-menu ul.root_menu > li:nth-last-child(3) > ul ul {
	position: absolute;
	top: 0;
	left: auto;
	right: 100%;
}

/* Adjust map icon in event list on homepage */
@media (min-width:768px) {
  section.EventsAndTalks div.eventListLocation a::before {
      top:7px;
  }
}

/* Make slides work on touch devices if they have a link, but no caption. */ 
section.slice_SlidesFullWidth a.slideButton.Invisible {
	width:70%; height:70%;
}
section.slice_SlidesFullWidth a.slideButton.Invisible,
section.slice_SlidesFullWidth a.slideButton.Invisible:hover
{
    background-color:transparent !important; /* <<< slide show button background color */
    border-color:transparent !important; /* <<< slide show button border color */
  	color:transparent !important;
}


audio:focus, video:focus {outline:none;}

/* app over-ride code, for custom articles with web-site styling */
body.app-body div.app-custom-article section.slice_content_page {background-color:transparent;}
body.app-body div.app-custom-article section.slice_content_page div.main-content {
  width:100%; /* no side-bar, so full width. */
  float:none;
  margin:0; /* remove all margin, we will keep the padding */
}

/* Widget fixes - more padding for widget article */
section.SeekerBox.BigBox div.FullSeekerArticle > h2 {
  	padding:10px 10px 10px 20px;
}
section.SeekerBox.BigBox div.FullSeekerArticle div.ArticleBody {
  padding:20px;
}
section.SeekerBox.BigBox img.Close {
	right:7px; top:7px;
}

footer section.slice_FooterTop_L div.LogoWrapper.DarkMode img,
footer section.slice_FooterTop_D div.LogoWrapper.DarkMode img {
  	background-color:white;
  	border-radius:10px;
	padding:10px;
  	margin:20px 30px 30px;
}
@media (max-width:991px){
  footer section.slice_FooterTop_L div.LogoWrapper.DarkMode img,
  footer section.slice_FooterTop_D div.LogoWrapper.DarkMode img {
      margin:20px;
  }
}

/* Fix null links on booking calendar */
section.slice_content_page div.main-content 
div.calendar-month-page div.calendar_event > a:not([href]) {
	text-decoration:none;
  	cursor:default;
}
section.slice_content_page div.main-content 
div.calendar-month-page div.calendar_event > a:not([href]):hover {
	text-decoration:none;
  	cursor:default;
  	opacity:1;
}

/* Fix pop-up close icons on iPhones */
body.OnSmallAppleDevice button.ui-dialog-titlebar-close i.mdi-navigation-close {
  position:relative; top:-5px;
}

body.OnSmallAppleDevice input[type="radio"]  {-webkit-appearance: radio !important;}
body.OnSmallAppleDevice input[type="checkbox"] {-webkit-appearance: checkbox !important;}

/* Hide Flash/Java messages in shop. Need to sort div#divJavaDownload div#divNonJavaDownload */
div#flashUpgradeMessage {display:none !important;}

/* Fix bug in Aspire css */
@media(max-width:767px){
  h4 {font-size: 18px;}
}

/* Fix bullet points in PG welcome articles */
div.systemPageContent div.welcome-article ul:not([id]) li {list-style:disc;}

/* Change model padding/margin so OK button is more likely to be visible. */
div#system_modal div.modal-content {
  padding-top:0 !important; 
  padding-bottom:0 !important;
}
div#system_modal div.modal-content p {
  margin-top:10px !important; 
  margin-bottom:0 !important;
}
div#system_modal div.modal-footer {height:auto;}

/* A church near you map icon for footer */
footer i.icomoon-icon-achurchnearyou.ImageSocialMediaIcon::after {
  background-image: url(/Images/Content/2823/Templates/56063/images/IconChurchNearYou.png);
}

div.endis-jquery-ui div.media-player img.media-summary-image {margin-bottom:10px;}

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

section.slice_system_page a.aspNetDisabled.system_pager_prev,
section.slice_system_page a.aspNetDisabled.system_pager_next {display:none;}
section.slice_system_page div.system_pager {margin-bottom:40px;}

@media (max-width:767px) {
  section.slice_content_page aside div.ContentPageImage img {
      margin-left:auto;
      margin-right:auto;
  }
}

i.icomoon-icon-twitterXwhite::after,
i.icomoon-icon-twitterXblack::after {
  background-image: url(/Images/Content/2414/Templates/47287/Icons/X_logo-black.png);
  background-size:20px 20px;
  background-position:center center;
  background-repeat:no-repeat;
  color:transparent !important;
  content:'X'; 
  font-size:20px !important; 
  line-height:1;
  width:36px; 
  height:36px;
  display:inline-block;
}
i.icomoon-icon-twitterXwhite::after,
a:hover i.icomoon-icon-twitterXblack::after {
  background-image: url(/Images/Content/2414/Templates/47287/Icons/X_logo-white.png);
}
a:hover i.icomoon-icon-twitterXwhite::after {
  background-image: url(/Images/Content/2414/Templates/47287/Icons/X_logo-black.png);
}


._user_registration_aspx table#groupnotes_dgGroupNotes table.custom-field-rbl label {
	display:inline;
}
._user_registration_aspx div#GroupNotesEnclosingDiv
table#groupnotes_dgGroupNotes input.text.date_text_box.hasDatepicker {
	width:120px !important;
}
._user_registration_aspx div#GroupNotesEnclosingDiv input[type=radio] {
	width:18px;height:18px;display:inline-block;position:relative;top:3px;
}
.endis-jquery-ui .ui-datepicker .ui-state-default, 
.endis-jquery-ui .ui-datepicker .ui-widget-content .ui-state-default, 
.endis-jquery-ui .ui-datepicker .ui-widget-header .ui-state-default {
  background-color:#f1f1f1 !important;
  background-image:none !important;
}
._user_registration_aspx select {
	background-color:white;
}

body > iframe#downloadIframe {display:none;}

i.icomoon-icon-twitter::after {
  font-family:TwitterXonly;
  content:'\e900';
}
i.icomoon-icon-bluesky::after {
  font-family:hubb-icons !important; 
  font-feature-settings:"liga";
  font-variant-ligatures:discretionary-ligatures;
  content:'bluesky';
}
body.ArticleEditor i.icomoon-icon-bluesky::after {font-family:inherit !important;}

/* Fix issue with floating title bar on rota pages */
section.slice_system_page._rotas_rota_aspx div.systemPageContent > table > tbody > tr:first-child > td > table {
	position:relative; z-index:1; background-color:white;
}
section.slice_system_page._rotas_rota_aspx div.systemPageContent div.floatThead-container {
	position:relative !important; transform:none !important;
  left:0 !important;
  top:10px !important;
}
section.slice_system_page._rotas_rota_aspx div.systemPageContent table#tblRota thead {display:none;}

/* Fix Phone drop-downs */
div.iti__country-container div.iti__dropdown-content ul.iti__country-list {
  padding-left:0px !important; 
  margin-top:0;
}
div.iti__country-container div.iti__dropdown-content ul.iti__country-list div.iti__flag {
	margin-right:5px;
}
div[id$="_div_ctls_consentfields_control"] ul.consent-questions {padding-left:6px !important; }

section.slice_CommunityText_L div.WelcomeWrapper div.RoundImage div.hubb-image-module img,
section.slice_CommunityText_L div.WelcomeWrapper div.hubb-image-module img {
	max-width:262px;
}

div.social_bookmarking a[href^="https://www.addthis.com"] {display:none;}

/*
section.slice_content_page div.main-content div[id$="_elFormContents"] table {
	padding:10px 10px 20px;
}
*/

/* accessibility widget issues with search bar showing on large text option */
header > div.search-overlay {z-index:auto;}
header > div.search-overlay.On {z-index:80;}

Body.ArticleEditor span.ServicesLocation {display:block;}
Body.ArticleEditor div.LineLocation {border-top:1px solid #d5d5d5;margin:15px 0;height:1px;}