a {
    text-decoration: none;
}

.bannerlinkad {

    margin-left:5%;
    margin-right:5%;
    min-height:60px;
    margin-bottom:15px;

}

.hideicon:after {

    display:none !important;

}



.quizend h4 {

    background-color: #643400;
    padding:10px;
    color: #fff;
    border-radius:5px;

}

.quizend .finalsummary {

    border-radius:10px;
    font-weight:900;    
    background-color: #e6ff8b;
    padding:5px;
    box-shadow: 1px 1px 2px #000;
}

.qline {

    border-radius:10px;
    background-color: #ebae6d;
    margin:5px -15px;
    padding:5px;
    box-shadow: 1px 1px 2px #000;
    font-size: 13px;

}

.right {

    background-color: #ccffcc;

}

.wrong {

    background-color: #ffcccc;

}

.startquiz {

    width:100%;
    border-radius:5px;

}

.outoftime {

    border-radius:5px;
    background-color: #880000;
    color: #fff;

}

.multichoice {

    background-color: #d3aa7e;
    color: #000;
    padding:5px;
    border-radius:10px;
    margin-bottom:5px;

}

.multiradio {

    display:inline;
    margin-right:20px !important;
    margin-left:10px !important;

}

.scoreboard {

    background-color: #e6ff8b;
    overflow: auto;
    padding:10px;
    border-radius:10px;
    box-shadow: 1px 1px 2px #000;
}

.countdown-quiz {

    line-height: 200%;
    font-weight:bold;
    font-size:20px;

}

.countdown-quiz .box-count.min .number, .countdown-quiz .box-count.secs .number {

    font-size:20px;

}

.qbox {

    background-color: #8dc0e9;
    border-radius:10px;
    box-shadow: 1px 1px 2px #000;
    overflow: auto;
    padding:10px;
}

.aBox {

    border:1px solid #643400;
    margin:10px 0px;
}

.previousbox {

    border-radius:10px;
    box-shadow: 1px 1px 2px #000;
    overflow: auto;
    padding:15px;
    margin:10px;
}

.previouscorrect {
    background-color: #ccffcc;
}

.previousincorrect {
    background-color: #ffcccc;
}

.difficulty {

    float:right;

}

div.rtTooltipBrandLink a {

    visibility:hidden;
}

.qInfoBox {

    padding:10px;

}

.qInfo {

    padding:10px;
    background-color: #d2e7ff;

}

.qFlagBox {

    padding:10px;

}

.qFlag {

    padding:10px;
    background-color: #fae8e8;

}

.avatar-quizscore img {

	height:16px !important;
	float:left;
	margin-right:10px;
	margin-top:6px;

}

.avatar-score img {

	height:16px !important;
	float:left;
	margin-right:5px;
	margin-top:6px;

}
.wstab {
    position:relative;
    padding:5px;
    background-color: #cccccc;
    border-radius: 5px;
    font-size:12px;
    background-color: #fffeef;
    background-size: cover;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 2px #777;
    text-shadow: 1px 1px 2px #fff;
}

span.wsBlock {
    font-size:11px;
}

.wsIcons {
    position: absolute;
    top: 40%;
    left:48%;
    transform: translate(-50%, -50%);
}

.xwordtab {
    position:relative;
    padding:5px;
    background-color: #cccccc;
    border-radius: 5px;
    font-size:12px;
    background-image: url("../images/download.jpg");
    background-size: cover;
    border: 1px solid #ccc;
    box-shadow: 2px 2px 2px #777;
}

.xwordtab.complete , .wstab.complete{
    -webkit-filter: sepia(0%) hue-rotate(90deg) saturate(200%);
    filter: sepia(0%) hue-rotate(90deg) saturate(200%);
}

.xwordtab.started , .wstab.started{
    -webkit-filter: sepia(10%) hue-rotate(0deg) saturate(200%);
    filter: sepia(10%) hue-rotate(0deg) saturate(200%);
}

.free .xwordtab:hover, .unlocked .xwordtab:hover , .free .wstab:hover, .unlocked .wstab:hover  {
    top:1px;
    left:1px;
    box-shadow: 1px 1px 1px #333;
}

.premium {

    opacity:0.7;

}

.dingbat {

	border:1px solid #06255a !important;
}

