/* (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 Trinity 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
{
width: auto !important;
height: 34px !important; /* <<< mobile logo height */
}
/* Gap between logo and top/bottom of screen */
header div.logo-container
{
position:absolute; top:0; left:0px;z-index:61;
margin-top: 8px !important; /* <<< gap from top for mobile/tablet */
margin-bottom: 8px !important; /* <<< gap from bottom for mobile/tablet */
}
@media(min-width:992px){header div.logo-container
{
position:static;
margin-top: 26px !important; /* <<< gap from top for desktop */
margin-bottom: 0 !important; /* <<< gap from bottom for desktop */
}
header .logo-icon img {
height: 67px !important; /* <<< mobile logo height */
}
}
@media (max-width:1199px) {
header .slice_Header_L .nav-menu ul.root_menu > li > a {padding:12px 15px;}
}
/* To make more space in the header adjust this */
header section.slice_Header_L div.nav-menu {margin-top:65px;margin-bottom:5px;}
@media (min-width:992px) and (max-width:1050px) {
header section.slice_Header_L div.nav-menu {margin-top:85px;}
header div.logo-container {margin-top: 5px !important;}
}
header .slice_Header_L .slicknav_menu .slicknav_btn span.slicknav_menutxt {display:none;}
header .slice_Header_L .slicknav_menu .slicknav_btn {border-bottom:1px solid #eeeff2;}
/* extra fixes for the header */
header ul a {
line-height: 1 !important;
}
header section.slice_Header_L div.slicknav_menu ul.slicknav_nav a {padding: 10px 20px;}
header section.slice_Header_L div.slicknav_menu ul.slicknav_nav li:first-child a {padding-top:20px;}
header section.Xslice_Header_L div.slicknav_menu ul.slicknav_nav li.ExtraLink.SearchOpen a { padding-bottom:20px;}
header .slice_Header_L .nav-menu ul.root_menu > li:last-child > a {padding-right:10px;}
header div.MobileMenuMask {
display:none;
background-color:rgba(0,0,0,0.6);
position:fixed;top:0;left:0;width:100%;height:100vh;z-index:59;
}
@media (min-width:992px) {div.MobileMenuMask {display:none !important;}}
header section.slice_Header_L.SlickNavFullWidth {
width:100%;position:absolute;
}
/* ############ Mobile menu colours */
header section.slice_Header_L a.slicknav_btn
{
background-color: white !important; /* <<< colour of the menu bar */
}
header section.slice_Header_L .slicknav_icon-bar
{
background-color: #39acde !important; /* <<< colour of the menu icon */
}
header section.slice_Header_L div.SlickNavCloseIcon
{
color: #39acde !important; /* <<< colour of the menu close icon */
}
/* ############ slide show caption button, and active/hover round pager button colour */
section.slice_SlidesFullWidth a.bx-pager-link:hover,
section.slice_SlidesFullWidth a.bx-pager-link.active
{
background-color: #39acde !important; /* <<< slide show button background color */
border-color: #39acde !important; /* <<< slide show button border color */
}
section.slice_SlidesFullWidth.BaptistTimes a.bx-pager-link:hover,
section.slice_SlidesFullWidth.BaptistTimes a.bx-pager-link.active
{
background-color: #74458d !important; /* <<< slide show button background color */
border-color: #74458d !important; /* <<< slide show button border color */
}
section.slice_SlidesFullWidth.BaptistTimes.AboutUs a.bx-pager-link:hover,
section.slice_SlidesFullWidth.BaptistTimes.AboutUs a.bx-pager-link.active
{
background-color: #39acde !important; /* <<< slide show button background color */
border-color: #39acde !important; /* <<< slide show button border color */
}
/* Slide show inactive round pager buttons */
section.slice_SlidesFullWidth a.bx-pager-link
{
background-color: #dedfe2 !important; /* <<< slide show inactive round button color */
border-color: #dedfe2 !important; /* <<< slide show inactive round button border color */
}
/* Rows of 4 buttons */
section.Slice_Buttons3 {
background-color: #eeeff2; padding:20px 0;
border-top:1px solid white;border-bottom:1px solid white;
}
section.Slice_Buttons3 div.container {max-width:1350px;}
@media (max-width:1050px) {section.Slice_Buttons3 div.container {max-width:600px;}}
section.Slice_Buttons3 div.WrapperButtons3 {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:0 auto;}
section.Slice_Buttons3 div.WrapperButtons3 a {
display:block;
font-size:20px;
line-height:1;
white-space:nowrap;
padding:15px 0 15px 15px;
background-color:#39acde;
color:white;
margin:10px 5px;
width:240px;
border-radius:3px;
position:relative;
text-align:center;
transition:background-color 300ms linear;
}
section.Slice_Buttons3 div.WrapperButtons3 a img {
position:absolute;top:19px;left:20px; opacity:0.6;
}
section.Slice_Buttons3 div.WrapperButtons3 a:hover {background-color:#f26c4f;}
@media (max-width:467px) {
section.Slice_Buttons3 div.WrapperButtons3 {flex-flow:column nowrap;}
}
/* Rows of 3 buttons on Baptist Times landing page */
section.ContentPageSearch section.Slice_Buttons3 {
padding:20px 0;
background-color: white;
border:none;
}
section.ContentPageSearch section.Slice_Buttons3 div.container {max-width:1350px;}
@media (max-width:1050px) {section.ContentPageSearch section.Slice_Buttons3 div.container {max-width:600px;}}
section.ContentPageSearch section.Slice_Buttons3 div.WrapperButtons3 {display:flex; flex-flow:row wrap; align-items:center; justify-content:center; margin:0 auto;}
section.ContentPageSearch section.Slice_Buttons3 div.WrapperButtons3 a {
display:block;
font-size:20px;
line-height:1;
white-space:nowrap;
padding:17px 0 17px 15px;
background-color:#74458d;
color:white;
margin:10px;
width:340px;
border-radius:3px;
position:relative;
text-align:center;
transition:opacity 300ms linear;
}
section.ContentPageSearch section.Slice_Buttons3 div.WrapperButtons3 a:nth-child(2) {
background-color:#f26c4f;
}
section.ContentPageSearch section.Slice_Buttons3 div.WrapperButtons3 a:nth-child(3) {
background-color:#7e919a;
}
section.ContentPageSearch section.Slice_Buttons3 div.WrapperButtons3 a img {
top:9px;left:30px; opacity:1;
}
section.ContentPageSearch section.Slice_Buttons3 div.WrapperButtons3 a:nth-child(2) img {
top:11px;left:25px;
}
section.ContentPageSearch section.Slice_Buttons3 div.WrapperButtons3 a:nth-child(3) img {
top:9px;left:15px;
}
section.ContentPageSearch section.Slice_Buttons3 div.WrapperButtons3 a:hover {opacity:0.7;}
@media (max-width:767px) {
section.ContentPageSearch section.Slice_Buttons3 div.WrapperButtons3 a img {
left:15px !important;
}
}
@media (max-width:467px) {
section.ContentPageSearch section.Slice_Buttons3 div.WrapperButtons3 {flex-flow:column nowrap;}
}
/* slice Welcome */
section.slice_Welcome {
background-color:white;
color:#414141;
text-align:center;
padding: 20px 10px 35px;
font-size:18px;
}
@media (min-width:768px) {
section.slice_Welcome {
padding: 25px 20px 30px;
font-size:20px;
}}
@media (min-width:1300px) {
section.slice_Welcome {
padding: 35px 20px 40px;
}}
section.slice_Welcome h1 {margin:0 0 10px;}
section.slice_Welcome div.ArticleBody {max-width:1020px;margin:0 auto;}
/*
##################
# Start of Slice #
##################
*/
.slice_WelcomeArticles { background-color: #eeeff2; padding: 25px 10px; }
.slice_WelcomeArticles .article_cards { text-align: center; display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch;}
/* hard coded change to reverse card order */
.slice_WelcomeArticles .article_cards.LandingTagged.RowReverse {flex-flow: row-reverse wrap-reverse;}
section.slice_WelcomeArticles div.article_cards > div { /* 1 column */
background-color: #fff; margin:10px 0;
max-width:318px; width: 100%;
display: flex; flex-flow: column nowrap;justify-content: flex-start; align-items:center;
box-shadow:2px 2px 3px 0 rgba(0,0,0,0.05), -2px 2px 3px 0 rgba(0,0,0,0.05), 0 5px 10px 0 rgba(0,0,0,0.05), 0 -2px 5px 0 rgba(0,0,0,0.03);
}
@media (min-width: 350px) { /* 2 columns */
section.slice_WelcomeArticles div.article_cards > div { width: 48%; margin:10px 0; }
section.slice_WelcomeArticles div.article_cards > div:nth-child(2n+1) {margin-right:2%;} /* Extra 2% on each */
section.slice_WelcomeArticles div.article_cards > div:nth-child(2n) {margin-left:2%;}
section.slice_WelcomeArticles.LandingPage.Narrow div.article_cards > div:nth-child(2n+1),
section.slice_WelcomeArticles.LandingPage.Narrow div.article_cards > div:nth-child(2n) {margin-left:1%;margin-right:1%;}
.slice_WelcomeArticles div.container {max-width:700px;}
}
@media (min-width: 1200px) { /* 4 columns */
section.slice_WelcomeArticles div.article_cards > div { width:23%; margin:15px 0;}
section.slice_WelcomeArticles div.article_cards > div:nth-child(4n+1) {margin-left:0;margin-right:2.6666%;}
section.slice_WelcomeArticles div.article_cards > div:nth-child(4n+2) {margin-left:0;margin-right:2.6666%;}
section.slice_WelcomeArticles div.article_cards > div:nth-child(4n+3) {margin-left:0;margin-right:2.6666%;}
section.slice_WelcomeArticles div.article_cards > div:nth-child(4n) {margin-left:0;margin-right:0;}
.slice_WelcomeArticles div.container {max-width:1350px;}
section.slice_WelcomeArticles.Narrow div.container {max-width:1170px;}
section.slice_WelcomeArticles.LandingPage div.article_cards > div { width:23%; margin:15px 1%;}
section.slice_WelcomeArticles.LandingPage.Narrow div.article_cards > div { width:31.3333%; margin:15px 1%; max-width:initial;}
}
@media (min-width: 768px) { .slice_WelcomeArticles { padding: 25px 10px; } }
@media (min-width: 992px) { .slice_WelcomeArticles { padding: 25px 20px; } }
.slice_WelcomeArticles .article_cards > div .articleListImage {width:100%;}
.slice_WelcomeArticles .article_cards > div .articleListImage a { display: block; margin: 0 auto; }
.slice_WelcomeArticles .article_cards > div .articleListImage a:hover { opacity: 0.6; }
.slice_WelcomeArticles .article_cards > div .articleListImage a img { display: block; width: 100%; }
.slice_WelcomeArticles .article_cards > div .articleListTitle { background-color: #fff; padding: 15px 10px 5px; font-size: 22px; line-height: 1.3636;}
.slice_WelcomeArticles .article_cards > div .articleListTitle a { color: #414141; font-weight: 700; }
.slice_WelcomeArticles .article_cards > div .articleListTitle a:hover { color: #39acde; }
.slice_WelcomeArticles .article_cards > div .articleListSummary { background-color: #fff; color: #414141; padding: 5px 15px 10px; font-size: 18px; line-height: 1.3333;}
.slice_WelcomeArticles .article_cards > div .articleListLink a {
display: inline-block; font-size: 18px; line-height: 1; color: #39acde; background-color: #fff;
text-decoration:none; padding:0 0 30px;
}
.slice_WelcomeArticles .article_cards > div .articleListLink a:hover { text-decoration:underline;}
@media (max-width: 500px) {
.slice_WelcomeArticles .article_cards > div .articleListTitle {padding: 5px 5px 5px; font-size: 17px; line-height: 1.2;}
.slice_WelcomeArticles .article_cards > div .articleListSummary {padding: 5px 5px 10px; font-size: 16px; line-height: 1.2;}
.slice_WelcomeArticles .article_cards > div .articleListLink a { font-size: 16px;padding:0 0 10px;}
}
section.slice_WelcomeArticles.White {background-color: white;}
section.slice_WelcomeArticles.TitlesOnly .article_cards > div div.articleListTitle {padding-bottom:20px;}
section.slice_WelcomeArticles.TitlesOnly div.articleListSummary,
section.slice_WelcomeArticles.TitlesOnly div.articleListLink {display:none;}
/*
##################
# Start of Slice #
##################
*/
section.slice_content_page div.ArticleBody div.article_cards { text-align: center; display: flex; flex-flow: row wrap; justify-content: center; align-items:stretch;}
section.slice_content_page div.ArticleBody div.article_cards > div { /* 1 column */
background-color: #fff; margin:10px 0;
max-width:318px; width: 100%;
display: flex; flex-flow: column nowrap;justify-content: flex-start; align-items:center;
box-shadow:2px 2px 3px 0 rgba(0,0,0,0.05), -2px 2px 3px 0 rgba(0,0,0,0.05), 0 5px 10px 0 rgba(0,0,0,0.05), 0 -2px 5px 0 rgba(0,0,0,0.03);
}
@media (min-width: 100px) { /* 2 columns */
section.slice_content_page div.ArticleBody div.article_cards > div { width: 48%; margin:10px 0; }
section.slice_content_page div.ArticleBody div.article_cards > div:nth-child(2n+1) {margin-right:2%;} /* Extra 2% on each */
section.slice_content_page div.ArticleBody div.article_cards > div:nth-child(2n) {margin-left:2%;}
}
@media (min-width: 992px) { /* 3 columns */
section.slice_content_page div.ArticleBody div.article_cards > div { width:32%; margin:15px 0;}
section.slice_content_page div.ArticleBody div.article_cards > div:nth-child(3n+1) {margin-left:0;margin-right:0;}
section.slice_content_page div.ArticleBody div.article_cards > div:nth-child(3n+2) {margin-left:2%;margin-right:2%;}
section.slice_content_page div.ArticleBody div.article_cards > div:nth-child(3n) {margin-left:0;margin-right:0;}
}
section.slice_content_page div.ArticleBody .article_cards > div .articleListImage {width:100%;}
section.slice_content_page div.ArticleBody .article_cards > div .articleListImage a { display: block; margin: 0 auto; }
section.slice_content_page div.ArticleBody .article_cards > div .articleListImage a:hover { opacity: 0.6; }
section.slice_content_page div.ArticleBody .article_cards > div .articleListImage a img { display: block; width: 100%; }
section.slice_content_page div.ArticleBody .article_cards > div .articleListTitle { background-color: #fff; padding: 15px 10px 5px; font-size: 22px; line-height: 1.3636;}
section.slice_content_page div.ArticleBody .article_cards > div .articleListTitle a { color: #414141; font-weight: 700; }
section.slice_content_page div.ArticleBody .article_cards > div .articleListTitle a:hover { color: #39acde; text-decoration:none;}
section.slice_content_page div.ArticleBody .article_cards > div .articleListSummary { background-color: #fff; color: #414141; padding: 5px 15px 10px; font-size: 18px; line-height: 1.3333;}
section.slice_content_page div.ArticleBody .article_cards > div .articleListLink a {
display: inline-block; font-size: 18px; line-height: 1; color: #39acde; background-color: #fff;
text-decoration:none; padding:0 0 30px;
}
section.slice_content_page div.ArticleBody .article_cards > div .articleListLink a:hover { text-decoration:underline;}
@media (max-width: 500px) {
section.slice_content_page div.ArticleBody .article_cards > div .articleListTitle {padding: 5px 5px 5px; font-size: 17px; line-height: 1.2;}
section.slice_content_page div.ArticleBody .article_cards > div .articleListSummary {padding: 5px 5px 10px; font-size: 16px; line-height: 1.2;}
section.slice_content_page div.ArticleBody .article_cards > div .articleListLink a { font-size: 16px;padding:0 0 10px;}
}
/* Banner Image code */
section.slice_BannerImage {
background-repeat: no-repeat;
background-size: cover;
background-position: 10% center; /* 105 fits 360px mobile display */
padding: 142px 10px;
}
@media(max-width:992px){
section.slice_BannerImage {padding:100px 10px;}
}
section.slice_BannerImage h1 {
line-height:1.143;
margin:0;
text-align:center;
color: white;
font-size: 56px;
text-transform:uppercase;
letter-spacing:2px;
}
@media(max-width:992px){
section.slice_BannerImage h1 {font-size: 40px;letter-spacing:1px;}
}
@media(max-width:467px){
section.slice_BannerImage h1 {font-size: 30px;letter-spacing:normal;}
}
section.slice_BannerImage h1.SmallerFont {font-size:24px;letter-spacing:normal;}
section.slice_BannerImage div.BannerImgCustomFields {display:none;}
section.slice_BannerImage div.container {text-align:center;}
section.slice_content_page.AddTopBorder {border-top:1px solid #7e919a;}
/* Content page spacing */
section.slice_content_page div.main-content {padding:0;}
@media(max-width:991px){
section.slice_content_page div.main-content {padding:0 5px 0;}
}
@media(max-width:767px){
section.slice_content_page div.main-content {padding:20px 15px 0;}
}
@media(max-width:467px){
section.slice_content_page div.main-content {padding:20px 10px 0;}
}
section.slice_content_page aside div.ContentPageImage {
display:none; text-align:center;line-height:1;font-size:1px;
}
section.slice_content_page aside div.ContentPageImage:last-child {margin-bottom:30px;}
section.slice_content_page aside div.ContentPageImage a {
display:block; margin:15px auto 0;line-height:1;font-size:0px;
}
section.slice_content_page aside div.ContentPageImage img {
width:100%; display:block;
}
@media (max-width:768px) {
section.slice_content_page aside div.ContentPageImage a {display:inline-block;}
section.slice_content_page aside div.ContentPageImage img {max-width:260px;}
}
/* Change the sidebar margins, so if there is no group-nav it still looks ok. */
section.slice_content_page aside.sidebar nav table.group-nav {margin-top:0;}
section.slice_content_page aside.sidebar nav {margin-bottom:15px;}
section.slice_content_page aside.sidebar {margin-top:30px;}
section.slice_content_page div.main-content div.BreadCrumbs {
font-size:13px; margin:0 0 10px;
}
section.slice_content_page div.main-content div.BreadCrumbs a.BreadcrumbLink,
section.slice_WelcomeArticles div.BreadCrumbs a.BreadcrumbLink {
color:#414141; display:inline-block; margin:0 5px 10px; white-space:nowrap;
}
section.slice_content_page div.main-content div.BreadCrumbs a.BreadcrumbLink:first-child {margin-left:0;}
section.slice_content_page div.main-content div.BreadCrumbs a.BreadcrumbLink:hover {
color:#39acde; text-decoration:none;
}
section.slice_WelcomeArticles div.BreadCrumbs {
display:none;
margin:10px 0 5px 10px;
font-size:13px;
}
section.slice_WelcomeArticles div.BreadCrumbs a.BreadcrumbLink:first-child {margin-left:0;}
section.slice_WelcomeArticles div.BreadCrumbs a.BreadcrumbLink:hover {
color:#39acde; text-decoration:none;
}
/* Content page 12 article-list */
section.slice_content_page div.ContentPageArticleList {
display:none; clear:both; background-color:#f8f8f8; margin-top:40px;
}
section.slice_content_page div.ContentPageArticleList table.boxout_header {
display:none;
}
section.slice_content_page div.ContentPageArticleList table.boxout_contents td {padding:0;}
section.slice_content_page div.ContentPageArticleList div.group_nav_selected a {
display:block; background-color:#39acde; color:white; padding:5px 20px 8px;
}
section.slice_content_page div.ContentPageArticleList div.group_nav_selected a::before {
content:'More ';
}
section.slice_content_page div.ContentPageArticleList div.ContentPageAL {
padding:20px 0 10px 20px; display:flex; flex-flow:row wrap; justify-content:flex-start;align-items:flex-start;
}
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div {
width:50%;
}
section.slice_content_page div.ContentPageArticleList div.ContentPageAL div.articleListTitle a {
display:block; padding:0 30px 20px 20px; color:#414141; font-size:18px; font-weight:400;
position:relative;
}
section.slice_content_page div.ContentPageArticleList div.ContentPageAL div.articleListTitle a::before {
display:block; content:' ';width:16px; height:19px;font-size:1px;line-height:1;
position:absolute; top:3px; left:-5px;
background-image:url(/Images/Content/2019/Templates/54496/images/IconBlueArrow.png);
background-repeat:no-repeat;
}
section.slice_content_page div.ContentPageArticleList div.ContentPageAL div.articleListTitle a:hover {
color:#39acde; text-decoration:none;
}
section.slice_content_page div.ContentPageArticleList div.ContentPageAL div.articleListDate {display:none;}
/* Blog version */
section.slice_content_page div.ContentPageArticleList div.ContentPageAL.Blog div.articleListTitle a {
padding:0 30px 0px 20px;
}
section.slice_content_page div.ContentPageArticleList div.ContentPageAL.Blog div.articleListDate {
display:block;font-size:14px;padding:2px 0 20px 20px;line-height:1;
}
@media (max-width:767px) {
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div {
width:100%;
}
}
/* mask to only show top 12. */
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div {display:none;}
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(1),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(2),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(3),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(4),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(5),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(6),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(7),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(8),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(9),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(10),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(11),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(12),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(13),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(14),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(15),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(16),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(17),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(18),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(19),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(20),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(21),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(22),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(23),
section.slice_content_page div.ContentPageArticleList div.ContentPageAL > div:nth-child(24)
{display:block;}
/* Code to make slide-shows look better on mobile screens */
section.Xslice_SlidesFullWidth {overflow-x:hidden;} /* hide anything that pokes outside */
@media (max-width:767px) {
section.Xslice_SlidesFullWidth div.bannerSlides {
width: 200%; /* double the width, which doubles the height, and then translate so we see the middle 50% */
transform: translateX(-25%);
overflow:hidden; /* hide anything that pokes outside */
}
/* Adjust the captions back again, so they look normal */
section.Xslice_SlidesFullWidth div.bannerSlides div.bx-wrapper ul.gallery_ul li.gallery_li div.caption {
/* div.bx-wrapper has position:relative set, so this is ok */
left: 25%;
right: 25%;
width: 50%;
overflow:hidden; /* hide anything that pokes outside */
}
}
@media (max-width:467px) {
section.Xslice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager {
display:block;bottom:5px;
}
}
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;}
/* Slide-show bottom buttons */
section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager {bottom:30px;}
section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager a.bx-pager-link {
width:18px;height:18px;border-radius:9px;border-width:2px;margin:0 6px;
}
@media (max-width:1200px) {
section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager {bottom:10px;}
section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager a.bx-pager-link {width:14px;height:14px;border-radius:7px;}
}
/* Fix system page ul lists */
section.slice_system_page div.system_content ul {
list-style-type: disc;
padding-left:40px;
}
/* Fix the new calendar page pop-up */
div.dialog-content.calendar-event-content > h4,
div.dialog-content.calendar-event-content > h4 a.event-location-link {
display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;
}
/* make sure these are not set */
html,body {height:initial;}
/* 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/2019/Templates/54496/images/IconEmail.png);
}
/* Code to fix various issues caused by browser default settings */
a {
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}
a:focus {outline:none;}
/* Slide show captions - no JS trigger here */
@keyframes CIA_OpacityRise {
0% {opacity:0;}
100% {opacity:1;}
}
section.slice_SlidesFullWidth div.caption a.slideButton {position:relative;} /* prep */
section.slice_SlidesFullWidth 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.slice_SlidesFullWidth 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:600ms; /* initial delay */
animation-timing-function: linear;
animation-fill-mode:both;
}
section.slice_SlidesFullWidth div.caption div.slideText { /* finally fade in the caption text */
animation-name: CIA_OpacityRise;
animation-iteration-count: 1;
animation-duration: 500ms;
animation-delay:1100ms; /* wait for others to finish. */
animation-timing-function: linear;
animation-fill-mode:both;
}
/* Content page search/article box */
section.ContentPageSearch {display:none; background-color: #eeeff2; padding:40px 10px;}
section.ContentPageSearch div.search-overlay {
margin:0 auto;
}
section.ContentPageSearch div.search-overlay div.SearchFlexB {
display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;
}
section.ContentPageSearch div.search-overlay div.SearchFlexB img {display:block;background-color: #e84e4e; padding:17px 17px 18px;cursor:pointer;}
section.ContentPageSearch div.search-overlay input.button,
section.ContentPageSearch div.search-overlay label { display: none; }
section.ContentPageSearch div.search-overlay .search_div input.text {
height: 50px; margin: 0px; padding:0 10px 0 20px; border: 1px solid #e84e4e;
background-color: white;
font-size: 18px; width: 100%; color: #e84e4e; outline: none;}
section.ContentPageSearch div.search-overlay .search_div input.text {min-width:300px;}
@media (min-width:467px) {
section.ContentPageSearch div.search-overlay .search_div input.text {min-width:400px;}
}
@media (min-width:992px) {
section.ContentPageSearch div.search-overlay .search_div input.text {
min-width:500px;font-size: 20px; }
}
section.ContentPageSearch div.ArticleBody {text-align:center;margin:0 auto; padding:0 0 20px;}
/* Landing page varient */
section.ContentPageSearch.LandingPage {display:block;}
section.ContentPageSearch.LandingPage.White {background-color: white;}
section.ContentPageSearch.LandingPage.White div.ArticleBody {padding-bottom:0;}
section.ContentPageSearch.LandingPage.White div.ArticleBody h1 {margin-bottom:10px;}
section.ContentPageSearch.LandingPage div.search-overlay {display:none;}
section.ContentPageSearch.LandingPage.Narrow div.container {max-width:1050px;}
section.ContentPageSearch.LandingPage.NarrowR div.container {max-width:850px;}
/* Related articles */
section.sliceRelatedArticles {
display:none; clear:both;
margin:30px 0 0;
}
section.sliceRelatedArticles div.RA_TitleWrapper {
background-color:#676767;
width:100%;
height:41px;
}
section.sliceRelatedArticles img {display:inline-block; margin:0; width:auto;}
section.sliceRelatedArticles div.RA_Title {
float:left; padding:9px 30px 8px 20px; font-size:20px; line-height:1;
background-color:#39acde; color:white;
height:41px;
}
section.sliceRelatedArticles div.RA_LinksBox {clear:both; padding:10px 10px 20px 20px;}
section.sliceRelatedArticles div.RX_ArticleBox,
section.sliceRelatedArticles div.RX_FileBox {
float:left; font-size:18px; line-height:1.6; font-weight:700;
padding:0 0 0 5px;
}
section.sliceRelatedArticles div.RX_ArticleBox.HalfWidth,
section.sliceRelatedArticles div.RX_FileBox.HalfWidth {
width:50%;
}
section.sliceRelatedArticles div.RX_ArticleBox {padding:0 5px 0 0;}
section.sliceRelatedArticles div.RX_FileBox img {position:relative; top:1px; margin-right:6px;}
section.sliceRelatedArticles ul,
section.sliceRelatedArticles li {list-style:none; list-style-type:none; margin:0; padding:0;}
section.sliceRelatedArticles li::before {display:none !important;}
section.sliceRelatedArticles a {
display:inline-block; color:#2e91c2; font-size:18px; line-height:1.6; font-weight:700;
text-decoration:none;
}
section.sliceRelatedArticles a:hover {text-decoration:underline;}
@media (max-width:767px) {
section.sliceRelatedArticles div.RA_Title {padding:9px 10px 8px;}
section.sliceRelatedArticles div.RA_LinksBox {padding:10px; overflow:hidden;}
section.sliceRelatedArticles div.RX_ArticleBox,
section.sliceRelatedArticles div.RX_FileBox {
width:100%; float:none; padding:0;
}
section.sliceRelatedArticles div.RX_FileBox {padding:10px 0 0;}
}
section.SocialMediaShare {display:none;margin-top:30px;clear:both;}
section.SocialMediaShare.TopOfPage {margin:20px 0;}
section.SocialMediaShare a {
display:inline-block; font-size:20px;
background-color:#74458d; color:white; padding:5px 20px 6px 0;border-radius:3px;
margin:0 20px 0 0;
}
section.SocialMediaShare a:hover {text-decoration:none !important; background-color:#f26c4f;}
/* Resources pages */
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaImage img
{width:auto !important;margin:20px 0 10px;display:block;}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaInfo {
font-size:16px; margin-left:75px;
width:auto !important;height:auto !important;
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaInfo div {font-size:20px;}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaDownload a,
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaViewer a {
display:inline-block; margin:0 20px 10px 0; padding:8px 0 9px 20px;
width:200px; position:relative; color:white; border-radius:3px;
font-size:18px;
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaDownload a {
background-color:#e84e4e;
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaViewer a {
background-color:#7e919a;
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaDownload a::after,
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaViewer a::after {
position:absolute; background-repeat:no-repeat; opacity:0.7; content:' ';
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaDownload a::after {
background-image:url(/Images/Content/2019/Templates/54496/images/IconDownload.png);
right:15px; top:11px; width:17px; height:20px;
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaViewer a::after {
background-image:url(/Images/Content/2019/Templates/54496/images/IconArrow50pc.png);
right:15px; top:13px; width:10px; height:16px;
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaDownload a:hover,
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaViewer a:hover {
background-color:#f26c4f; text-decoration:none;
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaButtons {
position:relative; padding:30px 0 0;
display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start;
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaButtons::before {
background-image:url(/Images/Content/2019/Templates/54496/images/IconPDF.png);
position:absolute; left:-4px; top:-70px; width:72px; height:72px;
background-repeat:no-repeat; content:' ';
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaButtons.FileWord::before {
background-image:url(/Images/Content/2019/Templates/54496/images/IconWord.png);
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaButtons.FileXLS::before {
background-image:url(/Images/Content/2019/Templates/54496/images/IconXLS.png);
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaButtons.FilePPT::before {
background-image:url(/Images/Content/2019/Templates/54496/images/IconPPT.png);
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaButtons.FileBUY::before {
background-image:url(/Images/Content/2019/Templates/54496/images/IconBUY.png);
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaButtons.FileZIP::before {
background-image:url(/Images/Content/2019/Templates/54496/images/IconZIP.png);
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaButtons.FileAUDIO::before {
background-image:url(/Images/Content/2019/Templates/54496/images/IconAUDIO.png);
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaButtons.FileVIDEO::before {
background-image:url(/Images/Content/2019/Templates/54496/images/IconVIDEO.png);
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaButtons.FileFREE::before {
background-image:url(/Images/Content/2019/Templates/54496/images/IconFREE.png);
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaButtons.FileUNKNOWN::before {
background-image:url(/Images/Content/2019/Templates/54496/images/IconUNKNOWN.png);
}
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaInfo h2,
section.slice_content_page div.ArticleBody.Resources div.mediaWrapper div.mediaInfo > div {
margin-left:-75px;
}
@media (max-width:767px) {
section.slice_content_page nav table {
width:auto !important; margin:0 auto; min-width:340px;
}
.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:none; width:auto;}
.slice_content_page .sidebar .group-nav table.boxout_header .boxout_header_middle a,
.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 {font-size:18px;}
}
section.slice_content_page div.ReplacementArticle,
section.slice_content_page div.ReplacementArticleB,
section.slice_WelcomeArticles div.ReplacementLanding,
section.slice_WelcomeArticles div.article_cards.NoChildGroups,
section.slice_WelcomeArticles div.article_cards.LandingTagged,
section.slice_WelcomeArticles div.article_cards.LandingGallery,
section.slice_WelcomeArticles div.article_cards.LandingGallery ul {display:none;}
section.slice_content_page div.container.Wide {max-width:1350px;}
/* Baptist Times / article formatting */
section.slice_content_page div.CurrentArticle h3 {font-size:20px;color:#414141;line-height:1.4;}
section.slice_content_page div.CurrentArticle div.tabsWrapper ul {
list-style-type:none;
}
section.slice_content_page div.CurrentArticle span[style],
section.slice_content_page div.CurrentArticle a[style],
section.slice_content_page div.CurrentArticle strong[style] {font-size:20px !important;}
section.slice_content_page div.CurrentArticle h1 {margin-bottom:15px;}
section.slice_content_page div.CurrentArticle td img {margin:0;}
/* Baptist Times Archiving */
section.slice_content_page div.CurrentArticle div.archiveSearchWrapper div.archiveSearch {
width:auto; left:240px;
}
section.slice_content_page div.CurrentArticle div.archiveSearchWrapper div.archiveSearch input {
margin:0;
}
section.slice_content_page div.CurrentArticle div.archiveSearchWrapper div.archiveSearch input.text {
padding-left:5px;
}
@media (min-width:992px) {
section.slice_content_page div.CurrentArticle div.archiveSearchWrapper div.archiveSearch input.text {
min-width:400px;
}
}
@media (max-width:767px) {
section.slice_content_page div.CurrentArticle div.archiveSearchWrapper div.archiveSearch {position:static;}
section.slice_content_page div.CurrentArticle div.archiveSearchWrapper div.archiveSearch input {max-width:300px;}
}
section.slice_content_page div.CurrentArticle div.archiveSearchWrapper div.archiveButtonsWrapper div.archiveButton {
border:none; width:215px;
}
section.slice_content_page div.CurrentArticle div.archiveSearchWrapper div.archiveButtonsWrapper div.archiveButton a {
border:none; width:auto; font-size:17px; line-height:1;
}
section.slice_content_page div.CurrentArticle div.regionMap[style] {height:auto !important;}
section.slice_content_page div.CurrentArticle img {margin-right:10px;}
/*
##################
# Start of Slice #
##################
*/
section.slice_WelcomeArticles div.GroupCards {
margin:0;padding:0; width:100%;
display: flex; flex-flow: row wrap;justify-content: center; align-items:stretch;
}
section.slice_WelcomeArticles div.GroupCards > div { /* 1 column */
margin:10px 0;
max-width:318px; width: 100%;
box-shadow:2px 2px 3px 0 rgba(0,0,0,0.05), -2px 2px 3px 0 rgba(0,0,0,0.05), 0 5px 10px 0 rgba(0,0,0,0.05), 0 -2px 5px 0 rgba(0,0,0,0.03);
}
section.slice_WelcomeArticles div.GroupCards img {display:block;width:100%;}
@media (min-width: 350px) { /* 2 columns */
section.slice_WelcomeArticles div.GroupCards > div { width: 48%; margin:10px 0; }
section.slice_WelcomeArticles div.GroupCards > div:nth-child(2n+1) {margin-right:2%;} /* Extra 2% on each */
section.slice_WelcomeArticles div.GroupCards > div:nth-child(2n) {margin-left:2%;}
}
@media (min-width: 1200px) { /* 4 columns */
section.slice_WelcomeArticles div.GroupCards > div:nth-child(2n+1) {margin-right:1%;} /* reset these */
section.slice_WelcomeArticles div.GroupCards > div:nth-child(2n) {margin-left:1%;}
section.slice_WelcomeArticles div.GroupCards > div { width:23%; margin:15px 1%;}
}
section.slice_WelcomeArticles div.GroupCards div.GroupNavTitle a {
display:block;color:#414141;text-align: center;padding:10px;font-size:22px;font-weight:700;
}
section.slice_WelcomeArticles div.GroupCards div.GroupNavTitle a:hover {
color:#39acde;
}
/*
##################
# Start of Slice #
##################
*/
section.slice_content_page div.GroupCards ul {
margin:0;padding:0;list-style-type:none; width:100%;
display: flex; flex-flow: row wrap;justify-content: center; align-items:stretch;
}
section.slice_content_page div.GroupCards li { /* 1 column */
margin:10px 0; display:block;
max-width:318px; width: 100%;
box-shadow:2px 2px 3px 0 rgba(0,0,0,0.05), -2px 2px 3px 0 rgba(0,0,0,0.05), 0 5px 10px 0 rgba(0,0,0,0.05), 0 -2px 5px 0 rgba(0,0,0,0.03);
display: flex; flex-flow: row nowrap;justify-content: center; align-items:center;
}
@media (min-width: 350px) { /* 2 columns */
section.slice_content_page div.GroupCards li { width: 48%; margin:10px 0; }
section.slice_content_page div.GroupCards li:nth-child(2n+1) {margin-right:2%;} /* Extra 2% on each */
section.slice_content_page div.GroupCards li:nth-child(2n) {margin-left:2%;}
}
@media (min-width: 1200px) { /* 4 columns */
section.slice_content_page div.GroupCards li:nth-child(2n+1) {margin-right:1%;} /* reset these */
section.slice_content_page div.GroupCards li:nth-child(2n) {margin-left:1%;}
section.slice_content_page div.GroupCards li { width:31.333%; margin:15px 1%;}
}
section.slice_content_page div.GroupCards a {
display:block;color:#414141;text-align: center;
/*padding:10px;*/ padding:0;
font-size:22px;font-weight:700;
}
section.slice_content_page div.GroupCards a:hover {
color:#39acde;text-decoration:none;
}
section.slice_content_page div.GroupCards:last-child {
margin:0;padding:0; width:100%;
display: flex; flex-flow: row wrap;justify-content: center; align-items:stretch;
}
section.slice_content_page div.GroupCards:last-child > div { /* 1 column */
margin:10px 0;
max-width:318px; width: 100%;
box-shadow:2px 2px 3px 0 rgba(0,0,0,0.05), -2px 2px 3px 0 rgba(0,0,0,0.05), 0 5px 10px 0 rgba(0,0,0,0.05), 0 -2px 5px 0 rgba(0,0,0,0.03);
}
section.slice_content_page div.GroupCards:last-child img {display:block;width:100%;}
@media (min-width: 350px) { /* 2 columns */
section.slice_content_page div.GroupCards:last-child > div { width: 48%; margin:10px 0; }
section.slice_content_page div.GroupCards:last-child > div:nth-child(2n+1) {margin-right:2%;} /* Extra 2% on each */
section.slice_content_page div.GroupCards:last-child > div:nth-child(2n) {margin-left:2%;}
}
@media (min-width: 1200px) { /* 4 columns */
section.slice_content_page div.GroupCards:last-child > div:nth-child(2n+1) {margin-right:1%;} /* reset these */
section.slice_content_page div.GroupCards:last-child > div:nth-child(2n) {margin-left:1%;}
section.slice_content_page div.GroupCards:last-child > div { width:31.333%; margin:15px 1%;}
}
section.slice_content_page div.GroupCards:last-child div.GroupNavTitle a {
display:block;color:#414141;text-align: center;padding:10px;font-size:22px;font-weight:700;
}
section.slice_content_page div.GroupCards:last-child div.GroupNavTitle a:hover {
color:#39acde;
}
/* Apply different colours to Resources and Baptist-Times pages */
body.Resources section.slice_WelcomeArticles div.BreadCrumbs a.BreadcrumbLink:hover,
body.Resources section.slice_WelcomeArticles div.GroupCards div.GroupNavTitle a:hover,
body.Resources section.slice_WelcomeArticles .article_cards > div .articleListTitle a:hover,
body.Resources section.slice_WelcomeArticles .article_cards > div .articleListLink a,
body.Resources section.slice_content_page div.main-content div.BreadCrumbs a.BreadcrumbLink:hover,
body.Resources section.slice_content_page div.GroupCards div.GroupNavTitle a:hover,
body.Resources section.slice_content_page div.ArticleBody .article_cards > div .articleListTitle a:hover,
body.Resources section.slice_content_page div.ArticleBody .article_cards > div .articleListLink a,
body.Resources section.slice_content_page .sidebar .group-nav .group_nav_selected a,
body.Resources section.slice_content_page .sidebar .group-nav .group_nav_child a:hover,
body.Resources section.slice_content_page .sidebar .group-nav .group_nav_sibling a:hover,
body.Resources section.slice_content_page .sidebar .group-nav .group_nav_parent a:hover,
body.Resources section.slice_content_page .sidebar .group-nav .group_nav_selected a:hover,
body.Resources section.slice_content_page h2,
body.Resources section.slice_content_page h1,
body.Resources section.slice_content_page div.main-content a
{color:#e84e4e;}
body.Resources section.slice_content_page .sidebar .group-nav table.boxout_header .boxout_header_middle a,
body.Resources section.slice_content_page div.resourceWrapper input.sitebutton
{background-color:#e84e4e;}
body.Resources section.slice_content_page div.resourceWrapper input.sitebutton
{border-color:#e84e4e;}
body.BaptistTimes section.slice_content_page div.CurrentArticle div.ArticleBody a
{color:#BC00BC;} /* lighter purple */
body.BaptistTimes section.slice_WelcomeArticles div.BreadCrumbs a.BreadcrumbLink:hover,
body.BaptistTimes section.slice_WelcomeArticles div.GroupCards div.GroupNavTitle a:hover,
body.BaptistTimes section.slice_WelcomeArticles .article_cards > div .articleListTitle a:hover,
body.BaptistTimes section.slice_WelcomeArticles .article_cards > div .articleListLink a,
body.BaptistTimes section.slice_content_page div.main-content div.BreadCrumbs a.BreadcrumbLink:hover,
body.BaptistTimes section.slice_content_page div.GroupCards div.GroupNavTitle a:hover,
body.BaptistTimes section.slice_content_page div.ArticleBody .article_cards > div .articleListTitle a:hover,
body.BaptistTimes section.slice_content_page div.ArticleBody .article_cards > div .articleListLink a,
body.BaptistTimes section.slice_content_page .sidebar .group-nav .group_nav_selected a,
body.BaptistTimes section.slice_content_page .sidebar .group-nav .group_nav_child a:hover,
body.BaptistTimes section.slice_content_page .sidebar .group-nav .group_nav_sibling a:hover,
body.BaptistTimes section.slice_content_page .sidebar .group-nav .group_nav_parent a:hover,
body.BaptistTimes section.slice_content_page .sidebar .group-nav .group_nav_selected a:hover,
body.BaptistTimes section.slice_content_page h2,
body.BaptistTimes section.slice_content_page h1,
body.BaptistTimes section.slice_content_page h4,
body.BaptistTimes section.slice_content_page h3,
body.BaptistTimes section.slice_content_page h5,
body.BaptistTimes section.slice_content_page h6,
body.BaptistTimes section.slice_content_page div.ContentPageArticleList div.ContentPageAL div.articleListTitle a:hover,
body.BaptistTimes section.sliceRelatedArticles a
{color:#74458d;}
body.BaptistTimes section.slice_content_page div.archiveButton a:hover
{color:#74458d !important;}
body.BaptistTimes section.slice_content_page .sidebar .group-nav table.boxout_header .boxout_header_middle a,
body.BaptistTimes section.slice_content_page div.ContentPageArticleList div.group_nav_selected a,
body.BaptistTimes section.sliceRelatedArticles div.RA_Title,
body.BaptistTimes section.slice_content_page input.button,
body.BaptistTimes section.slice_content_page input.sitebutton
{background-color:#74458d;}
body.BaptistTimes section.slice_content_page input.button,
body.BaptistTimes section.slice_content_page input.sitebutton
{border-color:#74458d;}
body.BaptistTimes section.slice_content_page div.ArticleBody a:hover {color:#f26c4f;}
body.AboutUsPurple section.slice_WelcomeArticles div.BreadCrumbs a.BreadcrumbLink:hover,
body.AboutUsPurple section.slice_WelcomeArticles div.GroupCards div.GroupNavTitle a:hover,
body.AboutUsPurple section.slice_WelcomeArticles .article_cards > div .articleListTitle a:hover,
body.AboutUsPurple section.slice_WelcomeArticles .article_cards > div .articleListLink a,
body.AboutUsPurple section.slice_content_page div.main-content div.BreadCrumbs a.BreadcrumbLink:hover,
body.AboutUsPurple section.slice_content_page div.GroupCards div.GroupNavTitle a:hover,
body.AboutUsPurple section.slice_content_page div.ArticleBody .article_cards > div .articleListTitle a:hover,
body.AboutUsPurple section.slice_content_page div.ArticleBody .article_cards > div .articleListLink a,
body.AboutUsPurple section.slice_content_page .sidebar .group-nav .group_nav_selected a,
body.AboutUsPurple section.slice_content_page .sidebar .group-nav .group_nav_child a:hover,
body.AboutUsPurple section.slice_content_page .sidebar .group-nav .group_nav_sibling a:hover,
body.AboutUsPurple section.slice_content_page .sidebar .group-nav .group_nav_parent a:hover,
body.AboutUsPurple section.slice_content_page .sidebar .group-nav .group_nav_selected a:hover,
body.AboutUsPurple section.slice_content_page h1,
body.AboutUsPurple section.slice_content_page div.main-content a
{color:#4d4183;}
body.AboutUsPurple section.slice_content_page .sidebar .group-nav table.boxout_header .boxout_header_middle a,
body.AboutUsPurple section.slice_content_page div.resourceWrapper input.sitebutton
{background-color:#4d4183;}
body.AboutUsPurple section.slice_content_page div.resourceWrapper input.sitebutton
{border-color:#4d4183;}
body.AboutUsPurple section.slice_content_page div.CurrentArticle div.ArticleBody a
{color:#4d4183; text-decoration:underline;} /* lighter purple */
body.AboutUsPurple section.slice_WelcomeArticles div.BreadCrumbs a.BreadcrumbLink:hover,
body.AboutUsPurple section.slice_WelcomeArticles div.GroupCards div.GroupNavTitle a:hover,
body.AboutUsPurple section.slice_WelcomeArticles .article_cards > div .articleListTitle a:hover,
body.AboutUsPurple section.slice_WelcomeArticles .article_cards > div .articleListLink a,
body.AboutUsPurple section.slice_content_page div.main-content div.BreadCrumbs a.BreadcrumbLink:hover,
body.AboutUsPurple section.slice_content_page div.GroupCards div.GroupNavTitle a:hover,
body.AboutUsPurple section.slice_content_page div.ArticleBody .article_cards > div .articleListTitle a:hover,
body.AboutUsPurple section.slice_content_page div.ArticleBody .article_cards > div .articleListLink a,
body.AboutUsPurple section.slice_content_page .sidebar .group-nav .group_nav_selected a,
body.AboutUsPurple section.slice_content_page .sidebar .group-nav .group_nav_child a:hover,
body.AboutUsPurple section.slice_content_page .sidebar .group-nav .group_nav_sibling a:hover,
body.AboutUsPurple section.slice_content_page .sidebar .group-nav .group_nav_parent a:hover,
body.AboutUsPurple section.slice_content_page .sidebar .group-nav .group_nav_selected a:hover,
body.AboutUsPurple section.slice_content_page h1,
body.AboutUsPurple section.slice_content_page h4,
body.AboutUsPurple section.slice_content_page h3,
body.AboutUsPurple section.slice_content_page h6,
body.AboutUsPurple section.slice_content_page div.ContentPageArticleList div.ContentPageAL div.articleListTitle a:hover,
body.AboutUsPurple section.sliceRelatedArticles a
{color:#4d4183;}
body.AboutUsPurple section.slice_content_page div.archiveButton a:hover
{color:#4d4183 !important;}
body.AboutUsPurple section.slice_content_page .sidebar .group-nav table.boxout_header .boxout_header_middle a,
body.AboutUsPurple section.slice_content_page div.ContentPageArticleList div.group_nav_selected a,
body.AboutUsPurple section.sliceRelatedArticles div.RA_Title,
body.AboutUsPurple section.slice_content_page input.button,
body.AboutUsPurple section.slice_content_page input.sitebutton
{background-color:#4d4183;}
body.AboutUsPurple section.slice_content_page input.button,
body.AboutUsPurple section.slice_content_page input.sitebutton
{border-color:#4d4183;}
body.AboutUsPurple section.slice_content_page h2 {color:#afe2b5;}
body.AboutUsPurple section.slice_content_page h5 {color:#1c6024;}
section.slice_content_page div.articleListTags,
section.slice_WelcomeArticles div.articleListTags {display:none;}
section.slice_content_page div.AssociationArchiveList table {width:100%;}
section.slice_content_page div.AssociationArchiveList a {display:block;}
section.slice_content_page div.CurrentArticle div.AssociationArchiveList td img {
display:block;width:130px;max-width:130px;margin:5px 10px 20px 0;
}
section.slice_content_page div.AssociationArchiveList td:first-child {
padding:0;width:140px;}
section.slice_content_page div.AssociationArchiveList td:last-child {padding:0 0 20px 0;}
section.slice_content_page div.AssociationArchiveList div.ArchiveListSummary span {
font-size:smaller; line-height:1.2;
}
@media (max-width:467px) {
section.slice_content_page div.CurrentArticle div.AssociationArchiveList td img {
width:80px;
}
section.slice_content_page div.AssociationArchiveList td:first-child {width:90px;}
}
section.slice_content_page input[type="checkbox"] {
width:20px; height:20px; position:relative; top:3px;
}
/* Safeguarding template article */
section.slice_content_page div.SafeGuardFlexBox {
width:100%;
display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start;
}
section.slice_content_page p.SafeGuardMainText { /* note not
for all 'SafeGuardMainText' */
width:70%; margin-right:15px;
}
section.slice_content_page div.SafeGuardSideBar {
width:30%;background-color: #ddddff; padding:10px; margin-left:10px;
display:flex; flex-flow:column nowrap; justify-content:flex-start;align-items:flex-start;
}
section.slice_content_page div.SafeGuardFlexBox div.SafeGuardLink {
width:100%;
}
section.slice_content_page div.SafeGuardSideBar a {
display:block; width:100%;
color:white; background-color:#39acde;
padding:15px 10px;
margin:10px 0;
}
section.slice_content_page div.SafeGuardSideBar a:hover {
color:#39acde; background-color:white;
text-decoration:none;
}
@media(max-width:992px){
section.slice_content_page p.SafeGuardMainText {
margin-right:10px;
}
section.slice_content_page div.CurrentArticle div.SafeGuardSideBar a,
section.slice_content_page div.CurrentArticle div.SafeGuardSideBar a span {
font-size:16px !important;
}
}
@media(max-width:600px){
section.slice_content_page div.SafeGuardFlexBox {
flex-flow:column nowrap;
}
section.slice_content_page p.SafeGuardMainText {
width:100%;margin-right:0;
}
section.slice_content_page div.SafeGuardSideBar {
width:100%; margin:20px 0 0;
}
section.slice_content_page div.CurrentArticle div.SafeGuardSideBar a,
section.slice_content_page div.CurrentArticle div.SafeGuardSideBar a span {font-size:18px;}
}
/* Full with content page */
section.slice_content_page.FullWidth aside {display:none;}
section.slice_content_page.FullWidth div.main-content {
width:98%; margin-left:1%; margin-right:1%;
}
/* Fix serach page advanced options */
#media_controls {overflow:initial;}
/* Fix BT Home mission articles */
body.BaptistTimes section.slice_content_page div.main-content div.CurrentArticle
div.ArticleBody > div > div[id] > span > table {width:100%;}
/* Fix mobile slide show */
@media (max-width:768px) {
header + section.slice_SlidesFullWidth div.caption div.slideText {display:none;}
header + section.slice_SlidesFullWidth
.bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton {margin-top:10px;}
header + section.slice_SlidesFullWidth {padding-bottom:20px;}
header + section.slice_SlidesFullWidth div.bannerSlides div.bx-wrapper div.bx-pager {bottom:-20px;}
}
section.slice_content_page aside.sidebar nav table.group-nav {
background-color:#f8f8f8;
max-width:340px;
}
section.slice_content_page div.CurrentArticle div.contactHeaderWrapper,
section.slice_content_page div.CurrentArticle div.leftHeader1 {float:none;}
body.XOnIE.Resources section.slice_WelcomeArticles.LandingPage div.container > div.article_cards
{display:none;}
body.OnIE.Resources section.slice_WelcomeArticles div.article_cards > div {
align-items:stretch;
}
Body.OnIE div.IEWarning {
position:fixed;bottom:0;left:0;right:0;width:100%;
background-color:red;
color:white;
padding:10px;
text-align:center;
}
/* Side bar events */
section.slice_content_page aside div.SideEventsList {
width:100%;margin:0 0 15px;background-color:#f8f8f8;
padding:0 0 5px; display:none;
}
section.slice_content_page aside div.SideEventsListTitle {
background-color:#39acde;color:white;padding:7px 10px;
font-weight:700; line-height:1.1;
width:100%;text-align:center;
}
section.slice_content_page aside div.EventModule {
width:100%;
padding:0 10px 0;
}
section.slice_content_page aside a.SideEventsListCL {
background-color:#39acde;
color:white;
display:block; margin:10px auto;padding:5px 10px 7px;max-width:200px;
border-radius:10px; line-height:1.1;text-align:center;
}
section.slice_content_page aside a.SideEventsListCL:hover {
background-color:white;
color:#39acde;
}
section.slice_content_page aside div.eventListTitle {
font-size:18px;line-height:1.2;margin:20px 0 0;
}
section.slice_content_page aside div.eventListDate {font-size:14px;line-height:1;margin-top:5px;}
section.slice_content_page aside div.eventListLocation {
font-size:16px;line-height:1.2;
}
/* Reverse Group-Nav and Events on mobiles */
@media(max-width:767px){
section.slice_content_page aside.sidebar div.GroupNavEventsFlex {
display:flex;flex-flow:column-reverse nowrap;justify-content:flex-start;align-items:center;
}
section.slice_content_page aside.sidebar div.SideEventsList {
max-width:340px; margin:0 auto 20px;
}
}
header .slice_Header_L div.top-link-wrapper a.top-link.Login.ContactUs,
header .slice_Header_L .slicknav_menu ul.slicknav_nav li.ExtraLink.ContactUs a.top-link.Login
{
background-color:#39acde;
margin-right:20px;
padding-left:15px;padding-right:15px;
}
div.bx-wrapper a.bx-pager-link {box-shadow:none !important;}
section.slice_Header_L div.nav-menu ul.root_menu ul {
box-shadow: 0px 10px 10px 2px rgba(0,0,0,.12);
}
/* Fix standard layout article lists */
section.slice_content_page div.main-content div.CurrentArticle table.articles_boxout_contents
table.articlerow {margin-bottom:20px;}
section.slice_content_page div.main-content div.CurrentArticle table.articles_boxout_contents
table.articlerow td:first-child {width:25% !important;padding:0 10px 0 0;}
section.slice_content_page div.main-content div.CurrentArticle table.articles_boxout_contents
table.articlerow td:last-child {width:75% !important;padding:0 5px 0 0;}
section.slice_content_page div.main-content div.CurrentArticle table.articles_boxout_contents
table.articlerow img {display:block;max-width:100%;width:100%;height:auto;}
section.slice_content_page div.main-content div.CurrentArticle div.ExtendTableWidth table
{width:100%;}
/* Add more space between bullet points */
section.slice_content_page div.main-content div.CurrentArticle ul:not([id]) li {
margin-bottom:15px;
}
They are set by the template in use for system pages, and not by the shop template.
So the code below should be added to the system page template.
This code assumes the system page template JS is correctly adding the "_shop_termsandconditions_aspx" etc. class to the body tag.
*/
body.system_popup {
padding-left: 10px !important;
background-color:white !important;
}
body.system_popup input[type=submit],
body.system_popup input[type=button] {
margin-top:5px !important;
padding:5px 20px;
background-color:#000000 !important;
color: white;
border:none;
border-radius:5px;
width:auto !important;
}
body.system_popup._shop_termsandconditions_aspx table.pagebox_homepage.pagebox blockquote {
margin: 0 10px 0 0 !important;
}
body.system_popup._shop_termsandconditions_aspx table.pagebox_homepage.pagebox h1 {font-size:32px;}
body.system_popup._shop_termsandconditions_aspx table.pagebox_homepage.pagebox h3 {
padding-top: 30px !important;
}
body.system_popup._shop_termsandconditions_aspx table.pagebox_homepage.pagebox p {
margin: 0 !important;
padding: 0 !important;
}
body.system_popup._shop_termsandconditions_aspx table.pagebox_homepage.pagebox table td:last-child {
text-align: left !important;
padding-left: 10px !important;
}
body._myarea_walletitem_aspx input[type=submit] {width:auto !important}
body._myarea_walletitem_aspx div[id$=_pnlEdit] > table {width:96% !important;}
body._myarea_walletitem_aspx div[id$=_pnlEdit] table td,
body._myarea_walletitem_aspx div[id$=_pnlView] table td {padding:2px !important;}
body._shop_checkout_whyisthissafe_aspx table.pagebox_homepage.pagebox {width:100% !important;}
body._shop_checkout_whyisthissafe_aspx table.pagebox_homepage.pagebox td {padding:5px 2px !important;}
body._shop_checkout_explaincardcsv_aspx table.pagebox_homepage.pagebox td {padding:5px 2px !important;}
/* App code */
div.app-custom-article div.main-content {padding-bottom:10px;}
@media(min-width:768px){
div.app-custom-article div.main-content {padding:10px;}
}
section.slice_content_page div.CurrentArticle iframe {max-width:100%;}
/* Fixed slicknav menu */
header section.slice_Header_L {position:fixed;top:0;left:0;right:0; z-index:60;}
@media (min-width:992px) {
header + section {margin-top:120px; transition:margin-top 500ms linear;}
header.HeaderSmall + section {margin-top:71px;}
header.HeaderSmall section.slice_Header_L div.nav-menu {
transition:margin 300ms linear;
}
}
@media (max-width:991px) {
header {margin-top:50px;}
}
header div.top-link-wrapper {
transition:margin 300ms linear;
}
header div.top-link-wrapper a.top-link,
header section.slice_Header_L div.top-link-wrapper div.search-form input[type=text] {
transition:padding 300ms linear !important;
}
@media(min-width:992px){
header.HeaderSmall section.slice_Header_L .logo-icon img {
height:60px !important; /* <<< desktop shrunken logo height */
}
header.HeaderSmall section.slice_Header_L div.logo-container {
margin-top:5px !important; /* <<< logo gap from top for shrunken desktop */
}
}
@media (max-width:900px) {
header.HeaderSmall section.slice_Header_L div.nav-menu {margin-top:20px;}
}
header.HeaderSmall {
position:fixed; left:0; right:0; top:0; width:100%; z-index:100;
}
header.HeaderSmall section.slice_Header_L {
border-bottom:1px solid #bbbbbb;
}
header.HeaderSmall div.top-link-wrapper {
position:relative;top:0;margin-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:6px;padding-bottom:5px;height:26px;
position:relative; top:1px;
}
header.HeaderSmall section.slice_Header_L div.top-link-wrapper div.search-form img {top:8px;}
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:34px; margin-bottom:0;}
header.HeaderSmall section.slice_Header_L div.nav-menu ul.root_menu {margin-left:40%;}
header.HeaderSmall section.slice_Header_L div.nav-menu ul.root_menu > li > a {
padding-top:10px;padding-bottom:10px;
}
header.HeaderSmall .slice_Header_L div.top-link-wrapper a.top-link.Login {
padding: 4px 45px 5px 20px;
}
header.HeaderSmall .slice_Header_L div.top-link-wrapper a.top-link.Login img {
top:4px;
}
header section.slice_Header_L div.top-link-wrapper-flex {
display:flex; flex-flow:column nowrap; justify-content:flex-start; align-items:flex-end;
}
header section.slice_Header_L div.top-link-wrapper-flex div.nav-menu {
margin-top:12px;
}
header.HeaderSmall section.slice_Header_L div.top-link-wrapper-flex div.nav-menu {
margin-top:0;
}
@media (max-width:991px) {
header section.slice_Header_L div.top-link-wrapper-flex {
display:none;
}
}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage {padding:40px 0 60px;}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage h1,
body.ArticleEditor div.CARS_ContentPage h1 {
display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:flex-start;
font-size:48px; font-weight:700; color:#1254a6;
max-width: 780px;
margin:0;
}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage h1 img {
display:block; margin:0 30px 0 0;
}
@media(max-width:767px){
section.slice_content_page div.CurrentArticle div.CARS_ContentPage h1 {
font-size:28px;
}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage h1 img {
margin:0 20px 0 0; width:80px;
}
}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage h3,
body.ArticleEditor div.CARS_ContentPage h3 {
font-size:26px; font-weight:700; color:#414141; margin:0;
}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage video {
border-radius:10px; display:block;
}
@media(max-width:767px){
section.slice_content_page div.CurrentArticle div.CARS_ContentPage h3 {
font-size:22px;
}
}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage_GreyBorderBox {
margin:0;
border:2px solid #ccd0d7;
border-radius:20px;
padding:60px 45px 50px;
background-image:url(/Images/Content/2019/Templates/54496/CARS/Hubb-church-logo.png);
background-repeat:no-repeat;
background-position:calc( 100% - 45px ) 40px;
background-size:200px;
}
@media(max-width:767px){
section.slice_content_page div.CurrentArticle div.CARS_ContentPage_GreyBorderBox {
padding:40px 20px 30px;
background-position:calc( 100% - 25px ) 30px;
background-size:150px;
}
}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage h2,
body.ArticleEditor div.CARS_ContentPage h2 {
display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center;
font-size:32px; font-weight:700; color:#1254a6;
border-bottom:4px solid #24a3da;
padding:70px 0 25px;
}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage h2 img {
display:block; margin:0 20px 0 0;
}
@media(max-width:767px){
section.slice_content_page div.CurrentArticle div.CARS_ContentPage h2 {
font-size:24px;
padding:50px 0 25px;
}
}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage div.DownloadToggle,
body.ArticleEditor div.CARS_ContentPage div.DownloadToggle {
font-size:22px; font-weight:700;
padding:30px 50px 30px 30px; position:relative;
border-bottom:1px solid #d7d1cc; cursor:pointer;
background-color:white;
}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage div.DownloadToggle.ShopDescShow {
padding-bottom:0; border-bottom:none;
background-color:#f3f4f6;
}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage div.DownloadToggle::after {
content:' '; position:absolute; right:30px; top:40px;
z-index:1;
display:block; width:18px; height:12px;
background-image:url(/Images/Content/2019/Templates/54496/CARS/Arrow-Down-sml.png);
background-repeat:no-repeat;
}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage div.DownloadToggle.ShopDescShow::after {
transform:rotate(180deg);
}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage div.DownloadText {
display:none;
padding:30px 60px 40px 30px;
background-color:#f3f4f6;
border-bottom:1px solid #d7d1cc;
}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage div.DownloadText p {margin:0;}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage div.DownloadText a {
color:#24a3da;
}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage div.DownloadText h3 {
font-size:22px; margin:40px 0 10px;
}
@media(max-width:767px){
section.slice_content_page div.CurrentArticle div.CARS_ContentPage div.DownloadToggle {
font-size:20px; padding:30px 40px 30px 20px;
}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage div.DownloadToggle::after {
right:15px;
}
section.slice_content_page div.CurrentArticle div.CARS_ContentPage div.DownloadText {
padding:30px 30px 40px 20px;
}
}