/* (C)2019 Endis Ltd. 
No permission is given to use any code in this file, except on an Endis/ChurchInsight website.

This file is for generic fixes to any content page.
It can also be used to fix modules that appear in articles.

It only needs to appear in the header for content page templates (not home or system etc.)
URL of the page is: /Images/Content/2414/Templates/47287/ContentPage.css
On US: /Images/Content/1000000487/Templates/1000010205/ContentPage.css
*/

html,body {height:initial;}

.Validator, .validator {color:red !important; font-weight:700;}

body.OnSmallAppleDevice section.slice_content_page div.main-content input[type="checkbox"]:checked {
  background-color:black;
}
/* Make sure videos on iOS don't have a white background */
body.OnSmallAppleDevice section.slice_content_page div.main-content video {
	background-color:#cccccc;
}
body.OnSmallAppleDevice input[type="radio"]  {-webkit-appearance: radio !important;}
body.OnSmallAppleDevice input[type="checkbox"] {-webkit-appearance: checkbox !important;}

div.giving-modules div.form-row.card-postcode input[type="text"] {letter-spacing:normal;}

/* make sure padding is narrow on phones */
@media (max-width:467px) {
  section.slice_content_page div.main-content {padding-left:10px;padding-right:10px;}
}

/* Fix the standard media layout for media recordings */
section.slice_content_page div.main-content div.ArticleBody span.MediaList td {text-align:left;}
section.slice_content_page div.main-content div.ArticleBody table.boxout_contents_type_Media_ascx td.media_box_cell img
{display:block; width:auto; height:auto; max-width:200px; margin:0 10px 5px 0;}

section.slice_content_page div.main-content div.ArticleBody table.media_box_cell img
{display:block; width:auto; height:auto; max-width:200px;}

/* Fix content questions list in Registration module */
section.slice_content_page div.main-content div.ArticleBody div#GroupNotesEnclosingDiv li.consent-question::before {content:'';display:none;}

section.slice_content_page div.main-content div.ArticleBody div#GroupNotesEnclosingDiv input[type=checkbox] {
	width:18px;height:18px;display:inline-block;position:relative;top:3px;
}

/* Fix the new calendar page pop-up */
div.dialog-content.calendar-event-content > h4,
div.dialog-content.calendar-event-content > h4 a.event-location-link {
	display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;
}

/* Remove dots from slide-show li's */
section.slice_content_page div.main-content div.ArticleBody ul.gallery_ul li.gallery_li::before {
	display:none;
}
/* Fix content page ul lists */
section.slice_content_page div.main-content ul:not([id]) {padding-left:30px; list-style-type:disc;}
section.slice_content_page div.main-content ul:not([id]) li {list-style:inherit;}
section.slice_content_page div.main-content ul:not([id]) li::before {content:'';display:none;}

/* Fix another issue with lists, when <p> tags are inside an <li> */
section.slice_content_page div.main-content div.ArticleBody li > p {margin:0;}

/* Fix system icons in media lists */
section.slice_content_page div.main-content div.ArticleBody img[src="/images/speaker_small.gif"] {
	display:inline;
  	width:18px !important;
	height:18px !important;
	max-width:18px !important;
	max-height:18px !important;
}
section.slice_content_page div.main-content div.ArticleBody img[src="/images/New.gif"] {
  	display:inline;
	width:25px !important;
	height:15px !important;
	max-width:25px !important;
	max-height:15px !important;
}
section.slice_content_page div.main-content div.ArticleBody img[src="/images/iconPDF2.gif"] {
  	display:inline;
	width:18px !important;
	height:16px !important;
	max-width:18px !important;
	max-height:16px !important;
}

section.slice_content_page div.main-content b,
section.slice_content_page div.main-content strong {font-weight:700;}

/* Form response box */
div.endis-jquery-ui div#divOverlay,
div.endis-jquery-ui div#divOverlay input.button {font-size:16px;line-height:1.3;}
div.endis-jquery-ui div#divOverlay.form_submission_overlay {letter-spacing:normal !important;}
div.endis-jquery-ui div#divOverlay.form_submission_overlay input.button {letter-spacing:1px !important;}
div.endis-jquery-ui div#divOverlay input.button:hover {color:black !important;}

/* Make sure icons are not bold on content page side-bar buttons */
section.slice_content_page aside.sidebar div.sidebar_buttons a.button_1::after,
section.slice_content_page aside.sidebar div.sidebar_buttons a.button_2::after,
section.slice_content_page aside.sidebar div.sidebar_buttons a.button_3::after,
section.slice_content_page aside.sidebar div.sidebar_buttons a.button1::after,
section.slice_content_page aside.sidebar div.sidebar_buttons a.button2::after,
section.slice_content_page aside.sidebar div.sidebar_buttons a.button3::after
{font-weight:400;}
/* Safety gap below the sidebar */
section.slice_content_page aside.sidebar {margin-bottom:10px;}

