@charset "utf-8";
/*
Answer Pages (all languages / adults)
ChristianAnswers.Net
© Copyright 1995, 2006, 2008, 2014, 2017-2021, 2023
Last edit 4.24.2024 pst

Available fonts…
	Open Sans—300,400,600,700,800
	Alef—400,700
	Lora—400,700
	Anton
Palette: Azure, TrustBlue, Solitude
*/

@media only screen and (max-width:400px) {
	
#answerpage h1 {text-align:left;}
.desktop-only  {display:none !important;}

#answerpage div.insertbox,
#answerpage div.sidebarp1 {
	float:none;
	max-width:100% !important;
	margin:0 0 20px 0 !important;
}
.mobileversion {
	width:100%;
	max-width:100%;
	display:block;
}
.mobileversion ul,
.mobileversion ul li {
	margin-left:10px;
	padding-left:0;
}

aside.pquote,
aside.pquoteR,
aside.pquoteL {max-width:50%;}

}

@media only screen and (max-width:600px) {
	
#answerpage h1 {text-align:left;}
.desktop-only  {display:none !important;}

#answerpage div.sidebarp1 {
	float:none;
	max-width:100% !important;
	margin:0 0 20px 0 !important;
}

}


@media screen {

/* FONTS========== */
body,
span.editorsnote_inline,
.greekchar {
	font-family:'Open Sans',Arial,Helvetica,Swiss,Geneva,sans-serif;
}

body#answerpage {
	color:#000;
	background:#333;
}
#answerpage #pagewrapper {
	max-width:1200px;
	margin:0 auto !important;
	float:none !important;
	background:#fff;
	border:none;
	font-size:18px;
}

#relign2 {width:192px; height:128px;}


span.azure,/* phase-out */
span.bigcap {
	font-family:Times,'Times New Roman',Georgia,serif;
}

blockquote,
blockquote p,
blockquote p a,
blockquote cite,
blockquote cite a,
aside.pquote,
aside.pquoteR,
aside.pquoteL,
.lettercorrespondence p,
.lettercorrespondence p a {
	font-family:Lora,Georgia,Times,'Times New Roman',serif;
}
.spcQ,
.spcQ p,
.spcQ a {
	font-family:"Courier New", Courier, monospace;
	font-size:inherit;
}

span.bve,
span.bve a,
span.bve a:link {
	font-family:Anton,'Open Sans',Arial,Helvetica,sans-serif !important;
	color:inherit !important;
}

.hebrewchar {
	font-family:'Alef',Code2000,sans-serif;
}
.aramaicchar,
.syriacchar {
	font-family:'Alef',sans-serif;
}

article#Cyrillic,
#Cyrillic blockquote,
#Cyrillic blockquote p,
#Cyrillic blockquote p a,
#Cyrillicspan .bigcap,
#Cyrillicspan aside.pquote,
#Cyrillicspan aside.pquoteR,
#Cyrillicspan aside.pquoteL,
#Cyrillicspan span.editorsnote_inline {
	font-family:'PT Sans' !important;
}
/* END FONTS */


p {
	line-height:175%;
	color:#333;
}
p.response {
	margin-left:30px;
	margin-top:30px;
	margin-bottom:30px;
}

div.questiontoanswer {
	background:#f9f8db;/* CoconutCream */
	padding:30px;
	line-height:150%;
	border:1px solid #ccc;
	margin-bottom:40px;
	border-radius:15px;
}

div.quoteinsert {
	font-size:12pt;
	font-weight:bold;
	line-height:170%;
	padding:15px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	text-align:center;
}
div.insertqandas {
	font-size:16px;
	line-height:150%;
	padding:15px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

.answerhdr {
	width:576px;
	background-color:#fff;
}

/* LANGUAGES */
.languages {
	font-weight:normal;
	font-size:75%;
	text-align:right;
	margin-left:2%;
}
.arabicchar {
	font-size:175%;
	direction:rtl;
}
.aramaicchar {
	font-size:200%;
	direction:rtl;
}
.hebrewchar {
	font-size:175%;
	direction:rtl;
}
.syriacchar {
	direction:rtl;
	font-size:40px;
	line-height:50px;
}
/* end languages */


/* phaseout */
.pagewrapper700 {background:#ffffff !important;}

#answerpage article {
	padding:0 30px 30px 30px;
}
#answerpage article p {
	max-width:45em;
	font-size:18px;
}
#answerpage article div.languages {
	margin-bottom:20px;
	text-align:right;
}
/* phaseout */
.answerbody {
	padding:10px 0 30px 0;
	text-align:left;
}
/* phaseout */
#answerbody {
	padding:0 20px 30px 0;
	/* 4.24.2024 padding:0 20px 30px 30px; */
}
#answerpage h1 {
	margin-top:45px;
	font-size:150%;
	color:#6699cc;/* Azure */ color:
}
#answerpage h1 span {
	color:inherit;
	font-size:110%;
}
#answerpage article a,
#answerpage article a:link,
#answerpage article a:visited,
#answerbody a,
#answerbody a:link,
#answerbody a:visited {
	color:inherit;
	border-bottom:2px solid #a7c6e5;/* TrustBlue */
	text-decoration:none !important;
}
#answerpage article a:visited,
#answerbody a:visited {
	color:#666;
}
#answerpage #answerpageSectIndexButton {
	position:relative;
	float:right;
	display:inline-block;
	margin:10px 0 50px 10px;
	font-size:16px;
}
#answerpage #answerpageSectIndexButton div {
	text-align:center;
}
#answerpage #searchboxAns {
	width:40%;
}
#answerpage h2 {
	margin:43px 0 0 0;
	padding:10px 10px 10px 15px;
	font-size:110%;
	font-weight:700;
	line-height:26px;
}
#answerpage .floatboxR,
#answerpage .floatboxL {
	position:relative;
	z-index:99;
	max-width:33%;
	background:#fff;
}
#answerpage .floatboxR {
	float:right;
	margin:0 0 20px 20px;
	padding:0 0 20px 20px;
}
#answerpage .floatboxL {
	float:left;
	margin:0 20px 20px 0;
	padding:0 20px 20px 0;
}
#answerpage div.bibleexcertp p {
	margin-top:0;
}
#answerpage div.bibleexcertp em {
	font-style:normal;
	font-weight:bold;
}

