@charset "UTF-8";
/*
ChristianAnswers.Net Christmas sites styles (in multiple languages)
Copyright © Christian Answers (Films for Christ)
Last edited 12.11.2025 pst
Needs cleanup
*/

body {
	color:#000;
	background-color:#3a6a47;/* KillarneyGreen */
	background-image:url('/christmas/bkd-greenish.jpg');
	font-style:normal;
	font-size:18px;
}

#pagewrapper {
	max-width:1200px;
	margin:0 auto !important;
	float:none !important;
	background:#fff;
	border:none;
}

/* phase-out following class */
.pagewrapper {
	max-width:850px;
	background:#fff;
	border:none;
}

/* For mobile phones: */
div[class*=col-]{width:100%;}

@media only screen and (min-width: 600px) {
  /* For tablets: */
  .col-s-1 {width:8.33%;}
  .col-s-2 {width:16.66%;}
  .col-s-3 {width:25%;}
  .col-s-4 {width:33.33%;}
  .col-s-5 {width:41.66%;}
  .col-s-6 {width:50%;}
  .col-s-7 {width:58.33%;}
  .col-s-8 {width:66.66%;}
  .col-s-9 {width:75%;}
  .col-s-10 {width:83.33%;}
  .col-s-11 {width:91.66%;}
  .col-s-12 {width:100%;}
}
@media only screen and (min-width: 768px) {
  /* For desktop: */
  .col-1 {width:8.33%;}
  .col-2 {width:16.66%;}
  .col-3 {width:25%;}
  .col-4 {width:33.33%;}
  .col-5 {width:41.66%;}
  .col-6 {width:50%;}
  .col-7 {width:58.33%;}
  .col-8 {width:66.66%;}
  .col-9 {width:75%;}
  .col-10 {width:83.33%;}
  .col-11 {width:91.66%;}
  .col-12 {width:100%;}
}

#movies {
	margin-top:0;
	position:relative;
	top:-10px;
}

p {line-height:200%;}

h1 {
	color:#fff;
	font-size:24px;
}
h1.christmasHeadlineOmega {
	margin:0;
	padding:20px;
	background-color:#990000;/* Redberry */
	background-image:url('/christmas/bkd-reddish.jpg');
	line-height:30px;
	text-align:center;
	text-shadow:4px 3px 3px #000;
}
h2 {
	display:block;
	margin:40px 0 30px 0;
	padding:10px 20px;
	color:#fff;
	background-color:#006600;/* CamaroneGreen */
	font-size:20px;
	font-weight:bold;
	text-align:left;
}
h2.christmasHeadlineAlpha {
	margin:0 0 20px 0;
	padding:10px 10px 13px 10px;
	color:#fff;
	background-color:#990000;/* Redberry */
	background-image:url('/christmas/bkd-reddish.jpg');
	font-size:20px;
	text-align:center;
}
h2.christmasHeadlineBeta {
	display:block;
	margin-top:20px;
	padding:10px;
	color:#006600;/* CamaroneGreen */
	background:none;
	font-size:20px;
	font-weight:bold;
	text-align:left;
}
h3 {
	display:block;
	background-image:url('/christmas/bkd-reddish.jpg');
	background-color:#990000;/* Redberry */
	padding:10px;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

tr, td {font-size:11pt;}

ul {
	margin:0 0 0 5px;/* ?? */
	padding:0 0 0 5px;/* ?? */
}
ul.christmasBulletList {
	list-style-image:url('/a5.gif');
	margin-left:20px;
}
ul.bulletone {
	list-style-image:url('/ypoint.gif');
}
ul.activities {
	margin:0 0 0 200px;
}

ul li {
	color:#000;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	list-style:square;
	line-height:150%;
}

ul.listdec {margin-top:50px;}

ul.listdec li {
	clear:left;
	margin:0 0 40px 20px;
	list-style:none;
}
ul.listdec li img {
	float:left;
	margin-right:15px;
	width:70px;
	height:50px;
}
ul.listdec li a {
	color:#000;
}
ul.listdec li a:hover {
	display:block;
	color:#fff;
}
	display:block;

ol li {
	list-style-type:none;
	list-style-position:outside;
	color:#bfbfbf;
	padding-bottom:10px;
	min-height:150px;
}

dt {
	color:#000;
	font-size:13pt;
	font-weight:600;
	margin-top:10px;
	margin-bottom:5px;
}
dd {
	font-size:10pt;
	margin:5px 0 0 5px;
	padding-right:20px;
	color:#000;
	line-height:150%;
}
dd span {
	font-size:150%;
	padding:0 5px 0 8px;
}

a:link {
	color:#CC3333;/* PersianRed */
	text-decoration:none;
}
a:visited {
	color:#3a6a47;/* KillarneyGreen */
	text-decoration:none;
}
a:hover {
	color:#fff;
	background-color:#3a6a47;/* KillarneyGreen */
	text-decoration:none;
}
.bkdblack,
.bkdblack a:link,
.bkdblack a:visited,
.bkdblack a:active {
	color:#fff;
}
a:active {
	color:#ff00ff;/* Magenta */
	 text-decoration:underline;
}

/* ========== BOXES ========== */
.boxAlpha {
	border:1px solid #8b0723;/* MonarchRed */
	padding:10px;
}
.boxBeta {
	border:1px solid #0a6906;/* JapaneseLaurelGreen */
	padding:10px;
}
.boxGamma {
	border:1px solid #000;
	padding:10px;
}

#redbox,
.redbox {
	border:1px solid #8b0723;/* MonarchRed */
}
#greenbox {
	border:1px solid #0a6906;/* JapaneseLaurelGreen */
}