.dbimg img {

	width:100%;
	max-width:400px;
    border: 1px solid #ccc;
    
}

div.dbimg>div {

    box-shadow: 1px 1px 2px #777;

}

.dbcat {

	font-size:16px;
	color:#900;

}

.dbcomplete {

	border: 1px solid #0a0 !important;
	color: #0a0;

}

.dbstarted {

	border: 1px solid rgb(255, 211, 129) !important;

}

.dbc {

	border:1px solid #0a0;

}

.dbsolved {

	/* position:absolute; */
	top:69%;
	left:10.7%;
	width:79%;
	z-index:100;
	font-weight:bold;
	border:1px solid #0a0 !important;
	background-color: #fff;

}

.dingbatBox {

	margin-top:20px;
	padding:5px;
	border: 2px solid #ccc;
	box-shadow: 3px 3px 2px #777;
}
.dingbatItems {

	padding:20px;
}
.dingbatClues {

	padding:10px 10px 20px 10px;
	border: 2px solid #ccc;
	box-shadow: 3px 3px 2px #777;
	background-color: #ddffdd;

}

.dingbatClues h2 {

	margin-top:10px;
	margin-bottom: 20px;

}

.dingbatScores {



}

.hintgreen {

    margin-top:10px;
    color:green;
	border: 1px solid green;
    text-align:center;
    font-weight: 900;
}

.top-bar-link-left {
    position: absolute;
    padding: 0;
    width: auto;
    display: inline-block;
    font-size: 11px;
    float: left;
}

.top-bar-link-left>li {
    display: inline;
    float: left;
    line-height: 12px;
    padding-right: 15px;
}

.quizbutton {

	border:1px solid #777;
	border-radius: 5px;	
	padding:5px;
	box-shadow: 2px 2px 2px #666;
	font-weight: 700;
    font-size:min(3.0vw,16px);
}

.quizbutton:hover {

	border:2px solid #602c04;
	color:#602c04;

}

.quizbutton img {

    border-radius: 5px;

}

.result{
position: absolute;        
z-index: 999;
top: 100%;
left: 0;
}

.search-box input[type="text"], .result{
width: 100%;
box-sizing: border-box;
}
/* Formatting result items */
.result p{
margin: 0;
padding: 7px 10px;
border: 1px solid #CCCCCC;
cursor: pointer;
background: #ffc;

}
.result p:hover{
background: #f2f2f2;
}

.checkq {

    background-color: #eeffee;
    padding:10px;
  
  }
  
  .submit-question {
  
  background-color: #ffdddd;
  
  }

  .similar:nth-child(odd) {

    background-color: #ddd;

  }

  .flagTable {
      
      width:100%;
      
  }

  .flagTable td {

    padding:5px;
    font-size: 10px;

  }

  .flagRow1 {

    background-color: #d6aa7a;
    border-top:1px solid #666;

  }

  .flagRow2 {

    background-color: #ddcfbf;
    border-bottom:1px solid #666;

  }

  .flagUser1 {

    background-color: #bad6ed;

  }

  .flagUser2 {

    background-color: #ccd8e2;

  }

  .numberCircle {

    border-radius: 20%;
    width: 30px; 
    font-size: 12px;

}  

.anagram {

	font-size:40px;
	padding:20px;
	margin:20px;
	border: 2px solid rgb(160, 103, 17);
    line-height: 40px;
    color:#602c04;
    box-shadow: 2px 2px 2px #777;

}

.anagcomplete {

	border-radius: 20%;
	width: 30px; 
    text-align: center;
    line-height: 30px;
    display: block;
    color:#05590a;
    border: 2px solid #099615 !important;
    opacity:0.5;

}

.anagincomplete {

	border-radius: 20%;
	width: 30px; 
    text-align: center;
    line-height: 30px;
    display: block;
    color:rgb(130, 58, 32) ;
    border: 2px solid rgb(133, 68, 19) !important;

}

.anagimg:hover {

	background-color: rgb(198, 198, 198) !important;

}

.anagBox {

    background-color: #fff0e6;
    box-shadow: 3px 3px 3px #ccc;
    border:1px solid #bbb;
}

.backgrounds {

    box-shadow: 2px 2px 2px #777;

}