/* MODAL */
#answerpage .mWindow .mwTitle {
	color:#6699cc;/* azure */
	background:none;
	font-size:18px;
	line-height:27px;
	margin:30px 0 10px;
	padding:0 0 2px 0;
	border-bottom:2px groove #efefef;
}
#answerpage .mWindow .mwTitle a {
	border-bottom:none !important;
}
#answerpage .bxalsosee span {/* also see NOT USED YET */
	color:#6699cc;/* azure */
}
#answerpage .ok,
#answerpage .close,
#answerpage .cancel {
	border-bottom:none !important;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-moz-box-shadow:1px 1px 3px #000;
	-webkit-box-shadow:1px 1px 3px #000;
	box-shadow:1px 1px 3px #000;
}
#answerpage div.tocTitle {
	font-size:18px;
	font-weight:600;
	font-style:italic;
}
#answerpage ol.tableofcontents {
	padding-left:20px;
}
#answerpage ol.tableofcontents li {
	position:relative;
	left:0;
	list-style:decimal;
	font-size:14px;
	line-height:150%;
	padding-left:8px;
	margin-bottom:15px;
}
#answerpage ol.tableofcontents li a {border-bottom:none;}

#answerpage .quotfeatured {
	background-color:#e2e2c9;/* Tana */
	border:1px solid #000;
	padding:15px;
}
#answerpage .quotfeatured blockquote p,
#answerpage .quoteSpecial p {
	font-family:'Courier New', Courier, monospace;
	text-align:left;
}

#answerpage a {
	color:#000;
}
#answerpage a:link {
	text-decoration:none !important;
	border-bottom:2px solid #a7c6e5;/* TrustBlue */
}
#answerpage a:visited {
	text-decoration:none !important;
	border-bottom:2px solid #ccc !important;/* Gray-MediumDark */
}
#answerpage #TBL_comparison {
	width:100%;
	max-width:800px;
	border-collapse:collapse;
	margin:30px 0;
}
#answerpage #TBL_comparison th {
	padding:10px;
}
#answerpage #TBL_comparison td {
	width:50%;
	line-height:2em;
	padding:15px 15px 15px 0;
	border-bottom:1px solid #ccc;
}
#TBL_comparison td em {
	font-style:normal;
	text-transform:uppercase;
}

h1 {
	font-size:24px;
	font-weight:800;
	line-height:150%;
	text-align:center;
	text-shadow:4px 3px 3px #ccc;
	text-decoration:none;
	vertical-align:middle;
	margin:20px 0;
	padding:0;
}
h1.redbrown {/* phaseout */
	color:#996666;
}
h1.OLD {/* phaseout */
	font-size:110%;
	text-decoration:none;
	background:transparent;
	color:black;
	margin-top:6%;
}

/* special========== */
ol.spcaigc018 li {margin:0 0 10px 0;}

ol.spcaigc029 li {
	font-size:80%;
	margin-bottom:10px;
}