/* Fix some search box things */
section.slice_FixedSideLinks div.fixed-link-wrapper div.search-overlay_fixed-link span.search-close_fixed-link {cursor:pointer;}

/* Standard form code */
section.slice_content_page div.main-content div[id$="_elFormContents"] input[type="checkbox"],
section.slice_content_page div.main-content div[id$="_elFormContents"] input[type="radio"] {
	width:18px;height:18px;position:relative;top:3px;
}
section.slice_content_page div.main-content div[id$="_elFormContents"] input[type="button"] {
	font-size:inherit;
}
section.slice_content_page div.main-content div[id$="_elFormContents"] select {
  border-color:#dadee4; background-color:white;
}
section.slice_content_page div.main-content div[id$="_elFormContents"] textarea:focus,
section.slice_content_page div.main-content div[id$="_elFormContents"] input[type="radio"]:focus,
section.slice_content_page div.main-content div[id$="_elFormContents"] input[type="checkbox"]:focus,
section.slice_content_page div.main-content div[id$="_elFormContents"] select:focus,
section.slice_content_page div.main-content div._user_registration_aspx textarea:focus,
section.slice_content_page div.main-content div._user_registration_aspx input[type="radio"]:focus,
section.slice_content_page div.main-content div._user_registration_aspx input[type="checkbox"]:focus,
section.slice_content_page div.main-content div._user_registration_aspx select:focus {
	box-shadow:none;
  	outline:none;
}

/* Extra code for 'standard' tables in a form with the class "FormData" */
section.slice_content_page div.main-content div[id$="_elFormContents"] table.FormData {
	background-color:#f3f3f3; 
  	width:100% !important;
  	padding:0 5px 0 0;
}
section.slice_content_page div.main-content div[id$="_elFormContents"] table.FormData td:first-child {
	text-align:right;
  	width:33% !important;
}
section.slice_content_page div.main-content div[id$="_elFormContents"] table.FormData td:last-child {
  	width:67% !important;
}

/* BX slide-shows */
section.slice_content_page div.main-content div.bx-wrapper {margin-bottom:0;}
section.slice_content_page div.main-content div.bx-wrapper div.bx-viewport {
  left:0; box-shadow:none;
  background-color:#eeeeee;
  border:none;
}
section.slice_content_page div.main-content div.bx-wrapper div.bx-pager {
	bottom:0;
}
section.slice_content_page div.main-content div.bx-wrapper a.bx-pager-link {
  box-shadow:0 0 5px 1px #bbbbbb;
}
section.slice_content_page div.main-content div.bx-wrapper div.bx-controls-direction a {
  z-index:0;
  transition:none;
}
section.slice_content_page div.main-content div.bx-wrapper div.bx-caption {top:0;bottom:initial;}
section.slice_content_page div.main-content div.bx-wrapper a.bx-prev,
section.slice_content_page div.main-content div.bx-wrapper a.bx-next {
  text-decoration:none;
}
section.slice_content_page div.main-content div.bx-wrapper a.bx-prev::before,
section.slice_content_page div.main-content div.bx-wrapper a.bx-next::before {
  text-shadow:0 0 2px black;
}

section.slice_Header_L div.nav-menu ul.root_menu ul,
section.slice_Header_D div.nav-menu ul.root_menu ul,
section.slice_Header_T div.nav-menu ul.root_menu ul {
	box-shadow: 0px 10px 10px 2px rgba(0,0,0,.12);
}

/* Blog module comments on articles */
section.slice_content_page div.ArticleCommentList table.messagesbox,
section.slice_content_page div.ArticlePostComment table {
	border-collapse:collapse;
}
section.slice_content_page div.ArticleCommentList table.messagesbox tr:nth-child(odd) td {
	background-color:#dddddd;
}
section.slice_content_page div.ArticleCommentList table.messagesbox tr:nth-child(even) td {
	background-color:#eeeeee; 
}
section.slice_content_page div.ArticleCommentList table.messagesbox td,
section.slice_content_page div.ArticlePostComment table td {
	border:1px solid #cccccc;
  	text-align:center;
}
section.slice_content_page div.ArticlePostComment table td {padding:5px;}
section.slice_content_page div.ArticlePostComment table tr:last-child td {border:none;}
section.slice_content_page div.ArticleCommentList a[name="feedback"],
section.slice_content_page div.ArticlePostComment a.named-anchor {
  text-decoration:none;
  cursor:default;
}
section.slice_content_page div.ArticlePostComment {padding-top:20px;}
section.slice_content_page div.ArticlePostComment img {position:relative; top:2px;}
section.slice_content_page div.ArticlePostComment textarea {
  background-color:#eeeeee; border:none; outline:none; padding:5px;
}
section.slice_content_page div.ArticlePostComment textarea:focus,
section.slice_content_page div.ArticlePostComment input.text:focus {outline:none;}

