/*
 Theme Name:   Carton Child
 Description:  Carton Child Theme
 Author:       Roxann Higuera
 Template:     carton
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  carton-child
*/

.highlight {
	background-color: hsl(60, 100%, 85%);
}

.red-underline {
	text-decoration: underline;
	text-decoration-color: red;
	text-decoration-thickness: 4px;
	text-decoration-skip: none;
}

.searchandfilter ul
{
	display: block;
    margin-left: 0px;
    padding-left: 0px;
}

.searchandfilter li
{
	display: block;
    margin-left: 0px;
}

.clear-bubble {
	color: black;
	border: solid #aaa 1px;
	border-radius: 25px;
	background-color: none;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.left-conversation-bubble {
	color: black;
	border: solid #aaa 1px;
	border-radius: 25px;
	background-color: white;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-right: 100px;
	padding: 20px;
}

.right-conversation-bubble {
	color: black;
	border: solid #aaa 1px;
	border-radius: 25px;
	background-color: white;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 100px;
	padding: 20px;
}

.yellow-bubble {
	color: black;
	border: solid hsl(60, 100%, 25%) 1px;
	border-radius: 25px;
	background-color: hsl(60, 100%, 94%);	// light yellow
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.red-bubble {
	color: black;
	border: solid hsl(350, 100%, 25%) 1px;
	border-radius: 25px;
	background-color: hsl(350, 100%, 96%);	// light red
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.correction::before {
	content: "Correcting the Record";
	font-size: 16px;
	font-weight: bold;
	color: hsl(0, 100%, 40%);
}

.correction {
	color: black;
	border: solid hsl(60, 100%, 25%) 1px;
	border-radius: 25px;
	background-color: hsl(60, 100%, 94%);	// light yellow
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.info-update::before {
	content: "Update";
	font-size: 16px;
	font-weight: bold;
	color: hsl(0, 100%, 40%);
}

.info-update {
	color: black;
	border: solid hsl(60, 100%, 25%) 1px;
	border-radius: 25px;
	background-color: hsl(60, 100%, 94%);	// light yellow
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.caution::before {
	content: "Caution";
	font-size: 16px;
	font-weight: bold;
	color: hsl(0, 100%, 40%);
}

.caution {
	color: black;
	border: solid hsl(60, 100%, 25%) 1px;
	border-radius: 25px;
	background-color: hsl(60, 100%, 94%);	// light yellow
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.disclaimer::before {
	content: "Disclaimer";
	font-size: 16px;
	font-weight: bold;
	color: hsl(0, 100%, 40%);
}

.disclaimer {
	color: black;
	border: solid hsl(60, 100%, 25%) 1px;
	border-radius: 25px;
	background-color: hsl(60, 100%, 94%);	// light yellow
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.important::before {
	content: "Important!";
	font-size: 16px;
	font-weight: bold;
	color: hsl(0, 100%, 40%);
}

.important {
	color: black;
	border: solid hsl(60, 100%, 25%) 1px;
	border-radius: 25px;
	background-color: hsl(60, 100%, 94%);	// light yellow
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.urgent::before {
	content: "URGENT!";
	font-size: 16px;
	font-weight: bold;
	color: hsl(0, 100%, 40%);
}

.urgent {
	color: black;
	border: solid hsl(60, 100%, 25%) 1px;
	border-radius: 25px;
	background-color: hsl(60, 100%, 94%);	// light yellow
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.research-tip::before {
	content: "Research Tip";
	font-size: 16px;
	font-weight: bold;
	color: hsl(0, 100%, 40%);
}

.research-tip {
	color: black;
	border: solid hsl(60, 100%, 25%) 1px;
	border-radius: 25px;
	background-color: hsl(60, 100%, 94%);	// light yellow
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.speculation::before {
	content: "Speculation";
	font-size: 16px;
	font-weight: bold;
	color: hsl(0, 100%, 40%);
}

.speculation {
	color: black;
	border: solid hsl(350, 100%, 25%) 1px;
	border-radius: 25px;
	background-color: hsl(350, 100%, 96%);	// light red
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.comment::before {
	content: "Comment";
	font-size: 16px;
	font-weight: bold;
	color: hsl(0, 100%, 40%);
}

.comment {
	color: black;
	border: solid hsl(193, 53%, 25%) 1px;
	border-radius: 25px;
	background-color: hsl(193, 53%, 94%);			// light blue
	// background-color: hsl(31, 100%, 93%);		// light orange
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.questions::before {
	content: "Questions";
	font-size: 16px;
	font-weight: bold;
	color: hsl(0, 100%, 40%);
}

.questions {
	color: black;
	border: solid hsl(120, 76%, 25%) 1px;
	border-radius: 25px;
	background-color: hsl(120, 76%, 93%);	// light green
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.blue-box {
	color: black;
	border: solid hsl(193, 53%, 25%) 1px;
	background-color: hsl(193, 53%, 94%);	// light blue
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.yellow-bubble {
	color: black;
	border: solid hsl(60, 100%, 25%) 1px;
	border-radius: 25px;
	background-color: hsl(60, 100%, 94%);	// light yellow
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.BibleQuote {	// Use H3 for the citation line.
	color: black;
	border: solid hsl(43, 89%, 38%) 1px;
	border-radius: 25px;
	background-image: url("https://pandemictimeline.com/wp-content/themes/carton-child/parchment.jpg");
	// background-image: url("https://pandemictimeline.com/wp-content/themes/carton-child/Travertine.jpg");
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.VerseNumber {
	font-size: 8px;
}

.JesusText {
	color: red;
	font-weight: 500;
}

.DemonText {
	color: hsl(300, 100%, 30%);
	background-color: hsl(0, 0%, 85%);
	font-weight: 600;
}

.PriestText {
	color: hsl(240, 100%, 60%);
	font-weight: 500;
}

.indent {
	margin: 20px;
}

.red {
	color: red;
	font-weight: 500;
}

.bold {
	font-weight: bold;
}

.small {
	font-size: 8px;
}

time {
	font-size: 24px;
	font-weight: bold;
	color: hsl(0, 100%, 40%);
}

li {
	margin-bottom: .75em;
}

aside ul li {
	margin-bottom: 0em;
}

ol.wide-indent, ol.wide-indent li {
 margin-left: 30px;
}

img.pt_source {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	height: 54px;
	max-height: 54px;
}

span.pt_source {
	color: red;
}

div.pt_source_img {
	display: inline-block;
	float: right;
	margin-left: 5px;
}

div.pt_source_text {
	display: inline-block;
}

.mixed-in-stats {
	background-color: hsl(0, 0%, 89%);	// light gray
	// background-color: hsl(33, 100%, 92%);	// Bisque
}

.censored {
	background-color: hsl(0, 0%, 83%);	// light gray
}

hr {
	width: 75%;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); 
}

.entry-content A:link    { color: #0000FF; background-color: hsl(240, 100%, 95%, 0.5); } // blue
.entry-content A:visited { color: #800080; background-color: hsl(300, 100%, 90%, 0.5); } // purple
.entry-content A:active  { color: #FF0000; background-color: hsl(0, 100%, 95%, 0.5); } // red

.borderless, table.borderless, table.borderless tbody, table.borderless tr, table.borderless td {
	border-collapse: collapse;
	border: none;
	border: hidden;
}

.top-align, table.top-align, table.top-align tbody, table.top-align tr, table.top-align td {
	vertical-align: top;
}

.hangingindent {
  padding-left: 22px ;
  text-indent: -22px ;
}

.twitter-image {
	border-style: solid;
	border-color: rgb(29, 155, 240);
	border-width: 1px;
	border-radius: 10px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.twitter-bubble {
	border: solid rgb(29, 155, 240) 1px;
	border-radius: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

/*
A:hover   { color: ; background-color: ; }
standard link - #0000FF //blue
visited link - #800080 //purple
active link - #FF0000 //red
*/