ol.spcaigc033 li {
	margin-bottom:10px;
	font-size:75%;
}
.spcboxgaptheory {
	text-align:center;
	padding:15px;
	border:1px solid #ccc;
	font-weight:bold;
}
ol.spcdmly006 li    {margin-bottom:10px;}
table.spcdmly038 tr {vertical-align:top;}
table.spcdmly038 td {line-height:175%;}
td.spcdmly038       {text-align:right;}
div.spcdmly038      {color:#6699cc;width:150px;}
table.spcabra020    {border-collapse:collapse;}
table.spcabra020 td {
	font-size:14px;
	padding:10px;
	margin:0;
	border:1px solid #ccc;
}

/* CAPTIONS========== */
div.caption {
	margin:0;
	padding:5px 0 15px 0;
	font-size:15px;
}
div.caption a {
	font-size:15px;
}
div.caption,
div.caption a,
div.caption .cc a {
	color:#666 !important;
}
#answerpage .floatboxL div.caption {
	clear:left;
}#answerpage .floatboxR div.caption {
	clear:right;
}
#answerpage .floatboxL div.caption,
.imgright .caption {
	text-align:left;
}
#answerpage .floatboxR div.caption,
.imgright .caption {
	text-align:right;
}
.cc,
.cc a {
	font-size:8px;
}
.cc a {
	border-bottom:0 !important;
}
img.captioned {/* phase-out */
	margin-bottom:5px;
}
/* end captions========== */


/* colors */
#azure,
.clrAzure,
h1.azure,
h2.azure,
h2.azure a:link,
h2.azure a:visited,
h2.azure a:active,
h3.azure,
span.azure,
span.bigcap,
p.azure,
p.azuresubtitle,
div.azure,
.azuresubtitle,
.pquote p,
.pquote blockquote,
.pquoter blockquote {
	color:#6699cc !important;/* Azure */
}

#answerpage h2,
#answerpage h2 a,
#answerpage div.inserttitle,
#answerpage div.sidebartitle,
div.sidebartitle,
#answerpage #TBL_comparison th,
#answerpage article a:hover,
#answerbody a:hover,
#answerpage .caption a:hover,
#answerpage .ok,
#answerpage .close,
#answerpage .cancel,
div.specialinserttitle,
.azureboxtitle {
	color:#fff !important;
	background:#6699cc;/* Azure */
}
/* end colors */


/* VIDEO========== */
.vidcontainer {
	background:#6699cc;/* Azure */
}
.vidfooter {
	background:#000;
	border-radius:0 0 15px 15px;
}
.vidheader,
.vidheader a,
.vidheader a:link {
	color:#fff;
}
.vidDesc {
	text-align:center;
}
/* OLD */
.vidheader .videoAbout,
.videocontainer600 .videoheader {
	margin-top:20px;
	margin-bottom:0 !important;
	padding:10px 0;
	width:100%;
	background:#6699cc;/* Azure */
	color:#fff;
	font-size:18px !important;
	font-weight:bold;
	line-height:32px;
	text-align:center;
	border-radius:15px 15px 0 0;
}
/* end video */

h2 {
	font-size:110%;
	font-weight:bold;
	text-decoration:none;
	background:transparent;
	margin-top:6%;
	line-height:150%;
}

button#indexButton {/* for text button linking to an index page */
	float:right;
	margin:0 0 20px 10px;
	padding:5px 8px;
	-webkit-box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80);
	-moz-box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80);
	box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80);
}

span.bigcap,
span.azure {
	float:left;
	font-size:75px;
	font-weight:normal;
	line-height:60px;
	padding-top:4px;
	padding-right:8px;
	padding-left:3px;
}
.smalltext span.bigcap {
	float:left;
	font-size:43px;
	font-weight:normal;
	line-height:40px;
	padding-top:3px;
	padding-right:5px;
	padding-left:0;
	border:0 solid #ccc;
}


span.bve {/* Bible verse word or phrase emphasis (BibleVerseEmphasis) */
	display:block;
	line-height:38px;
	padding-top:5px;
}
span.bve,
span.bve a {
	font-size:24px;
	color:#333;/* very dark gray */
}
span.bve a {
	line-height:125%;
}

#versionarticle,
.versionarticle {
	text-align:left;
	font-size:12px;
}

blockquote {
	margin-left:15px;
	margin-right:10px;
}
blockquote,
blockquote p,
blockquote p a {
	font-size:103%;
	line-height:175%;
}
blockquote em {/* used esp to emphasize discussed word in Bible verses */
	font-style:normal;
	font-weight:600;
}

/* PULLQUOTES
	----aside pquote(R) CSS-only pullquotes
	----does NOT use /scripts/pullquote.js or any other script
*/
aside.pquote,
aside.pquoteR,
aside.pquoteL {
	width:200px;
	padding:8px 8px 12px 8px;
	border-top:3px solid #6699cc;/* azure */
	border-bottom:3px solid #6699cc;/* azure */
	color:#6699cc !important;/* azure */
	background:transparent;
	font-size:20px;
	font-style:italic;
	font-weight:600;
	line-height:150% !important;
}
aside.pquote {
	float:left;
	margin:4px 20px 10px 0;
}
aside.pquoteR {
	float:right;
	margin:4px 0 10px 20px;
}
aside.pquoteL {
	float:left;
	margin:4px 20px 10px 0;
}
aside.pquote:first-letter,
aside.pquoteR:first-letter {
	text-transform:uppercase;
}
/* end pullquotes */