div.box1 {
	background-color:#990000;/* Redberry */
	background-image:url('bkd-reddish.jpg');
	text-align:center;
	padding:10px;
}
/* ========== END boxes ========== */

	
/* ========== IDs ========== */
#christmasHeader {
	background:#000;
	height:100px !important;
}
#christmasFamily {
	position:relative;
	max-height:97px;
}
#christmasFamilySmall {
	height:95px;
}
#christmas {
	width:326px;
	height:95px;
	margin:0 0 5px 15px;
}
/* menubar */
#menubar ul {
	margin:0;
	padding:0;
	display:flex;
	justify-content:space-around;
}
#menubar ul li {
	float:left;
	margin:0;
	padding:0 10px;	
	list-style:none;
	text-align:center;
}
#menubar ul li a {
	font-size:14px;
	color:#fff;
	display:flex;
	justify-content:space-around;
}
#menubar ul li a:hover {
	background-color:#990000;/* Redberry */
}
/* END menubar */
#christmasTitle {
	position:absolute;
	top:82px;
	width:326px;
	height:95px;
}
#christmasscroller {
	position:absolute;
	top:180px;
	left:201px;
	margin:0;
	width:475px;
	height:60px;
}
#christmasMainContent {
	background:#fff;
	padding:0 0 20px 0;
}
#christmasGridContainer {
	display:grid;
	grid-template-columns:auto 250px;
	grid-column-gap:20px;
	grid-template-rows:auto;
	margin-top:10px;
}
#author {
	font-size:14px !important;
	margin:30px 0 20px 0;
}
#christmasMoviesPad {
	padding:15px 20px 40px 40px;
}
#babyjesus {
	float:left;
	width:170px;
	position:relative;
	z-index:99;
	margin-right:40px;
	text-align:center;
}
#babyjesus img {
	position:relative;
	width:170px;
	height:128px;
	-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);
}

#rejoice {
	padding:10px;
	color:#fff;
	background-color:#990000;/* Redberry */
	background-image:url('bkd-reddish.jpg');
	border-radius:15px;
	text-align:left;
	-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);
}
#rejoice span {
	font-family:Tangerine;
	font-size:60px;
	font-weight:bold;
	text-shadow:4px 3px 3px #000;
}

#games {
	clear:left;
	margin:0;
	padding:0;
	color:#990000;/* Redberry */
	background:none;
	font-family:Tangerine;
	font-size:46px;
	font-weight:normal;
	line-height:46px;
}

#christmasMusic {
	float:right;
	border-radius:15px;
	width:30%;
	max-width:260px;
	padding:10px;
	border:1px solid #000;
	margin-left:40px;
}
#christmasMusic > div {
	padding:10px;
	color:green;
	background:#f0eee4;/* Marshmallow */
	text-align:center;
	border-radius:15px 15px 0 0;
}
#christmasMusic img {
	width:100%;
	max-width:155px;
}
#christmasMusic div div {
	font-family:Tangerine;
	font-size:8.5vw;
	/* font-size:48px; */
	/* line-height:42px; */
}

/* #columnLeft {border:1px solid #0a6906; JapaneseLaurelGreen}*/

#columnRight {border:1px solid #8b0723;/* MonarchRed */}

#christmashome h2 {
	margin-top:40px;
	margin-bottom:30px;
	width:400px;
	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);
}

#babyjesuswithmary {
	float:left;
	position:relative;
	margin-right:20px;
	z-index:99;
	width:70px;
	height:47px;
	-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);
}

#jcnamesIframe {
	width:400px;
	height:230px;
}

