/* Main ChurchInsight template CSS file. Version 6.Mar.2017 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. */ /* Download required fonts from Google. Get various font weights and italic versions, but only those we actually use. */ /* You can see 100s of google fonts at https://fonts.google.com */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,700); @import url(https://fonts.googleapis.com/css?family=Barlow:300,400,500,600,700,800,900); *, *::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; } body.OnSmallAppleDevice section { background-attachment: scroll !important; } section.SwitchScrollOn { background-attachment: scroll; } section.SwitchMobileScrollOn { background-attachment: scroll; } @media (min-width: 992px) { section.SwitchMobileScrollOn { background-attachment: fixed; } } section.SwitchFastParallexOn { background: transparent none; } section.SwitchFastParallexOn::before { content: " "; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-size: cover; background-repeat: no-repeat; z-index: -1; will-change: transform; } body > form, form#frm1 { background-color: transparent; } div.author, .aspNetHidden, input[type="hidden"] { display: none; } .HideElement { display: none !important; } header.ClearTopMargin { margin-top: 0 !important; } html { font-size: 0.625em; height: 100%; } body { color: #525050; font-family: Open Sans, sans-serif; font-size: 17px; line-height: 1.412; font-weight: 400; background-color: white; width: 100%; } h1, h2, h3, h4, h5, h6 { margin: 0.1em 0; line-height: 1.2; } h2, h4 { font-family: Barlow, sans-serif; } h3, h5, h6 { font-family: Barlow, sans-serif; } h1, h2, h3, h4 { font-weight: 600; } h1 { font-size: 32px; } h2 { font-size: 28px; color: #397ab0; } h3 { font-size: 22px; color: #e01b23; padding-top: 20px; } h4 { font-size: 1.9rem; } h5 { font-size: 18px; } h6 { font-size: 18px; } blockquote { color: #e01b23; } @media (min-width: 768px) { h1 { font-size: 48px; background-color: #e01b23; display: inline-block; padding-left: 10px; padding-right: 10px; line-height: 50px; padding-bottom: 2px; text-transform: Uppercase; font-weight: 400; color: #fff; margin-top: 20px;} h2 { font-size: 36px; } h3 { font-size: 30px; } h4 { font-size: 2.2rem; } h5 { font-size: 2.0rem; } h6 { font-size: 18px; } p { margin-bottom: 2.4rem; margin-top: 0.1em; } blockquote { font-size: 1.7rem; } } a { color: #e01b23; text-decoration: none; } a:hover { color: #e01b23; } a, input[type="button"], input[type="submit"], input[type="reset"], .sitebutton, .button { transition-property: color, background-color, border-color, opacity; transition-duration: 500ms; cursor: pointer; } .sitebutton, .button { 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; color: #fff; background-color: #e01b23; border: 2px solid #e01b23; } .sitebutton:hover, .button:hover { opacity: 0.7; color: #fff; } .preview_overlay_content img { width: 20px; } img.preview_show { width: 20px; } .popupwindow_title { color: #e01b23; } .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; font-size: 1.3rem; text-align: center; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; border: 2px solid #e01b23; background-color: #e01b23; color: #fff; } .endis-jquery-ui .ui-dialog #divOverlay .button:hover { border: 2px solid #e01b23; background-color: #e01b23; } .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; font-weight:300; } .slice_Header_L.ActivateFixedPosition { position: fixed; top: 0; left: 0; right: 0; z-index: 1; border-bottom: 1px solid transparent; } .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: whitesmoke; width: 100%; position: relative; z-index: 1; display: block; vertical-align: middle; float: right; padding: 20px 0.625em 21px 0.825em; 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: #525050; font-weight: 600; text-transform: uppercase; } .slice_Header_L .slicknav_menu .slicknav_btn .slicknav_icon { float: right; margin: 2px 10px 0; color: #525050; } .slice_Header_L .slicknav_menu .slicknav_btn .slicknav_icon .slicknav_icon-bar { display: block; width: 20px; height: 3px; background-color: #e01b23; } .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 10px; font-family: IcoMoon490Icons; color: #e01b23; font-size: 18px; } .slice_Header_L .slicknav_menu .slicknav_btn div.SlickNavCloseIcon::after { content: "\ea0f"; } .slice_Header_L .slicknav_menu ul.slicknav_nav { clear: both; list-style: none; overflow: hidden; margin: 0; padding: 0; background-color: #f5f5f5; } .slice_Header_L .slicknav_menu ul.slicknav_nav a { color: #525050; display: block; padding: 12px 20px; } .slice_Header_L .slicknav_menu ul.slicknav_nav a:hover { color: #e01b23; } .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: #525050; 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: #525050; } .slice_Header_L .slicknav_menu ul.slicknav_nav .slicknav_item a:hover { color: #e01b23; } .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: #e01b23; 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: #f5f5f5; } .slice_Header_L .slicknav_menu .slicknav_open > ul { background: #f5f5f5; } .slice_Header_L .slicknav_menu .slicknav_open .slicknav_item:hover { color: #e01b23; } .slice_Header_L .slicknav_menu .slicknav_collapsed .slicknav_item:hover { color: #e01b23; } .slice_Header_L .search-overlay { display: none; position: absolute; left: 0; top: 100%; right: 0; z-index: 4; padding-top: 15px; padding-bottom: 15px; background-color: #49616b; } .slice_Header_L .search-overlay input.button, .slice_Header_L .search-overlay label { display: none; } .slice_Header_L .search-overlay .search-close { position: absolute; top: 30px; right: 10px; font-family: IcoMoon490Icons; color: #e01b23; font-size: 20px; } .slice_Header_L .search-overlay .search-close:hover { color: white; } .slice_Header_L .search-overlay .search-close::after { content: "\ea0f"; } .slice_Header_L .search-overlay .search_div { margin: 0 50px 0 0; } .slice_Header_L .search-overlay .search_div input.text { height: 50px; margin-bottom: 0px; border: none; border-radius: 4px; background-color: #f5f5f5; transition: color 500ms linear, background-color 500ms linear; font-size: 15px; text-align: center; width: 100%; color: #525050; outline: none; margin-left: 10px; } .slice_Header_L .search-overlay .search_div input.text:hover { background-color: white; color: black; } .slice_Header_L div.top-link-wrapper { display: none; } @media (min-width: 992px) { .slice_Header_L div.top-link-wrapper { display: block; float: right; position: relative; z-index: 1; margin: 10px 10px 0 0; background-color: white; } .slice_Header_L div.top-link-wrapper a.top-link { display: inline-block; line-height: 1; padding: 7px 20px; margin: 0; color: #525050; font-size: 12px; text-decoration: none; text-transform: uppercase; white-space: nowrap; transition: color 500ms linear, background-color 500ms linear, border-color 500ms linear; } .slice_Header_L div.top-link-wrapper a.top-link:hover { background-color: #f5f5f5; color: #525050; } .slice_Header_L div.top-link-wrapper a.top-link:hover i { color: #e01b23; } .slice_Header_L div.top-link-wrapper a.top-link i { padding-right: 6px; font-size: 12px; color: #e01b23; line-height: 1; transition: color 500ms linear; } .slice_Header_L div.top-link-wrapper a.top-link.Bookings, .slice_Header_L div.top-link-wrapper a.top-link.MyOrders, .slice_Header_L div.top-link-wrapper a.top-link.Login { opacity: 1; background-color: white; color: #525050; border: 1px solid #d7d7d7; } .slice_Header_L div.top-link-wrapper a.top-link.Bookings:hover, .slice_Header_L div.top-link-wrapper a.top-link.MyOrders:hover, .slice_Header_L div.top-link-wrapper a.top-link.Login:hover { color: #1b76bd; } .slice_Header_L div.top-link-wrapper a.top-link.Login { position: relative; left: 1px; } .slice_Header_L div.top-link-wrapper a.top-link.Bookings { border-left: none; } .slice_Header_L div.top-link-wrapper div.search-form, .slice_Header_L div.top-link-wrapper div.search_div { display: inline; } .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: #525050; border: 1px solid #d7d7d7; outline: none; padding: 7px 20px 6px 10px; width: 160px; } .slice_Header_L div.top-link-wrapper div.search-form input[type=text]:focus { color: black; } .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: 7px; right: 5px; font-size: 14px; color: #1b76bd; cursor: pointer; } } @media (min-width: 1700px) { .slice_Header_L div.top-link-wrapper { margin-right: 50px; } } .slice_Header_L .logo-container { margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; display: flex; align-items: center; justify-content: flex-start; } .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: #525050; font-size: 2rem; font-weight: 700; line-height: 115%; } .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: 2.6rem; } } @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; } } @media (min-width: 1700px) { .slice_Header_L .logo-container { margin-left: 50px; } } .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; margin: 0 auto; text-align: right; width: 100%; margin-right: 0; margin-left: 0; margin-top: 50px; transition: all 500ms; padding-right: 10px; } } @media (min-width: 1700px) { .slice_Header_L .nav-menu { padding-right: 50px; } } @media (min-width: 992px) { .slice_Header_L .nav-menu a { text-align: left; color: #525050; font-size: 18px; font-weight: 400; display: block; transition: all 500ms; text-decoration: none; white-space: nowrap; } .slice_Header_L .nav-menu ul { list-style-type: none; } .slice_Header_L .nav-menu ul.root_menu { display: inline-block; 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; z-index: 4; } .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: 12px 20px; font-weight:600;} .slice_Header_L .nav-menu ul.root_menu > li ul { position: absolute; top: 100%; left: 0; background: #f5f5f5; padding: 0; } .slice_Header_L .nav-menu ul.root_menu > li ul a { text-transform: none; color: #525050; font-size: 18px; font-weight: 400; padding: 15px 35px 15px 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: #525050; position: absolute; right: 10px; top: 9px; font-size: 18px; line-height: 30px; height: 30px; } .slice_Header_L .nav-menu ul.root_menu > li:hover > a { background-color: #f5f5f5; color: #e01b23; } .slice_Header_L .nav-menu ul.root_menu > li li:hover > a { color: #e01b23; background-color: #fff; } /* Make some menu entries open to the left */ .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, .slice_Header_L .nav-menu ul.root_menu > li:nth-last-child(4) > 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, .slice_Header_L .nav-menu ul.root_menu > li:nth-last-child(4) > 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, .slice_Header_L .nav-menu ul.root_menu > li:nth-last-child(4) > 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, .slice_Header_L .nav-menu ul.root_menu > li:nth-last-child(4) > ul li.has_sub_menu::before { font-family: journey; content: '\e901'; color: #525050; position: absolute; left: 10px; top: 9px; font-size: 18px; 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, .slice_Header_L .nav-menu ul.root_menu > li:nth-last-child(4) > ul ul { position: absolute; top: 0; left: auto; right: 100%; } } /* ################## # Start of Article slide-show Slice # ################## */ .slice_WhatPeopleSay { width: 100%; background: #e01b23; padding-top: 0; float:none;clear:both;position:relative; } .slice_WhatPeopleSay h1 { color: #414141; font-size: 2rem; margin-bottom: 10px; text-align: center; } @media (min-width: 768px) { .slice_WhatPeopleSay h1 { font-size: 3rem; margin-bottom: 15px; } } @media (min-width: 992px) { .slice_WhatPeopleSay h1 { font-size: 4.4rem; margin-bottom: 17px; } } .slice_WhatPeopleSay .bannerSlides { display: none; float: none; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper { margin-bottom: 0; border: none !important; box-shadow: none !important; left: 0 !important; transform: translatez(0); } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-loading, .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-prev, .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-next, .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-controls-auto .bx-start, .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-controls-auto .bx-stop { background: transparent; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper div.bx-viewport { background-color: #aaaaaa; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul { padding: 0; margin-top: 0 !important; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li img { height: 100%; width: 100%; } .slice_WhatPeopleSay .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_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle { color: #fff; font-size: 20px; line-height: 1.1; font-weight: 400; text-align: center; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle.DarkenedOverlay { padding: 2px 10px 5px; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { font-size: 11.52px; line-height: 1.1; color: #fff; font-weight: 700; margin: 10px 0; padding-left: 20px; padding-right: 20px; text-align: center; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText.DarkenedOverlay { padding-top: 2px; padding-bottom: 5px; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .DarkenedOverlay { background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton { color: #5b5377; border: 2px solid white; background-color: white; font-size: 14.4px; padding: 2px; border-radius: 3px; margin: 0 auto; display: table; transition: opacity 500ms ease; text-decoration: none; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton:hover { opacity: 0.7; } @media (min-width: 467px) { .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle { font-size: 24px; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { font-size: 12px; margin: 15px 0; padding-left: 20px; padding-right: 20px; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton { padding: 5px; font-size: 15px; border-radius: 4px; } } @media (min-width: 768px) { .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle { font-size: 32px; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { font-size: 19.2px; margin: 20px 0; padding-left: 25px; padding-right: 25px; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton { font-size: 18px; padding: 10px; } } @media (min-width: 992px) { .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle { font-size: 40px; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { font-size: 24px; margin: 30px 0; padding-left: 35px; padding-right: 35px; } } @media (min-width: 1200px) { .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { max-width: 1170px; margin-left: auto; margin-right: auto; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText::before, .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText::after { content: ' '; display: table; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText::after { clear: both; } } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-pager { display: none; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-pager a { margin: 0 10px; background: #fff; transition: border-color 500ms linear, background-color 500ms linear; border: 3px solid #fff; border-radius: 9px; width: 18px; height: 18px; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-pager a:hover, .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-pager a.active { background-color: #e27a73; border-color: #e27a73; } @media (min-width: 467px) { .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-pager { display: block; bottom: 10px; } } @media (min-width: 768px) { .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-pager { bottom: 10px; padding: 0; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-pager a { width: 18px; height: 18px; border-radius: 9px; } } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-prev, .slice_WhatPeopleSay .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_WhatPeopleSay .bannerSlides .bx-wrapper .bx-prev, .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-next { top: 50%; } } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-prev::after, .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-next::after { font-family: journey; font-size: 20px; color: #fff; position: absolute; top: 50%; color: #fff; text-indent: 0; transition: all 500ms ease; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-prev::after, .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-next::after { color: #fff; margin-top: -10px; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-prev { left: 1%; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-prev::after { content: "\e901"; left: 1px; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-next { right: 1%; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-next::after { content: "\e900"; right: 1px; } @media (min-width: 992px) { .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-prev::after { font-size: 24px; left: 8px; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-next::after { font-size: 24px; right: 8px; } } /* Extra code for Article slide show */ section.slice_HiddenWhatPeopleSayBlog {display:none !important;} section.slice_WhatPeopleSay div.bx-viewport {background-color:transparent !important;} section.slice_WhatPeopleSay img {visibility:hidden; padding:250px 0;} section.slice_WhatPeopleSay .bannerSlides .bx-wrapper {background-color:transparent;} section.slice_WhatPeopleSay .bannerSlides .bx-wrapper a.bx-prev::after, section.slice_WhatPeopleSay .bannerSlides .bx-wrapper a.bx-next::after {font-size:60px;opacity:0.7;} section.slice_WhatPeopleSay .bannerSlides .bx-wrapper a.bx-prev:hover::after, section.slice_WhatPeopleSay .bannerSlides .bx-wrapper a.bx-next:hover::after {opacity:1;} section.slice_WhatPeopleSay div.caption {color:white; background-color:transparent; max-width:1170px; margin:0 auto; text-align:center;} section.slice_WhatPeopleSay .bannerSlides .bx-wrapper .gallery_ul .gallery_li div.caption img {height:auto;width:auto;padding:0;visibility:visible; max-width:180px;} section.slice_WhatPeopleSay div.slideTitle {padding:0 10px;} section.slice_WhatPeopleSay div.slideText { font-weight:400 !important; line-height:1.5 !important; padding:0 45px !important; margin-bottom:0 !important;} @media (min-width:992px) { section.slice_WhatPeopleSay div.slideText {padding:0 45px 0 75px !important;} .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-prev { left: 5%; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-next { right: 5%; } } @media (min-width:1500px) { .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-prev { left: 16%; } .slice_WhatPeopleSay .bannerSlides .bx-wrapper .bx-next { right: 16%; } } @media (max-width:1100px) { section.slice_WhatPeopleSay img {padding:250px 0;} section.slice_WhatPeopleSay div.slideTitle {font-size:36px !important;} section.slice_WhatPeopleSay div.slideText {font-size:22px !important;} section.slice_WhatPeopleSay .bannerSlides .bx-wrapper a.bx-prev::after, section.slice_WhatPeopleSay .bannerSlides .bx-wrapper a.bx-next::after {font-size:24px;} } @media (max-width:768px) { section.slice_WhatPeopleSay div.slideTitle {font-size:32px !important;} section.slice_WhatPeopleSay div.slideText {font-size:20px !important;} } @media (max-width:468px) { section.slice_WhatPeopleSay div.slideTitle {font-size:26px !important;} } section.slice_WhatPeopleSay section.slice_Testimony {padding:0; max-width:80%;} /* ################## # Start of Slice # ################## */ .slice_LandingMainArticle { background: #f7f7f7; color: #575a5c; font-size: 16px; line-height: 1.3; text-align: center; padding: 40px 10px; } .slice_LandingMainArticle > div.container div.ArticleBody { width: 97.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } @media (min-width: 992px) { .slice_LandingMainArticle > div.container div.ArticleBody { width: 97.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; margin-left: 1.28866%; } } @media (min-width: 768px) { .slice_LandingMainArticle { padding: 35px 15px; font-size: 20px; line-height: 1.5; } } .slice_LandingMainArticle h1 { color: #e01b23; font-size: 33.6px; font-weight: 600; margin-bottom: 10px; } @media (min-width: 768px) { .slice_LandingMainArticle h1 { font-size: 38.4px; margin-bottom: 15px; } } @media (min-width: 992px) { .slice_LandingMainArticle h1 { font-size: 48px; margin-bottom: 17px; } } .slice_LandingMainArticle .HighLight { color: #e01b23; } .slice_LandingMainArticle img { display: block; width: auto; } .slice_LandingMainArticle a { display: inline; color: #e01b23; transition: text-decoration 500ms linear; } .slice_LandingMainArticle a:hover { text-decoration: underline; } .slice_LandingMainArticle a.button, .slice_LandingMainArticle a.button2 { display: inline-block; border: 2px solid transparent; padding: 15px 20px; font-size: 16px; line-height: 1; font-weight: 700; margin: 15px 15px 0; text-transform: uppercase; text-align: center; transition: color 500ms linear, border-color 500ms linear, background-color 500ms linear; } @media (min-width: 768px) { .slice_LandingMainArticle a.button, .slice_LandingMainArticle a.button2 { min-width: 180px; } } .slice_LandingMainArticle a.button:hover, .slice_LandingMainArticle a.button2:hover { text-decoration: none; } @media (min-width: 768px) { .slice_LandingMainArticle a.button, .slice_LandingMainArticle a.button2 { font-size: 16px; margin-top: 30px; } } .slice_LandingMainArticle a.button { color: #575a5c; border-color: #bebbbb; background-color: transparent; } .slice_LandingMainArticle a.button:hover { color: white; border-color: #eeeeee; background-color: #eeeeee; opacity: 1; } .slice_LandingMainArticle a.button2 { color: transparent; border-color: transparent; background-color: transparent; } .slice_LandingMainArticle a.button2:hover { color: transparent; border-color: transparent; background-color: transparent; opacity: 1; } /* ################## # Start of Slice # ################## */ .slice_LandingArticles { background-color: white; text-align: center; padding: 30px 10px; } @media (min-width: 992px) { .slice_LandingArticles div.info_header_text { width: 80.75601%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; margin-left: 9.62199%; } } .slice_LandingArticles .article_cards { clear: both; } .slice_LandingArticles .article_cards > div { width: 97.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } @media (min-width: 467px) { .slice_LandingArticles .article_cards > div { width: 47.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } } @media (min-width: 768px) { .slice_LandingArticles .article_cards > div { width: 22.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } } @media (min-width: 768px) { .slice_LandingArticles { padding: 40px 0; } } @media (min-width: 992px) { .slice_LandingArticles { padding: 60px 0; } } .slice_LandingArticles h1 { color: #575a5c; padding-bottom: 20px; } .slice_LandingArticles .info_header_text { color: #575a5c; padding: 0 10px 35px; } .slice_LandingArticles .article_cards { text-align: center; display: flex; flex-flow: row wrap; justify-content: center; } .slice_LandingArticles .article_cards > div { background-color: #fff; margin-bottom: 30px; display: flex; flex-direction: column; } .slice_LandingArticles .article_cards > div .articleListImage a { display: block; margin: 0 auto; } .slice_LandingArticles .article_cards > div .articleListImage a:hover { opacity: 0.7; } .slice_LandingArticles .article_cards > div .articleListImage a img { display: block; width: 100%; } .slice_LandingArticles .article_cards > div .articleListTitle { background-color: #fff; padding: 15px 5px 2px; font-size: 20px; line-height: 1.4; } .slice_LandingArticles .article_cards > div .articleListTitle a { color: #e01b23; font-weight: 600; } .slice_LandingArticles .article_cards > div .articleListTitle a:hover { color: #aaa048; } .slice_LandingArticles .article_cards > div .articleListSummary { background-color: #fff; color: #575a5c; flex: 1 1 auto; padding: 5px 5px 10px; font-size: 14.4px; line-height: 1.5; } @media (min-width: 992px) { .slice_LandingArticles .article_cards > div .articleListSummary { font-size: 16px; padding: 5px 10px 30px; } } @media (min-width: 992px) { .slice_LandingArticles .article_cards > div .articleListTitle { padding-left: 14px; padding-right: 14px; } } .slice_LandingArticles .article_cards > div .articleListLink { padding: 0 0 20px; } .slice_LandingArticles .article_cards > div .articleListLink a { display: inline-block; font-size: 16px; line-height: 1; color: #575a5c; background-color: #fff; padding: 15px 20px; } .slice_LandingArticles .article_cards > div .articleListLink a:hover { color: white; background-color: #eeeeee; border-color: #eeeeee; } .slice_LandingArticles .article_cards_button { display: none; } /* Landing page article list */ section.slice_LandingArticles div.articleListLink a {padding:0 !important; border:none !important;} section.slice_LandingArticles div.articleListTitle a:hover, section.slice_LandingArticles div.articleListLink a:hover {color:black !important;} section.slice_LandingArticles div.articleListLink a:hover {text-decoration:underline;} @media (max-width:767px) { section.slice_LandingArticles div.article_cards > div {width: 47.42268% !important;} /* force 2 columns */ } @media (max-width:467px) { section.slice_LandingArticles div.article_cards > div {width: 97.42268% !important;} /* force 1 column */ } section.slice_LandingArticles div.articleListTitle, section.slice_LandingArticles div.articleListTitle a, section.slice_LandingArticles div.articleListLink, section.slice_LandingArticles div.articleListLink a, section.slice_LandingArticles div.articleListSummary { background-color:transparent !important;} section.slice_LandingArticles div.articleListTitle a {color:#e01b23 !important;} section.slice_LandingArticles div.article_cards > div {background-color:#f0efe4;} /* section.slice_LandingArticles div.article_cards > div:nth-child(3n+2) {background-color:#aaa048;} section.slice_LandingArticles div.article_cards > div:nth-child(3n+3) {background-color:#8b013c;} */ /* ################## # Start of Slice # ################## */ .slice_image_blocks_4 { padding: 0; text-align: center; background-color: #f5f5f5; } .slice_image_blocks_4 .gallery_ul .gallery_li { border: 12px solid transparent; width: 100%; float: left; } @media (max-width: 767px) { .slice_image_blocks_4 .gallery_ul .gallery_li { border: 5px solid transparent; } } @media (min-width: 468px) { .slice_image_blocks_4 .gallery_ul .gallery_li { width: 50%; float: left; } .slice_image_blocks_4 .gallery_ul .gallery_li:nth-child(odd) { border-left: none; } .slice_image_blocks_4 .gallery_ul .gallery_li:nth-child(even) { border-right: none; } } .slice_image_blocks_4 h1 { padding: 50px 0 20px; } .slice_image_blocks_4 div.image_blocks { margin: 0 1.28866%; } .slice_image_blocks_4 .image_blocks .gallery_ul { padding-left: 0; margin: 0; list-style-type: none; text-align: left; } .slice_image_blocks_4 .image_blocks .gallery_ul::before, .slice_image_blocks_4 .image_blocks .gallery_ul::after { content: ' '; display: table; } .slice_image_blocks_4 .image_blocks .gallery_ul::after { clear: both; } .slice_image_blocks_4 .image_blocks .gallery_ul .gallery_li a { display: block; width: 100%; vertical-align: middle; position: relative; } .slice_image_blocks_4 .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_4 .image_blocks .gallery_ul .gallery_li a:hover::before { background-color: rgba(0,0,0,0.3); cursor: pointer; } .slice_image_blocks_4 .image_blocks .gallery_ul .gallery_li a img { transition: all 500ms ease; display: block; width: 100%; } .slice_image_blocks_4 .image_blocks .gallery_ul .gallery_li a .image_block_title_wrapper { position: absolute; top: 30px; left: 0; bottom: 0; right: 0; width: 100%; margin: auto; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; } .slice_image_blocks_4 .image_blocks .gallery_ul .gallery_li a .image_block_title { flex: none; margin: 5px; text-align: center; color: #fff; font-size: 30px; font-weight: 300; line-height: 1.16667; padding:0 5px 1px; margin:5px 5px 0; background-color:#e01b23; } .slice_image_blocks_4 .image_blocks .gallery_ul .gallery_li a .image_block_text { flex: none; margin: 20px 5px 5px; text-align: center; color: #fff; font-size: 17px; font-weight: 400; line-height: 1.16667; } @media (min-width: 468px) { .slice_image_blocks_4 .image_blocks .gallery_ul .gallery_li a .image_block_title_wrapper {top: 20px;} .slice_image_blocks_4 .image_blocks .gallery_ul .gallery_li a .image_block_title { font-size: 20px; } .slice_image_blocks_4 .image_blocks .gallery_ul .gallery_li a .image_block_text { font-size: 14px; margin: 10px 5px 5px; } } @media (min-width: 600px) { .slice_image_blocks_4 .image_blocks .gallery_ul .gallery_li a .image_block_title_wrapper {top: 30px;} .slice_image_blocks_4 .image_blocks .gallery_ul .gallery_li a .image_block_title { font-size: 24px; padding:0 10px 3px; } .slice_image_blocks_4 .image_blocks .gallery_ul .gallery_li a .image_block_text { font-size: 15px; margin: 20px 5px 5px; } } @media (min-width: 950px) { .slice_image_blocks_4 .image_blocks .gallery_ul .gallery_li a .image_block_title_wrapper {top: 50px;} .slice_image_blocks_4 .image_blocks .gallery_ul .gallery_li a .image_block_title { font-size: 38px; } .slice_image_blocks_4 .image_blocks .gallery_ul .gallery_li a .image_block_text { font-size: 17px; } } /* Content page fixes */ section.slice_content_page div.slice_image_blocks_4 {padding:0;background-color:white;} section.slice_content_page div.slice_image_blocks_4 div.image_blocks {margin:0;} section.slice_content_page div.slice_image_blocks_4 li.gallery_li { border-top:none;border-bottom:none; } @media (max-width:467px) { section.slice_content_page div.slice_image_blocks_4 li.gallery_li:first-child { border-bottom:20px solid transparent; } } /* ################## # Start of Slice # ################## */ .slice_image_blocks_3 { padding:0 0 40px; text-align: center; background-color: white; } .slice_image_blocks_3 .gallery_ul { display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center; } .slice_image_blocks_3 .gallery_ul .gallery_li { border: 12px solid transparent; width: 100%; max-width:400px; float: left; } @media (max-width: 767px) { .slice_image_blocks_3 .gallery_ul .gallery_li { border: 5px solid transparent; } } @media (min-width: 768px) { .slice_image_blocks_3 .gallery_ul {display:block;} .slice_image_blocks_3 .gallery_ul .gallery_li { width: 33.333%; float: left; } .slice_image_blocks_3 .gallery_ul .gallery_li:nth-child(1) { border-left: none; } .slice_image_blocks_3 .gallery_ul .gallery_li:nth-child(2) { border-left-width: 6px;border-right-width: 6px; } .slice_image_blocks_3 .gallery_ul .gallery_li:nth-child(3) { border-right: none; } } .slice_image_blocks_3 h1 { padding: 50px 0 20px; } .slice_image_blocks_3 div.image_blocks { margin: 0 1.28866%; } .slice_image_blocks_3 .image_blocks .gallery_ul { padding-left: 0; margin: 0; list-style-type: none; text-align: left; } .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; } .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: rgba(0,0,0,0.3); cursor: pointer; } .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a img { transition: all 500ms ease; 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; width: 100%; margin: auto; display: flex; flex-flow: column nowrap; align-items: center; justify-content: center; } .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a .image_block_title { flex: none; text-align: center; color: #fff; font-size: 38px; font-weight: 300; line-height: 1; padding:1px 5px 4px; margin:5px 5px 0; background-color:#e01b23; width:65%; } .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a .image_block_text { flex: none; margin: 40px 5px 5px; text-align: center; color: #fff; font-size: 17px; font-weight: 400; line-height: 1.5; } @media (min-width: 768px) { .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a .image_block_title_wrapper {top: 10px;} .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a .image_block_title { font-size: 30px; padding:1px 10px 4px;width:80%; } .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a .image_block_text { margin: 20px 5px 5px; } } @media (min-width: 1100px) { .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a .image_block_title_wrapper {top: 25px;} .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a .image_block_title { font-size: 38px;width:65%; } .slice_image_blocks_3 .image_blocks .gallery_ul .gallery_li a .image_block_text { margin: 45px 5px 5px;} } /* Content page fixes */ section.slice_content_page div.slice_image_blocks_3 {padding:0;background-color:white;} section.slice_content_page div.slice_image_blocks_3 div.image_blocks {margin:0;} section.slice_content_page div.slice_image_blocks_3 li.gallery_li { border-top:none;border-bottom:none; } @media (max-width:767px) { section.slice_content_page div.slice_image_blocks_3 li.gallery_li:first-child, section.slice_content_page div.slice_image_blocks_3 li.gallery_li:nth-child(2) { border-bottom:20px solid transparent; } } /* ################## # Start of Slice # ################## */ .slice_SlidesFullWidth { overflow: hidden; width: 100%; background: transparent; padding-top: 0; } .slice_SlidesFullWidth h1 { color: #525050; font-size: 2rem; margin-bottom: 5px; text-align: center; } @media (min-width: 768px) { .slice_SlidesFullWidth h1 { font-size: 3rem; margin-bottom: 7.5px; } } @media (min-width: 992px) { .slice_SlidesFullWidth h1 { font-size: 4.4rem; margin-bottom: 8.5px; } } .slice_SlidesFullWidth .bannerSlides { display: none; float: none; } @media (max-width: 767px) { .Xslice_SlidesFullWidth .bannerSlides { width: 200%; overflow: hidden; transform: translateX(-25%); } } .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; } @media (max-width: 767px) { .Xslice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption { left: 25%; right: 25%; width: 50%; overflow: hidden; } } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle { font-family: Open Sans, sans-serif; color: #fff; font-size: 60px; line-height: 1; font-weight: 300; text-align: center; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle.DarkenedOverlay { padding: 2px 10px 5px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { font-family: Open Sans, sans-serif; font-size: 21.6px; line-height: 1.1; color: #fff; font-weight: 400; margin: 5px 0; padding-left: 20px; padding-right: 20px; text-align: center; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText.DarkenedOverlay { padding-top: 2px; padding-bottom: 5px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .DarkenedOverlay { background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton { color: #fff; border: 2px solid #e01b23; background-color: #e01b23; font-size: 1.3rem; padding: 2px 5px; border-radius: 3px; margin: 0 auto; display: table; transition: opacity 500ms ease; text-decoration: none; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton:hover { opacity: 0.7; } @media (min-width: 467px) { .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle { font-size: 90px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { font-size: 21.6px; margin: 7.5px 0; padding-left: 20px; padding-right: 20px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton { padding: 5px 10px; font-size: 1.625rem; border-radius: 4px; } } @media (min-width: 920px) { .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle { font-size: 120px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { font-size: 28.8px; margin: 10px 0; padding-left: 25px; padding-right: 25px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideButton { font-size: 1.95rem; padding: 10px 20px; } } @media (min-width: 1340px) { .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideTitle { font-size: 180px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .gallery_ul .gallery_li .caption .slideText { font-size: 36px; margin: 15px 0 50px; 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; } } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-pager { display: none; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-pager a { margin: 0 10px; background: #fff; transition: border-color 500ms linear, background-color 500ms linear; 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: #e01b23; border-color: #e01b23; } @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: 20px; padding: 0; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-pager a { width: 24px; height: 24px; border-radius: 12px; } } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next { width: 60px; height: 100px; position: absolute; top: 50%; margin-top: -50px; transition: all 500ms ease; background: transparent; } @media (max-width: 767px) { .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next { display: none; } } @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; color: #fff; opacity: 0.7; position: absolute; top: 50%; color: #fff; text-indent: 0; transition: all 500ms ease; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev:hover, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next:hover { background-color: #e01b23; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev:hover::after, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next:hover::after { opacity: 1; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev::after, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next::after { color: #fff; margin-top: -14px; } .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; } @media (min-width: 992px) { .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev::after { font-size: 40px; left: 8px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next::after { font-size: 40px; right: 8px; } .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-prev::after, .slice_SlidesFullWidth .bannerSlides .bx-wrapper .bx-next::after {margin-top: -29px; } } /* ################## # Start of Slice # ################## */ .slice_FooterTop_L { color: #525050; font-size: 15px; line-height: 1.66667; background-color: #f5f5f5; 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: 850px) { .slice_FooterTop_L .footer-column-2 { width: 39.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: 22.42268%; float: right; margin-left: 1.28866%; margin-right: 1.28866%; } } .slice_FooterTop_L .footer-column a:hover { opacity: 0.7; } .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: #3a559f; border: 8px solid #3a559f; } .slice_FooterTop_L .footer-column.footer-column-1 a:nth-child(2) i::after { background-color: #50abf1; border-color:#50abf1; } .slice_FooterTop_L .footer-column.footer-column-1 a:nth-child(3) i::after { background-color: #1ab7ea; border-color:#1ab7ea; } .slice_FooterTop_L .footer-column.footer-column-1 a:nth-child(4) i::after { background-color: red; border-color:red; } @media (min-width: 850px) { .slice_FooterTop_L .footer-column.footer-column-1 { margin-left: 0; } .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: 850px) { .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: #1b76bd; } @media (min-width: 850px) { .slice_FooterTop_L .footer-column.footer-column-3 { text-align: left; width: 33.97766%; margin-left: 0; margin-right: 0; } } @media (min-width: 850px) { .slice_FooterTop_L { font-size: 12px; } } /* ################## # Start of Slice # ################## */ .slice_Footer_L { background-color: #f5f5f5; } .slice_Footer_L .footerbar { width: 97.42268%; float: left; margin-left: 1.28866%; margin-right: 1.28866%; } .slice_Footer_L .footerbar { border-top: 2px solid #d7d7d7; color: #525050; font-size: 11px; text-align: center; padding: 25px 0; } .slice_Footer_L .footerbar a { display: inline-block; color: #525050; 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/ChurchInsightLogoD.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, .slice_Footer_L .footerbar a#footer_cookies::after { content: "|"; padding: 0 5px; } .slice_Footer_L .footerbar span#footer_charity { display: block; width: 100%; margin-top: 15px; } .slice_Footer_L .footerbar span:last-child:not([id]) { display: block; padding-top: 25px; } @media (min-width: 992px) { .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, .slice_Footer_L .footerbar a#footer_cookies::after { padding: 0 10px; } .slice_Footer_L .footerbar span#footer_charity { display: inline; float: right; width: auto; text-align: right; margin: 0; } } /* ################## # Start of Slice # ################## */ .slice_content_page { background-color: #fff; border-top: 1px solid #fff; } @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 { background-color: #fff; padding: 25px 10px; margin-top: 0; margin-bottom: 30px; } @media (min-width: 467px) { .slice_content_page .main-content { padding: 25px 32px; } } .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: 40px; } } .slice_content_page .main-content ul:not([id$="_gallery_ul"]) li { line-height: 26px; list-style: none; } .slice_content_page .main-content ul:not([id$="_gallery_ul"]) li::before { content: '\2022'; display: block; position: relative; max-width: 0; max-height: 0; left: -15px; top: -1px; color: #e01b23; } .slice_content_page .main-content ul[id$="_gallery_ul"] { list-style-type: none; } .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: #e01b23; } .slice_content_page .sidebar { clear: both; } @media (min-width: 768px) { .slice_content_page .sidebar { clear: none; } } @media (min-width: 768px) { .slice_content_page .sidebar nav { display: block; } } .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: #525050; font-size: 22px; text-decoration: none; margin: 0; float: left; width: 100%; background-color: #fff; text-transform: uppercase; } .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; color: #525050; font-size: 18px; text-decoration: none; margin: 0; float: left; width: 100%; background-color: #fff; transition: color 500ms linear, background-color 500ms 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 { background-color: #f5f5f5; color: #e01b23; } .slice_content_page .sidebar .group-nav .group_nav_selected a { background-color: #f5f5f5; color: #e01b23; } .slice_content_page .sidebar .group-nav .group_nav_selected .group_nav_child a { padding-left: 25px; } .slice_content_page .sidebar .group-nav .group_nav_selected .group_nav_parent > div > a { padding-left: 25px; } .slice_content_page .sidebar .sidebar_buttons { margin-top: 30px; margin-bottom: 30px; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"] { font-size: 1.7rem; font-weight: 700; color: #fff; letter-spacing: 1px; padding: 16px 0 16px 75px; display: block; border: none; margin-bottom: 4px; white-space: nowrap; word-spacing: 0.375em; 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: 18px; left: 22px; font-size: 2.5rem; color: #fff; opacity: 0.5; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button1 { background-color: #e01b23; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button1::after { content: "\e908"; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button2 { background-color: #e84c3d; } .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: #e01b23; } .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; letter-spacing: 0.2px; } .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: 20px; left: 14px; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button2::after { top: 19px; left: 14px; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button3::after { top: 17px; left: 14px; } } @media (min-width: 992px) { .slice_content_page .sidebar .sidebar_buttons a[class^="button"] { font-size: 1.7rem; letter-spacing: 0.5px; padding: 15px 0 15px 62px; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"]::after { font-size: 2.5rem; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button1::after { top: 17px; left: 18px; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button2::after { top: 17px; left: 18px; } .slice_content_page .sidebar .sidebar_buttons a[class^="button"].button3::after { top: 15px; left: 18px; } } @media (min-width: 768px) { .slice_content_page { background-color: #fff; } } @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, .systemPageContent a.system_toggle_advanced:hover { text-decoration: underline; } .slice_system_page { padding-top: 30px; background-color: #fff; border-top: 1px solid #ebebeb; } .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: #f5f5f5; color: #e01b23; 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: #f5f5f5; } } @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: #f5f5f5; } .systemPageContent .tabSelected { background-color: #f5f5f5; height: 20px; line-height: 20px; width: 33.33333%; text-align: center; color: #0cc; font-size: 16px; border: 2px solid #f5f5f5; border-bottom: 2px solid #f5f5f5; 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: #0cc; width: 100%; height: 100%; line-height: 50px; background-color: transparent; } .systemPageContent .tableft:hover a, .systemPageContent .tabright:hover a { border: none; background-color: #e3f1f8; color: #0CC; 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: #f5f5f5; 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: #525050; 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: #f5f5f5; 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: #f5f5f5; 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: #525050; } .systemPageContent .media_summary_image { vertical-align: top; padding: 13px 10px 0 10px; width: 1%; } .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: #e01b23; 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 #e01b23; background-color: #e01b23; color: #fff; } .systemPageContent .subMenu a:hover { color: #fff; border: 2px solid #e01b23; background-color: #e01b23; } .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; } } @media (max-width: 479px) { .systemPageContent #_ctl0__ctl0_cphBody_cphAltContents_txtSearchTemplate { margin-top: 40px; } } .systemPageContent .address_family_details_column, .systemPageContent .address_family_details_column a { font-size: 16px; } .systemPageContent .address_user_first_name, .systemPageContent .family_title { background: #f5f5f5; } .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: #f5f5f5 !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 div[style="width:400px;"] { width: 100% !important; } ._user_registration_aspx table.SubTable, ._user_registration_aspx table.tblAddress, ._user_registration_aspx table#groupnotes_control_dgGroupNotes { width: 100% !important; } ._user_registration_aspx table.SubTable > tbody > tr > td, ._user_registration_aspx table.tblAddress > tbody > tr > td, ._user_registration_aspx table#groupnotes_control_dgGroupNotes > 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, ._user_registration_aspx table#groupnotes_control_dgGroupNotes > 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, ._user_registration_aspx table#groupnotes_control_dgGroupNotes > 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, ._user_registration_aspx table#groupnotes_control_dgGroupNotes > 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, ._user_registration_aspx table#groupnotes_control_dgGroupNotes > 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: 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: #f5f5f5 !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: #e01b23; 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#_ctl0__ctl0_cphBody_cphContents_txt_dob_day_uk, input#_ctl0__ctl0_cphBody_cphContents_txt_dob_month_uk { width: 40px !important; } input#_ctl0__ctl0_cphBody_cphContents_txt_dob_year_uk { width: 80px !important; } /* End of ChurchInsight main template CSS file. */