/* SATELLITE MAPS */
div.googlemap {
	position:relative;
	padding-bottom:56.25%;/* very important, do not change • this scales as the viewport is resized, this figure was reached by using the video’s aspect ratio of 16*9, so 9 divided by 16 = 0.5625 or 56.25% */
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.googlemap iframe,
.googlemap object,
.googlemap embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	max-width:1024px;
	height:100%;
}
.googlemap iframe {
	border:0;
}
.googlemap .caption {
	position:relative;
	top:-40px;
	left:0;
	margin-top:20px;
	width:100%;
}
/* END MAPS */

/* INSERT BOXES • “insertbox|” */
#answerpage div.insertbox,
#answerpage div.sidebarp1,
div.sidebarp1 {
	position:relative;
	float:right;
	z-index:99;
	max-width:50%;
	margin:0 0 20px 20px;
	padding:0;
	background:#f0eee4;/* Marshmallow */
	border-radius:0 0 15px 15px;
}
#answerpage div.inserttitle,
#answerpage div.insertbox,
#answerpage div.inserttext,
#answerpage div.inserttext p,
#answerpage div.sidebarp1,
#answerpage div.sidebarp2 p,
#answerpage div.sidebartitle {
	font-size:16px;
}
#answerpage div.inserttext,
#answerpage div.sidebarp2,
div.sidebarp2 {
	padding:10px 15px 20px 15px;
}
#answerpage div.inserttitle,
#answerpage div.sidebartitle,
div.sidebartitle {
	font-weight:700;
	text-align:center;
	padding:5px;
}
div.specialinserttitle {
	font-size:15px;
	font-weight:700;
	text-align:center;
	padding:5px 10px 8px 10px;
}
#answerpage div.specialinserttitle {
	font-size:15px;
	font-weight:700;
	text-align:center;
	padding:5px 10px 8px 10px;
}
#answerpage div.specialinserttext,
div.specialinserttext {
	padding:0 15px 15px 15px;
}
#answerpage div.specialinserttext h2,
div.specialinserttext h2, {
	font-size:13px;
	font-weight:600;
	color:#6699cc;/* Azure */
	margin-bottom:0;
}
.insertfeaturednote {
	margin:30px 0 20px 0;
	padding:20px;
	border:1px solid #999;
	border-radius:15px;
}
/* END INSERT BOXES */


/* INSERTS========== */
#answerpage #span.qanda {font-weight:bold;}
#answerpage .insert_QA {
	display:block;
	float:none;
	margin-top:30px;
	padding:0 0 15px 0;
	border-bottom:2px solid #cfcfcf;/* VeryLightGray */
	margin-bottom:35px;
}

#answerpage .insert_QA .question {
	font-weight:600;
}
#answerpage .QA_divider div,
#answerpage .insert_QA .question span::before,
#answerpage .insert_QA .answer span::before {
	color:#939597;/* UltimateGray */
}
#answerpage .insert_QA .question span::before,
#answerpage .insert_QA .answer span::before {
	font-size:24px;
}
#answerpage .insert_QA .question span::before {
	content:"Q.  ";
}
#answerpage .insert_QA .answer span::before {
	content:"A. ";
}
#answerpage .QA_divider {
	border:0px solid #fff;
	background-image:url('/img/lineHMid.png');
	background-repeat:repeat-x;
	background-position:center;
}
#answerpage .QA_divider div {
	font-size:18px;
	font-weight:600;
}
#answerpage div.QA_divider span {
	background:#fff;
	margin-left:40px;
}
/* END INSERTS========== */

div.editorsnote {
	font-size:11px;
	line-height:140%;
	padding-left:20px;
	margin:15px 0;
}
div.editorsnote span {
	color:#6699cc;
	font-weight:700;
}
span.editorsnote_inline {
	font-size:90%;
	font-weight:normal;
}

div.lettercorrespondence {/* for personal letters used within answer pages */
	margin:20px 0 40px 40px;
	border:1px solid #999;
	padding:20px 40px 50px 50px;
	position:relative;
	-webkit-box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80);
	-moz-box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80);
	box-shadow:4px 5px 10px rgba(0, 0, 0, 0.80);
}

.indent {padding-left:20px;}

/* STANDARD TABLE========== */
table.ansTbleStandard {
	border-collapse:collapse;
	margin:0;
	padding:0;
}
table.ansTbleStandard,
table.ansTbleStandard p {
	font-size:14px !important;
	line-height:170%;
}
table.ansTbleStandard th[scope='col'] {
	background:#000;
	color:#fff;
	vertical-align:middle;
}
table.ansTbleStandard tr:nth-child(odd) { 
	background:#e5edf6;/* Solitude */
} 
table.ansTbleStandard th[scope='row'] {
	background:#e5edf6;/* Solitude */
}
table.ansTbleStandard th,
table.ansTbleStandard td {
	border:1px solid #000;
	padding:8px 10px;
}
/* end standard table */

table.answertable {/* phaseout */
	position:relative;
	top:-3px;
	width:100%;
	margin:0;
	padding:0;
	border:none;
	border-collapse:collapse;
}
.answertable tr {/* phaseout */
	vertical-align:top;
	margin:0px;
	padding:0px;
}

