/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none} /* Extra Endis code */ a { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } a:focus, input[type="submit"]:focus, input[type="button"]:focus, button:focus {outline:none;} /* iOS fixes */ body.OnSmallAppleDevice section.slice_content_page div.main-content input[type="checkbox"]:checked, body.OnSmallAppleDevice section.slice_system_page input[type="checkbox"]:checked, body.OnSmallAppleDevice div#GroupNotesEnclosingDiv input[type="checkbox"]:checked { background-color:black; } body.OnSmallAppleDevice div#GroupNotesEnclosingDiv ul.consent-questions {margin-top:0;} body.OnSmallAppleDevice div#GroupNotesEnclosingDiv li.consent-question {text-indent:0 !important;} body.OnSmallAppleDevice div#GroupNotesEnclosingDiv li.consent-question input[type="checkbox"] {display:block; position:relative; right:20px; top:18px;} body.OnSmallAppleDevice div#GroupNotesEnclosingDiv li.consent-question label {display:block;} body.OnSmallAppleDevice input[type="text"] { -webkit-appearance: none; -webkit-border-radius:0; border-radius: 0; } /* bxSlider v4.2.12 | Copyright 2013-2015 Steven Wanderski | Licensed under MIT (http://opensource.org/licenses/MIT) */ /* Edited by Endis Ltd. OK to use with js version v4.2.1d and the 4.2.1d.KDH version */ .bx-wrapper{position:relative;margin-bottom:60px;padding:0;-ms-touch-action:pan-y;touch-action:pan-y}.bx-wrapper img{max-width:100%;display:block}.bxslider{margin:0;padding:0}ul.bxslider{list-style:none}.bx-viewport{-webkit-transform:translateZ(0)}.bx-wrapper{-moz-box-shadow:0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;box-shadow:0 0 5px #ccc;border:5px solid #fff;background:#fff}.bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto{position:absolute;bottom:-30px;width:100%}.bx-wrapper .bx-loading{min-height:50px;background:url(images/bx_loader.gif) center center no-repeat #fff;height:100%;width:100%;position:absolute;top:0;left:0;z-index:2000}.bx-wrapper .bx-pager{text-align:center;font-size:.85em;font-family:Arial;font-weight:700;color:#666;padding-top:20px}.bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px;display:block;width:10px;height:10px;margin:0 5px;outline:0;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}.bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus{background:#000}.bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block;vertical-align:bottom}.bx-wrapper .bx-pager-item{font-size:0;line-height:0}.bx-wrapper .bx-prev{left:10px;background:url(images/controls.png) no-repeat 0 -32px}.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus{background-position:0 0}.bx-wrapper .bx-next{right:10px;background:url(images/controls.png) no-repeat -43px -32px}.bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus{background-position:-43px 0}.bx-wrapper .bx-controls-direction a{position:absolute;top:50%;margin-top:-16px;outline:0;width:32px;height:32px;text-indent:-9999px;z-index:9999}.bx-wrapper .bx-controls-direction a.disabled{display:none}.bx-wrapper .bx-controls-auto{text-align:center}.bx-wrapper .bx-controls-auto .bx-start{display:block;text-indent:-9999px;width:10px;height:11px;outline:0;background:url(images/controls.png) -86px -11px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus{background-position:-86px 0}.bx-wrapper .bx-controls-auto .bx-stop{display:block;text-indent:-9999px;width:9px;height:11px;outline:0;background:url(images/controls.png) -86px -44px no-repeat;margin:0 3px}.bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:-86px -33px}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{text-align:left;width:80%}.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{right:0;width:35px}.bx-wrapper .bx-caption{position:absolute;bottom:0;left:0;background:#666;background:rgba(80,80,80,.75);width:100%}.bx-wrapper .bx-caption span{color:#fff;font-family:Arial;display:block;font-size:.85em;padding:10px} /* Google fonts are downloaded at the start of style.css (_bass.scss within sass) */ /* You can see 100s of google fonts at https://fonts.google.com */ /* Template CSS to allow font characters to be used as icons. */ /* (C)2019 Endis Ltd. No permission is given to use this code, except on an Endis website. */ /* Some icons are set up directly within CSS, while some are set up from within html tags */ /* Currently there are 3 sets of fonts, "journey" and 2 sets from IcoMoon */ /* The free IcoMoon fonts were provided by https://icomoon.io/ under the following license: http://www.gnu.org/licenses/gpl.html */ @font-face { font-family: 'journey'; /* we keep this name, as is used throughout our css */ src: url('/Images/Content/2414/Templates/56328/fonts/journey.ttf') format('truetype'); } i[class^="journey-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'journey' !important; } @font-face { font-family: 'IcoMoon490Icons'; /* we keep the 490 name, as is used throughout our css */ src: url('/Images/Content/2414/Templates/56328/fonts/IcoMoon.ttf') format('truetype'); } i[class^="icomoon-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'IcoMoon490Icons' !important; } @font-face { font-family: 'IcoMoonTopLinks'; src: url('/Images/Content/2414/Templates/56328/fonts/IcoMoonTopLinks.ttf') format('truetype'); } @font-face { font-family: 'TwitterXonly'; src: url('/Images/Content/2414/Templates/47287/fonts/icomoonXonly.ttf') format('truetype'); } i[class^="icomoon-TopLinks-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'IcoMoonTopLinks' !important; font-style: normal !important; } /* Set default font properties for all icon-fonts. */ i[class^="journey-icon-"], i[class^="icomoon-icon-"] { font-style: normal; /* default value */ font-weight: normal !important; /* default value */ font-variant: normal; /* default value */ text-transform: none; /* default value */ line-height: 1 !important; /* sets the line height to equal the current font size, so there is no extra vertical padding */ } i.journey-icon-login::before {content: "\e902";} /* top links */ i.journey-icon-register::before {content: "\e904";} /* Journey search icon fix - estimate of what is needed - may need overide code to improve */ i.journey-icon-search::before {content:"\e918";font-size:larger;position:relative;top:2px;}} i.journey-icon-clock::before {content: "\e915";} /* top links */ i.journey-icon-search2::before {content: "\e912";} /* top links */ i.icomoon-TopLinks-Register::before {content: "\e973";} /* top links 2020 */ i.icomoon-TopLinks-WebOffice::before {content: "\e994";} i.icomoon-TopLinks-MyArea::before {content: "\e9e1";} /* Generic icons */ i.icomoon-icon-newspaper::after {content: "\e904";} i.icomoon-icon-image::after {content: "\e90d";} i.icomoon-icon-headphones::after {content: "\e910";} i.icomoon-icon-music::after {content: "\e911";} i.icomoon-icon-film::after {content: "\e913";} i.icomoon-icon-book::after {content: "\e91f";} /* Brand icons */ i.icomoon-icon-amazon::after {content: "\ea87";} i.icomoon-icon-google::after {content: "\ea88";} i.icomoon-icon-hangouts::after {content: "\ea8e";} i.icomoon-icon-googledrive::after {content: "\ea8f";} i.icomoon-icon-facebook::after {content: "\ea90";} i.icomoon-icon-instagram::after {content: "\ea92";} i.icomoon-icon-whatsapp::after {content: "\ea93";} i.icomoon-icon-spotify::after {content: "\ea94";} i.icomoon-icon-telegram::after {content: "\ea95";} i.icomoon-icon-twitter::after {font-family:TwitterXonly; content:'\e900';} i.icomoon-icon-vk::after {content: "\ea98";} i.icomoon-icon-rssfeed::after {content: "\ea9b";} i.icomoon-icon-youtube::after {content: "\ea9d";} i.icomoon-icon-vimeo::after {content: "\eaa0";} i.icomoon-icon-flickr::after {content: "\eaa3";} i.icomoon-icon-dropbox::after {content: "\eaae";} i.icomoon-icon-onedrive::after {content: "\eaaf";} i.icomoon-icon-blogger::after {content: "\eab7";} i.icomoon-icon-tumblr::after {content: "\eab9";} i.icomoon-icon-yahoo::after {content: "\eabb";} i.icomoon-icon-soundcloud::after {content: "\eac3";} i.icomoon-icon-skype::after {content: "\eac5";} i.icomoon-icon-reddit::after {content: "\eac6";} i.icomoon-icon-wikipedia::after {content: "\eac8";} i.icomoon-icon-linkedin::after {content: "\eaca";} i.icomoon-icon-pinterest::after {content: "\ead2";} i.icomoon-icon-XXXXX::after {content: "\eac5";} /* Extra icon using a square background image */ footer i.ImageSocialMediaIcon::after { /* Put the image in as a background image and set the size to "contain" */ background-repeat: no-repeat; background-size: contain; content:"\ea9d"; /* output a font-icon so spacing is ok */ background-color: transparent !important; /* set colors to transparent to hide font-icon */ color: transparent !important; /* replace border with padding to keep size exactly the same, but padding allows a background image to be seen. */ padding: 8px !important; /* Some templates need a different value here */ border: none !important; transition:opacity 300ms linear !important; } footer a:hover i.ImageSocialMediaIcon::after {opacity:0.7;} /* Extra icon using a square background image */ section.slice_FixedSideLinks div.fixed-link-wrapper a.ImageSocialMediaIcon {padding:3px 0;} section.slice_FixedSideLinks div.fixed-link-wrapper a.ImageSocialMediaIcon i::after { /* Put the image in as a background image and set the size to "contain" */ background-repeat: no-repeat; background-size: contain; background-position:right center; content:"\ea9d"; /* output a font-icon so spacing is ok */ background-color: transparent !important; /* set colors to transparent to hide font-icon */ color: transparent !important; font-size:32px; /* Some templates need a different value here */ position:relative; right:1px; /* Some templates need a different value here */ } @font-face { font-family: 'HubbIcons'; src: url('/Images/Content/2414/Templates/56328/fonts/HubbIcons.ttf') format('truetype'); } /* (C)2019 Endis Ltd. No permission is given to use this code, except on an Endis/ChurchInsight website. */ /* CI animations library */ /* Make cards fade in as user scrolls down page. We use a generic class name here called FadingCards, which should be applied to any slice that needs the animation on. This code is designed to run on 3 and 4 card sets, not anything bigger. */ @keyframes CIA_OpacityRise { 0% {opacity:0;} 100% {opacity:1;} } /* code needed to prepare the cards for animation */ section.FadingCards div.article_cards > div, section.FadingCards div.article_cards div.articleListImage a {background-color:transparent;} section.FadingCards div.article_cards div.articleListLink {background-color:#fff;} section.FadingCards.slice_Event div.ArticleBody h1, section.FadingCards.slice_Event div.ArticleBody p, section.FadingCards.slice_Event div.ArticleBody a {opacity:0;} /* set to 0 initially, also when the class "RunAnimation" is removed, they will go back to this. */ @media(min-width:768px){ section.FadingCards div.article_cards div.articleListImage img, section.FadingCards div.article_cards div.articleListSummary, section.FadingCards div.article_cards div.articleListTitle, section.FadingCards div.article_cards div.articleListLink, section.FadingCards div.article_cards div.articleListLink a, section.FadingCards div.ImgWrapper, section.FadingCards.RecentTalks div.ArticleBody {opacity:0;} /* set to 0 initially, also when the class "RunAnimation" is removed, they will go back to this. */ } /* JS will add the class "RunAnimation" to start the animation going */ section.FadingCards.RunAnimation div.article_cards div.articleListImage img, section.FadingCards.RunAnimation div.article_cards div.articleListSummary, section.FadingCards.RunAnimation div.article_cards div.articleListTitle, section.FadingCards.RunAnimation div.article_cards div.articleListLink, section.FadingCards.RunAnimation div.article_cards div.articleListLink a, section.FadingCards.RunAnimation div.ImgWrapper, section.FadingCards.RunAnimation.RecentTalks div.ArticleBody, section.FadingCards.RunAnimation.slice_Event div.ArticleBody h1, section.FadingCards.RunAnimation.slice_Event div.ArticleBody p, section.FadingCards.RunAnimation.slice_Event div.ArticleBody a { animation-name: CIA_OpacityRise; animation-iteration-count: 1; animation-duration: 1s; animation-delay:0s; /* initial delay, will be zero if scroll-position activated. */ animation-timing-function: linear; animation-fill-mode:forwards; /* keep opacity on at the end */ } /* Set up the staggered timing - The image will show right away */ section.FadingCards.RunAnimation div.article_cards > div:first-of-type div.articleListTitle, section.FadingCards.RunAnimation div.article_cards > div:first-of-type div.articleListSummary, section.FadingCards.RunAnimation div.article_cards > div:first-of-type div.articleListLink, section.FadingCards.RunAnimation.slice_Event div.ArticleBody p { animation-delay:333ms; /* bring in the rest of the card */ } section.FadingCards.RunAnimation div.article_cards > div:first-of-type div.articleListLink a, section.FadingCards.RunAnimation.slice_Event div.ArticleBody a { animation-delay:calc(2*333ms) /* finally bring in the button. Use calc to make things easier to understand */ } /* 2nd card: off-set delay compared to the 1st */ section.FadingCards.RunAnimation div.article_cards > div:nth-of-type(2) div.articleListImage img { animation-delay:333ms; } section.FadingCards.RunAnimation div.article_cards > div:nth-of-type(2) div.articleListTitle, section.FadingCards.RunAnimation div.article_cards > div:nth-of-type(2) div.articleListSummary, section.FadingCards.RunAnimation div.article_cards > div:nth-of-type(2) div.articleListLink { animation-delay:calc(2*333ms); } section.FadingCards.RunAnimation div.article_cards > div:nth-of-type(2) div.articleListLink a { animation-delay:calc(3*333ms) } /* 3rd card: off-set delay compared to the 2nd */ section.FadingCards.RunAnimation div.article_cards > div:nth-of-type(3) div.articleListImage img { animation-delay:calc(2*333ms); } section.FadingCards.RunAnimation div.article_cards > div:nth-of-type(3) div.articleListTitle, section.FadingCards.RunAnimation div.article_cards > div:nth-of-type(3) div.articleListSummary, section.FadingCards.RunAnimation div.article_cards > div:nth-of-type(3) div.articleListLink { animation-delay:calc(3*333ms); } section.FadingCards.RunAnimation div.article_cards > div:nth-of-type(3) div.articleListLink a { animation-delay:calc(4*333ms) } /* 4th card: off-set delay compared to the 3rd */ section.FadingCards.RunAnimation div.article_cards > div:nth-of-type(4) div.articleListImage img { animation-delay:calc(3*333ms); } section.FadingCards.RunAnimation div.article_cards > div:nth-of-type(4) div.articleListTitle, section.FadingCards.RunAnimation div.article_cards > div:nth-of-type(4) div.articleListSummary, section.FadingCards.RunAnimation div.article_cards > div:nth-of-type(4) div.articleListLink { animation-delay:calc(4*333ms); } section.FadingCards.RunAnimation div.article_cards > div:nth-of-type(4) div.articleListLink a { animation-delay:calc(5*333ms) } /* Mobile card fading, JS will add the class "RunAnimation" onto card
to start the animation going */ section.FadingCards div.article_cards div.RunAnimation div.articleListImage img, section.FadingCards div.article_cards div.RunAnimation div.articleListSummary, section.FadingCards div.article_cards div.RunAnimation div.articleListTitle, section.FadingCards div.article_cards div.RunAnimation div.articleListLink, section.FadingCards div.article_cards div.RunAnimation div.articleListLink a { animation-name: CIA_OpacityRise; animation-iteration-count: 1; animation-duration: 1s; animation-delay:0s; /* initial delay, will be zero if scroll-position activated. */ animation-timing-function: linear; animation-fill-mode:forwards; /* keep opacity on at the end */ } /* Set up the staggered timing - The image will show right away */ section.FadingCards div.article_cards div.RunAnimation div.articleListTitle, section.FadingCards div.article_cards div.RunAnimation div.articleListSummary, section.FadingCards div.article_cards div.RunAnimation div.articleListLink { animation-delay:333ms; /* bring in the rest of the card */ } section.FadingCards div.article_cards div.RunAnimation div.articleListLink a { animation-delay:calc(2*333ms) /* finally bring in the button. Use calc to make things easier to understand */ } /* Content page Banner Images and captions - no JS trigger needed here */ section.slice_BannerImage { animation-name: CIA_OpacityRise; animation-iteration-count: 1; animation-duration: 500ms; animation-delay:200ms; /* initial delay, give a small amount of time for the page to load etc. */ animation-timing-function: linear; animation-fill-mode:both; } section.slice_BannerImage h1 { animation-name: CIA_OpacityRise; animation-iteration-count: 1; animation-duration: 500ms; animation-delay:700ms; /* initial delay, wait for image fade to finish */ animation-timing-function: linear; animation-fill-mode:both; } /* Slide show captions - no JS trigger here */ section div.bx-viewport div.caption a.slideButton {position:relative;} /* prep */ section div.bx-viewport div.caption div.slideTitle { /* fade in the title */ animation-name: CIA_OpacityRise; animation-iteration-count: 1; animation-duration: 650ms; animation-delay:200ms; /* initial delay */ animation-timing-function: linear; animation-fill-mode:both; } /* Move the SlideShow button up, and fade in, at the same time */ @keyframes CIA_MoveUpPercent { 0% {top:5%;opacity:0;} 50% {top:0;opacity:0.4;} /* finished moving but opacity only at 40% */ 100% {top:0;opacity:1;} /* bring in the rest of the opacity */ } section div.bx-viewport div.caption a.slideButton { /* Move the SlideShow button up, and fade in, at the same time */ animation-name: CIA_MoveUpPercent; animation-iteration-count: 1; animation-duration: 650ms; animation-delay:1100ms; /* initial delay */ animation-timing-function: linear; animation-fill-mode:both; } section div.bx-viewport div.caption div.slideText { /* finally fade in the caption text */ animation-name: CIA_OpacityRise; animation-iteration-count: 1; animation-duration: 500ms; animation-delay:600ms; /* wait for others to finish. */ animation-timing-function: linear; animation-fill-mode:both; } /* code needed to prepare the Image Blocks for animation */ section.FadingCards div.image_blocks li, section.FadingCards div.image_blocks li a {background-color:#fff;} section.FadingCards div.image_blocks li a {opacity:0;} /* set to 0 initially, also when the class "RunAnimation" is removed, they will go back to this. */ /* JS will add the class "RunAnimation" to start the animation going */ section.FadingCards.RunAnimation div.image_blocks li a { animation-name: CIA_OpacityRise; animation-iteration-count: 1; animation-duration: 1s; animation-delay:0s; /* initial delay, will be zero if scroll-position activated. */ animation-timing-function: linear; animation-fill-mode:forwards; /* keep opacity on at the end */ } /* 2nd card: off-set delay compared to the 1st */ section.FadingCards.RunAnimation div.image_blocks li:nth-child(2) a { animation-delay:333ms; } /* 3rd card: off-set delay compared to the 2nd */ section.FadingCards.RunAnimation div.image_blocks li:nth-child(3) a { animation-delay:calc(2*333ms); } /* Mobile card fading, JS will add the class "RunAnimation" onto card
to start the animation going */ section.FadingCards div.image_blocks li a.RunAnimation { animation-name: CIA_OpacityRise; animation-iteration-count: 1; animation-duration: 1s; animation-delay:0s; /* initial delay, will be zero if scroll-position activated. */ animation-timing-function: linear; animation-fill-mode:forwards; /* keep opacity on at the end */ } /* (C) 2019 Endis Ltd. No permission is given to use this code, except on an Endis/ChurchInsight website. ChurchInsight 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. Better to use the styleOverRide.css file to add local changes to a template. If you need advice, contact ChurchInsight Support. */ @import url(https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,600,700,800); *, *::before, *::after { box-sizing: border-box; } section .container { max-width: 1170px; margin-left: auto; margin-right: auto; } section .container::before, section .container::after { content: ' '; display: table; } section .container::after { clear: both; } section, section .isolate_element { float: none !important; } section::before, section::after, section .isolate_element::before, section .isolate_element::after { content: ' '; display: table; } section::after, section .isolate_element::after { clear: both; } section { max-height: 100000px; } textarea { resize: vertical; max-height: 400px; } input[type="text"], input[type="password"] { padding: 1px 1px 2px 1px; border: 1px solid #aaaaaa; } html { font-size: 0.625em; /* Allows a 1:10 rem to px scaling */ } body { color: #000000; font-family: Poppins, sans-serif; font-weight:400; font-size: 17px; line-height: 1.3; background-color: #fff; width: 100%; } h1, h2, h3, h4, h5, h6 { color:#000001; margin:0; font-weight: 600; } h1 { font-size: 26px; line-height: 1.1; } h2 { font-size: 22px; line-height: 1.1333; } h3 { font-size: 20px; line-height: 1.181818; } h4 { font-size: 28px; line-height: 1.2; } h5 { font-size: 16px; line-height: 1.2222; } h6 { font-size: 12px; line-height: 1.285714; } blockquote { color: #000001; font-style:italic; margin-left:0; margin-right:0; } @media (min-width: 768px) { body { font-size: 18px; line-height:1.444; } h1 { font-size: 32px; line-height: 1.1; } h2 { font-size: 28px; line-height: 1.1333; } h3 { font-size: 22px; line-height: 1.181818; } h4 { font-size: 20px; line-height: 1.2; } h5 { font-size: 18px; line-height: 1.2222; } h6 { font-size: 14px; line-height: 1.285714; } p { margin-bottom: 2.4rem; } } a { color: #1f1f1f; transition: all 300ms; text-decoration: none; cursor: pointer; } section.slice_content_page div.main-content a, p a { color:#000000; transition: all 500ms; text-decoration: underline; cursor: pointer; } a:hover { color: #626262; } input[type="button"], input[type="submit"] { transition: all 500ms; cursor: pointer; } .sitebutton, .button, .aspNetDisabled { display: inline-block; margin-top: 10px; margin-right: 5px; padding: 9px 15px; border-radius: 2px; font-size: 16px; font-weight:600; text-align: center; text-decoration: none; color: #000001; border: 2px solid #000001; cursor: pointer; transition: all 500ms; } .sitebutton:hover, .button:hover, .aspNetDisabled:hover { background-color: #000001; color: #fff; text-decoration:none; } .preview_overlay_content img { width: 20px; } img.preview_show { width: 20px; } .popupwindow_title { color: #000001; } .endis-jquery-ui .ui-dialog { border-radius: 5px; } .endis-jquery-ui .ui-dialog #divOverlay .button { display: block; margin: 0 auto 10px; padding: 5px 10px; border-radius: 2px; transition: all 500ms; font-size: 1.3rem; text-align: center; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; border: 2px solid #000001; background-color: #000001; color: #fff; } .endis-jquery-ui .ui-dialog #divOverlay .button:hover { border: 2px solid #000001; background-color: #000001; } .forums_boxout_contents a img { width: 20px; margin-right: 8px; } tr.gridheader a img { width: 25px; } .media_box_cell img { width: 18px; } .MediaListRSS img { width: 40px; } table.signup tr td, td.signup0 { line-height: 0; font-size: 0; border-collapse: separate; } table.signup tr td img { height: 8px !important; } input[type="checkbox"] + label, input[type="radio"] + label { margin-left: 10px; } label { display: inline-block; margin-bottom: 5px; font-weight: 400; } input:not([type=checkbox]):not([type=radio]):not([type=button]) { box-shadow: none !important; } .ArticleBody input:not([type=checkbox]):not([type=radio]):not([type=button]), .ArticleBody textarea, .ArticleEditor input:not([type=checkbox]):not([type=radio]):not([type=button]), .ArticleEditor textarea { margin-bottom: 8px; padding: 4px 3px; border: 1px solid #dadee4; border-radius: 4px; margin-top: 5px; width: 100%; } .ArticleBody textarea, .ArticleEditor textarea { width: 100%; } .ArticleBody input:focus, .ArticleBody textarea:focus, .ArticleEditor input:focus, .ArticleEditor textarea:focus { outline: none; box-shadow: 0 0 4px rgba(49, 167, 222, 0.8); } .content_page_main .ArticleBody .author { display: none; } /* ################## # Start of Slice # ################## */ .slice_Header_L { align-self: stretch; flex: none; } /* Fixed slicknav menu */ header {position:relative;} header section.slice_Header_L { position:relative; z-index:60; background-color:white; margin:0 auto; max-width:1600px; } header section.slice_Header_L.SlickNavFullWidth { background-color:black; overflow-x:hidden; } @media (min-width:768px) { header section.Xslice_Header_L.SlickNavFullWidth { height:101vh; } } @media (min-width:992px) { header.X + section {margin-top:98px; transition:margin-top 300ms linear;} header.XHasCookieBar + section {margin-top:158px;} header.XHeaderSmall + section {margin-top:58px;} header.XHeaderSmall.HasCookieBar + section {margin-top:112px;} } @media (max-width:991px) { header.X {margin-top:50px;} header.XHasCookieBar {margin-top:112px;} } @media (max-width:500px) { header.XHasCookieBar {margin-top:88px;} } header .slice_Header_L .slicknav_menu .slicknav_btn span.slicknav_menutxt {display:none;} .slice_Header_L .SlickNav_Wrapper { position: relative; margin-top:0; } .slice_Header_L .slicknav_menu { background: transparent; font-size:16px; margin-bottom: 0 !important; } .slice_Header_L .slicknav_menu li a { font-size:22px; font-weight:500; } .slice_Header_L .slicknav_menu li ul a { font-size:20px; font-weight:400; } .slice_Header_L .slicknav_menu li.ExtraLink a { font-size:20px; font-weight:400; } @media (max-width:467px) { .slice_Header_L .slicknav_menu li a { font-size:24px; } } .slice_Header_L .slicknav_menu::before, .slice_Header_L .slicknav_menu::after { content: ' '; display: table; } .slice_Header_L .slicknav_menu::after { clear: both; } body > form {position:relative;} header {position:static; top:0; left:0; right:0;background-color:white;} .slice_Header_L {padding:0 20px;} .slice_Header_L .slicknav_menu .slicknav_btn { text-decoration: none; background-color:transparent; position: relative; z-index: 1; display: block; vertical-align: middle; float: right; padding: 35px 0; line-height: 1.125em; cursor: pointer; margin:0; width: 100%; transition:none; } .slice_Header_L div.slicknav_menu a.slicknav_btn.slicknav_open {width: 50px; padding: 15px 0;} header.HeaderSmall .slice_Header_L .slicknav_menu .slicknav_btn {padding: 15px 0;} .slice_Header_L .slicknav_menu .slicknav_btn::before, .slice_Header_L .slicknav_menu .slicknav_btn::after { content: ' '; display: table; } .slice_Header_L .slicknav_menu .slicknav_btn::after { clear: both; } .slice_Header_L .slicknav_menu .slicknav_btn .slicknav_menutxt { display: block; line-height: 1.188em; float: right; color: #000000; } .slice_Header_L .slicknav_menu .slicknav_btn .slicknav_icon { float: right; margin:0; color:white; } .slice_Header_L .slicknav_menu .slicknav_btn .slicknav_icon .slicknav_icon-bar { display: block; width: 30px; height: 3px; margin:0 0 8px; background-color:black; } .slice_Header_L .slicknav_menu .slicknav_btn .slicknav_icon .slicknav_icon-bar:last-child { margin:0 0 2px; } .slice_Header_L .slicknav_menu .slicknav_btn .slicknav_icon .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 3px; } .slice_Header_L .slicknav_menu .slicknav_btn .slicknav_icon .slicknav_no-text { margin: 0; } .slice_Header_L .slicknav_menu .slicknav_btn div.SlickNavCloseIcon { display: none; float: right; margin:0; font-family: journey; color:black; font-size: 32px; line-height:1; padding:5px; position:relative; left:-2px; top:13px; background-color:white; border-radius:30px; } .slice_Header_L .slicknav_menu .slicknav_btn div.SlickNavCloseIcon::after { content: "\e91f"; position:relative; left:1px; } .slice_Header_L .slicknav_menu ul.slicknav_nav { clear: both; list-style: none; /* overflow-x: hidden; overflow-y: show; */ margin: 0 0 0 auto; padding: 50px 0 0; background-color:transparent; width:100%; max-width:467px; } @media(min-width:768px){ .slice_Header_L .slicknav_menu ul.slicknav_nav { max-width:400px; } } .slice_Header_L .slicknav_menu ul.slicknav_nav a { color:white; display: block; padding: 8px 0; line-height:1.1; } .slice_Header_L .slicknav_menu ul.slicknav_nav > li > a.menu_link, .slice_Header_L .slicknav_menu ul.slicknav_nav > li.has_sub_menu > a > a.menu_link { padding: 15px 0; } .slice_Header_L .slicknav_menu ul.slicknav_nav > li.has_sub_menu > a { padding: 0; } .slice_Header_L .slicknav_menu ul.slicknav_nav a:hover { color:#EA6053; } .slice_Header_L .slicknav_menu ul.slicknav_nav ul, .slice_Header_L .slicknav_menu ul.slicknav_nav li { display: block; padding: 0; margin: 0; } .slice_Header_L .slicknav_menu ul.slicknav_nav ul { list-style: none; overflow: hidden; margin-top: 0; } .slice_Header_L .slicknav_menu ul.slicknav_nav ul li { border-top: none; border-bottom: none; } .slice_Header_L .slicknav_menu ul.slicknav_nav ul ul li a { padding-left: 25px; } .slice_Header_L .slicknav_menu ul.slicknav_nav span.slicknav_arrow { font-weight:400; font-size:18px; color:white; background-color: transparent; font-family: journey; padding:0 0 0 10px; } .slice_Header_L .slicknav_menu ul.slicknav_nav li.slicknav_open > a > span.slicknav_arrow { transform:rotate(-90deg); padding:0; top:-2px; left:20px !important; position:relative; } @media(min-width:992px){ .slice_Header_L .slicknav_menu ul.slicknav_nav span.slicknav_arrow { transition:left 300ms linear; position:relative; left:0; } .Xslice_Header_L .slicknav_menu ul.slicknav_nav a.slicknav_item:hover span.slicknav_arrow { left:6px; } } .slice_Header_L .slicknav_menu ul.slicknav_nav .slicknav_item { display: block; cursor: pointer; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; } .slice_Header_L .slicknav_menu ul.slicknav_nav .slicknav_item a { display: inline; padding: 0 0 0 0; margin: 0; color:white; } .slice_Header_L .slicknav_menu ul.slicknav_nav .slicknav_item a:hover { color:#EA6053; } .slice_Header_L .slicknav_menu ul.slicknav_nav ul li a { padding: 10px 20px; } .slice_Header_L .slicknav_menu ul.slicknav_nav li.ExtraLink i { display: inline-block; padding-right: 15px; font-size: 24px; color:white; position: relative; top: 0px; } .slice_Header_L .slicknav_menu ul.slicknav_nav li.ExtraLink.FirstExtraLink { margin-top:40px; padding-top:30px; border-top:1px solid #aaaaaa; } .slice_Header_L .slicknav_menu ul.slicknav_nav li.ExtraLink a { display: inline-block; line-height: 1; padding-left:0; } .slice_Header_L .slicknav_menu ul.slicknav_nav li.menu_item_level_1 > a { margin-left: 0; } .slice_Header_L .slicknav_menu ul.slicknav_nav li.menu_item_level_2 > a, .slice_Header_L .slicknav_menu ul.slicknav_nav li.menu_item_level_ > a { margin-left: 30px; } .slice_Header_L .slicknav_menu ul.slicknav_nav li.menu_item_level_3 > a { margin-left: 60px; } .slice_Header_L .slicknav_menu ul.slicknav_nav li.menu_item_level_4 > a { margin-left: 90px; } .Xslice_Header_L .slicknav_menu .slicknav_open > a { background-color:black; } .Xslice_Header_L .slicknav_menu .slicknav_open > ul { background-color:black; } .slice_Header_L .slicknav_menu .slicknav_open .slicknav_item:hover { color:white; } .slice_Header_L .slicknav_menu .slicknav_collapsed .slicknav_item:hover { color:white; } header div.search-overlay { position: fixed; left: 0; top: -180px; transition:top 800ms cubic-bezier(.2,1,.3,1); right: 0; width:100%; padding-top: 15px; padding-bottom: 15px; background-color: #000001; z-index:80; } header div.search-overlay.On { top:0; z-index:80; } header div.search-overlay h1 { opacity:0; transition:opacity 500ms linear 600ms; } header div.search-overlay.On h1 { opacity:1; } header div.search-overlay div.SearchText { opacity:0; transition:opacity 500ms linear 1000ms; } header div.search-overlay.On div.SearchText { opacity:1; } header div.search-overlay input.button, header div.search-overlay label { display: none; } header div.search-overlay .search-close { position: absolute; top: 30px; right: 10px; font-family: IcoMoon490Icons; color: #fff; font-size: 20px; } header div.search-overlay .search-close:hover { color: white; } header div.search-overlay .search-close::after { content: "\ea0d"; } header div.search-overlay .search_div { margin: 0 50px 0 0; } header div.search-overlay .search_div input.text { height: 50px; margin-bottom: 0px; border: none; border-radius: 4px; background-color: #efefef; transition: all 500ms; font-size: 15px; text-align: center; width: 100%; color: #000000; outline: none; margin-left: 10px; } header div.search-overlay .search_div input.text:hover { background-color: white; color: black; } .slice_Header_L div.top-link-wrapper, body.guest_user .slice_Header_L div.top-link-wrapper a.top-link.MyArea { display: none; } @media (min-width: 992px) { .slice_Header_L div.top-link-wrapper { display: block; float: right; margin: 0 10px 0 0; background-color: white; } .slice_Header_L div.top-link-wrapper a.top-link { border-radius:0;display: inline-block; line-height: 1; padding: 15px 20px; margin: 0; color: #000001; font-size: 12px; text-decoration: none; text-transform: uppercase; white-space: nowrap; transition: color 500ms linear, background-color 500ms linear, border-color 500ms linear, padding-top 300ms linear, padding-bottom 300ms linear;} .slice_Header_L div.top-link-wrapper a.top-link:hover { background-color: #dce8eb; } .slice_Header_L div.top-link-wrapper a.top-link i { padding-right: 6px; font-size: 12px; color: #717171; line-height: 1; transition: color 500ms linear; } .slice_Header_L div.top-link-wrapper a.top-link { opacity: 1; background-color: #efefef; color: #000001; border: 1px solid #efefef; } .slice_Header_L div.top-link-wrapper a.top-link:hover { background-color: #dce8eb; border-color: #dce8eb; } .slice_Header_L div.top-link-wrapper a.top-link.Bookings { margin-left: 5px; } .slice_Header_L div.top-link-wrapper a.top-link.MyArea {background-color:#000001; border-color:#000001; color:white;} .slice_Header_L div.top-link-wrapper a.top-link.MyArea:hover {background-color:#dce8eb; border-color:#dce8eb;color: #000001;} .slice_Header_L div.top-link-wrapper div.search-form {position:relative;} .slice_Header_L div.top-link-wrapper div.search-form input[type=text] { font-size: 12px; color: #000001; background-color: #efefef; border: 1px solid #efefef; outline: none; padding: 12px 25px 12px 10px; width: 160px; } .slice_Header_L div.top-link-wrapper div.search-form input[type=text]:focus { color: black;background-color: #dce8eb; } .slice_Header_L div.top-link-wrapper div.search-form input.button { display: none; } .slice_Header_L div.top-link-wrapper div.search-form i { position: absolute; top: 10px; right: 4px; font-size: 17px; color: #717171; transition:top 300ms linear; } } .slice_Header_L .logo-container { margin-left: 20px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; display: flex; align-items: center; justify-content: center; } .slice_Header_L .logo-container::before, .slice_Header_L .logo-container::after { content: ' '; display: table; } .slice_Header_L .logo-container::after { clear: both; } .slice_Header_L .logo-container .logo-icon { display: block; float: left; margin-right: 10px; } .slice_Header_L .logo-container .logo-icon a { display: block; } .slice_Header_L .logo-container .logo-icon a img { display: block; width: 29px; height: 31px; } .slice_Header_L .logo-container .logo-name { margin-top: 0px; } .slice_Header_L .logo-container .logo-name a { color: #000001; font-size: 16px; font-weight: 600; line-height: 1.1; } .slice_Header_L .logo-container .logo-name a:hover { opacity: 0.7; } @media (min-width: 467px) { .slice_Header_L .logo-container .logo-icon a img { width: 43.5px; height: 46.5px; } .slice_Header_L .logo-container .logo-name a { font-size: 20px; } } @media (min-width: 768px) { .slice_Header_L .logo-container { justify-content: flex-start; } } @media (min-width: 992px) { .slice_Header_L .logo-container { position: absolute; top: 0; left: 0; margin-top: 20px; margin-bottom: 20px; margin-left: 10px; margin-right: 0; } .slice_Header_L .logo-container .logo-icon { margin-right: 20px; } .slice_Header_L .logo-container .logo-icon a img { width: 58px; height: 62px; } .slice_Header_L .logo-container .logo-name:hover { position: relative; z-index: 3; } .slice_Header_L .logo-container .logo-name a { font-size: 3rem; } } .slice_Header_L .nav-menu { display: none; } @media (min-width: 992px) { .slice_Header_L .nav-menu { display: block; float: right; width: 100%; margin-right: 0; margin-left: 0; margin-top: 20px; padding-right: 10px; transition: all 500ms; } } @media (min-width: 992px) { .slice_Header_L .nav-menu a { color: #000001; font-size: 1.6rem; font-weight: 400; display: block; transition: all 500ms; text-decoration: none; text-transform: capitalize; white-space: nowrap; } .slice_Header_L .nav-menu ul { list-style-type: none; } .slice_Header_L .nav-menu ul.root_menu { float: right; padding-left: 0; margin: 0 auto; position: relative; z-index: 3; background-color: transparent; } .slice_Header_L .nav-menu ul.root_menu ul { display: none; } .slice_Header_L .nav-menu ul.root_menu li { position: relative; list-style-type: none; } .slice_Header_L .nav-menu ul.root_menu li:hover > ul { display: block; } .slice_Header_L .nav-menu ul.root_menu > li { float: left; margin-top: 0; } .slice_Header_L .nav-menu ul.root_menu > li > a { padding: 17px 20px; } .slice_Header_L .nav-menu ul.root_menu > li ul { position: absolute; top: 100%; left: 0; background: #efefef; padding: 0; } .slice_Header_L .nav-menu ul.root_menu > li ul a { color: #000000; font-size: 1.6rem; font-weight: 400; padding: 7px 35px 7px 20px; } .slice_Header_L .nav-menu ul.root_menu > li ul ul { top: 0; left: 100%; float: right; } .slice_Header_L .nav-menu ul.root_menu > li ul li.has_sub_menu::after { font-family: journey; content: '\e900'; color: #000001; position: absolute; right: 10px; top: 3px; font-size: 1.6rem; line-height: 30px; height: 30px; } .slice_Header_L .nav-menu ul.root_menu > li:hover > a { background-color: #efefef; color: #000001; } .slice_Header_L .nav-menu ul.root_menu > li li:hover > a { color: #000001; background-color: #fff; } .slice_Header_L .nav-menu ul.root_menu > li:last-child > ul, .slice_Header_L .nav-menu ul.root_menu > li:nth-last-child(2) > ul, .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:last-child > ul a, .slice_Header_L .nav-menu ul.root_menu > li:nth-last-child(2) > ul a, .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:last-child > ul li.has_sub_menu::after, .slice_Header_L .nav-menu ul.root_menu > li:nth-last-child(2) > ul li.has_sub_menu::after, .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:last-child > ul li.has_sub_menu::before, .slice_Header_L .nav-menu ul.root_menu > li:nth-last-child(2) > ul li.has_sub_menu::before, .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: #000000; position: absolute; left: 10px; top: 3px; font-size: 1.6rem; line-height: 30px; height: 30px; } .slice_Header_L .nav-menu ul.root_menu > li:last-child > ul ul, .slice_Header_L .nav-menu ul.root_menu > li:nth-last-child(2) > ul ul, .slice_Header_L .nav-menu ul.root_menu > li:nth-last-child(3) > ul ul { position: absolute; top: 0; left: auto; right: 100%; } } .slice_Header_L div.top-link-wrapper { display: none; } @media (min-width: 992px) { .slice_Header_L div.top-link-wrapper { display: block; float: right; margin: 0 10px 0 0; } .slice_Header_L div.top-link-wrapper a.top-link { display: inline-block; line-height: 1; padding: 15px 20px; margin: 0; color:white; font-size: 12px; text-decoration: none; text-transform: uppercase; white-space: nowrap; transition: color 500ms linear, background-color 500ms linear, border-color 500ms linear, padding-top 300ms linear, padding-bottom 300ms linear;} .slice_Header_L div.top-link-wrapper a.top-link:hover { background-color: #dce8eb; } .slice_Header_L div.top-link-wrapper a.top-link i { padding-right: 6px; font-size: 12px; color: #717171; line-height: 1; transition: color 500ms linear; } .slice_Header_L div.top-link-wrapper a.top-link { opacity: 1; background-color:rgba(53,53,53,0.5); color: white; } .slice_Header_L div.top-link-wrapper a.top-link:hover { background-color:#353535; } .slice_Header_L div.top-link-wrapper a.top-link.Register { margin-left: 5px; } .slice_Header_L div.top-link-wrapper div.search-form {position:relative;} .slice_Header_L div.top-link-wrapper div.search-form input[type=text] { font-size: 12px; color: #000001; background-color: #efefef; border: 1px solid #efefef; outline: none; padding: 12px 25px 12px 10px; width: 160px; } .slice_Header_L div.top-link-wrapper div.search-form input[type=text]:focus { color: black;background-color: #dce8eb; } .slice_Header_L div.top-link-wrapper div.search-form input.button { display: none; } .slice_Header_L div.top-link-wrapper div.search-form i { position: absolute; top: 10px; right: 4px; font-size: 17px; color: #717171; transition:top 300ms linear; } } @media (max-width:767px) { .slice_Header_L .slicknav_menu .slicknav_btn { padding: 20px 0; } .Xslice_Header_L .slicknav_menu ul.slicknav_nav { margin: 0 20px 0 0; } } @media (max-width:467px) { .Xslice_Header_L .slicknav_menu .slicknav_btn { margin:0 10px; width: calc(100% - 20px); max-width:100%; } .Xslice_Header_L .slicknav_menu ul.slicknav_nav { margin: 0; } .slice_Header_L .slicknav_menu .slicknav_btn.slicknav_open {border-bottom:none;} } /* ################## # Start of Slice # ################## */ .slice_SlidesFullWidth { width: 100%; background: transparent; padding-top: 0; } .slice_SlidesFullWidth h1 { color: #000000; font-size: 2rem; margin-bottom: 10px; text-align: center; } @media (min-width: 768px) { .slice_SlidesFullWidth h1 { font-size: 3rem; margin-bottom: 15px; } } @media (min-width: 992px) { .slice_SlidesFullWidth h1 { font-size: 4.4rem; margin-bottom: 17px; } } .slice_SlidesFullWidth .bannerSlides { display: none; float: none; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper { margin-bottom: 0; border: none !important; box-shadow: none !important; left: 0 !important; transform: translatez(0); } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-loading, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-controls-auto .bx-start, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-controls-auto .bx-stop { background: transparent; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper div.bx-viewport { background-color: #aaaaaa; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul { padding: 0; margin-top: 0 !important; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li img { height: 100%; width: 100%; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; margin: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; background-image: url(/Images/Content/2155/Templates/72606/images/Diagonal-lines-pattern-1.png); background-position:left bottom; background-repeat:no-repeat; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle { color: #fff; font-size: 32px; line-height: 1; font-weight: 700; text-align: center; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { font-size: 18px; line-height: 1.1; color: #fff; font-weight: 400; margin: 20px 0; padding-left: 20px; padding-right: 20px; text-align: center; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton { color: #fff; border: 2px solid #fff; background-color: transparent; font-size:18px; padding: 10px 20px; margin: 0 auto; display: block; transition: all 500ms ease; text-decoration: none; position:relative; z-index:100; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton, body.OnSmallAppleDevice .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton:hover { opacity: 1; background-color: #fff; color: #000001; } @media (min-width: 467px) { .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle { font-size: 40px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { font-size: 24px; margin: 20px 0; padding-left: 20px; padding-right: 20px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton { padding: 10px 30px; font-size: 22px; border: 2px solid #fff; } } @media (min-width: 768px) { .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle { font-size: 50px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { font-size: 32px; margin: 15px 0 20px; padding-left: 25px; padding-right: 25px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton { font-size: 20px; padding: 12px 30px 10px; font-weight:500; } } @media (min-width: 1100px) { .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle { font-size: 95px; line-height: 1.1; max-width:910px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { font-size: 36px; margin: 20px 0 80px; padding-left: 35px; padding-right: 35px; } } @media (min-width: 1200px) { .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { max-width: 1170px; margin-left: auto; margin-right: auto; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText::before, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText::after { content: ' '; display: table; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText::after { clear: both; } } .Xslice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-pager { display: none; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-pager a { margin: 0 10px; background: #fff; transition: all 500ms; border: 3px solid #fff; border-radius: 9px; width: 18px; height: 18px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-pager a:hover, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-pager a.active { background-color: #000001; border-color: #000001; } @media (min-width: 467px) { .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-pager { display: block; bottom: 5px; } } @media (min-width: 768px) { .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-pager { bottom: 12px; padding: 0; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-pager a { } } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next { width: 25px; height: 45px; position: absolute; top: 50%; margin-top: -22px; transition: all 500ms ease; background: transparent; } @media (min-width: 467px) { .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next { top: 50%; } } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev::after, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next::after { font-family: journey; font-size: 20px; line-height:1; color: #fff; position: absolute; top: 50%; text-indent: 0; transition: all 500ms ease; margin-top: -22px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev::after, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next::after { color:rgba(255,255,255,0.6); margin-top: -8px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev { left: 0; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev::after { content: "\e901"; left: 1px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next { right: 0; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next::after { content: "\e900"; right: 1px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev:hover, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next:hover { background-color:rgba(0,0,0,0.3); } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev:hover::after, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next:hover::after { color:white; } @media (min-width: 768px) { .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev::after, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next::after { margin-top: -10px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next { width: 30px; height: 50px; margin-top: -25px; } } @media (min-width: 992px) { .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev::after { left: 8px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next::after { right: 8px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev::after, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next::after { margin-top: -24px; font-size: 48px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev:hover, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next:hover { height: 96px; width: 60px; margin-top: -48px; } } /* ################## # Start of Slice # ################## */ .slice_CloserLook { background-color: white; padding: 0 10px 0; } @media (min-width: 992px) { .slice_CloserLook div.info_header_text { width: 80.75601%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; margin-left: 9.62199%; } } .slice_CloserLook .article_cards { clear: both; } .slice_CloserLook .article_cards > div { width: 97.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } @media (min-width: 467px) { .slice_CloserLook .article_cards > div { width: 47.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } } @media (min-width: 768px) { .slice_CloserLook .article_cards > div { width: 29.333%; float: left; margin-left: 2%; margin-right: 2%; } } @media (min-width: 768px) { .slice_CloserLook { padding: 0 0 30px; } } @media (min-width: 992px) { .slice_CloserLook { padding: 0 0 40px; } } .slice_CloserLook .article_cards { display: flex; flex-flow: row wrap; justify-content: center; } .slice_CloserLook .article_cards > div { background-color: transparent; margin-bottom: 30px; display: flex; flex-direction: column; } .slice_CloserLook .article_cards > div .articleListImage a { display: block; margin: 0 auto; } .slice_CloserLook .article_cards > div .articleListImage a:hover { opacity: 0.7; } .slice_CloserLook .article_cards > div .articleListImage a img { display: block; width: 100%; margin: 0 auto; } .slice_CloserLook .article_cards > div .articleListTitle { background-color: transparent; margin: 15px 0 0; } .slice_CloserLook .article_cards > div .articleListTitle a { color: black; font-weight: 600; font-size: 27px; line-height: 1.4; display:block; padding:10px 0; } .slice_CloserLook .article_cards > div .articleListTitle a:hover { background-color: #fff; color: black; } .slice_CloserLook .article_cards > div .articleListSummary { background-color: #fff; color: black; flex: 1 1 auto; padding: 5px 0 10px; font-size: 16px; line-height: 1.5; } @media (min-width: 992px) { .slice_CloserLook .article_cards > div .articleListSummary { font-size: 16px; padding: 5px 0 20px; } } .slice_CloserLook .article_cards > div .articleListLink { padding: 0 0 20px; } .slice_CloserLook .article_cards > div .articleListLink a { display: inline-block; font-size: 18px; line-height: 1; font-weight: 500; color: black; background-color: #fff; padding: 12px 0 2px; text-decoration:none; border-bottom:1px solid black; } .slice_CloserLook .article_cards > div .articleListLink a:hover { color: #464567; background-color: white; border-color: #9d9cb0; } .slice_CloserLook .article_cards_button { display: none; } /* ################## # Start of Slice # ################## */ .slice_CommunityText_L { background: #fff; color: #000000; font-size: 16px; line-height:1.3; text-align: center; padding: 30px 15px 20px; } .slice_CommunityText_L > div.container > div.ArticleBody { width: 97.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } @media (min-width: 992px) { .slice_CommunityText_L > div.container > div.ArticleBody { width: 64.08935%; float: left; margin-right: 1.28866%; margin-left: 17.95533%; } } .slice_CommunityText_L img {width:150px;height:150px;} @media (min-width: 768px) { .slice_CommunityText_L { padding: 40px 15px 30px; font-size: 19px; line-height: 1.4; } .slice_CommunityText_L img {width:262px;height:262px; flex:none;} } @media (min-width: 992px) { .slice_CommunityText_L { padding: 60px 15px 40px; } } .slice_CommunityText_L h2 { color: #000001; font-size: 2rem; font-weight: 400; margin-bottom: 0; } @media (min-width: 768px) { .slice_CommunityText_L h2 { font-size: 3rem; } } @media (min-width: 992px) { .slice_CommunityText_L h2 { font-size: 4rem; } } .slice_CommunityText_L .HighLight { color: #000001; } .slice_CommunityText_L a { display: inline; transition: all 500ms; text-decoration: underline; } .slice_CommunityText_L a.button, .slice_CommunityText_L a.button2 { display: inline-block; border: 2px solid transparent; border-radius: 4px; padding: 10px 20px 9px 20px; font-size: 1.3rem; margin: 15px 10px 0; text-decoration: none; } .slice_CommunityText_L a.button:hover, .slice_CommunityText_L a.button2:hover { text-decoration: none; } @media (min-width: 768px) { .slice_CommunityText_L a.button, .slice_CommunityText_L a.button2 { font-size: 1.8rem; margin-top: 30px; } } .slice_CommunityText_L a.button { color: #000001; border-color: #d7d7d7; background-color: white; } .slice_CommunityText_L a.button:hover { border-color: #717171; opacity:1; } .slice_CommunityText_L a.button2 { color: white; border-color: #717171; background-color: #717171; } .slice_CommunityText_L a.button2:hover { border-color: #626262; background-color: #626262; opacity:1; } /* ################## # Start of Slice # ################## */ .slice_WhatsOn3Buttons_L { padding-left: 5px; padding-right: 5px; padding-top: 40px; padding-bottom: 30px; margin-bottom: 0; background-color:#efefef; } .slice_WhatsOn3Buttons_L a[class^="button"] { width: 97.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } @media (min-width: 768px) { .slice_WhatsOn3Buttons_L a[class^="button"] { width: 30.75601%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } } @media (min-width: 768px) { .slice_WhatsOn3Buttons_L { padding-top: 35px; padding-bottom: 20px; padding-right: 5px; } } @media (min-width: 992px) { .slice_WhatsOn3Buttons_L { padding-top: 50px; padding-bottom: 40px; } } .slice_WhatsOn3Buttons_L h1 { text-align: center; font-size: 30px; font-weight: 600; margin-top: 0; margin-bottom: 10px; } @media (min-width: 768px) { .slice_WhatsOn3Buttons_L h1 { font-size: 36px; margin-top: 0; margin-bottom: 15px; } } @media (min-width: 992px) { .slice_WhatsOn3Buttons_L h1 { font-size: 44px; margin-top: 0; margin-bottom: 20px; font-weight:700; } } /* ################## # Start of Slice # ################## */ .slice_WhatsOnSlidesEB_L { width: auto; padding-bottom: 20px; background: transparent; padding-top: 0; } @media (min-width: 467px) { .slice_WhatsOnSlidesEB_L { padding-bottom: 40px; } } @media (min-width: 768px) { .slice_WhatsOnSlidesEB_L { padding-bottom: 50px; } } @media (min-width: 992px) { .slice_WhatsOnSlidesEB_L { padding-bottom: 60px; } } .slice_WhatsOnSlidesEB_L h1 { color: #000000; font-size: 2rem; margin-bottom: 10px; text-align: center; } @media (min-width: 768px) { .slice_WhatsOnSlidesEB_L h1 { font-size: 3rem; margin-bottom: 15px; } } @media (min-width: 992px) { .slice_WhatsOnSlidesEB_L h1 { font-size: 4.4rem; margin-bottom: 17px; } } .slice_WhatsOnSlidesEB_L .bannerSlides { display: none; width: 97.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; float: none; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper { margin-bottom: 0; border: none !important; box-shadow: none !important; left: 0 !important; transform: translatez(0); } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-loading, .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-prev, .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-next, .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-controls-auto .bx-start, .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-controls-auto .bx-stop { background: transparent; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper div.bx-viewport { background-color: white; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul { padding: 0; margin-top: 0 !important; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li img { height: 100%; width: 100%; border: 0 solid #898989; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; margin: auto; display: flex; flex-direction: column; align-items: center; justify-content: center; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle { color: #fff; font-size: 2rem; line-height: 1; font-weight: 700; text-align: center; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle.DarkenedOverlay { padding: 2px 10px 5px; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { font-size: 16px; line-height: 1.1; color: #fff; font-weight: 600; margin: 10px 0; padding-left: 20px; padding-right: 20px; text-align: center; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText.DarkenedOverlay { padding-top: 2px; padding-bottom: 5px; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .DarkenedOverlay { background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton, body.OnSmallAppleDevice .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton:hover { color: #fff; border: 1px solid rgba(255,255,255,0.5); background-color:transparent; font-size: 12px; padding: 5px 10px; border-radius: 3px; margin: 0 auto; display: table; transition: all 500ms ease; text-decoration: none; font-weight:600; text-transform:uppercase; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton:hover { border-color:#717171; } @media (min-width: 467px) { .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle { font-size: 3rem; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { font-size: 20px; margin: 15px 0; padding-left: 20px; padding-right: 20px; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton { padding: 7px 10px 6px; border-radius: 4px; } } @media (min-width: 768px) { .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle { font-size: 4rem; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { font-size: 26px; margin: 20px 0; padding-left: 25px; padding-right: 25px; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton { padding: 10px 20px; border-width: 2px; } } @media (min-width: 992px) { .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle { font-size: 6rem; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { font-size: 30px; margin: 30px 0; padding-left: 35px; padding-right: 35px; } } @media (min-width: 1200px) { .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { max-width: 1170px; margin-left: auto; margin-right: auto; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText::before, .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText::after { content: ' '; display: table; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText::after { clear: both; } } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-pager { bottom: -25px; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-pager a { margin: 0 10px; background: #d4cdc3; transition: all 500ms; border: 3px solid #d4cdc3; border-radius: 9px; width: 18px; height: 18px; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-pager a:hover, .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-pager a.active { background-color: #000001; border-color: #000001; } @media (min-width: 467px) { .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-pager { display: block; } } @media (min-width: 768px) { .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-pager { bottom: -35px; } } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-prev, .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-next { width: 100px; height: 100px; position: absolute; top: 50%; margin-top: -50px; transition: all 500ms ease; background: transparent; } @media (min-width: 467px) { .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-prev, .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-next { top: 50%; } } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-prev::after, .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-next::after { font-family: journey; font-size: 20px; color: #fff; position: absolute; top: 50%; text-indent: 0; transition: all 500ms ease; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-prev::after, .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-next::after { color: #fff; margin-top: -10px; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-prev { left: 0; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-prev::after { content: "\e901"; left: 1px; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-next { right: 0; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-next::after { content: "\e900"; right: 1px; } @media (min-width: 992px) { .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-prev::after { font-size: 24px; left: 8px; } .slice_WhatsOnSlidesEB_L .bannerSlides .bx-wrapper .bx-next::after { font-size: 24px; right: 8px; } } /* ################## # Start of Slice # ################## */ .slice_ServiceText_L { background-color: #000000; } .slice_ServiceText_L .blocks, .slice_ServiceText_L .block2-1, .slice_ServiceText_L .block2-2 { width: 97.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } @media (min-width: 467px) { .slice_ServiceText_L .blocks { width: 80.75601%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; margin-left: 9.62199%; } .slice_ServiceText_L .block2-1, .slice_ServiceText_L .block2-2 { width: 96.90722%; float: left; margin-left: 1.54639%; margin-right: 1.54639%; } } @media (min-width: 768px) { .slice_ServiceText_L .blocks { width: 97.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } .slice_ServiceText_L .block2-1, .slice_ServiceText_L .block2-2 { width: 47.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } } @media (min-width: 992px) { .slice_ServiceText_L .blocks { width: 88.75601%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; margin-left: 6.12199%; } .slice_ServiceText_L .block2-1, .slice_ServiceText_L .block2-2 { width: 46.90722%; float: left; margin-left: 1.54639%; margin-right: 1.54639%; } } @media (min-width: 768px) { .slice_ServiceText_L .block2-1 { left: 1.28866%; } .slice_ServiceText_L .block2-2 { left: -1.28866%; } } .slice_ServiceText_L .blocks { background-color: #242424; } @media (min-width: 768px) { .slice_ServiceText_L .blocks { display: block; padding-top: 25px; padding-bottom: 25px; } } .slice_ServiceText_L .block2-1, .slice_ServiceText_L .block2-2 { padding: 25px 10px 25px 60px; color: white; font-size: 1.4rem; line-height: 1.8rem; position: relative; text-align: left; } .slice_ServiceText_L .block2-1 span, .slice_ServiceText_L .block2-2 span { color: #000001; font-weight: 700; display: block; } .slice_ServiceText_L .block2-1::after, .slice_ServiceText_L .block2-2::after { font-family: journey; font-style: normal; font-weight: normal; position: absolute; font-size: 30px; color: #494f55; } @media (min-width: 768px) { .slice_ServiceText_L .block2-1, .slice_ServiceText_L .block2-2 { display: block; padding-top: 0; padding-bottom: 0; font-size: 1.6rem; line-height: 2rem; } } @media (min-width: 992px) { .slice_ServiceText_L .block2-1, .slice_ServiceText_L .block2-2 { line-height: 2.2rem; } .slice_ServiceText_L .block2-1 span, .slice_ServiceText_L .block2-2 span { font-size:18px; line-height:1.3; } } .slice_ServiceText_L .block2-1 { border-bottom: 2px solid #d7d7d7; } .slice_ServiceText_L .block2-1::after { content: "\e906"; top: 33px; left: 15px; } @media (min-width: 467px) { .slice_ServiceText_L .block2-1 { padding-right: 0; } } @media (min-width: 768px) { .slice_ServiceText_L .block2-1 { border-bottom: none; border-right: 2px solid #d7d7d7; padding-right: 10px; } .slice_ServiceText_L .block2-1::after { top: 8px; left: 17px; } } @media (min-width: 992px) { .slice_ServiceText_L .block2-1::after { font-size: 40px; top: 11px; left: 7px; } } .slice_ServiceText_L .block2-2::after { content: "\e905"; top: 34px; left: 18px; } @media (min-width: 467px) { .slice_ServiceText_L .block2-2 { padding-right: 0; } } @media (min-width: 768px) { .slice_ServiceText_L .block2-2::after { top: 8px; left: 21px; } } @media (min-width: 992px) { .slice_ServiceText_L .block2-2::after { font-size: 40px; top: 11px; left: 11px; } } section.slice_ServiceText_L a {font-size:smaller;text-decoration:underline;} /* ################## # Start of Slice # ################## */ .slice_image_blocks_3 { padding:0 0 0; text-align: center; } .slice_image_blocks_3 .gallery_ul .gallery_li { width: 100%;margin:0 auto; } @media (min-width: 768px) { .slice_image_blocks_3 .gallery_ul .gallery_li { width: 50%; float: left;max-width:initial;margin:0; } .slice_image_blocks_3 .gallery_ul .gallery_li:nth-child(odd) {clear:both;} } .slice_image_blocks_3 .image_blocks .gallery_ul { padding-left: 0; margin: 0; list-style-type: none; text-align: center; } .slice_image_blocks_3 .image_blocks .gallery_ul::before, .slice_image_blocks_3 .image_blocks .gallery_ul::after { content: ' '; display: table; } .slice_image_blocks_3 .image_blocks .gallery_ul::after { clear: both; } .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a { display: block; width: 100%; vertical-align: middle; position: relative; overflow:hidden; } .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a::before { content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: transparent; transition: background-color .35s linear, opacity .35s linear; } .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a:hover::before { background-color: #000001; opacity: 0.5; cursor: pointer; } .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a img { display: block; width: 100%; } .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a .image_block_title_wrapper { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: 100%; width: 100%; margin: auto; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; transition:top 500ms linear; } .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a .image_block_title { margin: 0 5px; text-align: center; color: #fff; font-size: 32px; line-height: 1;font-weight:600; } .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a div.image_block_textB { opacity:1; transition:opacity 500ms linear; margin-bottom:0; padding:10px 20px 9px; border:2px solid white; font-size:16px; font-weight:400; text-transform:uppercase; } /* no hover effect below 768px */ @media (min-width: 768px) { .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a .image_block_title_wrapper { top: 40px; } .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a:hover div.image_block_title_wrapper {top:-20px;} .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a div.image_block_textB { opacity:0;font-size:16px; } .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a:hover div.image_block_textB {opacity:1;} } @media (min-width: 768px) { .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a .image_block_title { font-size: 32px; } } .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a div.image_block_text, .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a div.image_block_textB { display: inline-block; margin: 20px 10px 0; color: white; text-align: center;} @media (min-width: 768px) and (max-width: 991px) { .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a div.image_block_text, .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a div.image_block_textB { padding: 10px; margin-top: 10px; } .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a .image_block_title { font-size: 28px; } .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a div.image_block_textB { margin-top: 0; padding:2px 15px 1px; } } @media (max-width:359px) { .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a .image_block_title { font-size: 28px; } } @media (max-width:767px) { .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a div.image_block_textB { display:none !important; } } /* ################## # Start of Slice # ################## */ .slice_FooterTop_L { color: white; font-size: 1.4rem; line-height: 2.1rem; background-color: #000000; text-align: center; padding-top: 40px; padding-bottom: 20px; } .slice_FooterTop_L .footer-column-1, .slice_FooterTop_L .footer-column-2, .slice_FooterTop_L .footer-column-3 { width: 97.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; line-height:2; } @media (min-width: 768px) { .slice_FooterTop_L .footer-column-2 { width: 40.08935%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } .slice_FooterTop_L .footer-column-3 { width: 30.75601%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } .slice_FooterTop_L .footer-column-1 { width: 24.42268%; float: right; margin-left: 1.28866%; margin-right: 1.28866%; } } .slice_FooterTop_L .footer-column.footer-column-1 a { display: inline-block; margin-left: 0; margin-right: 0; margin-top: 7px; margin-bottom: 15px; } .slice_FooterTop_L .footer-column.footer-column-1 a i::after { font-size: 20px; color:white; border-radius:6px; background-color: #1E1E1C; border: 10px solid #1E1E1C; transition:background-color 300ms linear, border-color 300ms linear; } .slice_FooterTop_L .footer-column.footer-column-1 a:hover i::after { background-color: #b6b6b6; border-color:#b6b6b6; } @media (min-width: 768px) { .slice_FooterTop_L .footer-column.footer-column-1 { margin-left: 0; margin-top:7px; } .slice_FooterTop_L .footer-column.footer-column-1 .ArticleBody { float: right; } } .slice_FooterTop_L .footer-column.footer-column-2 { margin-bottom: 8px; } @media (min-width: 768px) { .slice_FooterTop_L .footer-column.footer-column-2 { text-align: left; padding-right: 10px; } } .slice_FooterTop_L .footer-column.footer-column-3 { margin-bottom: 8px; } .slice_FooterTop_L .footer-column.footer-column-3 a { color:white; } .slice_FooterTop_L .footer-column.footer-column-3 a:hover { color: #b6b6b6; } @media (min-width: 768px) { .slice_FooterTop_L .footer-column.footer-column-3 { text-align: left; width: 30.97766%; margin-left: 0; margin-right: 0; } } @media (min-width: 768px) { .slice_FooterTop_L { font-size: 14px; line-height: 2.31rem; } } @media (min-width: 992px) { .slice_FooterTop_L { font-size: 1.68rem; line-height: 2.52rem; } } /* ################## # Start of Slice # ################## */ .slice_Footer_L { background-color:#000000; } .slice_Footer_L .footerbar { width: 97.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } .slice_Footer_L .footerbar { color:white; font-size: 1.3rem; text-align: center; padding: 25px 0; } .slice_Footer_L .footerbar a { display: inline-block; color:white; text-decoration: none; } .slice_Footer_L .footerbar a:hover { opacity: 0.7; } .slice_Footer_L .footerbar a.footer { float: left; width: 100%; border: none; color: transparent; background-image: url(../images/Credits.png); background-repeat: no-repeat; background-position: center center; background-color: transparent; height: 38px; margin-bottom: 15px; } .slice_Footer_L .footerbar a#footer_mobile::after, .slice_Footer_L .footerbar a#footer_copyright::after, .slice_Footer_L .footerbar a#footer_tc::after, .slice_Footer_L .footerbar a#footer_privacy::after { content: "|"; padding: 0 5px; } .slice_Footer_L .footerbar span#footer_charity { display: block; float: right; width: 100%; margin-top: 15px; } @media (min-width: 768px) { .slice_Footer_L .footerbar { padding: 50px 0 30px; } .slice_Footer_L .footerbar a.footer { position: relative; top: -19px; width: 174px; margin: 0; } .slice_Footer_L .footerbar a#footer_mobile::after, .slice_Footer_L .footerbar a#footer_copyright::after, .slice_Footer_L .footerbar a#footer_tc::after, .slice_Footer_L .footerbar a#footer_privacy::after { padding: 0 10px; } .slice_Footer_L .footerbar span#footer_charity { display: inline; width: auto; text-align: right; margin: 0; } } /* ################## # Start of Slice # ################## */ .slice_content_page { background-color: #fff; border-top: 1px solid #efefef; } @media (min-width: 768px) { .slice_content_page .main-content { width: 72.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } .slice_content_page .sidebar { width: 22.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } } .slice_content_page .main-content { padding: 25px 32px; margin-top: 0; margin-bottom: 30px; background-color:white; } @media (min-width: 768px) { .slice_content_page .main-content { margin-top: 30px; } } @media (min-width: 992px) { .slice_content_page .main-content { padding-top: 30px; } } .slice_content_page .main-content ul li { line-height: 26px; list-style: none; } .slice_content_page .main-content ul li::before { content: '\2022'; display: block; position: relative; max-width: 0; max-height: 0; left: -15px; top: -1px; color: #000001; } .slice_content_page .main-content ol { line-height: 26px; } .slice_content_page .main-content .articleListTitle { font-weight: 700; } .slice_content_page .main-content .eventsListTitle { font-weight: 700; } .slice_content_page .main-content .eventsListDate { font-style: italic; } .slice_content_page .main-content .mediaListTitle { font-weight: 700; } .slice_content_page .main-content .anchor { color: #000001; } .slice_content_page .sidebar .group-nav { margin-top: 30px; background: #fff; } .slice_content_page .sidebar .group-nav table { border-collapse: separate; border-spacing: 0; } .slice_content_page .sidebar .group-nav table td { padding: 0 !important; } .slice_content_page .sidebar .group-nav table.boxout_header .boxout_header_left, .slice_content_page .sidebar .group-nav table.boxout_header .boxout_header_right { display: none; } .slice_content_page .sidebar .group-nav table.boxout_header .boxout_header_middle { margin-top: 0; padding: 0; } .slice_content_page .sidebar .group-nav table.boxout_header .boxout_header_middle a { display: block; padding: 10px 15px; color: #fff; font-size: 17px; text-decoration: none; margin: 0; float: left; width: 100%; background-color: #000001; text-transform:capitalize; } .slice_content_page .sidebar .group-nav table.boxout_header .boxout_header_middle a:hover { opacity: 0.7; } .slice_content_page .sidebar .group-nav .group_nav_child, .slice_content_page .sidebar .group-nav .group_nav_sibling, .slice_content_page .sidebar .group-nav .group_nav_parent, .slice_content_page .sidebar .group-nav .group_nav_selected { float: left; width: 100%; } .slice_content_page .sidebar .group-nav .group_nav_child a, .slice_content_page .sidebar .group-nav .group_nav_sibling a, .slice_content_page .sidebar .group-nav .group_nav_parent a, .slice_content_page .sidebar .group-nav .group_nav_selected a { display: block; padding: 10px 15px; transition: all 500ms; color: #000000; font-size: 1.5rem; text-decoration: none; margin: 0; float: left; width: 100%; background-color: #fff; opacity:1; transition:opacity 300ms linear; } .slice_content_page .sidebar .group-nav .group_nav_child a:hover, .slice_content_page .sidebar .group-nav .group_nav_sibling a:hover, .slice_content_page .sidebar .group-nav .group_nav_parent a:hover, .slice_content_page .sidebar .group-nav .group_nav_selected a:hover { opacity:0.7; } .slice_content_page .sidebar .group-nav .group_nav_selected a { color: #000001; } .slice_content_page .sidebar .group-nav .group_nav_selected .group_nav_child a { padding-left: 30px; background-color: #fff; } .slice_content_page .sidebar .group-nav .group_nav_selected .group_nav_parent > div > a { padding-left: 30px; } .slice_content_page .sidebar .sidebar_buttons { margin-top: 30px; margin-bottom: 30px; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"] { font-size: 17px; font-weight: 600; color: #fff; padding: 16px 0 16px 75px; display: block; border: none; margin-bottom: 4px; white-space: nowrap; position: relative; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"]:hover { opacity: 0.6; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"]::after { font-family: journey; position: absolute; top: 11px; left: 22px; font-size: 2.5rem; color: #fff; opacity: 0.5; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button1 { background-color: #d4cdc3; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button1::after { content: "\e905"; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button2 { background-color: #000001; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button2::after { content: "\e910"; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button3 { background-color: #f4af47; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button3::after { content: "\e907"; } @media (min-width: 768px) { .slice_content_page .sidebar .sidebar_buttons a[class^="button"] { font-size: 1.4rem; padding: 18px 0 18px 42px; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"]::after { font-size: 2rem; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button1::after { top: 13px; left: 14px; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button2::after { top: 13px; left: 14px; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button3::after { top: 12px; left: 14px; } } @media (min-width: 992px) { .slice_content_page .sidebar .sidebar_buttons a[class^="button"] { font-size: 1.7rem; padding: 15px 0 15px 62px; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"]::after { font-size: 2.5rem; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button1::after { top: 9px; left: 17px; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button2::after { top: 9px; left: 18px; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button3::after { top: 8px; left: 18px; } } @media (min-width: 768px) { .slice_content_page { background-color: #efefef; } } @media (min-width: 992px) { .slice_content_page { border-top: none; } } .slice_content_page .MediaList > div { margin-right: 15px; } .slice_content_page #lstSermons::before, .slice_content_page #lstSermons::after { content: ' '; display: table; } .slice_content_page #lstSermons::after { clear: both; } /* ################## # Start of Slice # ################## */ body.system_popup a[href], body.system_popup a[onclick], body.system_popup a.system_toggle_advanced, .systemPageContent a[href], .systemPageContent a[onclick], .systemPageContent a.system_toggle_advanced { text-decoration: none; } body.system_popup a[href]:hover, body.system_popup a[onclick]:hover, body.system_popup a.system_toggle_advanced:hover, .systemPageContent a[href]:hover, .systemPageContent a[onclick]:hover { text-decoration: underline; } .slice_system_page { padding-top: 30px; background-color: #fff; border-top: 1px solid #efefef; } .slice_system_page div.system_content { width: 100%; margin: 0 auto; display: table; } .slice_system_page div.systemPageLeft { display: none; } .systemPageContent { display: table-cell; padding: 0 25px 25px; } @media (max-width: 700px) { .systemPageContent { padding-left: 10px; padding-right: 10px; } } .systemPageContent ul { margin: 20px 0 0; padding-left: 0; list-style: none; } .systemPageContent ul ul li { margin-bottom: 12px; } .systemPageContent ul ul li ul { list-style: disc; margin: 10px 0 30px 30px; } .systemPageContent .system_controls { float: left; padding-bottom: 0; } .systemPageContent .system_controls button, .systemPageContent .system_controls input, .systemPageContent .system_controls select, .systemPageContent .system_controls textarea { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } .systemPageContent .system_option { margin-bottom: 0; float: left; width: 100%; } .systemPageContent .system_option .button { padding: 0 15px; margin-top: 0; } .systemPageContent .system_option input, .systemPageContent .system_option label { float: left; margin-right: 5px; height: 22px; line-height: 22px; } .systemPageContent .system_option input.button, .systemPageContent .system_option label.button { height: 30px; } .systemPageContent .system_title { margin-bottom: 10px; } .systemPageContent #btnSave { width: auto !important; } .systemPageContent .calendar_day_wrapper, .systemPageContent .calendar_day_header { background-color: #efefef; color: #000001; border-color: #a8aeb1; border-style: solid; border-width: 1px 0 0 1px; } .systemPageContent .calendar_day_wrapper:last-child, .systemPageContent .calendar_day_header:last-child { border-width: 1px 1px 0 1px; } .systemPageContent .calendar { border-bottom: 1px solid #a8aeb1; } .systemPageContent .calendar_day_wrapper_today { background-color: #e6e6e6; } .systemPageContent .calendar_event { color: #a8aeb1; } .systemPageContent .calendar_event a { font-style: normal; } .systemPageContent .calendar_day_today { background: #e6e6e6; } @media (max-width: 860px) { .systemPageContent .calendar_day { border-width: 0 0 10px 0; } .systemPageContent .calendar_event { padding: 5px 0 5px 10px; } .systemPageContent .calendar_day_title { font-size: 14pt; margin-top: 5px; } .systemPageContent div.calendar { border-bottom: none; } .systemPageContent .CalendarHideOnListView { display: none; } .systemPageContent .calendar_day_today, .systemPageContent .calendar_day_wrapper_today { background-color: #efefef; } } @media (max-width: 550px) { .systemPageContent #calendar_toggle_advanced { margin-left: 7px; } .systemPageContent div.calendar { margin-top: 20px; } .systemPageContent div#calendar_header::before, .systemPageContent div#calendar_header::after { content: ' '; display: table; } .systemPageContent div#calendar_header::after { clear: both; } } .systemPageContent .calendar_day_other_month, .systemPageContent .calendar_day_wrapper_other_month { background: #fff; } .systemPageContent .calendar_event_all_day { background: #fff; } .systemPageContent #calendar_header ul { margin: 0; } .systemPageContent #calendar_title { height: 30px; line-height: 30px; } .systemPageContent #calendar_title input { line-height: 30px; margin-top: 7px; } .systemPageContent #calendar_title select { height: 30px; padding: 0 8px; background: transparent; font-size: 14px; border: 1px solid #000; margin-right: 4px; } .systemPageContent #calendar_title select:focus { outline-color: transparent; outline-style: none; } .systemPageContent td.cal_row, .systemPageContent td.cal_altrow { padding-bottom: 10px; } .systemPageContent .boxout_footer_type_Calendar_ascx { display: none; } .systemPageContent table.profilebox { background-color: #efefef; } .systemPageContent .tabSelected { background-color: #efefef; height: 20px; line-height: 20px; width: 33.33333%; text-align: center; color: #aaaaaa; font-size: 16px; border: 2px solid #efefef; border-bottom: 2px solid #efefef; vertical-align: middle; word-spacing: 4px; } .systemPageContent .tableft { width: auto; color: #fff; padding: 0; text-align: center; font-size: 14px; border: 2px solid #fff; vertical-align: middle; word-spacing: 4px; } .systemPageContent .tabright { width: auto; color: #fff; padding: 0; text-align: center; font-size: 14px; border: 2px solid #fff; vertical-align: middle; word-spacing: 4px; } .systemPageContent .tableft a, .systemPageContent .tabright a { border: none; color: #aaaaaa; width: 100%; height: 100%; line-height: 50px; background-color: transparent; } .systemPageContent .tableft:hover a, .systemPageContent .tabright:hover a { border: none; background-color: #aaaaaa; color: white; display: inline-block; } .systemPageContent table.profilebox td { padding: 20px; } .systemPageContent table.profilebox td table td { padding: 5px; } .systemPageContent a img { width: auto !important; max-width: 100px; } .systemPageContent .shadedbox, .systemPageContent .messagesbox { width: 100% !important; margin: 15px auto; background-color: #efefef; padding: 15px; } .systemPageContent .messagesbox { padding: 15px 0 0; } .systemPageContent .shadedbox td { padding: 10px 15px; } .systemPageContent tr.gridheader td.header { padding-top: 10px; } .systemPageContent .shadedbox td input.button { width: auto !important; padding-right: 15px; padding-left: 15px; } .systemPageContent textarea { margin: 10px; padding: 4px 3px; width: 100%; border: 1px solid #aaa; color: #000000; border-radius: 4px; } .systemPageContent textarea:focus { outline: none; border: 1px solid #000; box-shadow: 0 0 4px rgba(49, 167, 222, 0.8); } .systemPageContent .my-area-navigation { background: red; } .systemPageContent .my-area-navigation ul { float: left; padding: 0; margin: 0; } .systemPageContent .my-area-navigation ul li { float: left; list-style: none; margin: 5px; background-color: #999; } .systemPageContent .my-area-navigation ul li a { width: 230px; height: 80px; display: block; background-repeat: no-repeat; } .systemPageContent .my-area-navigation ul li a:hover { opacity: 0.9; } @media (max-width: 479px) { .systemPageContent .my-area-navigation ul li { margin: 0 10px 10px 0; } } .systemPageContent TABLE.gridstyle { border-collapse: collapse; width: 100%; } .systemPageContent TR.gridheader, .systemPageContent TR.gridheader A, .systemPageContent TD.gridheader, .systemPageContent TD.gridheader A { color: #52524E; border-collapse: collapse; } .systemPageContent TD.gridheader { padding-bottom: 10px; } .systemPageContent TR.griditemrow, .systemPageContent TR.altgriditemrow, .systemPageContent TD.griditem { background-color: #efefef; border-color: #aaa; border-width: 1px; padding: 5px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-collapse: collapse; } .systemPageContent TR.altgriditemrow TD.griditem { background-color: #efefef; border-color: #aaa; border-collapse: collapse; } .systemPageContent TD.griditem img { margin-right: 7px; } .systemPageContent .forums_boxout_contents td a { border-bottom: none; } .systemPageContent .forums_boxout_contents td.smallText { padding-bottom: 12px; border-bottom: 2px solid rgba(49, 167, 222, 0.2); margin-top: 20px; width: 100%; } .systemPageContent td.subMenu { text-align: right; width: 12% !important; } .systemPageContent .messagesbox .forumrow:nth-child(odd), .systemPageContent .messagesbox .altforumrow:nth-child(odd) { border-top: 10px solid #fff; } .systemPageContent input[type="checkbox"][id$="chkSubscribe"] { margin: 4px 6px 4px 0; } .systemPageContent .forums_boxout_contents a img { width: 20px; } .systemPageContent .messagesbox .forumrow td, .systemPageContent .messagesbox .altforumrow td { padding: 10px 15px; } .systemPageContent table[id$="ThreadGrid"] .griditem img { width: 25px; } .systemPageContent .messagesbox tr[id*="ctlCommentList_comment_body"] td { border-bottom: 10px solid white; } .systemPageContent .forum-thread-comment-box { font-size: 1.7rem; color: #000000; } .systemPageContent .media_summary_image { vertical-align: top; padding: 13px 10px 0 10px; } .systemPageContent .media_summary_image img { width: auto; height: auto; } .systemPageContent ul.media_recording_links { margin-top: 0; margin-bottom: 5px; } .systemPageContent .media_option_right { float: right; } .systemPageContent .media_option_left input, .systemPageContent .media_option_left label { float: none; } .systemPageContent .system_header .system_option input.button { height: 30px; margin-top: 5px; } .systemPageContent .media_option_right #btnSearchTemplate { margin-bottom: 10px; } .systemPageContent #media_controls { display: none; } .systemPageContent #media_controls .system_option { width: 100%; } .systemPageContent .media_recording img { max-width: inherit; } .systemPageContent .media_recording_title { color: #000001; line-height: 1.25; } .systemPageContent .media_recording_descr { font-size: 15px; } @media (max-width: 767px) { .systemPageContent .media_summary_image { display: none; } } @media (max-width: 700px) { .systemPageContent .media_recording_main { border-width: 0 0 10px 0; } } @media (max-width: 500px) { .systemPageContent .media_recording_main { padding-left: 5px; padding-right: 5px; } .systemPageContent .media_recording_descr { font-size: 14px; } } .systemPageContent td#tdOldEventButtons, .systemPageContent td.subMenu { vertical-align: top; } .systemPageContent #tdOldEventButtons input.button { width: 100% !important; font-size: 12px; padding-right: 5px; padding-left: 5px; margin-top: 0; } .systemPageContent .subMenu a { display: inline-block; margin-top: 10px; margin-right: 5px; padding: 9px 15px; border-radius: 2px; font-size: 1.8rem; text-align: center; text-decoration: none; border: 2px solid #000001; background-color: #000001; color: #fff; } .systemPageContent .subMenu a:hover { color: #fff; border: 2px solid #000001; background-color: #000001; } .systemPageContent #tblRota .griditem { padding-left: 10px; padding-right: 10px; } .systemPageContent .address_column { border: 3px solid #fff; } @media (max-width: 767px) { .systemPageContent .system-section { padding-top: 0; } .systemPageContent .address_cell { border-width: 0; } .systemPageContent .address_user_details_cell { border-bottom: 8px solid #fff; } } .systemPageContent .address_family_details_column, .systemPageContent .address_family_details_column a { font-size: 16px; } .systemPageContent .address_user_first_name, .systemPageContent .family_title { background: #efefef; } .systemPageContent .address_user_email a.address_email_link { font-size: 14px; } .systemPageContent #address_controls input[type="button"] { margin-bottom: 20px; height: 30px; padding: 0 10px 2px; } .systemPageContent input[id$='txtSearchStringTemplate'] { height: 24px; float: none; } .systemPageContent .system_column .search_article_title { font-size: 20px; } .systemPageContent .search_option_right { padding-bottom: 20px; } .systemPageContent span.search_result_count { display: inline !important; } .systemPageContent select[id$='Pager'] { margin-left: 10px; margin-bottom: 20px; } @media (max-width: 768px) { .systemPageContent textarea[readonly] { width: 90% !important; } } ._user_registration_aspx p { text-align: center; } ._user_registration_aspx table.shadedbox { padding: 0; border-spacing: 0; background-color: #fff; } ._user_registration_aspx table.shadedbox > tbody > tr > td { padding: 0; } ._user_registration_aspx table.shadedbox > tbody > tr > td > table[style$="450px;"] { width: 100% !important; padding: 0; border-spacing: 0; } @media (min-width: 500px) { ._user_registration_aspx table.shadedbox > tbody > tr > td > table[style$="450px;"] { max-width: 500px !important; } } ._user_registration_aspx table.shadedbox > tbody > tr > td > table[style$="450px;"] > tbody > tr > td { padding: 0; } ._user_registration_aspx table.shadedbox > tbody > tr > td > table[style=""] td { padding: 5px 0 !important; } @media (min-width: 768px) { ._user_registration_aspx table.shadedbox > tbody > tr > td > table[style=""] td input { width: 240px !important; } } ._user_registration_aspx div#GroupNotesEnclosingDiv > div, ._user_registration_aspx div[id$='_divCaptchaWrapper'] { max-width: 500px; margin: 0 auto 10px; padding-bottom: 5px; background-color: #efefef !important; border: 1px solid #d6d6d6; } @media (min-width: 467px) { ._user_registration_aspx div#GroupNotesEnclosingDiv > div, ._user_registration_aspx div[id$='_divCaptchaWrapper'] { padding: 0 10px 5px; } } ._user_registration_aspx div#GroupNotesEnclosingDiv > div:last-child, ._user_registration_aspx div[id$='_divCaptchaWrapper']:last-child { margin: 0 auto; } ._user_registration_aspx div.TopCaption { margin: 10px 0 0 10px; } ._user_registration_aspx h1 { margin-bottom: 10px !important; } ._user_registration_aspx table.SubTable, ._user_registration_aspx table.tblAddress { width: 100% !important; } ._user_registration_aspx table.SubTable > tbody > tr > td, ._user_registration_aspx table.tblAddress > tbody > tr > td { padding-left: 5px; padding-right: 0; font-size: 15px; line-height: 1.2; white-space: normal; } @media (min-width: 467px) { ._user_registration_aspx table.SubTable > tbody > tr > td, ._user_registration_aspx table.tblAddress > tbody > tr > td { padding-left: 10px; font-size: 16px; } } ._user_registration_aspx table.SubTable > tbody > tr > td:first-child, ._user_registration_aspx table.tblAddress > tbody > tr > td:first-child { width: 30% !important; } @media (min-width: 467px) { ._user_registration_aspx table.SubTable > tbody > tr > td:first-child, ._user_registration_aspx table.tblAddress > tbody > tr > td:first-child { width: 35% !important; } } ._user_registration_aspx table.SubTable > tbody > tr > td:last-child, ._user_registration_aspx table.tblAddress > tbody > tr > td:last-child { width: auto !important; padding-top: 0; padding-bottom: 0; } ._user_registration_aspx div[id$='outerdiv_ctls_LDB'] td[nowrap="nowrap"] { white-space: normal; width: 35% !important; } ._user_registration_aspx input[type="checkbox"] { width: 20px; height: 20px; display: block; } ._user_registration_aspx div[id$='_div_ctls_registration'] span.aspNetDisabled { margin-bottom: 10px; } ._user_registration_aspx div[id$='_div_ctls_registration'] input[type="checkbox"] { display: inline-block; position: relative; top: 5px; } ._user_registration_aspx div#GroupNotesEnclosingDiv input[type="text"]:not([maxlength="2"]):not([maxlength="3"]):not([maxlength="4"]):not([maxlength="5"]):not([maxlength="6"]):not([maxlength="11"]), ._user_registration_aspx div#GroupNotesEnclosingDiv input[type="password"], ._user_registration_aspx div#GroupNotesEnclosingDiv textarea { width: 98% !important; margin: 0; } ._user_registration_aspx div[id$='_div_ctls_phone'] td, ._user_registration_aspx div[id$='_div_ctls_work_phone'] td, ._user_registration_aspx div[id$='_div_ctls_mobile_phone'] td, ._user_registration_aspx div[id$='_div_ctls_fax_phone'] td, ._user_registration_aspx div[id$='_div_ctls_alt_addr_phone'] td, ._user_registration_aspx div[id$='_div_ctls_LDB'] td { padding: 5px 0; width: auto !important; } ._user_registration_aspx div[id$='_div_ctls_phone'] tr:last-child td, ._user_registration_aspx div[id$='_div_ctls_work_phone'] tr:last-child td, ._user_registration_aspx div[id$='_div_ctls_mobile_phone'] tr:last-child td, ._user_registration_aspx div[id$='_div_ctls_fax_phone'] tr:last-child td, ._user_registration_aspx div[id$='_div_ctls_alt_addr_phone'] tr:last-child td, ._user_registration_aspx div[id$='_div_ctls_LDB'] tr:last-child td { padding: 0; } ._user_registration_aspx td.smalltext { padding: 0; font-size: 14px; } ._user_registration_aspx input[maxlength="2"], ._user_registration_aspx input[maxlength="3"], ._user_registration_aspx input[maxlength="4"], ._user_registration_aspx input[maxlength="5"], ._user_registration_aspx input[maxlength="6"], ._user_registration_aspx input[maxlength="11"] { font-size: 13px; } ._user_registration_aspx input[maxlength="2"] { width: 22px !important; } ._user_registration_aspx input[maxlength="3"] { width: 29px !important; } ._user_registration_aspx input[maxlength="4"] { width: 36px !important; } ._user_registration_aspx input[maxlength="5"] { width: 42.5px !important; } ._user_registration_aspx input[maxlength="6"] { width: 51px !important; } ._user_registration_aspx input[maxlength="11"] { width: 89.5px !important; } @media (min-width: 467px) { ._user_registration_aspx input[maxlength="2"], ._user_registration_aspx input[maxlength="3"], ._user_registration_aspx input[maxlength="4"], ._user_registration_aspx input[maxlength="5"], ._user_registration_aspx input[maxlength="6"], ._user_registration_aspx input[maxlength="11"] { font-size: 16px; } ._user_registration_aspx input[maxlength="2"] { width: 25px !important; } ._user_registration_aspx input[maxlength="3"] { width: 33.5px !important; } ._user_registration_aspx input[maxlength="4"] { width: 42px !important; } ._user_registration_aspx input[maxlength="5"] { width: 50px !important; } ._user_registration_aspx input[maxlength="6"] { width: 60px !important; } ._user_registration_aspx input[maxlength="11"] { width: 110px !important; } } ._user_registration_aspx div[id$='outerdiv_ctls_phone'] div.SubCaption, ._user_registration_aspx div[id$='outerdiv_ctls_alt_addr_phone'] div.SubCaption { position: relative; top: 9px; } ._user_registration_aspx div#recaptcha_area { margin: 0 auto !important; } ._user_registration_aspx div#recaptcha_area table#recaptcha_table.recaptchatable.recaptcha_theme_clean { margin: 0 auto !important; border: none !important; } ._user_registration_aspx div#recaptcha_area table#recaptcha_table.recaptchatable.recaptcha_theme_clean td { padding: 0 !important; } ._user_registration_aspx div#recaptcha_area table#recaptcha_table.recaptchatable.recaptcha_theme_clean tr, ._user_registration_aspx div#recaptcha_area table#recaptcha_table.recaptchatable.recaptcha_theme_clean center { height: auto !important; } ._user_registration_aspx td.recaptcha_image_cell, ._user_registration_aspx div#recaptcha_image { width: auto !important; height: auto !important; border: none !important; } ._user_registration_aspx td.recaptcha_image_cell { background-color: #efefef !important; } ._user_registration_aspx div#recaptcha_image { padding: 10px 0; background-color: #fff; margin: 10px 10px 10px 0 !important; } ._user_registration_aspx img#recaptcha_challenge_image { display: block; width: 265px !important; height: auto !important; border: none !important; } @media (min-width: 380px) { ._user_registration_aspx img#recaptcha_challenge_image { width: 300px !important; } } ._user_registration_aspx img#recaptcha_logo, ._user_registration_aspx span#recaptcha_privacy { display: none; } ._user_registration_aspx a#recaptcha_reload_btn, ._user_registration_aspx a#recaptcha_switch_audio_btn, ._user_registration_aspx a#recaptcha_switch_img_btn, ._user_registration_aspx a#recaptcha_whatsthis_btn { display: block; } ._user_registration_aspx a#recaptcha_reload_btn img, ._user_registration_aspx a#recaptcha_switch_audio_btn img, ._user_registration_aspx a#recaptcha_switch_img_btn img, ._user_registration_aspx a#recaptcha_whatsthis_btn img { display: block; } ._user_registration_aspx input#recaptcha_response_field { line-height: 1.35 !important; width: 90% !important; border-color: #aaaaaa !important; } ._user_registration_aspx input[type="submit"] { margin: 10px auto 5px; border-radius: 5px; font-size: 18px; } ._user_registration_aspx .validator, ._user_registration_aspx .Validator { color: red; white-space: normal; padding: 5px; } section._paymentgroup_registration_aspx h2 { font-size: 20px; } body._myarea_walletitem_aspx input[type="submit"] { width: auto !important; } .boxout_footer_type_Calendar_ascx { display: none; } BODY.eventpopupwindow a { padding-bottom: 0; border-bottom: 0; transition: all 500ms; font-size: 15px; text-decoration: none; } BODY.eventpopupwindow a:hover { opacity: 0.7; border-bottom-color: #000; } BODY.system_popup { padding: 10px 10px 10px 10px; } BODY.system_popup .shadedbox { width: 100% !important; } BODY.system_popup .shadedbox .addressfield { text-align: left; } BODY.popupwindow, BODY.eventpopupwindow, BODY.signuppopupwindow, TD.signuppopuptd { background-color: #fff; padding: 10px 5px 0 0; } td.popupwindow_title { border-width: 0; font-size: 20px; line-height: 1.1; color: #000001; background-color: #fff; } body.eventpopupwindow table { border-collapse: separate; border-spacing: 5px; border: none; background-color: #fff; } .headerbox i { display: block; } @media (min-width: 768px) { .section { margin: 30px 0; } } input#ctl00_ctl00_cphBody_cphContents_txt_dob_day_uk, input#ctl00_ctl00_cphBody_cphContents_txt_dob_month_uk { width: 40px !important; } input#ctl00_ctl00_cphBody_cphContents_txt_dob_year_uk { width: 80px !important; } /* End of ChurchInsight main template CSS file. */ /* Code for the Seeker Boxes */ section.SeekerBox { position:fixed;right:20px;bottom:20px;width:275px; border-radius:4px; background-color:white; padding:15px; box-shadow: 0px 0px 4px 4px rgba(128,128,128,.2); 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:-85px; width:93px;height:93px;border-radius:50px; display:block; background-color:var(--SeekerBoxColour); } section.SeekerBox img.Close { width:30px;position:absolute; left:14px; bottom:16px; cursor:pointer; background-color:#bbbbbb; padding:4px; border-radius:50px; transition:background-color 300ms linear; } section.SeekerBox img.Close:hover {background-color:#999999;} section.SeekerBox.Shrink img.Close { left:7px; bottom:7px; } section.SeekerBox.BigBox img.Close { width:auto; left:initial; bottom:initial; right:7px; top:7px; padding:0; background-color:transparent; } section.SeekerBox.BigBox img.Close.Outer {display:none;} section.SeekerBox b, section.SeekerBox strong {font-weight:700;} section.SeekerBox div.SmallSeekerArticle a { font-size:17px; font-weight:700; display:inline-block;padding:8px 10px 5px 40px; color:var(--SeekerBoxColour); background-color:white !important; border-radius:7px; opacity:1; text-decoration:none; } section.SeekerBox div.SmallSeekerArticle a:hover { color:var(--SeekerBoxColourHover); background-color:white !important; opacity:1; text-decoration:none; } body.OnSmallAppleDevice section.SeekerBox div.SmallSeekerArticle a { background-color:var(--SeekerBoxColourHover) !important; color:white !important; } section.SeekerBox div.VerboseText a {margin-top:10px;} section.SeekerBox.Shrink {width:195px;padding:5px 5px 5px 10px;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:var(--SeekerBoxColour); 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;} /* Code to control the space below the footer. */ footer {background-color:var(--SeekerBoxFooterBGColour);} @media (max-width:1600px) { footer.WidgetShowing {padding-bottom:50px;} } @media (max-width:1400px) { footer.WidgetShowing {padding-bottom:130px;} } /* Code that was in the default "New To Church?" article to fix various things */ 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;} } body.ArticleEditor a.HeadLink img {background-color:var(--SeekerBoxColour);} /* (C) 2019 Endis Ltd. No permission is given to use this code, except on an Endis/ChurchInsight website. ChurchInsight over-ride CSS file for the Creation template. WARNING - do not edit this file unless you know exactly what you are doing. You might consider making a BACKUP COPY before you change anything. If you need advice, contact ChurchInsight Support. */ /* Size of LOGO image */ header .logo-icon img, header a.WhiteMenuMainLogo img { height: 49px !important; /* <<< mobile logo height */ } @media(min-width:768px){ header .logo-icon img, header a.WhiteMenuMainLogo img { height: 73px !important; /* <<< mobile logo height */ } header.HeaderSmall section.slice_Header_L .logo-icon img { height:49px !important; /* <<< desktop shrunken logo height */ } } /* Gap between logo and top/bottom of screen */ header div.logo-container { margin-top: 8px !important; /* <<< logo gap from top for mobile/tablet */ z-index:2; } @media(min-width:768px){ header div.logo-container { margin-top: 10px !important; /* <<< logo gap from top for desktop */ } header.HeaderSmall section.slice_Header_L div.logo-container { margin-top:4px !important; /* <<< logo gap from top for shrunken desktop */ } } header.FadingCards div.logo-name {display:none;} /* Needed on some sites */ header.FadingCards div.logo-icon img { background-color:white; padding:3px 10px; border-radius:6px; } /* To make more space in the header when menu entries start over-writing the logo, adjust this */ header section.slice_Header_L div.nav-menu {margin-top:20px;} @media (max-width:900px) { header section.slice_Header_L div.nav-menu {margin-top:55px;} } @media (max-width:900px) { header.HeaderSmall section.slice_Header_L div.nav-menu {margin-top:20px;} } header section.slice_Header_L div.nav-menu ul.root_menu > li:last-child > a {padding-right:5px;} .slice_Header_L .nav-menu ul.root_menu > li > a {font-size:18px;font-weight:600;} @media (max-width:767px) { .slice_Header_L .nav-menu ul.root_menu > li > a { font-size:16px;padding-left:12px;padding-right:12px; } header div.logo-name {max-width:260px;} } @media (max-width:467px) { header div.logo-name {max-width:200px;} } /* Control header indentation on desktop screens */ section.slice_Header_L div.top-link-wrapper { transition:margin-right 300ms linear; } section.slice_Header_L div.logo-container {transition:margin-left 300ms linear;} section.slice_Header_L div.nav-menu {transition:padding-right 300ms linear;} section.slice_Header_L div.logo-container { margin-left: 20px; } @media (min-width:468px) { section.Xslice_Header_L div.logo-container {margin-left:20px;} } @media (min-width: 768px) { section.slice_Header_L div.top-link-wrapper { margin-right: 50px; } section.Xslice_Header_L div.logo-container {margin-left: 60px;} section.slice_Header_L div.nav-menu {padding-right: 50px;} } header .logo-icon img { width: auto !important; transition:width 100ms linear, height 100ms linear; } header div.logo-container {margin-bottom: 0 !important;} section.slice_Header_L div.nav-menu ul.root_menu ul { box-shadow: 0px 10px 10px 2px rgba(0,0,0,.12); } /* 3 Big Button colours */ .slice_content_page .sidebar_buttons a.button1 { background-color: #717171 !important; /* <<< Green/left/top big button */ } .slice_content_page .sidebar_buttons a.button2 { background-color: #000000 !important; /* <<< Red/middle big button */ } .slice_content_page .sidebar_buttons a.button3 { background-color: #000001 !important; /* <<< Blue/right/bottom big button */ } /* slide show button and round pager button colour */ section.slice_SlidesFullWidth div.bx-pager a, section.slice_content_page div.main-content div.bx-pager a { background-color: #f5f5f5 !important; /* <<< slide show button background color */ border-color: #f5f5f5 !important; /* <<< slide show button border color */ } section.slice_SlidesFullWidth div.bx-pager a:hover, section.slice_SlidesFullWidth div.bx-pager a.active, section.slice_content_page div.main-content div.bx-pager a:hover, section.slice_content_page div.main-content div.bx-pager a.active { background-color: #717171 !important; /* <<< slide show button background color */ border-color: #717171 !important; /* <<< slide show button border color */ } .slice_SlidesFullWidth a.slideButton, body.OnSmallAppleDevice section.slice_SlidesFullWidth a.slideButton:hover { background-color: transparent !important; /* <<< slide show button background color */ border-color: white !important; /* <<< slide show button border color */ color: white !important; } .slice_SlidesFullWidth a.slideButton:hover { background-color: white !important; /* <<< slide show button background color */ color: black !important; /* <<< slide show button border color */ } section.slice_WhatsOnSlidesEB_L div.bx-pager a, section.slice_WhatsOnSlidesEB_L div.bx-pager a { background-color: #000001 !important; /* <<< slide show button background color */ border-color: #000001 !important; /* <<< slide show button border color */ } section.slice_WhatsOnSlidesEB_L div.bx-pager a:hover, section.slice_WhatsOnSlidesEB_L div.bx-pager a.active { background-color: #717171 !important; /* <<< slide show button background color */ border-color: #717171 !important; /* <<< slide show button border color */ } /* Time and Location logos */ section.slice_ServiceText_L {background-color:white;margin:10px 0 50px;} section.slice_ServiceText_L div.blocks { background-color:#efefef;border:none;border-radius:10px; } section.slice_ServiceText_L div.block2-1, section.slice_ServiceText_L div.block2-2 {color:inherit;} .slice_ServiceText_L .block2-1::after, .slice_ServiceText_L .block2-2::after, .slice_ServiceTextEB_L .block2-1::after, .slice_ServiceTextEB_L .block2-2::after { color: #717171 !important; /* <<< Clock and Location icon colour */ } /* Search box */ header div.search-overlay { background-color:#717171 !important; /* <<< Search box back-ground colour */ } /* Code to make slide-shows look better on mobile screens */ section.slice_SlidesFullWidth, section.slice_WhatsOnSlidesEB_L {overflow-x:hidden;} /* hide anything that pokes outside */ @media (max-width:767px) { section.slice_SlidesFullWidth div.bannerSlides { width: 200%; /* double the width, which doubles the height, and then translate so we see the middle 50% */ transform: translateX(-25%); overflow-x:hidden; /* hide anything that pokes outside */ } section.slice_WhatsOnSlidesEB_L div.bannerSlides { width: 150%; /* double the width, which doubles the height, and then translate so we see the middle 50% */ transform: translateX(-16.6667%); overflow-x:hidden; /* hide anything that pokes outside */ } /* Adjust the captions back again, so they look normal */ section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption { /* div.bx-wrapper has position:relative set, so this is ok */ left: 25%; right: 25%; width: 50%; overflow-x:hidden; /* hide anything that pokes outside */ } section.slice_WhatsOnSlidesEB_L div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption { /* div.bx-wrapper has position:relative set, so this is ok */ left: 16.6667%; right: 16.6667%; width: 66.6666%; overflow-x:hidden; /* hide anything that pokes outside */ } section.slice_WhatsOnSlidesEB_L div.bannerSlides div.bx-wrapper {margin-bottom:50px;} section.slice_WhatsOnSlidesEB_L div.bannerSlides div.bx-wrapper div.bx-pager a {width:15px;height:15px;} section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper a.bx-prev {left:25%;} section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper a.bx-next {right:25%;} section.slice_WhatsOn3Buttons_L {padding:30px 10px 0;} section.slice_WhatsOn3Buttons_L div.bannerSlides {margin-left:0; margin-right:0;} section.slice_WhatsOnSlidesEB_L {padding-bottom:0;} section.slice_WhatsOnSlidesEB_L div.bannerSlides div.bx-wrapper a.bx-prev {left:16.6667%;} section.slice_WhatsOnSlidesEB_L div.bannerSlides div.bx-wrapper a.bx-next {right:16.6667%;} } section.slice_SlidesFullWidth div.slideTitle {margin:0 20px;} /* Fix various issues */ div.endis-jquery-ui div#divOverlay {font-size:17px;line-height:1.3;} body.OnSmallAppleDevice input {-webkit-appearance: none;} body.ArticleEditor img.module_icon {width:auto !important;} section.slice_Footer_L div.footerbar span:last-child:not([id]), section.slice_Footer_D div.footerbar span:last-child:not([id]) { display: block; padding-top: 25px; } /* prevent text-overwriting when desktop menus wrap around */ section.slice_Header_D ul.root_menu ul, section.slice_Header_L ul.root_menu ul, section.slice_Header_T ul.root_menu ul {z-index:4;} section.slice_Footer_D div.footerbar a#footer_cookies::after, section.slice_Footer_L div.footerbar a#footer_cookies::after { content: "|"; padding: 0 5px; } @media (min-width: 768px) { section.slice_Footer_D div.footerbar a#footer_cookies::after, section.slice_Footer_L div.footerbar a#footer_cookies::after { padding: 0 10px; } } .HideElement {display:none !important;} /* Slide-show bottom buttons */ section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager {bottom:30px;} section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager a.bx-pager-link { width:18px;height:18px;border-radius:9px;border-width:2px;margin:0 6px; } @media (max-width:1200px) { section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager {bottom:10px;} section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager a.bx-pager-link {width:14px;height:14px;border-radius:7px;} } /* Fix system page ul lists */ section.slice_system_page div.system_content ul { list-style-type: disc; padding-left:40px; } section.slice_system_page._media_allmedia_aspx ul.media_recording_links, section.slice_system_page._media_allmedia_aspx ul.media_recording_details { list-style-type: none; padding-left:0; } section.slice_system_page._media_allmedia_aspx a.system_toggle_advanced, section.slice_system_page._publisher_search_aspx a.system_toggle_advanced { margin:0 0 10px;padding:5px 10px; background-color:#717171; color:white; font-size:18px; line-height:1; border-radius:6px; } section.slice_system_page._media_allmedia_aspx a.system_toggle_advanced:hover, section.slice_system_page._publisher_search_aspx a.system_toggle_advanced:hover { background-color:#626262; } section.slice_system_page._media_allmedia_aspx div#media_sort, section.slice_system_page._media_allmedia_aspx ul#media_buttons { margin:10px 0 5px; padding-left:0; } section.slice_system_page._media_allmedia_aspx div#media_sort {margin-right:20px;} section.slice_system_page._media_allmedia_aspx div#media_sort select {margin:0;} section.slice_system_page._media_allmedia_aspx ul#media_buttons a {border:none;} section.slice_system_page._media_allmedia_aspx div.media_option_right a {margin:0;} /* Fix the new calendar page pop-up */ div.dialog-content.calendar-event-content > h4, div.dialog-content.calendar-event-content > h4 a.event-location-link { display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center; } /* Extra icon using a square background image */ footer i.icomoon-icon-XXXXXX.ImageSocialMediaIcon::after { /* Replace url below with actual url of square icon image */ background-image: url(/Images/Content/1495/Templates/46170/images/CommissionLogo.png); } section.slice_CommunityText_L > div.container > div.ArticleBody {float:none;margin:0;width:100%;} section.slice_CommunityText_L div.WelcomeWrapper { display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-start; text-align:left; max-width:1020px; margin:0 auto; } section.slice_CommunityText_L div.WelcomeWrapper h1 { margin:0 0 20px;font-size:40px;line-height:1.1;font-weight:700; } section.slice_CommunityText_L div.WelcomeWrapper img { display:block;margin-right:40px; border-radius:150px;border:6px solid #d7d7d7; background-color:#d7d7d7; } section.slice_CommunityText_L div.WelcomeWrapper a.button, section.slice_CommunityText_L div.WelcomeWrapper a.button2 { font-weight:400;line-height:1.3; font-size:15px; display:inline-block;margin:0; } @media (max-width:1100px) { section.slice_CommunityText_L div.WelcomeWrapper h1 {font-size:26px;} } @media (max-width:767px) { section.slice_CommunityText_L div.WelcomeWrapper { flex-flow:column nowrap;justify-content:flex-start;align-items:center; text-align:center; } section.slice_CommunityText_L div.WelcomeWrapper img {margin:0 0 20px 0;} section.slice_CommunityText_L div.WelcomeWrapper a.button, section.slice_CommunityText_L div.WelcomeWrapper a.button2 { font-size:15px;padding-left:15px;padding-right:15px; } } @media (max-width:467px) { section.slice_CommunityText_L div.WelcomeWrapper a.button, section.slice_CommunityText_L div.WelcomeWrapper a.button2 { font-size:13px;padding-left:10px;padding-right:10px; } } /* Sort out article text */ section.slice_content_page div.main-content div.ArticleBody span { font-size:inherit !important; font-family:inherit !important; } section.slice_content_page.WideContent {background-color:white;} section.slice_content_page.WideContent div.container {max-width:940px;} section.slice_content_page.WideContent div.main-content { width:100%; float:none; margin-left:0; margin-right:0; padding-left:10px; padding-right:10px; background-color:white; } section.slice_content_page.WideContent div.CenterButton {text-align:center;} section.slice_content_page.WideContent div.CenterButton a.button {margin:0;} section.slice_content_page.WideContent div.CenterButton a.button:hover {text-decoration:none;} /* UML_ML_1: Universal Mini-Layout Media-List 1 Code is for a 3 > 2 > 1 column layout. The media-list module outputs a "span.MediaList" wrapper, around all the card div's. */ section.slice_content_page div.UML_ML_1 span.MediaList { display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch; } section.slice_content_page div.UML_ML_1 span.MediaList > div { background-color: white; width: 100%; margin:15px 0;} /* 1 column */ @media (min-width: 467px) { /* 2 columns */ section.slice_content_page div.UML_ML_1 span.MediaList > div { width: 49%; margin:15px 0; } section.slice_content_page div.UML_ML_1 span.MediaList > div:nth-child(2n+1) {margin-right:1%;} /* Extra 1% on each */ section.slice_content_page div.UML_ML_1 span.MediaList > div:nth-child(2n) {margin-left:1%;} } @media (min-width: 992px) { /* 3 columns */ section.slice_content_page div.UML_ML_1 span.MediaList > div { width:32%; margin:15px 0;} section.slice_content_page div.UML_ML_1 span.MediaList > div:nth-child(3n+1) {margin-left:0;margin-right:0;} section.slice_content_page div.UML_ML_1 span.MediaList > div:nth-child(3n+2) {margin-left:2%;margin-right:2%;} /* extra 4% on the middle one only */ section.slice_content_page div.UML_ML_1 span.MediaList > div:nth-child(3n) {margin-left:0;margin-right:0;} } section.slice_content_page div.UML_ML_1 div.MediaListImage img { display: block; width: 100%; } section.slice_content_page div.UML_ML_1 div.MediaListImage a { display: block; margin: 0; } section.slice_content_page div.UML_ML_1 div.MediaListImage a:hover, section.slice_content_page div.UML_ML_1 div.MediaListTitle a:hover { opacity: 0.6;text-decoration:none; } section.slice_content_page div.UML_ML_1 div.MediaListTitle { padding: 10px 10px;} section.slice_content_page div.UML_ML_1 div.MediaListTitle a { font-weight: 700; font-size: larger; text-transform: capitalize;text-align: center;line-height: 1.2; display:block;} section.slice_content_page div.UML_ML_1 div.MediaListSpeaker, section.slice_content_page div.UML_ML_1 div.MediaListDate, section.slice_content_page div.UML_ML_1 div.MediaListBible, section.slice_content_page div.UML_ML_1 div.MediaListLength { padding: 0 10px 10px; font-weight: 400; text-align: center;line-height: 1.3;} section.slice_content_page div.UML_ML_1 div.MediaListLink {flex:1 1 auto;font-size:0;line-height:1;color:transparent;} /* takes up the height slack */ /* Media Landing page search box */ section.slice_MediaSearch div.search-overlay {padding:25px 10px 25px 0; background-color: white; } section.slice_MediaSearch div.search-overlay input.button, section.slice_MediaSearch div.search-overlay label { display: none; } section.slice_MediaSearch div.search-overlay div.search-form { position: relative; max-width:600px;} section.slice_MediaSearch div.search-overlay div.search-form span.top-link { position: absolute; top: 0; right:0 ; background-color: #a97c50; display: inline-block; line-height: 1; padding: 13px; font-size: 15px; transition: color 500ms linear, background-color 500ms linear; cursor:pointer;} section.slice_MediaSearch div.search-overlay div.search-form span.top-link:hover { background-color: #038e63; } section.slice_MediaSearch div.search-overlay div.search-form span.top-link img { display: inline-block; padding: 3px 3px 0; } section.slice_MediaSearch div.search-overlay .search_div { margin: 0 50px 0 0; } section.slice_MediaSearch div.search-overlay .search_div input.text { height: 47px; margin-bottom: 0px; border: none; background-color: #efefef; font-size: 15px; line-height: 1; width: 100%; color: #414141; outline: none; margin-left: 10px; padding-left: 20px; padding-right: 5px; } @media (max-width: 400px) { section.slice_MediaSearch div.search-overlay div.search-form div.search_div input.text { font-size: 16px; letter-spacing: -0.5px; } } @media(max-width:467px){ section.slice_content_page div.main-content {padding-left:10px;padding-right:10px;} } div.slice_Cookies { background-color:#717171; color:white; padding:10px; text-align:center; float:none;clear:both; position:fixed; left:0; right:0; bottom:0; z-index:1; } div.slice_Cookies img { margin:0 0 0 10px; float:right !important;} div.slice_Cookies a {color:white !important; text-decoration:underline;} @media (max-width:500px) { div.slice_Cookies {font-size:13px; line-height:1.2;padding:5px 10px;} } footer div.FooterSafeGuarding { text-align:center; width:100%; margin:0 auto 60px; max-width:870px; line-height:1.4; padding:10px 10px 0 10px; } footer div.FooterSafeGuarding a {color:white;} footer div.FooterSafeGuarding h1 {font-size:22px; line-height:1; margin:0 0 10px; color:white;} footer div.FooterSafeGuarding.BottomBorder {} /* Supporter logos */ footer div.LogoWrapper { border-bottom:1px solid #333333; margin:-20px 1.28866% 20px; } footer div.LogoWrapper ul { list-style-type:none; padding:0;margin:0; display:flex; flex-flow: row wrap; justify-content:center; align-items:center; } footer div.LogoWrapper img {margin:30px 40px 40px 40px;display:block;} @media (max-width:991px) { footer div.LogoWrapper img {margin:20px 30px 20px 30px;display:block;} } /* Code for the Seeker Boxes */ section.SeekerBox { position:fixed;right:20px;bottom:20px;width:275px; border-radius:10px; background-color:white; padding:15px; box-shadow: 0px 0px 20px -5px rgba(0,0,0,.12); line-height:1.2; } section.SeekerBox div.FullSeekerArticle {display:none;} section.SeekerBox div.SmallSeekerArticle a.HeadLink { display:block; background-color:transparent; font-size:0; padding:0; } section.SeekerBox img.Photo { position:absolute; right:10px; top:-60px; width:70px;height:70px;border-radius:50px;border:2px solid #a3b4ba; background-color:#a3b4ba; display:block; } section.SeekerBox img.Close { width:22px;position:absolute; left:21px; bottom:21px; cursor:pointer; } section.SeekerBox.Shrink img.Close { left:10px; bottom:10px; } section.SeekerBox.BigBox img.Close { width:auto; left:initial; bottom:initial; right:5px; top:5px; } section.SeekerBox.BigBox img.Close.Outer {display:none;} section.SeekerBox b, section.SeekerBox strong {font-weight:700;} section.SeekerBox div.SmallSeekerArticle a { display:inline-block;padding:8px 10px 5px 40px;background-color:#000001;color:white; border-radius:7px; } section.SeekerBox div.SmallSeekerArticle a:hover {background-color:#626262;} body.OnSmallAppleDevice section.SeekerBox div.SmallSeekerArticle a { background-color:#000001 !important; } section.SeekerBox div.VerboseText a {margin-top:10px;} section.SeekerBox.Shrink {width:195px;padding:3px;width:auto;right:10px;bottom:10px;} section.SeekerBox.Shrink div.VerboseText, section.SeekerBox div.NonVerboseText {display:none;} section.SeekerBox.Shrink div.NonVerboseText {display:block;} section.SeekerBox.BigBox { left:0;right:0;bottom:0;top:0;width:100%;height:100vh;border-radius:0;padding:0; box-shadow:none; z-index:110; display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:flex-start; } @media (max-width:900px) { section.SeekerBox.BigBox { align-items:flex-end; } } section.SeekerBox.BigBox div.SmallSeekerArticle {display:none;} section.SeekerBox.BigBox div.FullSeekerArticle { display:block;position:relative;max-width:500px; background-color:white; box-shadow: 0px 0px 20px 5px rgba(0,0,0,.12); left:500px; } @keyframes CIA_LeftTransA { 0% {left:500px;} 100% {left:0;} } @keyframes CIA_LeftTransB { 0% {left:0;} 100% {left:500px;} } @keyframes CIA_BckA { 0% {background-color:transparent;} 100% {background-color:rgba(0,0,0,0.6);} } @keyframes CIA_BckB { 0% {background-color:rgba(0,0,0,0.6);} 100% {background-color:transparent;} } section.SeekerBox.BigBox.RunAnimationA div.FullSeekerArticle { animation-name: CIA_LeftTransA; animation-iteration-count: 1; animation-duration: 250ms; animation-delay:0s; /* initial delay, will be zero if scroll-position activated. */ animation-timing-function: linear; animation-fill-mode:both; /* keep opacity on at the end */ } section.SeekerBox.BigBox.RunAnimationB div.FullSeekerArticle { animation-name: CIA_LeftTransB; animation-iteration-count: 1; animation-duration: 250ms; animation-delay:0s; /* initial delay, will be zero if scroll-position activated. */ animation-timing-function: linear; animation-fill-mode:both; /* keep opacity on at the end */ } section.SeekerBox.BigBox.RunAnimationA { animation-name: CIA_BckA; animation-iteration-count: 1; animation-duration: 250ms; animation-delay:0s; /* initial delay, will be zero if scroll-position activated. */ animation-timing-function: linear; animation-fill-mode:both; /* keep opacity on at the end */ } section.SeekerBox.BigBox.RunAnimationB { animation-name: CIA_BckB; animation-iteration-count: 1; animation-duration: 250ms; animation-delay:0s; /* initial delay, will be zero if scroll-position activated. */ animation-timing-function: linear; animation-fill-mode:both; /* keep opacity on at the end */ } section.SeekerBox.BigBox div.FullSeekerArticle > h2 { background-color:#000001;color:white; padding:5px 5px 5px 20px;margin:0; box-shadow: none; } section.SeekerBox.BigBox div.FullSeekerArticle div.ArticleBody { overflow-y:scroll;max-height:94vh; padding:10px 10px 20px 10px; } @media (max-width:767px) { section.SeekerBox.BigBox div.FullSeekerArticle > h2 {padding:10px 5px 10px 20px;} section.SeekerBox.BigBox div.FullSeekerArticle div.ArticleBody {max-height:80vh;} } /* On a seeker box page, the reCAPTCHA widget has to move */ div.grecaptcha-badge { width:237px !important; height:58px !important; left:-75px; right:initial !important; bottom:0 !important; } section.slice_content_page div.main-content div.grecaptcha-badge, section.SeekerBox div.grecaptcha-badge, section.slice_system_page div.grecaptcha-badge { position:static !important; box-shadow:none !important; border:1px solid #bbbbbb; margin-top:10px; width:256px !important; height:60px !important; } section.slice_system_page div.grecaptcha-badge {margin:10px auto 0;} footer {background-color:#efefef;} footer div.footer-column-3 div.EmailWrapper {display:inline-block; text-align:center;} @media (max-width:767px) { footer div.footer-column-1 {margin-top:10px;} } section.slice_content_page aside nav div.group_nav_selected {font-weight:700;} section.slice_content_page aside nav div.group_nav_child {font-weight:400;} div.endis-jquery-ui-dialog div.media-player-audio h3 {margin:5px 0;} div.endis-jquery-ui-dialog div.media-player-audio h4 {margin:5px 0;} /* Fixed Header stuff */ header { position:fixed; left:0; right:0; top:0; width:100%; z-index:100; } header.FadingCards {position:absolute; padding-bottom:40px;} header.HeaderSmall.HasCookieBar section.slice_Header_L { border-bottom:none; } header.HeaderSmall section.slice_Header_L div.logo-container .logo-name a { font-weight:600; font-size:20px; } header.HeaderSmall {border-bottom:1px solid black;} header section.slice_Header_L div.top-link-wrapper div.search-form, header section.slice_Header_L div.top-link-wrapper div.search_div { font-size:0;line-height:0;display:inline-block; } header section.slice_Header_L div.top-link-wrapper div.search-form {display:none;} header div.top-link-wrapper div.search-form input[type=text] { transition:padding-top 300ms linear, padding-bottom 300ms linear, height 300ms linear; line-height:1;height:44px; } header.HeaderSmall div.top-link-wrapper {position:relative;top:-2px;} header.HeaderSmall div.top-link-wrapper a.top-link { padding-top:5px;padding-bottom:5px; } header.HeaderSmall section.slice_Header_L div.top-link-wrapper div.search-form input[type=text] { padding-top:5px;padding-bottom:4px;height:24px; } header.HeaderSmall section.slice_Header_L div.top-link-wrapper div.search-form i {top:0;} header.HeaderSmall section.slice_Header_L div.nav-menu {margin-top:2px;} header.HeaderSmall section.slice_Header_L div.nav-menu ul.root_menu > li > a { padding-top:10px;padding-bottom:10px; } header div.top-link-wrapper i.journey-icon-search::before {top:1px;} header div.top-link-wrapper i.InFocus {cursor:pointer;} header div.MobileMenuMask { display:none; background-color:rgba(0,0,0,1); position:fixed;top:0;left:0;width:100%;height:100vh;z-index:58; } header div.search-overlay.On + div.MobileMenuMask {display:block;z-index:70;} header section.Xslice_Header_L.SlickNavFullWidth { width:100%;position:absolute; } @media (max-width:991px) { header section.slice_Header_L div.logo-container { position:absolute; top:4px; left:0; z-index:2; margin-right:0; } } header section.slice_Header_L div.logo-container .logo-name a {line-height:1.1;} header li.MenuSearchOpen i::before {top:2px;right:7px;} header ul.slicknav_nav li.MenuSearchOpen {display:none !important;} header div.SearchText {color:white;padding:0 10px 10px;} header div.search-overlay h1 {color:white;padding-left:10px;} header div.SearchWrapper {position:relative;padding-right:10px;} header div.search-overlay .search-close {top:3px; right:10px; font-size:30px;} @media (min-width:992px) { header div.search-overlay { padding:25px 10%; } } @media (min-width:360px) { header div.SearchText {font-size:16px;} } section.slice_content_page div.main-content h1 {margin:0;} /* Global Fix for slide-show captions */ section.slice_SlidesFullWidth div.slideTitle, section.slice_SlidesFullWidth div.slideText, section.slice_WhatsOnSlidesEB_L div.slideTitle, section.slice_WhatsOnSlidesEB_L div.slideText { max-width:90%; /* some templates will set this to eg. 1170px */ text-shadow:0 0 2px #00000036; } section.slice_SlidesFullWidth a.bx-prev::after, section.slice_SlidesFullWidth a.bx-next::after, section.slice_WhatsOnSlidesEB_L a.bx-prev::after, section.slice_WhatsOnSlidesEB_L a.bx-next::after, section.slice_image_blocks_3 div.image_block_title_wrapper { text-shadow:0 0 2px black; } section.slice_image_blocks_3 a:hover div.image_block_title_wrapper {text-shadow:none;} /* Fix media page display. Needs JS fixes applied. */ section.slice_system_page._media_allmedia_aspx input#btnSearchTemplate { margin:0 0 10px; height:auto; } section.slice_system_page._media_allmedia_aspx div#media_controls, section.slice_system_page._publisher_search_aspx div#media_controls { padding-top:10px; padding-right:40px; position:relative; } section.slice_system_page._media_allmedia_aspx div#media_controls img, section.slice_system_page._publisher_search_aspx div#media_controls img { position:absolute; top:5px; right:5px; cursor:pointer; width:25px; height:25px; background-color:#aaaaaa; border:1px solid #aaaaaa; border-radius:14px; flex:none; flex-basis:0; } section.slice_system_page._media_allmedia_aspx div.media_option_right a {margin-bottom:10px;} section.slice_system_page._media_allmedia_aspx div#media_controls div.Line { width:100%; flex-basis: 100%; border-top:1px solid #bbbbbb; } section.slice_system_page._media_allmedia_aspx div#media_controls div.LineB { width:100%; flex-basis: 100%; } section.slice_system_page._media_allmedia_aspx div#media_controls div.LineB + div {margin-left:0;} section.slice_system_page._media_allmedia_aspx ul#media_buttons {padding-top:4px;} @media(min-width:1200px) { section.slice_system_page._media_allmedia_aspx div#media_controls div.LineB {display:none;} } /* Fix calendar display. Needs JS fixes applied. */ @media(min-width:1200px) { section.slice_system_page._calendar_month_aspx div.calendar_week div.calendar_event_time, section.slice_system_page._calendar_month_aspx div.calendar_week a span {font-size:14px; line-height:1.2;} } section.slice_system_page._calendar_month_aspx select.group-selector {margin:1px 5px 0 10px;} section.slice_system_page._calendar_month_aspx ul#calendar_buttons li.list-view-toggle i::before { font-size:48px; line-height:1; position:relative; top:-7px; } section.slice_system_page._calendar_month_aspx div.Line {display:none;margin-bottom:10px;} section.slice_system_page._calendar_month_aspx span.calendar_children_select label {font-size:16px;} @media(max-width:860px) { section.slice_system_page._calendar_month_aspx div#calendar_title {float:none;} section.slice_system_page._calendar_month_aspx select.group-selector {margin:10px 5px 0 16px;} section.slice_system_page._calendar_month_aspx div#calendar_header {position:relative;} section.slice_system_page._calendar_month_aspx ul#calendar_buttons { position:absolute; top:-1px; right:0;margin:0;padding:0 } section.slice_system_page._calendar_month_aspx div.Line {display:block;} section.slice_system_page._calendar_month_aspx input#chkIncludeCalendarSubgroups { margin-left:16px !important; } } section.slice_content_page.NoGroupNav aside.sidebar nav {display:none !important;} /* Global Fix to ensure certain icons are not bold */ section.slice_content_page aside.sidebar div.sidebar_buttons a.button_1::after, section.slice_content_page aside.sidebar div.sidebar_buttons a.button_2::after, section.slice_content_page aside.sidebar div.sidebar_buttons a.button_3::after, section.slice_content_page aside.sidebar div.sidebar_buttons a.button1::after, section.slice_content_page aside.sidebar div.sidebar_buttons a.button2::after, section.slice_content_page aside.sidebar div.sidebar_buttons a.button3::after {font-weight:400;} /* Social media icons - hide the unused ones */ footer section.slice_FooterTop_L div.footer-column.footer-column-1 a.footer_icon_block[href$="/#"], footer section.slice_FooterTop_L div.footer-column.footer-column-1 a.footer_icon_block[href$="/#/"], header li.ExtraLink.SocialMedia a.footer_icon_block[href$="/#"], header li.ExtraLink.SocialMedia a.footer_icon_block[href$="/#/"] {display:none;} section.Xslice_SlidesFullWidth a.bx-pager-link { box-shadow:0 0 5px 1px #bbbbbb; } section.slice_content_page div.main-content ul { list-style: none; /* Remove default bullets */ } section.slice_content_page div.main-content > div.ArticleBody ul:not([class]) > li::before { content: "\2022" !important; /* Add content: \2022 is the CSS Code/unicode for a bullet */ color: #717171 ; /* Change the color */ font-weight: bold; /* If you want it to be bold */ display: inline; /* Needed to add space between the bullet and the text */ margin-left: -14px; /* Also needed for space (tweak if needed) */ padding:0; } section.slice_content_page div.main-content ol {padding-left:25px;} /* Robin's mobile fixes */ @media (max-width:767px) { section.slice_CommunityText_L div.WelcomeWrapper img {border-width:4px;} section.slice_ServiceText_L {margin:10px 10px 20px;} section.slice_ServiceText_L div.block2-1, section.slice_ServiceText_L div.block2-2 {font-size:15px;} section.slice_ServiceText_L div.block2-1 span, section.slice_ServiceText_L div.block2-2 span {font-size:16px;} section.slice_ServiceText_L div.block2-1 a, section.slice_ServiceText_L div.block2-2 a {font-size:14px;} section.slice_ServiceText_L div.block2-1 {border-width:1px;} section.slice_image_blocks_3 div.image_blocks ul.gallery_ul li.gallery_li a div.image_block_title {font-size:32px;} section.slice_WhatsOn3Buttons_L {background-color:white;} section.slice_WhatsOn3Buttons_L h1 {font-size:28px;} section.slice_WhatsOnSlidesEB_L div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption div.slideTitle {font-size:22px;} section.slice_WhatsOnSlidesEB_L div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption div.slideText {font-size:15px;} } @media (max-width:599px) { div.SermonsAndPDFs div.article_cards > span > div div.articleListTitle a {font-weight:600;} footer div.FooterSafeGuarding h1 {font-size:18px;} } header div.search-overlay div.search_div input.text {margin:0; font-size:16px;} header div.SearchWrapper {padding-left:10px;} div.calendar-event-dialog div.calendar-event-content div.event-link a {text-decoration:underline;} section.slice_system_page._media_allmedia_aspx div.media_recording_file_title, section.slice_system_page._media_allmedia_aspx div.MobileRecorded {display:none;} @media (max-width:767px){ section.slice_system_page._media_allmedia_aspx div.system_row.media_recording { display:block; position:relative; width:100%; } section.slice_system_page._media_allmedia_aspx div.media_recording_main { display:block; width:100%; } section.slice_system_page._media_allmedia_aspx div.media_recording_extra { display:table-cell;width:0;height:0;padding:0;margin:0;border:none; } section.slice_system_page._media_allmedia_aspx ul.media_recording_links, section.slice_system_page._media_allmedia_aspx ul.media_recording_details li {display:none;} section.slice_system_page._media_allmedia_aspx ul.media_recording_details, section.slice_system_page._media_allmedia_aspx ul.media_recording_details li { padding:0;margin:0; } section.slice_system_page._media_allmedia_aspx div.MobileRecorded { display:block; font-size:14px; font-weight:700; } } section.slice_FooterTop_L div.footer-column-2 {margin-right:0;} section.slice_content_page div.main-content div.bx-wrapper div.bx-pager {padding:0; bottom:5px;} section.slice_content_page div.main-content div.bx-pager a {width:15px;height:15px;border-radius:8px;} section.slice_content_page div.main-content div.bx-wrapper a.bx-prev, section.slice_content_page div.main-content div.bx-wrapper a.bx-next { background-image:none; color:transparent; text-indent:0; box-shadow:none; } section.slice_content_page div.main-content div.bx-wrapper a.bx-prev::before { font-family: journey; content:"\e901"; color:white; font-size:30px; } section.slice_content_page div.main-content div.bx-wrapper a.bx-next::before { font-family: journey; content:"\e900"; color:white; font-size:30px; } section.slice_content_page aside div.ContentPageImage {text-align:center;line-height:1;font-size:1px;} section.slice_content_page aside div.ContentPageImage a { display:block; margin:10px auto 0;line-height:1;font-size:1px;} section.slice_content_page aside div.ContentPageImage img { width:100%; max-width:263px; display:block; } @media (max-width:768px) { section.slice_content_page aside div.ContentPageImage a {display:inline-block;} } section.slice_content_page aside div.ContentPageImage:last-child {margin-bottom:30px;} /* above 1200px make the image exactly 263px so it appears crisp */ @media (min-width:1200px) { section.slice_content_page aside div.ContentPageImage img {width:263px;} } /* Code that was in the "New To Church?" article */ section.SeekerBox.BigBox div.FullSeekerArticle table table td:first-child { vertical-align:middle !important; } section.SeekerBox.BigBox div.FullSeekerArticle td.SendButton {padding-left:40.5%;} @media (max-width:500px) { section.SeekerBox.BigBox div.FullSeekerArticle td.SendButton {padding-left:0;} } section.CoronaVirus { padding:10px; background-color:#c0392b; } section.CoronaVirus div.ArticleBody > div { text-align:center; display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; } section.CoronaVirus a {display:inline-block; color:white; font-size:24px;line-height:1.3;} section.CoronaVirus a:hover {text-decoration:underline;} section.CoronaVirus img { display:inline-block; margin-right:10px; width:50px; height:auto; } @media (max-width:991px) { section.CoronaVirus a {font-size:18px;} } @media (max-width:359px) { section.CoronaVirus a {font-size:16px;} } section.slice_SlidesFullWidth li > a {display:block;} body.ArticleEditor span.ServicesLocation { display:block; margin:20px 0; font-weight:700; } body.ArticleEditor a.ServicesLocation { display:block; margin:20px 0; font-size:smaller; } body.ArticleEditor a.footer_icon_block { display:block; margin:20px 10px; width:100%; } body.ArticleEditor a.footer_icon_block i { position:relative; z-index:-1; } body.ArticleEditor div.WelcomeWrapper h1 {margin-top:10px;} /* Banner Image code */ section.slice_BannerImage { background-color:#717171; position:relative; background-repeat: no-repeat; background-size: cover; background-position: center center; padding:0 20px; height:470px !important; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; overflow:hidden; } @media(max-width:991px){ section.slice_BannerImage { padding:0 10px; height:400px !important; } } @media(max-width:467px){ section.slice_BannerImage { padding:0 10px; height:300px !important; } } section.slice_BannerImage h1 { position:relative; z-index:0; line-height:1.1; margin:0; text-align:left; color: white; font-size: 56px; font-weight:300; max-width:100%; } section.slice_BannerImage h1 span { font-weight:700; display:block; } @media(max-width:991px){ section.slice_BannerImage h1 {font-size: 50px;} } @media(max-width:467px){ section.slice_BannerImage h1 {font-size: 40px;} } section.slice_BannerImage div.BannerImgCustomFields {display:none;} section.slice_BannerImage div.container { max-width:1200px; } section.slice_BannerImage div.OverlayTint { position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%; background-color:rgba(100,100,128,0.7); } section.slice_BannerImage video { display:block; position:absolute; bottom:-200px; left:0; right:0; width:100%; } @media(max-width:1300px){ section.slice_BannerImage video {bottom:0;} } @media(max-width:991px){ section.slice_BannerImage video { object-fit:cover; width:auto; } } section.slice_BannerImage a.BannerButton { display:inline-block; padding:10px 20px; border:2px solid white; margin:50px 0 0; color:white; font-size:20px; transition:background-color 300ms linear, color 300ms linear; } section.slice_BannerImage a.BannerButton:hover { background-color:white; color:#000000; } /* UML_AL_1: Universal Mini-Layout Article-List 1 */ section.slice_ArticleList {padding:40px 10px;} section.slice_ArticleList > div.UML_AL_2 { display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch; } section.slice_ArticleList > div.UML_AL_2 > div { width: 100%; margin:15px 0;} /* 1 column */ @media (min-width: 467px) { /* 2 columns */ section.slice_ArticleList > div.UML_AL_2 > div { width: 48%; margin:15px 0; } section.slice_ArticleList > div.UML_AL_2 > div:nth-child(2n+1) {margin-right:2%;} /* Extra 2% on each */ section.slice_ArticleList > div.UML_AL_2 > div:nth-child(2n) {padding-left:2%;border-left:1px solid #717171;} } @media (min-width: 992px) { /* 3 columns */ section.slice_ArticleList > div.UML_AL_2 > div { margin:15px 0; border:none; padding:0;} section.slice_ArticleList > div.UML_AL_2 > div:nth-child(3n+1) {width:28%;margin-left:0;margin-right:0;} section.slice_ArticleList > div.UML_AL_2 > div:nth-child(3n+2) { width:36%; margin-left:4%;margin-right:4%; padding-left:4%;padding-right:4%; border-left:1px solid #717171;border-right:1px solid #717171; } /* extra 4% on the middle one only */ section.slice_ArticleList > div.UML_AL_2 > div:nth-child(3n) {width:28%;margin-left:0;margin-right:0;} } section.slice_ArticleList > div.UML_AL_2 div.articleListTitle a:hover { opacity: 0.6;text-decoration:none; } section.slice_ArticleList > div.UML_AL_2 div.articleListTitle { padding: 0 10px 20px 0;} section.slice_ArticleList > div.UML_AL_2 div.articleListTitle a { font-weight: 700; font-size: 30px; line-height: 1.2; display:block;} section.slice_ArticleList > div.UML_AL_2 div.articleListSummary { padding: 0 10px 0 0; font-weight: 400;line-height: 1.5;} section.slice_ArticleList > div.UML_AL_2 div.articleListLink { flex:1 1 auto;line-height:1; padding-bottom:10px; } /* takes up the height slack */ section.slice_ArticleList > div.UML_AL_2 div.articleListLink a { display:inline-block; text-align:center; padding:10px 30px; min-width:160px; border:2px solid #000000; margin:20px 0 0; color:#000000; font-size:16px; font-weight:600; transition:background-color 300ms linear, color 300ms linear; } section.slice_ArticleList > div.UML_AL_2 div.articleListLink a:hover { background-color:#000000; color:white; } @media (max-width:991px) { section.slice_ArticleList > div.UML_AL_2 div.articleListTitle { padding: 0 10px 5px 0;} section.slice_ArticleList > div.UML_AL_2 div.articleListLink a {margin:10px 0 0;} section.slice_ArticleList > div.UML_AL_2 > div { margin-bottom:30px;} } /* UML_AL_1: Universal Mini-Layout Article-List 1 */ section.slice_ArticleList.Grey2Columns {padding:40px 10px; background-color:#efefef;} section.slice_ArticleList > div.UML_AL_3 { display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch; } section.slice_ArticleList > div.UML_AL_3 > div { width: 100%; margin:15px 0;} /* 1 column */ @media (min-width: 467px) { /* 2 columns */ section.slice_ArticleList > div.UML_AL_3 > div { margin:15px 0; } section.slice_ArticleList > div.UML_AL_3 > div:nth-child(2n+1) {margin-right:7%;width:43%;} section.slice_ArticleList > div.UML_AL_3 > div:nth-child(2n) { padding-left:7%;width:50%; border-left:1px solid #717171; } } section.slice_ArticleList > div.UML_AL_3 div.articleListTitle a:hover { opacity: 0.6;text-decoration:none; } section.slice_ArticleList > div.UML_AL_3 div.articleListTitle { padding: 0 10px 20px 0;} section.slice_ArticleList > div.UML_AL_3 div.articleListTitle a { font-weight: 700; font-size: 30px; line-height: 1.2; display:block;} section.slice_ArticleList > div.UML_AL_3 div.articleListSummary { padding: 0 10px 0 0; font-weight: 400;line-height: 1.5;} section.slice_ArticleList > div.UML_AL_3 div.articleListLink { flex:1 1 auto;line-height:1; padding-bottom:10px; } /* takes up the height slack */ section.slice_ArticleList > div.UML_AL_3 div.articleListLink a { display:inline-block; text-align:center; padding:10px 30px; min-width:160px; border:2px solid #000000; margin:20px 0 0; color:#000000; font-size:16px; font-weight:600; transition:background-color 300ms linear, color 300ms linear; } section.slice_ArticleList > div.UML_AL_3 div.articleListLink a:hover { background-color:#000000; color:white; } @media (max-width:991px) { section.slice_ArticleList > div.UML_AL_3 div.articleListTitle { padding: 0 10px 5px 0;} section.slice_ArticleList > div.UML_AL_3 div.articleListLink a {margin:10px 0 0;} section.slice_ArticleList > div.UML_AL_3 > div { margin-bottom:30px;} } section.slice_Newsletter { padding:50px 10px 50px 20px; background-color:#efefef; font-size:18px; } section.slice_Newsletter h1 { font-size:32px; font-weight:700; text-align:center; margin:0 0 10px; } /* Newsletter profile editor fixes */ div._user_registration_aspx.HomePage div.TopCaption, div._user_registration_aspx.HomePage div[id$="_outerdiv_ctls_basic_details"] td:first-child {display:none;} div._user_registration_aspx.HomePage div#GroupNotesEnclosingDiv > div { background-color:transparent !important; border:none; max-width:1300px; } div._user_registration_aspx.HomePage div#GroupNotesEnclosingDiv > div[id$="_outerdiv_ctls_consentfields"] { margin:30px auto 0; } div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:flex-start; } div._user_registration_aspx.HomePage div#GroupNotesEnclosingDiv div[id$="_div_ctls_basic_details"] > div input.text[type="text"] { border:2px solid #626262; border-radius:0; padding:15px 20px !important; width:100% !important; font-size:18px; } div._user_registration_aspx.HomePage div#GroupNotesEnclosingDiv div[id$="_div_ctls_basic_details"] > div input.text[type="text"]::placeholder { color:#000000; } div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] > div:first-child { width:30%; } div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] > div:nth-child(2) { width:30%; margin:0 10px; } div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] > div:last-child { width:40%; } div._user_registration_aspx.HomePage div[id$="_div_ctls_consentfields"] { display:flex; flex-flow:row nowrap; justify-content:center; align-items:flex-start; } @media (max-width:991px) { div._user_registration_aspx.HomePage div[id$="_div_ctls_consentfields"] { flex-flow:column nowrap; justify-content:flex-start; align-items:center; } } div._user_registration_aspx.HomePage ul.consent-questions { margin:0;padding:0;max-width:556px; } div._user_registration_aspx.HomePage li.consent-question { text-indent:-32px; font-size:16px; } div._user_registration_aspx.HomePage ul.consent-questions label { margin:0 !important; position:relative; top:-12px; cursor:pointer; } div._user_registration_aspx.HomePage ul.consent-questions input[type="checkbox"] { width:28px; height:28px; position:relative; right:10px; border:2px solid #626262; border-radius:0; cursor:pointer; } body.OnSmallAppleDevice div._user_registration_aspx.HomePage ul.consent-questions input[type="checkbox"] { width:20px; height:20px; right:30px !important; top:12px !important; z-index:1; } @media(max-width:467px){ div._user_registration_aspx.HomePage ul.consent-questions input[type="checkbox"] { width:20px; height:20px; right:5px; top:-4px; } body.OnSmallAppleDevice div._user_registration_aspx.HomePage ul.consent-questions input[type="checkbox"] { right:30px !important; top:12px !important; } } div._user_registration_aspx.HomePage div.DummyButton { display:inline-block; background-color:#E56423; border:none; border-radius:6px; margin-right:0; margin-left:40px; padding:15px 35px; font-size:20px; line-height:1; transition:background-color 300ms linear; cursor:pointer; } div._user_registration_aspx.HomePage div.DummyButton:hover { opacity:1; background-color:#c54403; } div._user_registration_aspx.HomePage span[id$="_ctlCaptchaButton_objConfigurableButton"] input.button { margin:0 auto; padding:15px 30px; font-size:17px; font-weight:700; line-height:1; transition:background-color 300ms linear, color 300ms linear; cursor:pointer; border:2px solid #000000; background-color:transparent; color:#000000; } div._user_registration_aspx.HomePage span[id$="_ctlCaptchaButton_objConfigurableButton"] input.button:hover { background-color:#000000; color:white; opacity:1; } @media (max-width:991px) { div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] { flex-flow:column nowrap; justify-content:flex-start; align-items:center; } div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] > div { width:100% !important; max-width:400px; margin:0 0 20px !important; } div._user_registration_aspx.HomePage div[id$="_div_ctls_basic_details"] > div:last-child { margin:0 !important; } } /* UML_AL_1: Universal Mini-Layout Article-List 1 */ div.ArticleBody > div.UML_AL_1 { display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch; } div.ArticleBody > div.UML_AL_1.LeftAligned {justify-content: flex-start;} div.ArticleBody > div.UML_AL_1 > div { background-color: white; width: 100%; margin:15px 0;} /* 1 column */ @media (min-width: 467px) { /* 2 columns */ div.ArticleBody > div.UML_AL_1 > div { width: 49%; margin:15px 0; } div.ArticleBody > div.UML_AL_1 > div:nth-child(2n+1) {margin-right:1%;} /* Extra 1% on each */ div.ArticleBody > div.UML_AL_1 > div:nth-child(2n) {margin-left:1%;} } @media (min-width: 992px) { /* 3 columns */ div.ArticleBody > div.UML_AL_1 > div { width:32%; margin:15px 0;} div.ArticleBody > div.UML_AL_1 > div:nth-child(3n+1) {margin-left:0;margin-right:0;} div.ArticleBody > div.UML_AL_1 > div:nth-child(3n+2) {margin-left:2%;margin-right:2%;} /* extra 4% on the middle one only */ div.ArticleBody > div.UML_AL_1 > div:nth-child(3n) {margin-left:0;margin-right:0;} } div.ArticleBody > div.UML_AL_1 div.articleListImage img { display: block; width: 100%; margin:0;} div.ArticleBody > div.UML_AL_1 div.articleListImage a { display: block; margin: 0; } div.ArticleBody > div.UML_AL_1 div.articleListImage a:hover, div.ArticleBody > div.UML_AL_1 div.articleListTitle a:hover { opacity: 0.6;text-decoration:none; } div.ArticleBody > div.UML_AL_1 div.articleListTitle { padding: 15px 0 5px;} div.ArticleBody > div.UML_AL_1 div.articleListTitle { font-weight: 700; font-size: larger;line-height: 1.2; display:block;} div.ArticleBody > div.UML_AL_1 div.articleListSummary { padding: 0 0 10px; font-weight: 400; line-height: 1.3;} div.ArticleBody > div.UML_AL_1 div.articleListLink {flex:1 1 auto;font-size:0;line-height:1;color:transparent;} /* takes up the height slack */ div.ArticleBody > div.UML_AL_1 ul.gallery_ul {display:none;} /* UML_EL_1: Universal Mini-Layout Event-List 1 */ section.slice_EventList {padding:40px 10px;} section.slice_EventList h1 {text-align:center; margin-bottom:10px;} section.slice_EventList div.UML_EL_1 { display: flex; flex-flow: row wrap; justify-content: flex-start; align-items:stretch; } section.slice_EventList div.UML_EL_1 > div { width: 100%; margin:20px 0; /* 1 column */ display: flex; flex-flow: column nowrap; justify-content: flex-start; align-items:flex-start; } @media (min-width: 467px) { /* 2 columns */ section.slice_EventList div.UML_EL_1 > div { width: 48%; margin:15px 0; } section.slice_EventList div.UML_EL_1 > div:nth-child(2n+1) {margin-right:2%;} /* Extra 2% on each */ section.slice_EventList div.UML_EL_1 > div:nth-child(2n) {margin-left:2%;} } @media (min-width: 992px) { /* 3 columns */ section.slice_EventList div.UML_EL_1 > div { margin:15px 0;} section.slice_EventList div.UML_EL_1 > div:nth-child(3n+1) {width:30.666%;margin-left:0;margin-right:0;} section.slice_EventList div.UML_EL_1 > div:nth-child(3n+2) { width:30.666%; margin-left:4%;margin-right:4%; } /* extra 4% on the middle one only */ section.slice_EventList div.UML_EL_1 > div:nth-child(3n) {width:30.666%;margin-left:0;margin-right:0;} } section.slice_EventList div.UML_EL_1 div.eventListImage a, section.slice_EventList div.UML_EL_1 div.eventListImage img { width:100%; display:block;} section.slice_EventList div.UML_EL_1 div.eventListTitle a:hover { opacity: 0.6;text-decoration:none; } section.slice_EventList div.UML_EL_1 div.eventListTitle { padding: 15px 10px 5px 0;} section.slice_EventList div.UML_EL_1 div.eventListTitle a { font-weight: 700; font-size: 24px; line-height: 1.2; display:block;} section.slice_EventList div.UML_EL_1 div.eventListDate { padding: 0 0 10px; font-weight: 700;line-height: 1.3;} section.slice_EventList div.UML_EL_1 div.eventListSummary { padding: 0; font-weight: 400;line-height: 1.3; flex:1 1 auto; /* takes up the height slack */ } section.slice_EventList div.UML_EL_1 div.eventListLink { line-height:1; padding:15px 0 30px; border-bottom:1px solid #717171; width:100%; } section.slice_EventList div.UML_EL_1 div.eventListLink a { color:#000000; font-size:16px; font-weight:600; } section.slice_EventList div.UML_EL_1 div.eventListLink a:hover { text-decoration:underline; } @media (max-width:991px) { section.Xslice_EventList div.UML_EL_1 div.eventListTitle { padding: 0 10px 5px 0;} section.Xslice_EventList div.UML_EL_1 div.eventListLink a {margin:10px 0 0;} section.Xslice_EventList div.UML_EL_1 > div { margin-bottom:30px;} } section.slice_content_page.WideContent div.main-content i.IconEmail::after { content:'\e92a'; font-family:HubbIcons; font-style:normal; font-size:22px; line-height:1; position:relative; left:5px; top:1px; } section.BannerSystemPage { padding:100px 0; background-image: url('/Images/Content/2348/1111137.jpg'); background-repeat:no-repeat; background-position:center bottom; background-size:cover; } @keyframes CIA_LeftToRight { 0% {opacity:0;left:-740px;} /* 1200 - 460 = 740 */ 100% {opacity:1; left:0;} } header section.slice_Header_L.FadingCards ul.slicknav_nav { position:relative; animation-name: CIA_LeftToRight; animation-iteration-count: 1; animation-duration: 500ms; animation-delay:10ms; /* initial delay, give a small amount of time for the page to load etc. */ animation-timing-function: ease-out; animation-fill-mode:both; } header.OriginQuickMenu section.slice_Header_L.FadingCards ul.slicknav_nav { animation-duration: 0ms; animation-delay:0ms; /* initial delay, give a small amount of time for the page to load etc. */ } header section.Xslice_Header_L div.logo-container img:last-child {display:none;} header section.Xslice_Header_L.FadingCards div.logo-container img:first-child {display:none;} header section.Xslice_Header_L.FadingCards div.logo-container img:last-child {display:block;} section.slice_Background { background-image:url(/Images/Content/27/Templates/72519/images/Community.jpg); background-size:cover; background-repeat:no-repeat; background-position:center center; padding:200px 20px; } section.slice_Background div.container {max-width:1210px;} section.slice_Background div.TextBlock { display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-start; max-width:730px; font-size:19px; } section.slice_Background h1 { font-size:50px; color:white; } section.slice_Background div.Text { font-size:26px; font-weight:300;color:white; line-height:1.3; } section.slice_Background.SundayOrigin { background-image:none; background-color:white; padding:80px 20px 50px; } @media(max-width:1100px){ section.slice_Background.SundayOrigin { padding:10px 20px 40px; } section.slice_Background div.TextBlock { max-width:100%;} } section.slice_Background.SundayOrigin h1 { color:black; } section.slice_Background.SundayGatherings { background-image:url(/Images/Content/27/Templates/72519/images/backgroundCup.jpg); padding:150px 20px; } section.slice_Background.SundayGatherings div.TextBlock { margin:0 0 0 auto; } section.slice_Background.River { background-image:url(/Images/Content/27/Templates/72519/images/backgroundGrey.jpg); padding:200px 20px; } section.slice_Background.River div.TextBlock { margin:0 0 0 auto; } section.slice_Background.River h1 { font-weight:300; } section.slice_Background div.Button {margin:30px 0 0;} section.slice_Background div.Button a { display:block; border:2px solid white; font-size:26px; font-weight:300; color:white; line-height:1; padding:10px 50px 8px; background-color:transparent; transition: background-color 300ms linear, color 300ms linear; } section.slice_Background div.Button a:hover { color:black; background-color:white; } section.slice_CloserLook ul {display:none;} section.slice_Background.slice_CloserLook { background-image:none; background-color:white; padding:70px 20px 30px; } section.slice_Background.slice_CloserLook div.container { max-width:1600px; } section.slice_Background.slice_NewsLetter div.container {max-width:800px;} section.slice_Background.slice_NewsLetter { background-image:url(/Images/Content/2155/Templates/72606/images/Patterned-background.jpg); padding:80px 20px; } section.slice_Background.slice_NewsLetter div.TextBlock { max-width:1200px; display:block; } section.slice_Background.slice_NewsLetter h1 { text-align:center; margin:0 0 15px; font-weight:600; } section.slice_Background.slice_NewsLetter div.Text { margin:30px auto 0; text-align:left; max-width:1100px; } section.slice_Background.slice_NewsLetter table.HomepageGetInTouch { width:100%; border-collapse:collapse; } section.slice_Background.slice_NewsLetter table.HomepageGetInTouch td { padding:8px 6px; } section.slice_Background.slice_NewsLetter table.HomepageGetInTouch input[type="text"], section.slice_Background.slice_NewsLetter table.HomepageGetInTouch textarea { padding:15px 20px !important; margin:0 !important; border-radius:4px; font-size:20px; display:inline-block; } section.slice_Background.slice_NewsLetter table.HomepageGetInTouch input[type="text"]::placeholder, section.slice_Background.slice_NewsLetter table.HomepageGetInTouch textarea::placeholder { color:black; } section.slice_Background.slice_NewsLetter table.HomepageGetInTouch input.sitebutton { background-color:transparent; color:white; border:2px solid white; border-radius:0; padding:15px 30px 14px; font-weight:500; font-size:20px; margin:20px 0 0 !important; } section.slice_Background.slice_NewsLetter table.HomepageGetInTouch input.sitebutton:hover { background-color:white; color:black; } section.slice_Background.slice_Event div.container {max-width:920px;} section.slice_Background.slice_Event { background-image: url(/Images/Content/2155/Templates/72606/images/Diagonal-lines-pattern-3.png), url(/Images/Content/2155/Templates/72606/images/Events-plain.jpg); background-size:auto,cover; background-repeat:no-repeat,no-repeat; background-position:left bottom, center center; padding:200px 20px; color:white; text-align:center; } section.slice_Background.slice_Event div.ArticleBody {font-size:20px; line-height:1.6;} section.slice_Background.slice_Event h1 { text-align:center; margin:0 0 15px; font-weight:600; font-size:72px; } @media (max-width:1100px) { section.slice_Background.slice_Event h1 { font-size:32px; } } section.slice_Background a.BlockButton { border-radius:0; padding:15px 30px; font-weight:500; font-size:20px; margin:0 10px 20px !important; } section.slice_Background.SundayOrigin a.BlockButton.TransBlack, section.slice_Background.SundayOrigin.RecentTalks a.BlockButton.TransWhite { margin-left:0 !important; margin-right:20px !important; } section.slice_Background.SundayOrigin a.BlockButton.TransBlack + a.BlockButton, section.slice_Background.SundayOrigin.RecentTalks a.BlockButton.TransWhite + a.BlockButton { margin-left:0 !important; margin-right:0 !important; } section.slice_Background a.BlockButton.White { background-color:white; color:black; border:2px solid white; } section.slice_Background a.BlockButton.White:hover { background-color:black; color:white; border:2px solid black; } section.slice_Background a.BlockButton.TransWhite { background-color:transparent; color:white; border:2px solid white; } section.slice_Background a.BlockButton.TransWhite:hover { background-color:white; color:black; } section.slice_Background a.BlockButton.Black { background-color:black; color:white; border:2px solid black; } section.slice_Background a.BlockButton.Black:hover { background-color:white; color:black; border:2px solid black; } section.slice_Background a.BlockButton.TransBlack { background-color:transparent; color:black; border:2px solid black; } section.slice_Background a.BlockButton.TransBlack:hover { background-color:black; color:white; } header ul.slicknav_nav.OpenOneLevel > li { display:none !important; } header ul.slicknav_nav.OpenOneLevel > li.slicknav_open { display:block !important; } header ul.slicknav_nav.OpenOneLevel.OpenTwoLevel > li.menu_item_level_1.slicknav_open > a { display:none !important; } header ul.slicknav_nav.OpenOneLevel.OpenTwoLevel > li.menu_item_level_1.slicknav_open > ul.sub_menu_level_1 > li { display:none !important; } header ul.slicknav_nav.OpenOneLevel.OpenTwoLevel > li.menu_item_level_1.slicknav_open > ul.sub_menu_level_1 > li.slicknav_open { display:block !important; } header ul.slicknav_nav.OpenOneLevel li.menu_item_level_2 a {font-size:26px;} header ul.slicknav_nav.OpenOneLevel.OpenTwoLevel li.menu_item_level_2 a {font-size:32px;} header ul.slicknav_nav.OpenOneLevel.OpenTwoLevel li.menu_item_level_3 a {font-size:26px;} header a.OpenOneLevel, header a.OpenTwoLevel { padding-bottom:40px !important; } header a.OpenOneLevel span.slicknav_arrow, header a.OpenTwoLevel span.slicknav_arrow { font-weight:700 !important; font-size:32px !important; padding-right:35px !important; } header a.slicknav_item.OpenOneLevel:hover span.slicknav_arrow, header a.slicknav_item.OpenTwoLevel:hover span.slicknav_arrow { left:0 !important; } header section.Xslice_Header_L div.slicknav_menu ul.slicknav_nav a.slicknav_item > a:hover + span.slicknav_arrow { left:0 !important; } section.RedBanner { padding:10px; background-color:#C42A3B; } 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.SeekerBox div.SmallSeekerArticle a {font-weight:500;} section.SeekerBox div.SmallSeekerArticle a:hover {background-color:#FDF0E8;} section.slice_Background div.LeftRightWrapper { display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start; } @media (max-width:1100px) { section.slice_Background div.LeftRightWrapper { flex-flow:column nowrap; } section.slice_Background h1 { font-size:32px; } } section.slice_Background div.LeftRightWrapper h1 br {display:none;} section.slice_Background.SundayOrigin div.TextBlock {width:50%; padding-right:20px;} section.slice_Background.SundayOrigin div.ImgWrapper {width:50%;padding:0 0 0 20px;} section.slice_Background.SundayOrigin div.ImgWrapper img {display:block;max-width:100%;} @media (max-width:1100px) { section.slice_Background.SundayOrigin div.TextBlock, section.slice_Background.SundayOrigin div.ImgWrapper { width:100% !important; padding:0 !important; } section.slice_Background.SundayOrigin div.TextBlock {padding:30px 0 0 !important;} section.slice_Background.SundayOrigin div.ImgWrapper img {margin:0 0 0 auto;} } section.slice_Background.SundayOrigin.SundayOriginB { background-image:none; background-color:#FDF0E8; padding:70px 20px; } section.slice_Background.SundayOrigin.SundayOriginB div.ImgWrapper { width:50%;padding:0 20px 0 0; } section.slice_Background.SundayOrigin.SundayOriginB div.TextBlock { padding:0 0 0 20px; } section.slice_Background.SundayOrigin.SundayOriginB div.LeftRightWrapper { align-items:center; } section.slice_Background.RecentTalks { background-image: url(/Images/Content/2155/Templates/72606/images/Diagonal-lines-pattern-2.png), url(/Images/Content/2155/Templates/72606/images/Latest-talks-plain.jpg); background-size:auto,cover; background-repeat:no-repeat,no-repeat; background-position:right bottom, 62% center; padding:200px 20px; color:white; } section.slice_Background.RecentTalks h1 {color:white;} section.slice_Background.RecentTalks div[style] img, section.slice_Background.FollowJesus div[style] img {display:none;} .slice_content_page .sidebar .sidebar_buttons a[class^="button"]::after { font-family: journey; position: absolute; top: 18px; left: 22px; font-size: 2.5rem; color: #fff; opacity: 0.5;font-weight:400; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_1 { background-color: black; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_1::after { content: "\e908"; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_2 { background-color: black; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_2::after { content: "\e910"; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_3 { background-color: black; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_3::after { content: "\e907"; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_1:hover { background-color: #717171; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_2:hover { background-color: #717171; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_3:hover { background-color: #717171; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"] { font-size: 18px; letter-spacing: 0.5px; padding: 15px 0 15px 62px; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"]::after { font-size: 2.5rem; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_1::after { top: 12px; left: 18px; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_2::after { top: 11px; left: 18px; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button_3::after { top: 9px; left: 18px; } header div.MenuExtraLinks { display:none; position:fixed; top:0; left:0; background-color:white; color:black; width:65vw; padding:20px 20px 20px 20px; height:100vh; z-index:61; } header div.MenuExtraLinks h1 { font-size:50px; line-height:1; } header div.MenuExtraLinks.FadingCards { display:block; overflow-y:auto; } @keyframes CIA_OpacityRiseExtra { 0% {left:-1100px;} /* 1200 - 460 = 740 */ 100% {left:0;} } header div.MenuExtraLinks.FadingCards { animation-name: CIA_OpacityRiseExtra; animation-iteration-count: 1; animation-duration: 500ms; animation-delay:10ms; /* initial delay, give a small amount of time for the page to load etc. */ animation-timing-function: ease-out; animation-fill-mode:both; } @keyframes CIA_OpacitySimple { 0% {opacity:0;} 100% {opacity:1;} } @media(min-width:768px){ header div.MenuExtraLinks.FadingCards div.ArticleBody { animation-name: CIA_OpacitySimple; animation-iteration-count: 1; animation-duration: 800ms; animation-delay:400ms; /* initial delay, give a small amount of time for the page to load etc. */ animation-timing-function: linear; animation-fill-mode:both; } header section.slice_Header_L.SlickNavFullWidth.FadingCards ul.slicknav_nav { animation-name: CIA_OpacitySimple; animation-iteration-count: 1; animation-duration: 800ms; animation-delay:800ms; /* initial delay, give a small amount of time for the page to load etc. */ animation-timing-function: linear; animation-fill-mode:both; } header.OriginQuickMenu section.slice_Header_L.SlickNavFullWidth.FadingCards ul.slicknav_nav, header.OriginQuickMenu div.MenuExtraLinks.FadingCards div.ArticleBody { animation-delay:0ms; animation-duration:0ms; } } @media(max-width:767px){ header section.slice_Header_L.SlickNavFullWidth.FadingCards ul.slicknav_nav li.QuickLink a { animation-name: CIA_OpacitySimple; animation-iteration-count: 1; animation-duration: 400ms; animation-delay:700ms; /* initial delay, give a small amount of time for the page to load etc. */ animation-timing-function: linear; animation-fill-mode:both; } header.OriginQuickMenu section.slice_Header_L.SlickNavFullWidth.FadingCards ul.slicknav_nav li.QuickLink a { animation-duration: 0ms; animation-delay:0ms; /* initial delay, give a small amount of time for the page to load etc. */ } } @keyframes CIA_TopToBottom { 0% {background-size:0;} 100% {background-size:200px;} } @media(max-width:767px){ header section.slice_Header_L.SlickNavFullWidth.FadingCards ul.slicknav_nav div.QuickLinkWrapper { animation-name: CIA_TopToBottom; animation-iteration-count: 1; animation-duration: 500ms; animation-delay:700ms; /* initial delay, give a small amount of time for the page to load etc. */ animation-timing-function: linear; animation-fill-mode:both; } header.OriginQuickMenu section.slice_Header_L.SlickNavFullWidth.FadingCards ul.slicknav_nav div.QuickLinkWrapper { animation-duration: 0ms; animation-delay:0ms; /* initial delay, give a small amount of time for the page to load etc. */ } } header li.ExtraLink.SocialMedia {float:none; clear:both;} header li.ExtraLink.SocialMedia div.ArticleBody { margin:10px 0 0; display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start; } header li.ExtraLink.SocialMedia div.ArticleBody a { color:black !important; margin:0 5px 0 0; line-height:1; padding:0 !important; } header li.ExtraLink.SocialMedia div.ArticleBody a i::after { display:block; color:black !important; padding:0 !important; font-size:22px !important; line-height:1; border:10px solid #CDCDCD;border-radius:6px; background-color:#CDCDCD; } header li.ExtraLink.SocialMedia div.ArticleBody a:hover i::after { background-color:white !important; border-color:white !important; } header li.ExtraLink.VI { position:absolute; top:-50px; z-index:2; } header li.ExtraLink.VI a { line-height:1; padding:15px 20px !important; border:2px solid white; } header li.ExtraLink.VI:hover a { background-color:white; color:black !important; } header div.MenuExtraLinks.FadingCards { background-image: url(/Images/Content/2155/Templates/72606/images/Diagonal-lines-pattern-1.png); background-position:left bottom; background-repeat:no-repeat; background-size:600px; } header a.WhiteMenuMainLogo {display:inline-block; margin:0 0 0 40px;} header div.WhiteMenuMain { margin-left:25%; margin-top:1vh; } header div.WhiteMenuMain a { display:inline-block; font-size:48px; line-height:1.7; font-weight:600; } @media(max-width:1366px){ header div.WhiteMenuMain a { font-size:32px; line-height:1.6; } } header div.WhiteMenuMain a:hover {color:#EA6053;} header div.WhiteMenuSub {margin-left:25%; margin-top:60px;} header div.WhiteMenuSub a {display:inline-block; font-size:20px; line-height:2; font-weight:400;} header div.WhiteMenuSub a b {font-weight:600;} header div.WhiteMenuSub a:hover {color:#EA6053;} header div.WhiteMenuSub a.AddMapIcon::before { font-family:HubbIcons; content:'\e92c'; color:#EA6053; font-size:24px; display:inline-block; padding-right:5px; position:relative; top:4px; } /* Make menus work on smaller desktop */ @media(max-width:1400px){ header div.MenuExtraLinks {width:53vw;} } @media(max-width:991px){ header div.WhiteMenuSub {margin-left:5%;} header div.WhiteMenuMain { margin-left:5%; margin-top:40px; } header div.MenuExtraLinks {width:40vw;} header div.WhiteMenuMain a { font-size:32px; } header a.WhiteMenuMainLogo {margin:0 0 0 20px;} } header .slice_Header_L .slicknav_menu ul.slicknav_nav li.ExtraLink.QuickLink, header div.WhiteMenuMain a.VI {display:none;} @media(max-width:767px){ header div.MenuExtraLinks, header li.ExtraLink.VI {display:none !important;} header section.slice_Header_L.FadingCards div.SlickNav_Wrapper {margin-top:60px;} header section.slice_Header_L div.slicknav_menu li a, header div.WhiteMenuSub a, header section.slice_Header_L .slicknav_menu li.ExtraLink a {font-size:18px;} header section.slice_Header_L .slicknav_menu ul.slicknav_nav > li > a.menu_link, header section.slice_Header_L .slicknav_menu ul.slicknav_nav > li.has_sub_menu > a > a.menu_link { padding:10px 0; } header section.slice_Header_L .slicknav_menu ul.slicknav_nav div.QuickLinkWrapper { background-color:white; margin:15px 0 5px; padding: 15px 20px 15px 40px; background-image: url(/Images/Content/2155/Templates/72606/images/Diagonal-lines-pattern-4.png); background-position:right bottom; background-repeat:no-repeat; background-size:200px; position:relative; left:-40px; width:100vw; } header .slice_Header_L .slicknav_menu ul.slicknav_nav li.ExtraLink.QuickLink { display:block; } header .slice_Header_L .slicknav_menu ul.slicknav_nav li.ExtraLink.QuickLink a { color:black; font-size:20px; font-weight:600; } header .slice_Header_L .slicknav_menu ul.slicknav_nav li.ExtraLink.QuickLink a:hover { color:#EA6053; } header section.slice_Header_L .slicknav_menu ul.slicknav_nav li.ExtraLink.FirstExtraLink { margin-top:5px;border:none;padding-top:10px; } .slice_Header_L .slicknav_menu ul.slicknav_nav {padding-top:0;} header section.slice_Header_L.FadingCards div.SlickNav_Wrapper {margin-top:20px;} header section.slice_Header_L .slicknav_menu .slicknav_btn div.SlickNavCloseIcon { position:relative; left:-12px; top:-23px; } header section.slice_Header_L .slicknav_menu ul.slicknav_nav { width:100%; margin:0; padding:0 20px; } } @media(max-width:467px){ header section.slice_Header_L .slicknav_menu .slicknav_btn div.SlickNavCloseIcon { left:5px;top:-24px; } } body > form.FadingCards > section {display:none;} section.SeekerBox div.SmallSeekerArticle a {background-color:black !important;} header section.slice_Header_L .slicknav_menu ul.slicknav_nav li.Block2x2 { width:50%; float:left; } /* Banner Image code */ section.slice_BannerImage { position:relative; background-repeat: no-repeat; background-size: cover; background-position: center center; padding: 200px 10px; } @media(max-width:992px){ section.slice_BannerImage {padding:100px 10px;} } section.slice_BannerImage h1 { position:relative; z-index:0; line-height:1; margin:0; text-align:center; color: white; font-size: 60px; text-transform: uppercase; } @media(max-width:992px){ section.slice_BannerImage h1 {font-size: 40px;} } @media(max-width:467px){ section.slice_BannerImage h1 {font-size: 30px;} } section.slice_BannerImage div.BannerImgCustomFields {display:none;} section.slice_BannerImage div.container {text-align:center;} section.slice_BannerImage div.OverlayTint { position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%; background-color:rgba(0,0,0,0.4); } section.slice_content_page.AddTopBorder {border-top:1px solid #dddddd;} header + section {margin-top:98px;} header.HeaderSmall + section {margin-top:58px;} @media(max-width:767px){ header + section, header.HeaderSmall + section {margin-top:68px;} } section.SystemHeaderBackground {height:1px; background-color:#aaaaaa;} section.slice_NewsLetter div.invisible-recaptcha {display:none;} body.ArticleEditor div.WhiteMenuMain a, body.ArticleEditor div.WhiteMenuSub a { display:inline-block; margin:30px 0 0; } @media(max-width:767px){ section.slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption, section.slice_Background.RecentTalks, section.slice_Background.slice_Event { background-size:400px,cover; } } @media(min-width:768px){ body.TemplateDemo2 header .logo-icon img, body.TemplateDemo2 header a.WhiteMenuMainLogo img { height: 49px !important; /* <<< mobile logo height */ } body.TemplateDemo2 header div.logo-container { margin-top: 22px !important; /* <<< logo gap from top for desktop */ } } section.SeekerBox img.Close { padding:0 !important; background-color:transparent !important; } section.SeekerBox div.SmallSeekerArticle img.Close {bottom:8px !important;} section.SeekerBox div.SmallSeekerArticle a:hover { background-color:black !important; color:#aaaaaa !important; } header section.slice_Header_L div.logo-container { transition:margin-top 100ms linear !important;; } /* 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
  • '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;} footer section.slice_FooterTop_L div.footer-column.footer-column-1 a.footer_icon_block[href$="spotify.com"], footer section.slice_FooterTop_D div.footer-column.footer-column-1 a.footer_icon_block[href$="spotify.com"] { display:none; }