/* ----------------------------------------------------- */
/* TEXT COLORS */
/* For coloring items in a reliable way, for example dashicons, etc. */
/*  Ex: -http://www.thebestschools.org/magazine/play-learn-20-best-board-games-challenge-skills/ */
/* ----------------------------------------------------- */

/* ADDITIONAL TEXT COLORS   */
/*  SOURCE: http://reference.sitepoint.com/html/color-names */

.black {color: #000000;}
.blackbg {background-color: #000000;}
.darkgray {color: #a9a9a9;}
.darkgraybg {background-color: #a9a9a9;}
.darkred {color: #8b0000;}
.darkredbg {background-color: #8b0000;}
.darkslategray {color: #2f4f4f;}
.darkslategraybg {background-color: #2f4f4f;}
.dimgray {color: #696969;}
.dimgraybg {background-color: #696969;}
.gray {color: #808080;}
.graybg {background-color: #808080;}
.indianred {color: #cd5c5;}
.indianredbg {background-color: #cd5c5;}
.ivory {color: #fffff0;}
.ivorybg {background-color: #fffff0;}
.lightgray {color: #d3d3d3;}
.lightgraybg {background-color: #d3d3d3;}
.lightslategray {color: #778899;}
.lightslategraybg {background-color: #778899;}
.mediumvioletred {color: #c71585;}
.mediumvioletredbg {background-color: #c71585;}
.orangered {color: #ff4500;}
.orangeredbg {background-color: #ff4500;}
.palevioletred {color: #d87093;}
.palevioletredbg {background-color: #d87093;}
.red {color: #ff0000;}
.redbg {background-color: #ff0000;}
.slategray {color: #708090;}
.slategraybg {background-color: #708090;}
.whitesmoke {color: #f5f5f5;}
.whitesmokebg {background-color: #f5f5f5;}


/* ----------------------------------------------------- */
/* Sans Style TEST */
/* For when we want a little sans serif action and that is all */
/*  Ex: -http://www.thebestschools.org/dialogue/ */
/* ----------------------------------------------------- */
.sans {font-family: 'Open Sans', sans-serif;}


/* ----------------------------------------------------- */
/* SMALL SHARE BUTTONS */
/*  USED TO DISPLAY A SMALL ROW OF SHARE BUTTONS*/
/*  EX: http://www.thebestschools.org/reflections/20-quotes-to-inspire-learning/ */
/* ----------------------------------------------------- */
ul.sharebuttons {  list-style: none;  padding: 0; margin:0; font-size:0;}
ul.sharebuttons li {  display: inline;}
ul.sharebuttons img { padding-left:4px; width:27px; height:auto;}


/* ----------------------------------------------------- */
/* IMAGE QUOTES IMAGE BLOCK */
/*  Ex: http://www.thebestschools.org/reflections/20-quotes-to-inspire-learning/ */
/*  SOURCE: http://www.menucool.com/ui/responsive-image-grid-with-hover-effect */
/* ----------------------------------------------------- */
#imgblock { max-width:900px; margin:0 auto; padding:0; font-size:0; list-style:none; background-color:#f8f8f8; }
#imgblock li { display: inline-block; *display:inline; /*for IE6 - IE7*/ width:25%; vertical-align:middle; box-sizing:border-box; margin:0; padding:0; }
.imgblock-cell { /*margin:12px; box-shadow:0 0 6px rgba(248,248,248,1); */ display:block; position: relative; overflow:hidden; }
.imgblock-img { display:block; width: 100%; height: auto; border:none; transform:scale(1); transition:all 1s; }
#imgblock li:hover .imgblock-img { transform:scale(1.1); }
@media (max-width: 9000px) { #imgblock li { width:25%; }}
@media (max-width: 600px) { #imgblock li { width:33.33%; } }
@media (max-width: 550px) { #imgblock li { width:50%; } }

/* ----------------------------------------------------- */
/* CURRENT PAGE LINK STYLE */
/*  Ex: http://www.thebestschools.org/savvy-students/guide-to-selecting-college-major/ */
/*  Implemented using javascript in the sidebar */
/* ----------------------------------------------------- */
aside ol li a.current { background-color: #e9e9e9 !important; color: #464646; }
aside ul li a.current { background-color: #e9e9e9 !important; color: #464646; }


/* ----------------------------------------------------- */
/* COMMENT INVITE STYLE */
/*  Ex: http://www.thebestschools.org/special/ehrman-licona-dialogue-reliability-new-testament/licona-final-reply/ */
/*  Usage: <div class="commentinvite">Some text</div> */
/* ----------------------------------------------------- */

.commentinvite {background-color: #EAEAEA;margin: 0; padding: 5px 10px 0; }

/* ----------------------------------------------------- */
/* BOOKSSTYLE */
/*  Ex: http://www.thebestschools.org/special/ehrman-licona-dialogue-reliability-new-testament/licona-final-reply/ */
/*  Usage: <div class="books?">Some text</div> */
/* ----------------------------------------------------- */

.books { margin: 0 auto !important;text-align: center; }


/* ----------------------------------------------------- */
/* DL/DD TEST */
/*  Ex: http://www.thebestschools.org/special/ehrman-licona-dialogue-reliability-new-testament/bart-ehrman-interview/  */
/* ----------------------------------------------------- */
dl,dd,dt { font-family: Lora,serif; }
dt {margin: 0 0 .5em 0; padding:0;}
dd {margin: 0 0 1em 3em; padding:0;}


/* ----------------------------------------------------- */
/* TABLE ROW FOCUS HIGHLIGHT TEST */
/* ----------------------------------------------------- */
.rowhighlight tbody tr:hover { background-color: #DFDFDF; }


/* ----------------------------------------------------- */
/* BUNDLES TEST */
/* ----------------------------------------------------- */

.bundle, .bundle p, .bundle ul, .bundle li, .bundle span, .bundle div, .bundlebutton { font-family: 'Open Sans', sans-serif; font-size: 10pt; font-size: 1.4rem; }
.bundle { clear: both; padding: 10px; padding: 1rem; max-width: 40%; min-width: 160px; margin: 0 0 10px 20px; margin: 0 0 1rem 2rem; text-align: left; background-color: #ffebbb; }
.bundle h2, .bundle h3 { margin: 0 0 5px 0; margin: 0 0 .5rem 0; border: 0; background: none; clear: left; }
.bundle h2 { font-size: 18px; font-size: 1.8rem; }
.bundle h3 { font-size: 16px; font-size: 1.4rem; margin: 9pt 0 5pt 0; }
.bundle hr { border: 1px solid #e6d4a9; margin: 0 0 -5px 0; padding: 0; }
.bundle p { margin: 0; padding: 5px 0; padding: .5rem 0; }
.bundle ul, .bundle ol { border: 0; margin: 0 0 10px 5px; margin: 0 0 1rem .5rem; }
.bundle ul li { list-style: square outside; border: 0; margin: 0 0 0 15px; margin: 0 0 0 1.5rem; padding: 0; text-indent: 0; }
.bundle ol li { border: 0; margin: 0 0 0 16px margin: 0 0 0 1.6rem; padding: 0; text-indent: 0; }

.bundlebutton {
    background-color: #ffebbb;
    width: 30%;
    min-width: 65px;
    height: auto;
    padding: 0;
    margin: 10px 0 0 25px;
    border: 0;
    text-align: center;
    float: right;
    display: inline-block;
    clear: right;
    }

.bundlebutton a {
    color: #3c6d84;
    }


/* ----------------------------------------------------- */
/* BYLINE TEST */
/* ----------------------------------------------------- */

.tbsbyline {
    font-family: 'Open Sans' !important;
    font-weight: 300 !important;
    font-size: 12pt !important;
    color: #639EB9;
    }

/* ----------------------------------------------------- */
/* H3 for American Colonists Library */
/* See: http://www.thebestschools.org/resources/american-colonists-library-primary-sources/ */
/* ----------------------------------------------------- */

.h3acl {border-top: 1pt gray dotted !important; padding: 5pt 0 0 0; margin: 15pt 0 15pt 0;}


/* ----------------------------------------------------- */
/* Hiliter TEST */
/* Example: Nowhere
/* ----------------------------------------------------- */

.hilite {
 background-color: #f7f8ae;
 color: #3A3A3A;
 }
 
 .home .latest article {
width: 30% !important;
float: left;
margin-right: 2.5% !important;
}