.xw1 { width:1px;height:1px;line-height:1px}
.xw2 { width:2px;height:2px;line-height:2px}
.xw3 { width:3px;height:3px;line-height:3px}
.xw4 { width:4px;height:4px;line-height:4px}
.xw5 { width:5px;height:5px;line-height:5px}
.xw6 { width:6px;height:6px;line-height:6px}
.xw7 { width:7px;height:7px;line-height:7px}
.xw8 { width:8px;height:8px;line-height:8px}
.xw9 { width:9px;height:9px;line-height:9px}
.xw10 { width:10px;height:10px;line-height:10px}
.xw11 { width:11px;height:11px;line-height:11px}
.xw12 { width:12px;height:12px;line-height:12px}
.xw13 { width:13px;height:13px;line-height:13px}
.xw14 { width:14px;height:14px;line-height:14px}
.xw15 { width:15px;height:15px;line-height:15px}
.xw16 { width:16px;height:16px;line-height:16px}
.xw17 { width:17px;height:17px;line-height:17px}
.xw18 { width:18px;height:18px;line-height:18px}
.xw19 { width:19px;height:19px;line-height:19px}
.xw20 { width:20px;height:20px;line-height:20px}
.xw21 { width:21px;height:21px;line-height:21px}
.xw22 { width:22px;height:22px;line-height:22px}
.xw23 { width:23px;height:23px;line-height:23px}
.xw24 { width:24px;height:24px;line-height:24px}
.xw25 { width:25px;height:25px;line-height:25px}
.xw26 { width:26px;height:26px;line-height:26px}
.xw27 { width:27px;height:27px;line-height:27px}
.xw28 { width:28px;height:28px;line-height:28px}
.xw29 { width:29px;height:29px;line-height:29px}
.xw30 { width:30px;height:30px;line-height:30px}
.xw31 { width:31px;height:31px;line-height:31px}
.xw32 { width:32px;height:32px;line-height:32px}
.xw33 { width:33px;height:33px;line-height:33px}
.xw34 { width:34px;height:34px;line-height:34px}
.xw35 { width:35px;height:35px;line-height:35px}
.xw36 { width:36px;height:36px;line-height:36px}
.xw37 { width:37px;height:37px;line-height:37px}
.xw38 { width:38px;height:38px;line-height:38px}
.xw39 { width:39px;height:39px;line-height:39px}
.xw40 { width:40px;height:40px;line-height:40px}
.xw41 { width:41px;height:41px;line-height:41px}
.xw42 { width:42px;height:42px;line-height:42px}
.xw43 { width:43px;height:43px;line-height:43px}
.xw44 { width:44px;height:44px;line-height:44px}
.xw45 { width:45px;height:45px;line-height:45px}
.xw46 { width:46px;height:46px;line-height:46px}
.xw47 { width:47px;height:47px;line-height:47px}
.xw48 { width:48px;height:48px;line-height:48px}
.xw49 { width:49px;height:49px;line-height:49px}
.xw50 { width:50px;height:50px;line-height:50px}