/* LISTS==========*/
ul li,
ol li {margin-bottom:10px;}
ul {list-style:square;}
ul li:first-letter {text-transform:uppercase;}

ul.zeromargin {
	list-style-type:square;
	margin:0 0 0 20px;
	padding:0;
}
ul.listspaced li,
ol.listspaced li {
	margin-bottom:4%;
	line-height:175%;
}
/* end lists */

/* FOOTNOTES==========*/
.footnote {
	margin-top:40px;
	font-size:13px;
}
.footnote::before {
	content:"Footnotes";
	font-size:15px;
	font-weight:300;
	font-style:italic;
	position:relative;
	left:-40px;
}
.ftnlink {
	font-size:12px;
	font-weight:400;
	position:relative;
	top:-6px;
}
a.footnotenumberLink {
	position:relative;
	top:-3px;
	font-size:85%;
	margin-left:3px;
	margin-right:8px;
}
.footnotenumberLink::before {content:"[";}
.footnotenumberLink::after  {content:"]";}
.footnotes li {
	font-size:13px;
	margin:0 0 10px 0;
}
@custom-media --breakpoint (width < 768px);

.littlefoot {
	--button-background-color: #949494;
	--button-text-color: #fff;
	--button-active-background-color: #3f3f3f;
	--button-active-text-color: #fff;
	--button-border-radius: 0.5rem;
	--button-height: 1rem;
	--button-margin: 0 0.1rem;
	--button-padding: 0 0.6rem;
	--button-transition: background-color 0.25s ease, color 0.25s ease;
	--popover-background-color: #f5f5f5;
	--popover-text-color: #111;
	--popover-border: 1px solid #949494;
	--popover-border-radius: 0.5rem;
	--popover-max-height: 15em;
	--popover-max-width: 90%;
	--popover-horizontal-padding: 1.4rem;
	--popover-vertical-padding: 0.6rem;
	--popover-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	--popover-transform-origin: 50% 0;
	--popover-transform: scale(0.1) translateZ(0);
	--popover-active-transform: scale(1) translateZ(0);
	--popover-transition: opacity 0.25s ease, transform 0.25s ease;
	--popover-width: 22em;
	--popover-scroll-indicator-color: #3f3f3f;
	--popover-tooltip-size: 0.5rem;
	position: relative;
}
.littlefoot__button {
	background-color: var(--button-background-color);
	border-radius: var(--button-border-radius);
	border: var(--button-border, 0);
	color: var(--button-text-color);
	cursor: pointer;
	display: inline-block;
	font-size: var(--button-font-size, 0.75rem);
	font-weight: var(--button-font-weight, initial);
	height: var(--button-height);
	margin: var(--button-margin);
	padding: var(--button-padding);
	text-decoration: none;
	transition: var(--button-transition);
	vertical-align: middle;

	&:hover,
	&:focus,
	&:active,
	&.is-active {
	background-color: var(--button-active-background-color);
	color: var(--button-active-text-color);
}
& svg {
	float: left;
	height: 0.3rem;
}
.littlefoot__popover {
  border: var(--popover-border);
  border-radius: var(--popover-border-radius);
  box-shadow: var(--popover-shadow);
  margin: calc(var(--popover-tooltip-size) + var(--button-height)) 0;
  max-width: var(--popover-max-width);
  position: absolute;
  top: 0;
  transform-origin: var(--popover-transform-origin);
  transform: var(--popover-transform);
  transition: var(--popover-transition);
  width: var(--popover-width);
  z-index: 1;
}
&.is-above {
	bottom: 0;
	top: auto;
}
&.is-active {
    transform: var(--popover-active-transform);
}
.littlefoot__wrapper {
  border-radius: var(--popover-border-radius);
  position: relative;
  z-index: 1;
}
.littlefoot__content {
	-webkit-overflow-scrolling: touch;
	background-color: var(--popover-background-color);
	border-radius: var(--popover-border-radius);
	color: var(--popover-text-color);
	font-family: var(--popover-font-family, initial);
	font-size: var(--popover-font-size, initial);
	font-style: var(--popover-font-style, initial);
	font-weight: var(--popover-font-weight, initial);
	line-height: var(--popover-line-height, normal);
	max-height: var(--popover-max-height);
	overflow: auto;
	padding: var(--popover-vertical-padding) var(--popover-horizontal-padding);
}
& img {max-width: 100%;}
&:focus {outline: none;}

.is-scrollable {
	--minus-one: -1;
	& .littlefoot__content::after {
	bottom: 0;
	color: var(--popover-scroll-indicator-color);
    content: '\21E3';
    display: block;
    left: 0;
    opacity: 1;
    position: sticky;
    text-align: center;
    transform: translateX(
        calc(var(--minus-one) * var(--popover-horizontal-padding))
      )
      translateY(calc(var(--popover-vertical-padding) / 2));
	transition: var(--popover-transition);
	width: var(--popover-horizontal-padding);
}
&.is-fully-scrolled .littlefoot__content::after {
	opacity: 0;
}
.littlefoot__tooltip {
  --minus-one: -1;
  background-color: var(--popover-background-color);
  border: var(--popover-border);
  box-shadow: var(--popover-shadow);
  height: calc(2 * var(--popover-tooltip-size));
  margin-left: calc(var(--minus-one) * var(--popover-tooltip-size));
  position: absolute;
  transform: rotate(45deg);
  width: calc(2 * var(--popover-tooltip-size));
}
.is-below .littlefoot__tooltip {
  top: calc(var(--minus-one) * var(--popover-tooltip-size));
}
.is-above .littlefoot__tooltip {
  bottom: calc(var(--minus-one) * var(--popover-tooltip-size));
}

} /* END CUSTOM-MEDIA --BREAKPOINT */

@media (--breakpoint) {

.littlefoot__popover {
    border-radius: 0;
    border-width: 1px 0 0;
    bottom: 0;
    left: 0 !important;
    margin: 0;
    max-width: 100% !important;
    position: fixed;
    right: 0;
    top: auto;
    transform: translateY(100%);
    width: 100%;

    &.is-active {
      transform: translateY(0);
}
.littlefoot__wrapper {
	border-radius: 0;
	max-width: 100% !important;
	transform: none;
}
.littlefoot__tooltip {
    display: none;
}

} /* END MEDIA BREAKPOINT */


#whatsnew {/* phase-out */
	display:none;
}
.whatsnew {/* phase-out */
	float:right;
	margin:0 0 15px 10px;
	width:110px;
	height:54px;
}

#ansIndexButton {
	float:right;
	margin:0 0 5px 10px;
	width:61px;
	height:30px;
}
#ansCANNameAddress {
	font-size:85%;
}
#ansCANLogo {
	width:115px;
	height:33px;
}
#ansHomeButton {
	width:57px;
	height:22px;
}
#ansDirectoryButton {
	width:58px;
	height:22px;
}

