* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body {
	font: 16px/1.2 'Source Sans Pro', sans-serif;; /* 'Merriweather', serif ; /* Helvetica */

	/* include background colors when printing */
	-webkit-print-color-adjust:exact !important;
	print-color-adjust:exact !important;
}
h1, h2, h3, h4, h5, h6 {
	--font-family: 'Source Sans Pro', sans-serif;
	font-weight: bold;
}
input[type=text],
input[type=number],
input[type=date] {
	--font-family: 'Source Sans Pro', sans-serif;
	padding: 0.25em;
	font-size: 1em;
	height: 2em;
}
select {
	--font-family: 'Source Sans Pro', sans-serif;
	padding: 0.25em;
	font-size: 1em;
	height: 2em;
}


#main-header {
	background-color: #333; /* //#563d7c; #77530e; #3c43a6; */
	color: #fff;
	padding: 30px 0;	
	margin: 0 0 20px 0;
}
#main-header-padding {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}
#main-header h1 {
	padding: 0;
	margin: 0;
	display: inline-block;
}
#main-header a.support {
	padding: 6px 8px;
	
	color: #fff;
	border-radius: 3px;
	text-decoration: none;
	margin: 10px 0;
	float: none;	
	display: inline-block;
	background:#29ae4a;
}
#main-header a.support:hover {
	background:#2cd556;
}


#sample-plans {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	--background: red;
}

main {
	max-width: 1200px;
	margin: 20px auto;
	padding: 0 20px;	
}

#settings {
	
}

#options-language {
	margin-bottom: 1em;
}

@media (min-width: 700px) {
	main {
		display:flex;
	}

	#settings {
		width: 250px;
		margin-right: 20px;
	}

	#main-header a.support {
		float: right;
		margin: 0;
		display: block;
	}
}


#main-footer {
	background: #333;
	margin: 2em 0 0 0;
	color: #fff;
	text-align: center;
	padding: 1em 0 4em;
}

#main-footer a {
	color: #eee;
}

section.decision {
	border: 1px solid #ccc;
	margin: 0 0 1em;
	padding: 1.5em;
	overflow: hidden;
}
section.decision header {
	margin: -1.5em -1.5em 1.5em -1.5em;
	padding: 0.5em 1.25em;
	background: #ccc;
}

#section-time label {
	width: 6em;
}

#time-days {
	width: 4em;
}

label {
	margin: 0 0 0 0;
}
label input {
	margin-right: 0.5em;	
}

input[type=button] {
	
	padding: 0.25em 0.4em;
	
	background:#0b73d4;
	color: #fff;
	border: none;
	font-size: 1.0em;
	border-radius: 4px;
	margin-top: 10px;
	cursor: pointer;
}
input[type=button]:hover {
	background:#1867b1;
}

#section-options label {
	display: block;
}

#section-format label {
	display: block;
}

.books-testament {	
	margin-left: 1em;
}

.books-section {
	float: left;
	margin: 0 3em 2em 0 ;
}

.books-list {
	padding: 0 0 1.0em 1.75em;	
	font-size: 0.9rem;
}

#section-days label {
	display: block;
}


#section-books details summary::-webkit-details-marker {
	display: none;
}
#section-books  details > summary:after {	
	content: "+"; 
	color: #000;	
	float: right; 
	font-size: 1.0em; 
	font-weight: bold; 
	margin: 0 0 0 0; 
	padding: 0; 
	text-align: center; 
	width: 20px;
}
#section-books details[open] > summary:after {
    content: "-";
}
/*
#section-books details ::marker {
    content: "";
}
*/
details summary::-webkit-details-marker,
details summary::marker {
 display: none; 
 content: "";
}

#divide-by {
	margin-top: 1em;
	font-size: 0.8em;
}
#divide-by select {
	
}
#options-siteandversion {
	font-size: 0.8em;
}

.books-list label {
	display: block;
}