.xBar {background-color:#a00;height:12px;margin:2px;display:inline-block;}
.xwL {padding:0;margin:0;font-size:11px;line-height:15px;}
.xwN {display:inline-block;text-align:right;width:20px;}
.xwS {text-align: center; margin:5px 0px 0px 0px; padding-bottom:0px; font-size:13px;font-weight:900;position:relative;}
.xwR {font-size:20px;position: absolute;color:#05590a;right:0px;text-shadow: 0.5px 0.5px 0px #333;}
.xwT {text-align: center;font-size:12px;font-style:italic;padding:0;margin:0;}

.statBox {position: relative;}
.cStats {font-size:20px;position:absolute;cursor: pointer;left:0px;}

.wordlist .lBlock {
display:inline-block;
overflow: hidden; 
-webkit-column-break-inside: avoid; 
page-break-inside: avoid;
break-inside: avoid; 
break-inside: avoid-column;
padding-bottom:20px;
}

.noBreakB {
	break-before:avoid;
}
.noBreakA {
	break-after:avoid;
}
.noBreakI {
	break-inside: avoid;
}

.kkSq {
display: inline-block!important;
font-size: 12px !important;
margin:1px;
text-align: center;
}

.wordlist {
	column-count:3;
	column-gap:20px;
	column-span:all;
	/* height:11cm; */
	column-fill:balance;
	font-size:14px;
}

.wordlist2 {
	column-count:4;
	column-gap:10px;
	column-span:all;
	/* height:11cm; */
	column-fill:balance;
	font-size:12px;
}

.wordlist2 .lBlock {
display:grid;
overflow: hidden; 
/* -webkit-column-break-inside: avoid; 
page-break-inside: avoid;
break-inside: avoid; 
break-inside: avoid-column; */

}

.xwB {
	background-color:#000;	border:1px solid #000;
}

.xwW {
	background-color: #fff; 	border:1px solid #000;
}

.kkLink {

}

.kkLink p {
    font-size:14px;
    font-weight:bold;
    padding:10px 0px;
}

.kkImg {
    width:150px;
}

.kkpuzzle {
    background-color: #d8d8d8;
}

.kkContainer {
    width:185px;
    display:inline-flex;
}



.kkSq {
    width: calc(75 / var(--size,25) * 1vw);
    height: calc(75 / var(--size,25) *  1vw);
}

.kRow {
    height: calc(75 / var(--size,25) * 1vw + 2px);
}

@media (min-width: 768px) {

    .kkSq {
        width:calc(40 / var(--size,25) * 1vw);
        height:calc(40 / var(--size,25) * 1vw);
        max-width: calc(650 / var(--size,25) * 1px);
        max-height: calc(650 / var(--size,25) * 1px);
    }

    .kRow {
        height:calc(40 / var(--size,25) * 1vw + 2px);
        max-height: calc(650 / var(--size,25) * 1px + 2px);
    }

}

.dPDF {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 146px;
    bottom: 2px;
    background-color:rgb(130, 58, 32);
    color:#fff;
    font-size:11px;
    font-family:verdana;
}

.kkInput {
    border: none;
    padding-top: 1px;
    font-weight: 900;
    font-size: 15px;
    margin: 0;
}

.kkTitle {
	  text-align: center;
    margin-top: 0cm;
    margin: 0;
    font-family: "Trebuchet MS";
}

.no-webp .book1001 {
    background-image:url('../images/1001.png');
}

.webp .book1001 {
    background-image:url('../images/1001.webp');
}

.no-webp .slider1 {
    background-image: url('../images/slider-1.jpg');
}

.webp .slider1 {
    background-image: url('../images/slider-1.webp');
}

.no-webp .slider2 {
    background-image: url('../images/slider-2.jpg');
}

.webp .slider2 {
    background-image: url('../images/slider-2.webp');
}

.no-webp .slider3 {
    background-image: url('../images/slider-3.jpg');
}

.webp .slider3 {
    background-image: url('../images/slider-3.webp');
}

.no-webp .entry1 {
    background-image: url('../images/entry-001.jpg');
}

.webp .entry1 {
    background-image: url('../images/entry-001.webp');
}

.no-webp .entry2 {
    background-image: url('../images/entry-002.jpg');
}

.webp .entry2 {
    background-image: url('../images/entry-002.webp');
}

.no-webp .entry3 {
    background-image: url('../images/entry-003.jpg');
}

.webp .entry3 {
    background-image: url('../images/entry-003.webp');
}

.no-webp .entry4 {
    background-image: url('../images/entry-004.jpg');
}

.webp .entry4 {
    background-image: url('../images/entry-004.webp');
}

.no-webp .bannerImg1 {background-image: url('../images/bible-banner-1.jpg');}
.webp .bannerImg1 {background-image: url('../images/bible-banner-1.webp');}
.no-webp .bannerImg2 {background-image: url('../images/bible-banner-2.jpg');}
.webp .bannerImg2 {background-image: url('../images/bible-banner-2.webp');}
.no-webp .bannerImg3 {background-image: url('../images/bible-banner-3.jpg');}
.webp .bannerImg3 {background-image: url('../images/bible-banner-3.webp');}
.no-webp .bannerImg4 {background-image: url('../images/bible-banner-4.jpg');}
.webp .bannerImg4 {background-image: url('../images/bible-banner-4.webp');}
.no-webp .bannerImg5 {background-image: url('../images/bible-banner-5.jpg');}
.webp .bannerImg5 {background-image: url('../images/bible-banner-5.webp');}
.no-webp .bannerImg6 {background-image: url('../images/bible-banner-6.jpg');}
.webp .bannerImg6 {background-image: url('../images/bible-banner-6.webp');}
.no-webp .bannerImg7 {background-image: url('../images/bible-banner-7.jpg');}
.webp .bannerImg7 {background-image: url('../images/bible-banner-7.webp');}
.no-webp .bannerImg8 {background-image: url('../images/bible-banner-8.jpg');}
.webp .bannerImg8 {background-image: url('../images/bible-banner-8.webp');}
.no-webp .bannerImg9 {background-image: url('../images/bible-banner-9.jpg');}
.webp .bannerImg9 {background-image: url('../images/bible-banner-9.webp');}
.no-webp .bannerImg10 {background-image: url('../images/bible-banner-10.jpg');}
.webp .bannerImg10 {background-image: url('../images/bible-banner-10.webp');}
.no-webp .bannerImg11 {background-image: url('../images/bible-banner-11.jpg');}
.webp .bannerImg11 {background-image: url('../images/bible-banner-11.webp');}
.no-webp .bannerImg12 {background-image: url('../images/bible-banner-12.jpg');}
.webp .bannerImg12 {background-image: url('../images/bible-banner-12.webp');}
.no-webp .bannerImg13 {background-image: url('../images/bible-banner-13.jpg');}
.webp .bannerImg13 {background-image: url('../images/bible-banner-13.webp');}
.no-webp .bannerImg14 {background-image: url('../images/bible-banner-14.jpg');}
.webp .bannerImg14 {background-image: url('../images/bible-banner-14.webp');}
.no-webp .bannerImg15 {background-image: url('../images/bible-banner-15.jpg');}
.webp .bannerImg15 {background-image: url('../images/bible-banner-15.webp');}
.no-webp .bannerImg16 {background-image: url('../images/bible-banner-16.jpg');}
.webp .bannerImg16 {background-image: url('../images/bible-banner-16.webp');}
.no-webp .bannerImg17 {background-image: url('../images/bible-banner-17.jpg');}
.webp .bannerImg17 {background-image: url('../images/bible-banner-17.webp');}
.no-webp .bannerImg18 {background-image: url('../images/bible-banner-18.jpg');}
.webp .bannerImg18 {background-image: url('../images/bible-banner-18.webp');}
.no-webp .bannerImg19 {background-image: url('../images/bible-banner-19.jpg');}
.webp .bannerImg19 {background-image: url('../images/bible-banner-19.webp');}
.no-webp .bannerImg20 {background-image: url('../images/bible-banner-20.jpg');}
.webp .bannerImg20 {background-image: url('../images/bible-banner-20.webp');}

.xmas {
	position: absolute;
	top:0;
	background-color: rgba(200,0,0,0.7);
	width: 100%;
	color:#fff;
}

.xmasB {
	margin:2px;
	border:2px solid #f00;
}

/* .corner-ribbon {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 1;
    padding: 5px 15px;
    background-color: #f00;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    transform: rotate(45deg);
    box-shadow: 2px 2px 5px 
    rgba(0, 0, 0, 0.3);
} */

.new-ribbon {
    position: relative;
    overflow: hidden;
    padding: 1px;
}

.new-ribbon::before {
    content: 'New';
    position: absolute;
    top: 0;
    right: -15px;
    z-index: 1;
    padding: 0px 20px;
    background-color: #f00;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    transform: translateY(44%) rotate(45deg);
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}

.promoBox {
    background-color: white;
    padding: 5px 10px 20px 10px;
    box-shadow: 4px 4px 9px;
    overflow: auto;
}

.PuzzleCopyRight {
    display: none;
}

.li-divider {
    border-top: 1px dashed #777;
}

.color-gold {
    color: #d4af37;
}

.color-silver {
    color: #c0c0c0;
}

.color-bronze {
    color: #cd7f32;
}

.br-top {
    border-radius: 10px 10px 0 0;
}

.br-bottom {
    border-radius: 0 0 10px 10px;
}

.hoF td, .hoF th {
    padding: 1px;
}

.lockedPDF {
    cursor: not-allowed;
}

.tinyThumb {
    width: 100%;
}
.pointsTable td {
    padding: 5px;
}

.newsletter {
    min-width:300px;
    max-width:400px;
    text-align: center;
}

.userHighlightRow td {
    background-color: #fffdd6;
}

.highScoreTable div{
    background-color: #ffe4e4;
}