.textboxstd {
	background-image:url('https://ChristianAnswers.Net/spotlight/cream.gif');
	text-align:left;
	padding:15px 10px 30px 10px;
}

td {text-align:left;}

body {
	font-style:normal;
	color:black;
	text-align:left;
}
body.burlap {
	background-image:url('https://ChristianAnswers.Net/kids/burlap.gif');
}

.header {
	height:auto;
	width:auto;
	background:#fff;
}

.wrapper {
	background:#fff;
	height:auto;
	width:700px;
	position:relative;
}
#redbrown {color:#996666;}
#redbrownbullet li {
	list-style-image:url('https://ChristianAnswers.Net/a3.gif');
	margin-bottom:2%;
}
.redbrowncol {
	background-color:#ff0000;/* BrightRed */
	width:50px;
	height:100%;
	text-align:left;
	margin-right:10px;
	border:none;
}
a.refnum:link,
a.refnum:visited,
a.refnum:hover,
a.refnum:active {
	font-size:80%;
	text-decoration:none;
}
a:link {
	color:#990066;
	background:none;
	text-decoration:none;
}
a:visited {
	color:#0000cc;
	background:none;
	text-decoration:none;
}
a:hover {
	color:#ff0000;/* BrightRed */
	background:#f8dc00;/* Golden2 */
	text-decoration:underline;
}
a:active {
	color:#ff00ff;
	background:none;
	text-decoration:underline;
}
a.footnumber {
	color:#990066;
	font-size:80%;
	background:none;
	text-decoration:none;
}
td.khaki {
	background:#f0eee4;/* Marshmallow */
	width:50px;
}

/* AZURE */
td.azure {
	display:none;
/*
	background:#6699cc;
	width:50px;
	margin:0;
	padding:0;
	border:none;
*/
}
td.azure img {display:none;}

.azuresubtitle {
	font-weight:700;
	font-size:110%;
	text-align:left;
}
p.azure {
	font-weight:700;
	font-size:120%;
	text-align:center;
	margin-top:20px;
}
p.azuresubtitle {
	font-weight:bold;
	font-size:110%;
	text-align:left;
}
div.azure {
	background:transparent;
	font-weight:bold;
	font-size:102%;
	text-align:center;
	margin-top:6%;
}
.azureboxtitle {/* phase-out */
	margin:6% 0 6% 0;
	padding:3px 10px 5px 10px;
	border-style:none;
	font-weight:700;
	text-align:center;
}
.tealboxtitle {/* phase-out */
	color:#fff;
	border-style:none;
	background-color:#669999;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:3px 10px 5px 10px;
}