#output {
	flex: 1 1;
}
#output h1 {
	margin-bottom: 0.5in;
	outline: 1px dotted #efefef;
}
#output h1:hover {
	outline: 1px dotted #2c7fa3;
}
#output h6 {
	margin-bottom: 0.5in;
	font-size: 14px;
	color: #999;
	display:none;
}
#output a {
	color: #056200;
	text-decoration: none;
}
#output a:hover {
	text-decoration: underline;
}
#output a:visited {
	color: #3e0062;
}

.is-today {	
	background: #fff1b9 !important;
}

.plan-color .is-today {
	border: solid 1px #feda4b !important;
}

/* New Style */



#main-header {
    background: #2d3748;
    padding: 22px 0;
    border-bottom: 3px solid #68966b;
}
#main-header a.support {
    background: #68966b;
    border-radius: 4px;
    padding: 7px 14px;
}
#main-header a.support:hover {
    background: #7aab7d;
}

#main-footer {
    background: #2d3748;
    border-top: 3px solid #68966b;
    padding: 1.25em 0;
    font-size: 0.85em;
}

section.decision {
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    background: #fff;
}
section.decision header {
    background: #eef2f7;
    border-bottom: 1px solid #d0dae8;
    border-radius: 6px 6px 0 0;
}
section.decision header h2 {
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.07em;
    color: #4a5568;
}

/* unified button color */
input[type=button] {
    background: #68966b;
    transition: background 0.15s;
}
input[type=button]:hover {
    background: #7aab7d;
}
/* end: new style */


@media print {
	#sample-plans {
		display: none;
	}
	
	#main-header, #main-footer {
		background: #fff;
		color: #333;
	}

	#main-header {
		display: none;
	}
	#main-footer a {
		color: #333;
		text-decoration: none;
		
	}
	#main-footer {
		margin-top: 0.5em;
		padding: 0;
		background: none;
		border: 0;
	}	

	#output h1 {
		margin-bottom: 0.125in;
		outline: 0;
		border: 0;
	}
	#output h6 {
		display: block;
	}

	section.decision {
		display: none;
	}
	#settings {
		display: none;
	}
	.plan-list, .plan-weeks, .plan-calendar {
		font-size: 0.8em;
	}
	body #output svg {
		--margin: -100px 0 -80px;	
	}
	#color-key {
		-margin: 0;
	}
}


.plan-weeks {
	display: flex;
	flex-wrap: wrap;
}
.week-block {
	margin-bottom: 1em;
	width: 33%;
}
.week-block .week {
	font-weight: bold;
	margin-bottom: 6px;
}
.month-divider {
	font-weight: bold;
	margin: 6px 0;	
}

@media only screen and (max-width: 900px) {
	.week-block {
		width: 50%;
	}
}
@media only screen and (max-width: 500px) {
	.week-block {
		width: 100%
	}
}


.plan-list {
	
	column-count: 3;	
}
@media only screen and (max-width: 900px) {
	.plan-list {
		-webkit-column-count: 2; 
		-moz-column-count: 2; 	
		column-count: 2;
	}
}
@media only screen and (max-width: 500px) {
	.plan-list {
		-webkit-column-count: 1; 
		-moz-column-count: 1; 	
		column-count: 1;
	}
}

.plan-weeks .entry,
.plan-list .entry { 
	display: flex;
}
.entry .date { 
	width: 30%; 
	padding-right: 1.2em; 
	text-align: right; 	
	font-family:'Source Sans Pro', sans-serif;
}
.entry .verses { 
	width: 70%; 	
}

/*
.plan-checkbox .plan-list .verses::before,
.plan-checkbox .plan-weeks .verses::before,
.plan-checkbox .plan-calendar .verses::before {
	content: '☐ ';
	content: '\2610 ';
	padding-right: 0.25em;
}

.plan-checkbox .plan-list .verses,
.plan-checkbox .plan-weeks .verses,
.plan-checkbox .plan-calendar .verses {
	text-indent: -15px;
    padding-left: 15px;
}
*/

