@charset "utf-8";
/*
Kid Explorers coloring pages, all languages
Copyright ©, Christian Answers, Films for Christ. Designer: pst
Last edit 10.3.2025 pst
*/

@media screen {

body {
	font-style:normal;
	color:#000;
	background-color:#d7bd9a;
	background-image:url('https://ChristianAnswers.Net/kids/bkd-mat.jpg');
}

#kidsstdbkd #pagewrapper {
	width:100%;
	max-width:1200px;
	margin:0 auto !important;
	float:none !important;
}

body#coloringpageprintable {
	background:#333;
	margin:5px;
}

/* font sizes */
#reproductionrights,
 #pdfinstructions p,
      #examplestext {font-size:13px;}
             .text1 {font-size:15px;}
      .GridItemAuto {font-size:16px;}
                 dd,
                 dt,
               dt a,
          dt a:link,
        dt a:active,
       dt a:visited,
  #coloringpageText,
         #pageindex,
   #lessonplanstext,
   	h2#clrlanguages,
  #clrlanguagestext,
     h2#lessonplans,
a[href] span:before {font-size:18px;}
                 h3 {font-size:20px;}
                 h2 {font-size:24px;}
                 h1 {font-size:100%;}

               h1 {line-height:100%;}

/* line height */
 #pageindex div,
 #lessonplanstext {line-height:150%;}

                p,
               dd,
           .text1,
       #pageindex,
    #examplestext,
#clrlanguagestext {line-height:200%;}


        #clrWelcome {margin-left:10px;}
#clrWelcome .bigcap {color:green;}

.newitem {
	float:left;
	width:70px;
	margin-right:15px;
}

.text1 {margin:30px 20px 30px 20px;}

.text1 a[href]:before {content: "■ ";}

/* creates bullets within span within text links */
a[href] span:before {
	content: "■";/* • no space after bullet to prevent wrapping to a different line than the link */
	padding-left:8px;
	padding-right:5px;
}

a:link {
	color:#3f702f;
	text-decoration:none;
	font-weight:normal;
}
a:visited {
	color:#778C47;
	text-decoration:none;
	font-weight:normal;
}
a:hover {
	color:#ff0000;/* BrightRed */
	background-color:#f8dc00;/* Golden2 */
	font-weight:normal !important;
}
a:active {
	color:#ff00ff;
	text-decoration:underline;
	font-weight:normal;
}

#clrindxGridContainer {
	display:grid;
	grid-template-columns:auto auto;
	grid-column-gap:0;
	grid-template-rows:auto;
	background:#fff;
}
.kidsBtnLinksContainer {
	display:grid;
	grid-template-columns:150px auto;
	grid-column-gap:0;
	grid-template-rows:auto;
}
.GridItemAuto {padding:5px;}

#reproductionrights {
	float:right;
	width:175px;
	margin:0 10px 0 30px;
}
#reproductionrights img {
	width:172px;
	height:165px;
}

#clrcolumnLeft {
	width:90px;
	background-color:green;
	background-image:url('/kids/bkd-greenborder.gif');
	padding:10px 0 0 10px;
}

  #pdfinstructions {margin:30px 20px 30px 20px;}
#pdfinstructions p {margin:10px 0;}

/* begin examples column */
#examplescolumn {
	float:right;
	width:155px;
	margin:0;
	background-color:#fff;
}
#examplesheaderimg {
	position:relative;
	top:9px;
	width:155px;/* 170px actual */
	height:137px;/* 150px actual */
	margin-bottom:3px;
}
#examples {
	margin:0;
	padding:0;
	width:150px;
	border:4px solid #000;
	background:#000;
	text-align:center;
}
#examples a {
	border-bottom:none !important;
	background:none !important;
}
#examples img {
	margin:0;
	width:150px;
	height:115px;
}
#examplestext {
	background-color:#fff;
	padding:10px 5px 20px 10px;
}
/* END examples column */

.spcWidth {width:580px !important;}


/* ========== HEADLINES ========== */
h1 {
	margin:40px 0 30px 0;
	color:#000;
	background:none;
	text-align:center;
	font-weight:normal;
	cursor:default;
	padding:0;
	white-space:nowrap;
}

/* H2 ========== */
h2 {
	margin-top:30px;
	padding-left:30px;
	color:#fff;
	background-color:#731516;
	font-weight:bold;
	text-align:left;
	border-bottom:0px;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
h2 img {
	width:150px;
	vertical-align:middle;
	margin:0;
	padding:0 10px 0 0;
}
h2#clrlanguages {
	margin:0;
	background-color:#009933;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
h2#lessonplans {
	margin:0;
	color:#fff;
	background-color:#731516;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
h2#dinosaurs {
	position:relative;
	top:75px;
}
	h2#dinosaurs img {
	position:relative;
	float:left;
	top:-120px;
	width:200px;
}

h3 {
	clear:left;
	margin:0 0 15px 15px;
	padding-top:10px;
	border-bottom:1px solid #ccc;
}

#clrlanguagestext,
#lessonplanstext {
	display:block;
	background:#f0eee4;/* Marshmallow */
	padding:10px 10px 20px 10px;
}

#pageindex {
	margin:40px 40px 10px 20px;
	width:100%;/* prev 430px */
}
#pageindex div {clear:left; font-weight:600;}

.crayon {
	padding-left:20px;
	width:85px;
	height:42px;
}

.kidsclrindxfooter {
	clear:left;
	margin:50px 10px 30px 10px;
	border-top:1px solid #ccc;
}

dl {/* description list for coloring page lists */
	margin:15px 20px 50px 10px;
}
dt {/* title of color page */
	clear:left;
	margin:0;
	padding:0;
	font-weight:600;
}
dt a,
dt a:link,
dt a:active,
dt a:visited {font-weight:bold;}

dt img.thumbnail {
	float:left;
	margin-right:10px;
	margin-bottom:30px;
	width:109px;
	height:142px;
}
dd {/* details related to the coloring page */
	margin:15px 0 30px 0;
	padding-left:130px;
}

} /* end default media screen */

@media screen and (min-width: 320px) and (max-width:480px;) {
#examplescolumn,
#clrcolumnLeft {display:none;}
}

@media screen and (min-width: 576px) {
#examplescolumn,
#clrcolumnLeft {display:none;}
}

@media screen and (min-width: 768px) {
	#examplescolumn {}
}

@media screen and (min-width: 992px) {

}

@media screen and (min-width: 1200px) {

}

@media screen and (min-width: 1400px) {

}

@media screen and (min-width: 1920px) {

}