td.redbrown {/* phase-out */
	background:#996666;
	width:50px;
}
p.redbrown {/* phase-out */
	color:#996666;
	font-weight:bold;
	font-size:120%;
	text-align:center;
}
span.redbrown {/* phase-out */
	color:#996666;
	font-family:Times,'Times New Roman';
	font-weight:bold;
	font-size:225%;
}
span.redbrowntext {/* phase-out */
	color:#996666;
}
h2.redbrown {/* phase-out */
	font-size:102%;
	font-weight:bold;
	text-decoration:none;
	background:transparent;
	color:#996666;
	margin-top:6%;
}
p.redbrownsubtitle {/* phase-out */
	color:#996666;
	font-weight:bold;
	font-size:110%;
	text-align:left;
}
.redbrownboxtitle {/* phase-out */
	color:#fff;
	border-style:none;
	background-color:#996666;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:3px 10px 5px 10px;
}

td.green {/* phase-out */
	background:#669966;
	width:50px;
}
p.green {/* phase-out */
	color:#669966;
	font-weight:bold;
	font-size:120%;
	text-align:center;
}
span.green {/* phase-out */
	color:#669966;
	font-family:Times,'Times New Roman';
	font-weight:bold;
	font-size:225%;
}
h2.green {/* phase-out */
	font-size:102%;
	font-weight:bold;
	text-decoration:none;
	background:transparent;
	color:#669966;
	margin-top:6%;
}
p.greensubtitle {/* phase-out */
	color:#669966;
	font-weight:bold;
	font-size:110%;
	text-align:left;
}
p.greenboxtitle {/* phase-out */
	color:#fff;
	border-style:none;
	background-color:#669966;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:3px 10px 5px 10px;
}
div.green {/* phase-out */
	color:#669966;
	background:transparent;
	font-weight:bold;
	font-size:102%;
	text-align:center;
	margin-top:6%;
}
p.greenboxtitle {/* phase-out */
	color:#fff;
	border-style:none;
	background-color:#669966;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:3px 10px 5px 10px;
}

td.goldbrown {/* phase-out */
	background:#cc9966;
	width:50px;
}
p.goldbrown {/* phase-out */
	color:#cc9966;
	font-weight:bold;
	font-size:120%;
	text-align:center;
}
span.goldbrown {/* phase-out */
	color:#cc9966;
	font-family:Times,'Times New Roman';
	font-weight:bold;
	font-size:225%;
}
h2.goldbrown {/* phase-out */
	color:#cc9966;
	font-size:102%;
	font-weight:bold;
	text-decoration:none;
	background:transparent;
	margin-top:6%;
}
p.goldbrownboxtitle {/* phase-out */
	background:#cc9966;
	color:#fff;
	border-style:none;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:3px 10px 5px 10px;
}
hr.goldbrown {/* phase-out */
	color:#cc9966;
}

h1.teal {/* phase-out */
	color:#669999;
	font-weight:bold;
	font-size:120%;
	text-align:center;
	margin:20px 0 20px 0;
	padding:0;
}
td.teal {/* phase-out */
	background:#669999;
	width:50px;
}
p.teal {/* phase-out */
	color:#669999;
	font-weight:bold;
	font-size:120%;
	text-align:center;
}
span.teal {/* phase-out */
	color:#669999;
	font-family:Times,'Times New Roman';
	font-weight:bold;
	font-size:225%;
}
h2.teal {/* phase-out */
	font-size:102%;
	font-weight:bold;
	text-decoration:none;
	background:transparent;
	color:#669999;
	margin-top:6%;
}

td.red {/* phase-out */
	background:#cc6666;
	width:50px;
}
p.red {/* phase-out */
	color:#cc6666;
	font-weight:bold;
	font-size:120%;
	text-align:center;
}

p.redsubtitle {/* phase-out */
	color:#cc6666;
	font-weight:bold;
	font-size:110%;
	text-align:left;
}
span.red {/* phase-out */
	color:#cc6666;
	font-family:Times,'Times New Roman';
	font-weight:bold;
	font-size:225%;
}
h2.red {/* phase-out */
	color:#cc6666;
	font-size:102%;
	font-weight:bold;
	text-decoration:none;
	background:transparent;
	margin-top:6%;
}
div.red {/* phase-out */
	color:#cc6666;
	background:transparent;
	font-weight:bold;
	font-size:102%;
	text-align:center;
	margin-top:6%;
}
p.redboxtitle {/* phase-out */
	background-color:#cc6666;
	color:#fff;
	border-style:none;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	padding:3px 10px 5px 10px;
}

/* IMAGES */
img {
	position:relative;
	z-index:99;
}
.HopeLineBanner img,
img.HopeLineBanner {
	width:342px;
	height:68px;
	margin:30px 0 0 0;
}
/* END IMAGES */

