/* Code for the Seeker Boxes */

section.SeekerBox {
  position:fixed;right:20px;bottom:20px;width:275px;
  border-radius:4px;
	background-color:white;
  padding:15px;
  box-shadow: 0px 0px 4px 4px rgba(128,128,128,.2);
  line-height:1.2;
}
section.SeekerBox div.FullSeekerArticle {display:none;}
section.SeekerBox div.SmallSeekerArticle a.HeadLink {
  display:block; background-color:transparent; font-size:0; padding:0;
}
section.SeekerBox img.Photo {
  position:absolute; right:10px; top:-85px;
  width:93px;height:93px;border-radius:50px;
  display:block;
  background-color:var(--SeekerBoxColour);
}
section.SeekerBox img.Close {
	width:30px;position:absolute; left:14px; bottom:16px; cursor:pointer;
  background-color:#bbbbbb;
  padding:4px; border-radius:50px;
  transition:background-color 300ms linear;
}
section.SeekerBox img.Close:hover {background-color:#999999;}
section.SeekerBox.Shrink img.Close {
	left:7px; bottom:7px;
}
section.SeekerBox.BigBox img.Close {
	width:auto; left:initial; bottom:initial; right:7px; top:7px;
  	padding:0; background-color:transparent;
}
section.SeekerBox.BigBox img.Close.Outer {display:none;}
section.SeekerBox b,
section.SeekerBox strong {font-weight:700;}

section.SeekerBox div.SmallSeekerArticle a {
  font-size:17px; font-weight:700;
  display:inline-block;padding:8px 10px 5px 40px;
  color:var(--SeekerBoxColour);
  background-color:white !important;
  border-radius:7px;
  opacity:1; text-decoration:none;
}
section.SeekerBox div.SmallSeekerArticle a:hover {
  color:var(--SeekerBoxColourHover);
  background-color:white !important;
  opacity:1; text-decoration:none;
}
body.OnSmallAppleDevice section.SeekerBox div.SmallSeekerArticle a {
	background-color:var(--SeekerBoxColourHover) !important;
    color:white !important;
}

section.SeekerBox div.VerboseText a {margin-top:10px;}
section.SeekerBox.Shrink {width:195px;padding:5px 5px 5px 10px;width:auto;right:10px;bottom:10px;}
section.SeekerBox.Shrink div.VerboseText,
section.SeekerBox div.NonVerboseText {display:none;}
section.SeekerBox.Shrink div.NonVerboseText {display:block;}

section.SeekerBox.BigBox {
	left:0;right:0;bottom:0;top:0;width:100%;height:100vh;border-radius:0;padding:0;
  background-color:rgba(0,0,0,0.6); box-shadow:none;
  z-index:110;
  display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;
}
@media (max-width:900px) {
  section.SeekerBox.BigBox {
    align-items:flex-end;
  }
}
section.SeekerBox.BigBox div.SmallSeekerArticle {display:none;}
section.SeekerBox.BigBox div.FullSeekerArticle {
  display:block;position:relative;max-width:840px;
  background-color:white;
  box-shadow: 0px 0px 20px 5px rgba(0,0,0,.12);
}
section.SeekerBox.BigBox div.FullSeekerArticle > h2 {
	background-color:var(--SeekerBoxColour);
	color:white;
  	padding:10px 10px 10px 20px;margin:0;
  	box-shadow: 0 2px 5px 0 rgba(0,0,0,.12), 0 2px 10px 0 rgba(0,0,0,.12);
}
section.SeekerBox.BigBox div.FullSeekerArticle div.ArticleBody {
  overflow-y:scroll;max-height:70vh;
  padding:20px;
} 
@media (max-width:767px) { 
  section.SeekerBox.BigBox div.FullSeekerArticle > h2 {padding:10px 5px 10px 20px;}
  section.SeekerBox.BigBox div.FullSeekerArticle div.ArticleBody {max-height:80vh;}
}

/* On a seeker box page, the reCAPTCHA widget has to move */
div.grecaptcha-badge {
	width:237px !important;
  	height:58px !important;
  	left:-75px;
  	right:initial  !important;
  	bottom:0 !important;
}
section.slice_content_page div.main-content div.grecaptcha-badge,
section.SeekerBox div.grecaptcha-badge,
section.slice_system_page div.grecaptcha-badge {
  position:static !important;
  box-shadow:none !important;
  border:1px solid #bbbbbb;
  margin-top:10px;
  width:256px !important;
  height:60px !important;
}
section.slice_system_page div.grecaptcha-badge {margin:10px auto 0;}


/* Code to control the space below the footer. */
footer {background-color:var(--SeekerBoxFooterBGColour);}
@media (max-width:1600px) {
  footer.WidgetShowing {padding-bottom:50px;}
}
@media (max-width:1400px) {
  footer.WidgetShowing {padding-bottom:130px;}
}


/* Code that was in the default "New To Church?" article to fix various things */
section.SeekerBox.BigBox div.FullSeekerArticle table table td:first-child {
  vertical-align:middle !important;
}
section.SeekerBox.BigBox div.FullSeekerArticle td.SendButton {padding-left:40.5%;}
@media (max-width:500px) {
  section.SeekerBox.BigBox div.FullSeekerArticle td.SendButton {padding-left:0;}
}

body.ArticleEditor a.HeadLink img {background-color:var(--SeekerBoxColour);}