/* (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=Nunito+Sans:400,400i,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: #444444;
font-family: Nunito Sans, sans-serif;
font-weight:400;
font-size: 17px;
line-height: 1.3;
background-color: #fff;
width: 100%;
}
h1, h2, h3, h4, h5, h6 {
font-family: Nunito Sans, sans-serif;
color:#27425f;
margin:0;
}
h1, h2 {font-weight: 700;}
h3, h4, h5, h6 {font-weight: 600;}
h1 {
font-size: 30px;
line-height: 1.1;
}
h2 {
font-size: 24px;
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: #27425f;
font-style:italic;
margin-left:0; margin-right:0;
}
@media (min-width: 768px) {
body {
font-size: 18px;
line-height:1.444;
}
h1 {
font-size: 40px;
line-height: 1.1;
}
h2 {
font-size: 30px;
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: #27425f;
transition: all 500ms;
text-decoration: none;
cursor: pointer;
}
a:hover {
color: #2168a1;
}
section.slice_content_page div.main-content a {
text-decoration:underline;
}
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: 15px;
text-align: center;
text-decoration: none;
color: #fff;
background-color: #27425f;
border: 2px solid #27425f;
cursor: pointer;
transition: all 500ms;
}
.sitebutton:hover, .button:hover, .aspNetDisabled:hover {
opacity: 0.7;
color: #fff;
}
.preview_overlay_content img {
width: 20px;
}
img.preview_show {
width: 20px;
}
.popupwindow_title {
color: #27425f;
}
.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 #27425f;
background-color: #27425f;
color: #fff;
}
.endis-jquery-ui .ui-dialog #divOverlay .button:hover {
border: 2px solid #27425f;
background-color: #27425f;
}
.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 {
background: white;
position: relative;
align-self: stretch;
flex: none;
}
/* 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.HasCookieBar + section {margin-top:158px;}
header.HeaderSmall + section {margin-top:71px;}
header.HeaderSmall.HasCookieBar + section {margin-top:112px;}
}
@media (max-width:991px) {
header {margin-top:50px;}
header.HasCookieBar {margin-top:112px;}
}
@media (max-width:500px) {
header.HasCookieBar {margin-top:88px;}
}
header .slice_Header_L .slicknav_menu .slicknav_btn span.slicknav_menutxt {display:none;}
.slice_Header_L .SlickNav_Wrapper {
position: relative;
}
.slice_Header_L .slicknav_menu {
background: transparent;
font-size: 1.6rem;
margin-bottom: 0 !important;
}
.slice_Header_L .slicknav_menu::before, .slice_Header_L .slicknav_menu::after {
content: ' ';
display: table;
}
.slice_Header_L .slicknav_menu::after {
clear: both;
}
.slice_Header_L .slicknav_menu .slicknav_btn {
text-decoration: none;
background-color:transparent;
width: 100%;
position: relative;
z-index: 1;
display: block;
vertical-align: middle;
float: right;
padding: 16px 0.625em 16px 0.825em;
border-bottom:1px solid #bbbbbb;
line-height: 1.125em;
cursor: pointer;
}
.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: white;
}
.slice_Header_L .slicknav_menu .slicknav_btn .slicknav_icon {
float: right;
margin: 3px 10px 0;
color: white;
}
.slice_Header_L .slicknav_menu .slicknav_btn .slicknav_icon .slicknav_icon-bar {
display: block;
width: 20px;
height: 3px;
background-color: white;
}
.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: 0px 5px;
font-family: journey;
color: white;
font-size: 30px;
}
.slice_Header_L .slicknav_menu .slicknav_btn div.SlickNavCloseIcon::after {
content: "\e91f";
}
.slice_Header_L .slicknav_menu ul.slicknav_nav {
clear: both;
list-style: none;
overflow: hidden;
margin: 0;
padding: 0;
background-color: #f1f1f1;
}
.slice_Header_L .slicknav_menu ul.slicknav_nav a {
color: #444444;
display: block;
padding: 12px 20px;
}
.slice_Header_L .slicknav_menu ul.slicknav_nav a:hover {
color: #27425f;
}
.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 {
float: right;
color: #27425f;
background-color: transparent;
font-family: journey;
transform: rotate(90deg);
}
.slice_Header_L .slicknav_menu ul.slicknav_nav .slicknav_item {
display: block;
cursor: pointer;
padding: 12px 20px;
}
.slice_Header_L .slicknav_menu ul.slicknav_nav .slicknav_item a {
display: inline;
padding: 0;
margin: 0;
color: #444444;
}
.slice_Header_L .slicknav_menu ul.slicknav_nav .slicknav_item a:hover {
color: #27425f;
}
.slice_Header_L .slicknav_menu ul.slicknav_nav ul li a {
padding: 12px 20px;
}
.slice_Header_L .slicknav_menu ul.slicknav_nav li.ExtraLink i {
display: inline-block;
padding-right: 6px;
font-size: 16px;
color: #27425f;
position: relative;
top: 1px;
}
.slice_Header_L .slicknav_menu ul.slicknav_nav li.ExtraLink a {
display: inline-block;
line-height: 1;
}
.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;
}
.slice_Header_L .slicknav_menu .slicknav_open > a {
background: #f1f1f1;
}
.slice_Header_L .slicknav_menu .slicknav_open > ul {
background: #f1f1f1;
}
.slice_Header_L .slicknav_menu .slicknav_open .slicknav_item:hover {
color: #27425f;
}
.slice_Header_L .slicknav_menu .slicknav_collapsed .slicknav_item:hover {
color: #27425f;
}
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: #27425f;
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: #f1f1f1;
transition: all 500ms;
font-size: 15px;
text-align: center;
width: 100%;
color: #444444;
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: #27425f; 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: #4188c1; line-height: 1; transition: color 500ms linear; }
.slice_Header_L div.top-link-wrapper a.top-link { opacity: 1; background-color: #f1f1f1; color: #27425f; border: 1px solid #f1f1f1; }
.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:#27425f; border-color:#27425f; color:white;}
.slice_Header_L div.top-link-wrapper a.top-link.MyArea:hover {background-color:#dce8eb; border-color:#dce8eb;color: #27425f;}
.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: #27425f; background-color: #f1f1f1; border: 1px solid #f1f1f1;
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: #4188c1;
transition:top 300ms linear;
}
}
.slice_Header_L .logo-container {
margin-left: 10px;
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: #27425f;
font-size: 16px;
font-weight: 700;
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: 22px;
}
}
@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 .slicknav_menu {
display: none;
}
.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: #27425f;
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: #f1f1f1;
padding: 0;
}
.slice_Header_L .nav-menu ul.root_menu > li ul a {
color: #444444;
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: #27425f;
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: #f1f1f1;
color: #27425f;
}
.slice_Header_L .nav-menu ul.root_menu > li li:hover > a {
color: #27425f;
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: #444444;
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%;
}
}
/*
##################
# Start of Slice #
##################
*/
.slice_SlidesFullWidth {
width: 100%;
background: transparent;
padding-top: 0;
}
.slice_SlidesFullWidth h1 {
color: #444444;
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;
}
.slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle {
font-family: Nunito Sans, sans-serif;
color: #fff;
font-size: 32px;
line-height: 1;
font-weight: 800;
text-align: center;
text-transform: uppercase;
}
.slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText {
font-family: Nunito Sans, sans-serif;
font-size: 16px;
line-height: 1.1;
color: #fff;
font-weight: 400;
margin: 10px 0;
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
.slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton {
color: #fff;
border: 1px solid #fff;
background-color: transparent;
font-size: 1.3rem;
padding: 4px 10px;
border-radius: 2px;
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: #27425f;
}
@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: 15px 0;
padding-left: 20px;
padding-right: 20px;
}
.slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton {
padding: 10px 20px;
font-size: 17px;
border-radius: 4px;
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: 18px;
padding: 10px 30px;
}
}
@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 30px;
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: #27425f;
border-color: #27425f;
}
@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_CommunityText_L {
background: #fff;
color: #444444;
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%;
}
}
.Xslice_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;
}
.Xslice_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: #27425f;
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: #27425f;
}
.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: #27425f;
border-color: #d7d7d7;
background-color: white;
}
.slice_CommunityText_L a.button:hover {
border-color: #4188c1;
opacity:1;
}
.slice_CommunityText_L a.button2 {
color: white;
border-color: #4188c1;
background-color: #4188c1;
}
.slice_CommunityText_L a.button2:hover {
border-color: #2168a1;
background-color: #2168a1;
opacity:1;
}
/*
##################
# Start of Slice #
##################
*/
.slice_Gallery8_L {
text-align: center;
padding: 40px 5px 0;
background-color: #F2F1F6;
}
.slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_li {
width: 47.42268%;
float: left;
margin-left: 1.28866%;
margin-right: 1.28866%;
}
@media (min-width: 768px) {
.slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_li {
width: 22.42268%;
float: left;
margin-left: 1.28866%;
margin-right: 1.28866%;
}
}
@media (min-width: 467px) {
.slice_Gallery8_L {
padding: 40px 10px 0;
}
}
@media (min-width: 768px) {
.slice_Gallery8_L {
padding: 40px 0 0;
}
}
@media (min-width: 992px) {
.slice_Gallery8_L {
padding: 40px 0 0;
}
}
.slice_Gallery8_L h1 {
color: #434561;
padding-bottom: 10px;
}
.slice_Gallery8_L .info_header_text {
color: #434561;
padding-bottom: 30px;
font-size:19px;
}
.slice_Gallery8_L .gallery_8_cards .gallery_ul {
margin: 0;
padding-left: 0;
list-style-type: none;
text-align: left;
display: flex;
flex-flow: row wrap;
}
.slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_li {
margin-bottom: 40px;
}
.slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_li a {
display: block;
border-radius: 4px;
}
.slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_li img, .slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_li a img {
display: block;
width: 100%;
background-color: #000;
}
.slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_li a img {
transition: all 500ms ease;
backface-visibility: hidden;
}
.slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_li a img:hover {
opacity: 0.5;
}
.slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_8_caption {
background-color: #fff;
display: flex;
flex-direction: column;
box-shadow:2px 2px 3px 0 #d5d5d5,-2px 2px 3px 0 #d5d5d5,0 5px 10px 0 #d5d5d5;
}
.slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_8_caption .gallery_8_title {
padding: 10px 5px;
font-size: 1.6rem;
line-height: 1.92rem;
background-color: #fff;
color: #434561;
font-weight: 700;
transition:500ms color linear;
}
.slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_li a:hover .gallery_8_caption .gallery_8_title {
color: #4188c1;
}
@media (min-width: 467px) {
.slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_8_caption .gallery_8_title {
padding: 10px;
font-size: 2rem;
line-height: 2.4rem;
}
}
.slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_8_caption .gallery_8_subtitle {
flex: 1 1 auto;
background-color: #fff;
padding: 5px 5px 10px;
font-size: 1.44rem;
line-height: 1.8rem;
color: #434561;
}
@media (min-width: 467px) {
.slice_Gallery8_L .gallery_8_cards .gallery_ul .gallery_8_caption .gallery_8_subtitle {
padding: 5px 10px 10px;
font-size: 1.6rem;
line-height: 2rem;
}
}
.slice_Gallery8_L .gallery_8_button {
font-size: 1.4rem;
color: #00b0b9;
border: 2px solid #00b0b9;
display: inline-block;
margin: 0;
padding: 9px 15px;
border-radius: 5px;
transition: all 500ms;
text-align: center;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
background-color: transparent;
}
.slice_Gallery8_L .gallery_8_button:hover {
color: #fff;
background-color: #00b0b9;
}
/*
##################
# Start of Slice #
##################
*/
.slice_WhatsOn3Buttons_L {
padding-left: 5px;
padding-right: 5px;
padding-top: 40px;
padding-bottom: 30px;
margin-bottom: 0;
background-color:#f1f1f1;
}
.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: #444444;
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 {
font-family: Nunito Sans, sans-serif;
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-family: Nunito Sans, sans-serif;
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:#4188c1;
}
@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: #27425f;
border-color: #27425f;
}
@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: #444444;
}
.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: #27425f;
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; background-color: white; }
.slice_image_blocks_3 .gallery_ul .gallery_li { width: 100%;max-width:467px;margin:0 auto; }
@media (min-width: 768px) {
.slice_image_blocks_3 { padding: 0 0 10px;}
.slice_image_blocks_3 .gallery_ul .gallery_li {
width: 33.33333%; float: left;max-width:initial;margin:0;
}
}
.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: #27425f; 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;
font-family:Nunito Sans, sans-serif;
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: 44px; 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 15px 9px;
border:1px solid rgba(255,255,255,0.5); border-radius:4px;
font-size:15px; 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;}
.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: 44px; }
}
.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; }
}
section.slice_image_blocks_3 ul.gallery_ul li.gallery_li {padding:0 3.333px;}
section.slice_image_blocks_3 ul.gallery_ul li.gallery_li:first-child {
padding-left:0;padding-right:6.666px;
}
section.slice_image_blocks_3 ul.gallery_ul li.gallery_li:last-child {
padding-left:6.666px;padding-right:0;
}
@media (max-width: 767px) {
section.slice_image_blocks_3 ul.gallery_ul li.gallery_li,
section.slice_image_blocks_3 ul.gallery_ul li.gallery_li:first-child,
section.slice_image_blocks_3 ul.gallery_ul li.gallery_li:last-child {padding:0;}
}
/*
##################
# Start of Slice #
##################
*/
.slice_FooterTop_L {
color: #444444;
font-size: 1.4rem;
line-height: 2.1rem;
background-color: #f1f1f1;
text-align: center;
padding-top: 25px;
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%;
}
@media (min-width: 768px) {
.slice_FooterTop_L .footer-column-2 {
width: 37.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: 4px;
background-color: #27425f;
border: 8px solid #27425f;
transition:background-color 300ms linear, border-color 300ms linear;
}
.slice_FooterTop_L .footer-column.footer-column-1 a:hover i::after {
background-color: #2168a1;
border-color:#2168a1;
}
@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: #27425f;
}
.slice_FooterTop_L .footer-column.footer-column-3 a:hover {
color: #2168a1;
}
@media (min-width: 768px) {
.slice_FooterTop_L .footer-column.footer-column-3 {
text-align: left;
width: 33.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: #f1f1f1;
}
.slice_Footer_L .footerbar {
width: 97.42268%;
float: left;
margin-left: 1.28866%;
margin-right: 1.28866%;
}
.slice_Footer_L .footerbar {
border-top: 1px solid #d7d7d7;
color: #444444;
font-size: 1.3rem;
text-align: center;
padding: 25px 0;
}
.slice_Footer_L .footerbar a {
display: inline-block;
color: 444444;
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/ChurchInsightLogoL.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: 35px 0 10px;
}
.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 #f1f1f1;
}
@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;
}
.slice_content_page .main-content a:hover {
text-decoration: underline;
}
@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: #27425f;
}
.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: #27425f;
}
.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: #27425f;
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: #444444;
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: #27425f;
}
.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: #bb8739;
}
.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: #f1f1f1;
}
}
@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 #f1f1f1;
}
.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: #f1f1f1;
color: #27425f;
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: #f1f1f1;
}
}
@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: #f1f1f1;
}
.systemPageContent .tabSelected {
background-color: #f1f1f1;
height: 20px;
line-height: 20px;
width: 33.33333%;
text-align: center;
color: #aaaaaa;
font-size: 16px;
border: 2px solid #f1f1f1;
border-bottom: 2px solid #f1f1f1;
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: #f1f1f1;
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: #444444;
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: #f1f1f1;
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: #f1f1f1;
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: #444444;
}
.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: #27425f;
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 #27425f;
background-color: #27425f;
color: #fff;
}
.systemPageContent .subMenu a:hover {
color: #fff;
border: 2px solid #27425f;
background-color: #27425f;
}
.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: #f1f1f1;
}
.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: #f1f1f1 !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 input[type="text"], ._user_registration_aspx input[type="password"], ._user_registration_aspx textarea {
font-family: Nunito Sans, sans-serif;
}
._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: #f1f1f1 !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: #27425f;
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. */