/* jesusnames-scroller */
#jesusnames-scroll_wrapper {
	position:relative;
	margin:10px 0 0 0;
	height:50px;
}
#jesusnames-scroll {
	position:relative;
	overflow:hidden;
	width:390px;
	height:50px;
	border:none;
}
#scroll_controls button {
	border:none;
	background-color:#fff;
	width:38px;
}
#scroll_counter {
	position:absolute;
	bottom:-20px;
	left:0;
}
#scroll_controls {
	position:absolute;
	left:80px;
	bottom:-40px;
	text-align:right;
}
/* END jesusnames-scroller */

#one {
	font-size:14px;
	color:#fff;
	padding:3px 10px 4px 15px;
	background-color:#006600;/* CamaroneGreen */
	background-image:url('/img/gradient-green.png');
	background-repeat:repeat-x;
	text-align:center;
	display:flex;
	justify-content:space-around;
}
#one a:link,
#one a:visited,
#one a:active {
	color:#fff;
	font-size:inherit;
	text-decoration:none;
}
#one a:hover {
	color:#dede7b;/* Gold */
}
/* ========== END IDs ========== */


/* ========== CLASSES ========== */

.zoom_searchbox {width:300px !important;}

.zoom_searchbutton {
	position:relative;
	top:-1px;
}

.bigcap {
	font-family:Tangerine;
	font-size:50px;
	color:#006600;/* CamaroneGreen */
	float:left;
	font-size:75px;
	line-height:60px;
	padding-top:4px;
	padding-right:18px;
	padding-left:3px;
}

.christmasQuestionAlpha {
	color:#ff6600;/* BlazeOrange */
	margin-bottom:20px;
}
.christmasQuestionAlpha::before {
	content:"» ";
}
.christmasQuestionAlpha a {
	font-style:italic;
}

img.thumbnail {
	float:left;
	z-index:99;
	margin-right:10px;
	width:109px;
	font-size:1px;
}

.headline {
	position:absolute;
	top:50px;
	left:5px;
	width:390px;
	height:50px;
	color:green;
	font-size:16pt;
	font-weight:bold;
	text-decoration:none;
}

.bkdred,
.bkdredtwo {
	background-color:#990000;/* Redberry */
	background-image:url('/christmas/bkd-reddish.jpg');
}
.bkdredtwo {
	color:#fff;
	padding:10px;
	font-size:135%;
}

.onees {
	width:700px;
	font-size:12px;
	color:white;
	padding-top:2px;
	padding-bottom:3px;
	background-color:#006600;/* CamaroneGreen */
	text-align:center;
}
a.onees:link,
a.onees:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
a.onees:hover,
.1 a:hover {
	color:#ffcc33;/* SunglowYellow */
	background-color:#990000;/* Redberry */
	font-weight:bold;
	text-decoration:none;
}
a.onees:active,
.1 a:active {
	color:#ffc901;/* SupernovaYellow */
	font-weight:bold;
	text-decoration:underline;
}

.1 a:link,
.1 a:visited {
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.languages {margin-bottom:10px;}

.christmasVerse,
.christmasVerse a {
	font-family:'Lora',serif;
	font-size:16px;
}

.one {
	padding:3px 10px 4px 15px;
	color:#fff;
	background-color:#006600;/* CamaroneGreen */
	background-image:url('/img/gradient-green.png');
	background-repeat:repeat-x;
	font-size:14px;
	text-align:center;
}
.one a,
.one a:link,
.one a:visited {
	border-bottom:none;
}
a one:hover {
	color:#ffcc33;/* SunglowYellow */
	background-color:transparent !important;
	font-weight:bold;
	text-decoration:none;
}

p.1 {
	font-size:13px;
	color:#fff;
	padding-top:2px;
	padding-bottom:3px;
}

a.pink:link,
a.pink:visited {
	color:#cc0066;/* LipstickRed */
	text-decoration:none;
}
a.pink:hover {
	color:#ffcc33;/* SunglowYellow */
	background-color:#cc0066;/* LipstickRed */
	text-decoration:none;
}
a.pink:active {
	color:#cc0066;/* LipstickRed */
	 text-decoration:underline;
}

a.indxtitle {
	font-size:130%;
	font-weight:bold;
	text-decoration:none;
}
a.indxtitle:link {
	color:#ff6600;/* BlazeOrange */
}
a.indxtitle:visited {
	color:#016162;/* BlueStoneGreen */
}
a.indxtitle:hover {
	color:#cc0066;/* LipstickRed */
	background-color:#ffcc33;/* SunglowYellow */
}
a.indxtitle:active {
	color:#cc0066;/* LipstickRed */
}
/* ========== END CLASSES ========== */