.verses input[type="checkbox"] {
	display: none;
}

.plan-checkbox .verses input[type="checkbox"] {
	display: inline-block;
	margin-right: 0.5em;
}

.plan-calendar { border-collapse: collapse; border: 1px solid #000;}		
.plan-calendar td,.plan-calendar th  { padding: 1em; vertical-align: top; width: 14%; border: 1px solid #ccc; }	
.plan-calendar th  { border: 1px solid #000; }	
.plan-calendar .date { display: block; font-size: 0.7em; text-align: right; margin-bottom: 0.3em; }		
.plan-calendar .verses { display: flex;  font-size: 0.85em; align-items: start; line-height: 1; }	
.plan-calendar .monthstart { border-left-color: #000; border-top-color: #000;  }		
.plan-calendar .monthend { border-right-color: #000; border-bottom-color: #000; }			
.plan-calendar .firstweek { border-top-color: #000;  }		
.plan-calendar .lastweek { border-bottom-color: #000;  }
.plan-calendar tr td:first-child { border-left-color: #000; }
.plan-calendar tr td:nth-child(7) { border-right-color: #000; }	

.plan-calendar .stats {
	font-size: 0.80em;
	margin-top: 6px;
	display: block;
}


.plan-color .section-pentateuch { background: #cbf4fb; fill: #cbf4fb;#469eac;  }		
.plan-color .section-historical { background: #e2f7bd; fill: #e2f7bd; #839f50;  }
.plan-color .section-poetic { background: #fbf5c3; fill: #fbf5c3; #beb45a;  }
.plan-color .section-major { background: #f7ddef; fill: #f7ddef; #b38fa8;  }
.plan-color .section-minor { background: #f7ddef; fill: #f7ddef; #b18da7;  }
.plan-color .section-gospel { background: #fdc6ca; fill: #fdc6ca; #ce1f2c;  }
.plan-color .section-acts { background: #fbe6ac; fill: #fbe6ac; #deb545;  }
.plan-color .section-pauline, .plan-color .section-pastoral { background: #bafdf6; fill: #bafdf6; #008376;  }
.plan-color .section-general { background: #c0f9ae; fill: #c0f9ae; #5d974b;  }
.plan-color .section-revelation { background: #b0a6f3; fill: #b0a6f3; #6b6499;  }
.plan-color .section-deuterocanonical { background: #efefef; fill: #efefef;   }


.plan-books {
	font-size: 10px; line-height: 1.2; font-family: Helvetica; 
}

.plan-books .book { 
	margin: 0 0 0.05in 0; 
	display: flex;
}
.plan-books .name { 
	width: 1in; 
	-float: left; 
	margin-right: 0.1in;
}
.plan-books .chapters { 
	flex: 1 1;
	/* nothign needed */
}

.plan-books .box { 
	margin: 0 0.01in 0.05in 0; 
	border: solid 1px #111; 
	display: inline-block;
	padding: 3px;
    line-height: 1;	
}


.plan-books .title { width: 1in;  }

.plan-books .chapter { min-width: 0.15in;  width: 7em; }


iframe.pdf {
	width: 100%;
	border: 0;
	height: 8in;
}

.plan-stats {
	margin: 0 auto 0.3in;
	width: 280px;
}
.plan-stats th, 
.plan-stats td {
	text-align: left;
	padding-right: 0.175in;
}

#output svg {
	width: 100%;
	--margin: -70px 0 -55px;
}

#color-key {
	float: none;
	display: flex;
	justify-content: center;
	margin: 16px 0 0 0;
	font-size: 9pt;
}
#color-key .key-item {
	display: flex;
	padding-right: 10px;
}

#color-key .key-color {
	width: 10px;
	height: 10px;
	outline: 1px solid black;
	margin-right: 5px;
}