/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
@import url(http://fonts.googleapis.com/css?family=Antic+Slab);
@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Merriweather);

html {  }

body { font-family: 'Quattrocento Sans',Calibri, Arial, Helvetica, sans-serif;  line-height: 1.3em; font-size: 18px; color: #333; padding: 0; margin: 0; overflow: auto; background: url(i/oriental-tiles.png);}

/* h3 { clear: both; } */

/* REUSABLE */

a img { border: none; }
a { text-decoration: none; color: #0a65c0; }
a:hover { text-decoration: underline; }

.dj_image { background-color: #3e5e7f; padding: 1px; }
.dj_floatright { float: right; margin: 0 0 10px 15px;  }
.dj_floatleft { float: left; margin: 0 15px 10px 20px;  }
.dj_image img { margin: 0; padding: 0; }
.dj_image p { color: #fff; padding: 2px 6px; font-size: 11px; margin: 0; line-height: 1em;}

p.dj_important { text-decoration: underline; color: #FF0000; }


div.dj_printpage { text-align: right; margin: 5px 0;  }
a.dj_printbutton { padding: 3px 8px; border: 1px dotted #0a65c0;}
a.dj_printbutton:hover { color: #fff; background-color: #0a65c0; text-decoration: none; }

p  { line-height: 1.4em; padding: 0.3em 0 0;  }

li { line-height: 1.2em; padding: 0;  }

a.dj_prevnext { clear: both; display: block; text-align: right; padding-right: 20px; font-size: 20px; background: 
url(img/goarrow.png) no-repeat center right; color: #000; }

table.dj_simpletable tr td { padding: 10px; }

/* ***************************************************************************** */
/* iframes */
#dj_lessonlessonpanel {  width: 70%; float: left;  }
#dj_lesson {  overflow: auto;  width: 100%; }

#dj_lessonlessonpanel h1 { color: #000 !important; padding-left: 14px !important;  background: none !important; } 

#dj_lessonlessonpanel ul {font-family: 'Bebas Neue', serif; font-weight: bold; font-size: 28px; margin: 20px 0 20px; padding: 0 0 0 20px; list-style-type: none; }

 #dj_lessonlessonpanel li a { display: block; padding: 0; color: #000; text-decoration: none; }

#dj_lessonlessonpanel li a:hover { color: #3e5e7f; }


div.youtube {padding-left: 30px;}

/* ***************************************************************************** */
/* DECORATIVE TITLE HEADER */

/* this is the first container - holds header and frameset */
div#dj_pageholder { max-width: 1000px; margin: 0 auto 0 !important; overflow: auto; height: 100%; background: url(i/dr_jim_sm_2024.png) no-repeat top left;  border-top:  1px solid #fff; } 


div#dj_pageholder h1 { font-family: 'Bebas Neue', serif; font-weight: bold; font-size: 36px; margin: 0;   color: #fff; height: 23px; padding: 38px 0 0 88px; }

body#dj_index #dj_pageholder h1 {   padding: 60px 0 0 88px;  }



a#dj_homelink { font-family: 'Bebas Neue', serif; font-weight: bold; font-size: 24px; color: #fff; text-decoration: none; display: block; height: 30px; text-align: right; }

a#dj_homelink:hover { color: #a3d0ff; }

/* iframes - this is the container for the content and overview frames */
#dj_framesholder { background: #fff; overflow: auto; padding: 0 0 20px 0; display: flex; margin: 0 0 20px 0; }

/* ***************************************************************************** */
/* LESSON FRAME */

div#dj_lessoncontent { background-color: #fff;  padding-right: 20px; margin: 20px 0 0 20px; overflow: hidden; height:100%;     } 
div#dj_lessoncontent p { padding: 0 10px 20px 20px; font-family: 'Quattrocento Sans',Calibri, Arial, Helvetica, sans-serif;  line-height: 1.3em; font-size: 18px; } 
div#dj_lessoncontent ul, div#dj_lessoncontent ol { margin-left: 30px; }
div#dj_lessoncontent ul h1, h2, h3 {  line-height: 1.1em; }
div#dj_lessoncontent h3 { color: #3e5e7f;  font-size: 24px; font-weight: normal; padding: 5px 0 0; margin-bottom: -0.4em; }


/* blockquote */
div#dj_lessoncontent p.dj_blockquote { padding-left: 50px; line-height: 1.2em; font-size: 16px; }

/* pullquote */

p.dj_pullquote { margin: padding: 0.3em 0; padding: 20px; border: 2px solid #FF0000; }

/* headnote for review */
div.dj_headnote {font-family: 'Quattrocento Sans',Calibri, Arial, Helvetica, sans-serif;  padding: 20px; font-size: 16px; background-color: #dcebff; border: 1px solid #0d1238; margin: 10px 0 0 10px; width: 340px; float: right; border-radius: 16px; margin: 0 0 20px 20px; }

div.dj_headnote h2 { margin:0; padding: 4px 15px 2px; color: #fff; background: #000; text-transform: uppercase; font-size: 20px; font-weight: bold; text-align: center;}

div.dj_headnote ul { list-style-image: url(i/00checkmark.png); margin: 10px 15px 0 0; padding: 0; }
div.dj_headnote ul li { padding: 0 !important; margin: 0 0 20px 0;  } 

div.dj_headnote p.dj_disclaimer { font-size: 12px !important; font-style: italic; }


/* tailnote for review */ 
div.dj_tailnote {font-family: 'Quattrocento Sans',Calibri, Arial, Helvetica, sans-serif;  padding: 12px; font-size: 16px; background-color: cornsilk; border: 1px solid #0d1238; margin: 10px 0 ;  }

div.dj_tailnote h2 { margin:0; padding: 4px 15px 2px; color: #fff; background: #8088b2; text-transform: uppercase; font-size: 20px; }

div.dj_tailnote ul { list-style-image: url(i/00checkmark.png);}

/* content warning */
div.dj_trigger {font-family: 'Quattrocento Sans',Calibri, Arial, Helvetica, sans-serif;  padding: 12px; font-size: 16px; background-color: #ffeee8; border: 1px solid #0d1238; margin: 10px 0 ;  }

div.dj_trigger h2 { margin:0; padding: 4px 15px 2px; color: #fff; background: #d84863; text-transform: uppercase; font-size: 20px; }

div.dj_trigger ul { list-style-image: url(i/00triggermark.png);}


/* long quote from reading */

p.dj_gnedreading {font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; padding: 12px; background-color: aliceblue}

/* figures */

div.dj_figureright { float: right; margin: 0.3em 0 10px 15px; background-color: #F0F0F0; padding: 5px;}

div.dj_figureleft { float: left; margin: 0.3em 15px 10px 20px; background-color: #F0F0F0; padding: 5px;}
div.dj_figurecentre {margin-left: 40px; }
div.dj_figurecentre img ( display: block !important; margin-left: auto !important; margin-right: auto !important; )

div.dj_figureright p, div.dj_figureleft p, div.dj_figurecentre p { margin: 0; padding: 5px !important; font-size: 10px !important; color: #000; }



div.dj_videoembed { clear: both; margin: 10px 0 10px 20px; }



div#drjim_header { text-transform: uppercase; padding: 0; }
div#drjim_header h1, div#drjim_header h2 { margin: 0; padding: 0; font-size: 20px; }
div#drjim_header h1 { color: #000; }
div#drjim_header h3 { color: #b11d30;   }


div.drjim_pagenav { float: right;  font-size: 18px; color: #b11d30;}
div.drjim_pagenav a { color: #CCC; }
div.drjim_pagenav a:hover { text-decoration: underline; color: #b11d30; }
div.drjim_pagenav span { display: inline-block; float: left; padding: 2px 5px; }
a#drjim_nextbut, a#drjim_prevbut { text-decoration: none; display: inline-block; float: left; height: 17px; width: 20px; background: url(img/prevnext.png); margin-top: 5px; }
a#drjim_prevbut { background-position: 0px 0px;}
a#drjim_prevbut:hover { background-position: 0 -36px;}
a#drjim_nextbut { background-position: 0px -18px;}
a#drjim_nextbut:hover { background-position: 0 -54px;}

#drjim_pagecontent { clear: both; }


div#dj_lessoncontent table { width: 300px; float: right; background-color: #E9E9E9; border: 1px solid #666; margin: 0 0 10px 15px; }
div#dj_lessoncontent table.dj_fullwidth { width: 800px; float: none; background-color: #E9E9E9; border: 1px solid #666; margin: 0 0 10px 15px; }div#dj_lessoncontent table tr.drjim_tableheader { background-color: #999; color: #fff; }
div#dj_lessoncontent table td { padding: 5px 8px; line-height: 1em; border: 1px dotted #666; border-collapse: collapse; }
div#dj_lessoncontent table tr.drjim_tableheader td { border: none; } 
div#dj_lessoncontent table td p { margin: 0; padding: 0; }


div#dj_lessoncontent table.djsimple { width: 90%; float: none; background-color: #E9E9E9; border: 1px solid #666; margin: 0 0 10px 15px; }
div#dj_lessoncontent table.djsimple tr.drjim_tableheader { background-color: #999; color: #fff; }
div#dj_lessoncontent table.djsimple td { padding: 5px 8px; line-height: 1em; border: 1px dotted #666; border-collapse: collapse; }
div#dj_lessoncontent table.djsimple tr.drjim_tableheader td { border: none; } 

div#dj_lessoncontent table.djsimple td p { margin: 0; padding: 0; }
div#dj_lessoncontent table.djsimple td.djsmallprint li { font-size: 14px;}

a#drjim_nextbut span, a#drjim_prevbut span { display: none; }

/* index page table of contents */

ul#dj_tableofcontents { margin: 0; padding: 0; list-style: none; }

 ul#dj_tableofcontents li { font-family: 'Bebas Neue', serif; font-size: 23px;   display: block; margin: 0; padding: 2px 0; }
 ul#dj_tableofcontents li.dj_listsubhead { margin: 20px 0 0; padding: 2px 0; color: red;}
 ul#dj_tableofcontents li.dj_listreadingweek { margin: 20px 0 0; padding: 2px 0; }
ul#dj_tableofcontents li a { text-decoration: none; }
ul#dj_tableofcontents li a:hover { text-decoration: underline; }

/* instructions pages nav */
ul#dj_instructionslinks { display: none; background: #B8D8EB; list-style-type: none; padding: 4px 4px 4px 64px; margin: 10px 20px 0 0 !important; overflow: auto; font-family: 'Bebas Neue', serif; text-transform: uppercase; }
ul#dj_instructionslinks li { padding: 0 10px; border-right: 1px solid #000; float: left; font-size: 24px; }
ul#dj_instructionslinks li.dj_lastlink { border-right: none; }


/* weekly schedule */
div#dj_weeklyschedule table { display: block; clear: both; float: none;  width: 90%; margin: 0 20px; border-collapse:collapse;border-spacing:0; background: #ebeff7; }

div#dj_weeklyschedule tr.dj_tablehead td { background: #003189; color: #fff; vertical-align:bottom; }

div#dj_weeklyschedule td { padding: 2px 3px;}

div#dj_weeklyschedule td ul { list-style-image: url(i/00checkmark.png); margin: 6px 0 0 8px; padding: 0 4px 0 14px; }
div#dj_weeklyschedule td li { margin: 0; }

div#dj_weeklyschedule td p { margin: 0; padding: 0 0 2px;}
	
div#dj_weeklyschedule td p span { font-size: 14px;  }
	



/* weekly schedule */
div#dj_weekly  table { display: block; clear: both; float: none;  width: 900px; margin: 0 20px; border: none;  border-collapse: collapse; border-spacing:0; background: #fff; }

div#dj_weekly  tr { border: none; }

div#dj_weekly  tr.dj_tablehead td { background: #003189; color: #fff; vertical-align:bottom; }

div#dj_weekly  td { padding: 2px 3px; border: none !important; border-bottom: 1px dotted !important; }

div#dj_weekly td ul { list-style-image: url(i/00checkmark.png); margin: 6px 0 0 8px; padding: 0 4px 0 14px; }
div#dj_weekly td li { margin: 0; }

div#dj_weekly td p { margin: 0; padding: 0 0 2px;}
	
div#dj_weekly td p span { font-size: 14px;  }
	

ul#dj_chooseyoursection { list-style: none; margin: 0; padding: 0; }
ul#dj_chooseyoursection li {display: block; float: left; width: 40%;   margin: 0 20px; padding: 20px; font-size: 40px; font-weight: bold; background-color: cornflowerblue; color: #fff; border-radius: 25px; }

ul#dj_chooseyoursection li a {display: block;padding: 20px; font-size: 40px; font-weight: bold; background-color: cornflowerblue; color: #fff; border-radius: 25px;}
/* ***************************************************************************** */
/* OVERVIEW PAGE */
#dj_lessonoverview { padding: 10px 20px 10px 10px; border-left: 1px solid #8088b2; margin: 20px 0 0; }
#dj_lessonoverview h3 { background-color: #8088b2; padding: 4px; color: #fff; margin: 0; font-weight: bold; }
#dj_lessonoverview p { padding: 0 6px 0.7em 6px; }
#dj_lessonoverview h4 { padding: 10px 0 0 20px; margin: 0; color: #000; font-weight: bold; }

/* FOOTER */

div#drjim_footer { clear: both; }
 
/* ***************************************************************************** */
/* OVERRIDES */
/* critical path */
table th { text-align: left; }

table tr td {vertical-align: top; }

div.dj_critpath_panel { margin: 10px 0 40px; overflow: hidden; }

table#dj_critpath tr.odd { background-color: #fff; }

table#dj_critpath { margin: 0px 0px 40px !important; }