/* below is only for catalog product javascript inserted into answer pages */
a.indxtitle {
	color:#6699cc;
	text-decoration:none;
	background:none;
	font-size:14pt;
	font-weight:bold;
	font-style:italic;
	margin-right:10px;
}
a.indxtitle:active {
	color:#cc0066;
}
a.indxtitle:hover {
	color:#cc0066;
	background:#ffcc33;
	text-decoration:underline;
}
div.catauthor {
	font-style:italic;
	font-size:11pt;
	margin-bottom:10px;
}
img.catdvd {
	width:38px;
	height:23px;
	margin:0 5px;
}
img.catcc {
	width:20px;
	height:15px;
	margin:0 5px;
}
img.catvhs {
	width:35px;
	height:18px;
	margin:0 5px;
}
div.catindxdesc {
	font-size:11pt;
}
div.catindxpriceline {
	text-align:right;
	margin-top:10px;
	font-size:80%;
}
input.catcartad {
	width:108px;
	height:19px;
	margin:3px 0 5px 20px;
}
.catprice {
	color:#3366cc;
	font-size:12pt;
	font-weight:bold;
}
span.cents {
	text-decoration:underline;
	vertical-align:super;
	font-size:50%;
}
/* END CATALOG INSERTS */


/* following apply to specific answer pages */

/* edn-c019.html and other language editions */
/* #tablezodiac {border-collapse:collapse;} */
#tablezodiac caption {font-size:16px; margin-bottom:15px;}
#tablezodiac th, #tablezodiac td {text-align:left !important; padding:20px !important;}
#tablezodiac th {border:1px solid #ccc !important;}

/* end specific answer page styles */

}

@media not print {
	
.littlefoot--print {display:none;}

} /* end media notprint */

@media print {

.noprint,
.littlefoot__popover,
.littlefoot__button {
	display:none !important;
}

.print {display:block !important;}

img {max-width:100% !important;}

footer {break-after:always;}

#answerpage body {backgound:#fff !important;margin:0 !important;padding:0 !important;}
#answerpage #canheader {margin:0;padding:0;}
#answerpage pagewrapper {margin:0;padding:0;}
#answerpage #canlogo380 {margin:0 !important;padding:0 !important;max-width:125px !important;}

body,
h1,
h2,
h3,
h4,
p,
div,
article {
	font-family:'Open Sans',Arial,Helvetica,sans-serif;
}

footer,
#searchboxAns,
#ansDirectoryButton,
#ansFooterLinks,
#ansFurtherReading,
#ansHomeButton,
#ansIndexButton,
#cannavbar,
#tocbox,
#whatsnew,
.cancel,
.cantopbar,
.close,
.languages,
.vidcontainer,
.tmbanner,
img.goldbar {
	display:none
}

#answerbody a,
#answerbody a:link,
#answerbody a:visited {
	color:#000;
	border-bottom:none;
	text-decoration:none;
}
#answerbody a:visited {
	color:#000;
}
#answerbody a:hover {
	color:#000;
	background-color:transparent;
}
#answerpage .floatboxR {
	max-width:33%;
	position:relative;
	float:right;
	z-index:99;
	margin-left:20px;
	margin-bottom:20px;
	padding-left:20px;
	background:#fff;
}
#answerpage .floatboxR div.caption {
	clear:right;
	padding-top:10px;
	text-align:right;
}

/* COLORS========== */
#azure,
.clrAzure,
h1.azure,
h2.azure,
h2.azure a:link,
h2.azure a:visited,
h2.azure a:active,
h3.azure,
span.azure,
span.bigcap,
p.azure,
p.azuresubtitle,
div.azure,
.azuresubtitle,
.pquote p,
.pquote blockquote,
.pquoter blockquote {
	color:#6699cc !important;/* Azure */
}
/* end colors */

span.bigcap,
span.azure {
	float:left;
	color:#6699cc;/* azure */
	font-family:Times,'Times New Roman',Georgia,serif;
	font-size:75px;
	font-weight:normal;
	line-height:60px;
	padding-top:4px;
	padding-right:8px;
	padding-left:3px;
}

#publishedbycan {
	margin-top:30px;
	text-align:center;
	font-size:13px;
	line-height:20px;
}

h1 {
	font-size:24px;
	font-weight:800;
	line-height:150%;
	text-align:center;
	text-shadow:4px 3px 3px #ccc;
	text-decoration:none;
	vertical-align:middle;
	margin:20px 0;
	padding:0;
}
h2 {
	font-size:18px;
	margin-top:40px;
}

img {
	border:none;
	position:relative;
	z-index:99;
}

td.azure {
	background:none;
	display:none;
	width:0;
}

a:link,
a:visited,
a:hover,
a:active {
	color:#000;
	background:none;
	text-decoration:none;
}

a.footnumber,
a.refnum:link,
a.refnum:visited,
a.refnum:hover,
a.refnum:active {
	text-decoration:none;
}
div.caption {
	font-size:9pt;
	margin:10px 0 15px 0;
	color:#666;
}
div.caption a {
	color:#666;
}

/* OLD to be phased out */
/* dependentcy: /scripts/pullquote.js */
blockquote.pullquote {
	float:left;
	width:160px;
	margin:4px 12px 4px 0;
	padding:8px;
	border:3px solid #000;
	border-width:3px 0;
	color:#000;
	background:transparent;
	font-size:130%;
	font-style:italic;
}
.pullquote p {
	margin:0;
	text-align:center;
}
.pullquote p:first-letter {
	text-transform:uppercase;
}

} /* END PRINT */