/* Blog modules */
section.slice_content_page div.blogcomponent_articlediv a.ArticleCommentCount {padding-right:10px;}
section.slice_content_page div.main-content div.blogcomponent_articlediv {
	padding-top:20px; border-top:1px solid #bbbbbb; margin-top:20px;
}

/* Make sure the group nav is not hidden in mobile view */
section.slice_content_page aside.sidebar nav {display:block !important;}

/* Map module "Where's my nearest?" input box */
section.slice_content_page div.main-content div.map-nearest > input.text[id$="_tbNearest"],
section.slice_content_page div.main-content div[id$="MyNearestInput"] > input.text[id$="_MyNearestBox"] {
	padding:5px !important;
	width:130px !important;
  	line-height:1.3;
}
section.slice_content_page div.main-content div.map-nearest > div {
  position:static !important;
  padding-bottom:10px;
}
section.slice_content_page div.main-content div.map-nearest table {
  background-color:#f2f2f5;
}
section.slice_content_page div.main-content div.map-nearest table.gridstyle {
  padding:5px;
}
section.slice_content_page div.main-content div.map-nearest table.map-nearest-results {
  border:1px solid #c6c6c6; 
}
section.slice_content_page div.main-content div.map-nearest td {padding:3px;}
section.slice_content_page div.main-content div.map-nearest img {width:auto !important;}

/* Del with inactive (hover only) links in menus */
section.slice_content_page div.main-content div.ClonedGroupNav a {font-size:24px;}
section.slice_content_page div.main-content div.ClonedGroupNav > a {
  color:black;
  cursor:auto;
}
section.slice_content_page div.main-content div.ClonedGroupNav div.group_nav_child {
  margin:30px 0 0;
}
section.slice_content_page aside nav a.NotActiveGroupNavBoxLink,
section.slice_content_page aside nav a.NotActiveGroupNavBoxLink:hover {
  cursor:auto;	
  opacity:1 !important; /* get rid of any fade */
}

/* Article list old table.articlerow formats */
section.slice_content_page div.main-content table.articles_boxout_contents table.articlerow {
	margin:0 0 10px;
}
section.slice_content_page div.main-content table.articles_boxout_contents table.articlerow td {
  word-break:break-word;
}
section.slice_content_page div.main-content table.articles_boxout_contents table.articlerow img {
  display:block;
  width:100%;
  padding:0 5px 0 0;
  margin:0;
  height:auto !important;
}
@media (max-width:767px) {
  section.slice_content_page div.main-content table.articles_boxout_contents table.articlerow img {
      max-width:150px;
  }
}
@media (max-width:467px) {
  section.slice_content_page div.main-content table.articles_boxout_contents table.articlerow img {
      max-width:100px;
  }
}

/* code needed for nice help icon - 22nd May 2020*/
section.slice_content_page div.main-content div#GroupNotesEnclosingDiv 
table#groupnotes_dgGroupNotes a.HelpIcon {
  display:inline-block; text-decoration:none; position:relative; top:4px; margin:0 2px;
}

section.slice_content_page.WideContentCoreI div.main-content {
  width:100%;
  float:none;
  margin-left:0; margin-right:0;
  padding-left:20px; padding-right:20px;
}
@media (max-width:467px) {
  section.slice_content_page.WideContentCoreI div.main-content {
    padding-left:10px; padding-right:10px;
  } 
}

/* Center the side bar is there is no article to show. */
section.slice_content_page > div.container > aside.sidebar:first-child {
  	float:none;
	margin-left:auto;
  	margin-right:auto;
}

/*mobile friendly table */
section.slice_content_page div.main-content table.MobileFriendly {
	border-collapse:collapse;
}
section.slice_content_page div.main-content table.MobileFriendly td,
section.slice_content_page div.main-content table.MobileFriendly th {
  border:1px solid #cccccc;
  vertical-align:top;
  padding:5px;
  line-height:1.1;
}
@media (max-width:767px) {
  section.slice_content_page div.main-content table.MobileFriendly td,
  section.slice_content_page div.main-content table.MobileFriendly th {
    font-size:16px;
    padding:5px 2px;
    text-align:center;
  }
}

/* Copy of the Registration code for profile editor modules */
._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: 800px !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: 800px; margin: 0 auto 10px; padding-bottom: 5px; background-color: #eeeeee !important; 
  border: 1px solid #cccccc; 
}
@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 div.TopCaption input[type="checkbox"] { margin: 0 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; } /* use a simple font */
._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; 
  max-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: 15px; }
	._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: static; /* need this after new phone numbers */
}

._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: #eeeeee !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"],
._user_registration_aspx input[type="button"] { 
  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; }

div._user_registration_aspx input.button {padding:10px 20px !important; width:auto !important;}

div._user_registration_aspx select {
  margin:5px 0;
  border:1px solid #aaaaaa;
  width:98% !important;
}