/*
Colors
------
Midnight #143154
Royalty #162D7A
Indigo #2D5EAB
Tola'at #A5201C
Shani #D04636
Sunset #F39C12
Gray1 #6f7c8c
*/

.sector {
	padding: 10px 0;
	margin-bottom: 20px;
}
.article {
	margin-bottom: 30px;
}
.article h1 {
	margin-bottom: 6px;
	font-size: 1.5rem;
}
.article h1.parsha-name {
	font-size: 1.1rem;
	color: #990000;
}
.article h1.parsha-name span {
	color: #666666;
	font-weight: normal;
}
.article p.byline {
	float: left;
	margin-top: 9px;
	margin-bottom: 1.3rem;
}
.addthis_inline_share_toolbox_vysl {
	margin-bottom: 8px;
	float: left;
}
.article img {
	display: block;
	clear: both;
	margin-bottom: 4px;
	margin-top: 4px;
	max-width: 100%;
	height: auto;
}
.article img.art-small-graphic {
    width: auto;
    margin: 0 0 20px 0;
}
.article img.parsha-graphic {
    width: auto;
    margin: 0 0 20px 0;
}
.article a.archives-link {
	float: left;
}
.article img.archivesBtn {
	margin-top: 0;
    margin-bottom: 10px;
}
.article hr {
	height: 2px;
	background-color: #eee;
	border: none;
}
.article .subhead,
.daily-q {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 1.35rem;
	color: #666;
	margin-bottom: 20px;
	clear: both;
}
.content-video .subhead {
	margin-top: 20px;
}
.article .article-body p {
}
.article .article-body .dropwrap {
	float: left;
	width: 45%;
	margin-right: 30px;
}
.article .article-body .dropwrap p {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 2.5rem;
	padding-top: 10px;
}
.article .article-body .dropwrap hr {
	background-color: #D04636;
	height: 2px;
	margin-bottom: 20px;
}
.article .article-body blockquote.pullquote {
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	font-size: 1.2rem;
	line-height: 2.5rem;
	padding-top: 10px;
	border-bottom: 2px solid #D04636;
	padding-bottom: 16px;
	margin-bottom: 10px;
}
.article .article-body iframe,
.article .article-body .jwplayer,
.article .wistia_embed {
	max-width: 100%;
}


.content-video .video-subtitle-text {
	text-align: center;
	margin-top: 4px;
}

/* Daily Question feature */
.daily-q-header {
	text-align: center;
	font-size: 1.3rem;
	font-weight: 600;
	margin-top: 7px;
	margin-bottom: 5px;
}
.daily-q {
	margin-bottom: 7px;
}
.q-iter {
	margin-bottom: 4px;
}
.q-iter.left {
	float: left;
}
.q-iter.right {
	float: right;
}
.q-iter.faded {
	color: #afafaf;
}
.answer-invite {
	color: #555;
	margin-bottom: 26px;
	float: left;
	max-width: 360px;
}
.botart-share-line .share-offer {
	font-size: 1.6rem;
	display: block;
	margin-bottom: 7px;
}
.daily-question .botart-share-line .share-offer {
	font-size: 1.5rem;
}
.botart-share-line .print-link {
	float: left;
	margin-left: 5px;
	margin-top: 12px;
}
.botart-share-line .print-link img {
	width: 44px;
}
.botart-share-line .addthis_inline_share_toolbox_vysl {
	clear: none !important;
}

.botart-share-line .at-resp-share-element .at-share-btn {
	margin: 0 7px 5px !important;
}

.about-the-author {
	background-color: #f2f2f2;
	padding: 13px 15px 15px;
	margin-bottom: 20px;
	clear: both;
}
.about-the-author p.header {
	font-weight: bold;
	margin-bottom: 0.5rem;
}
.about-the-author p:last-of-type {
	margin-bottom: 0;
}
.about-the-author .author-name {
	float: left;
	font-weight: bold;
}
.about-the-author .author-more {
	float: right;
}
.about-the-author .auth-bio {
	clear: both;
}
.about-the-author img.bio-pic {
	float: right;
	margin: 7px 0 8px 5px;
}

.related-articles-header, .article-subheader, .article-subheading {
	font-family: 'Playfair Display', serif;
	font-size: 1.5rem;
	font-weight: 900;
	clear: left;
}

/* Parsha quiz */
.ansbutton {
	display: block;
	margin: 16px auto;
	font-size: 13px;
}
.article-content p.quiz-q {
	/*color: #002266;*/
	font-family: verdana,arial;
	font-size: 13px;
	line-height: 16px;
	margin-top: 20px;
}
html[lang="he"] .article-content p.quiz-q {
	font-size: 16px;
	line-height: 18px;
}
.answer {
	display: none;
	background-color: #FAFAC2;
	border: 1px solid black;
	font-family: verdana,arial;
	font-size: 13px;
	line-height: 15px;
	margin: 8px auto 16px;
	padding: 7px 8px;
	width: 560px;
	max-width: 100%;
}
html[lang="he"]  .answer {
	font-size: 15px;
	line-height: 16px;
}

/* Heb quiz - note that some directions purposely reversed so will be correct in RTL version */
table.hebquiz {
	border: 1px solid #555;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-top: 10px;
	padding: 8px;
	width: 100%;
}
table.hebquiz td.question {
	font-size: 22px;
	line-height: 26px;
	padding-right: 10px;
	text-align: right;
	width: 285px;
	padding-bottom: 10px;
}
table.hebquiz td.letter {
	font-size: 80px;
	padding-top: 13px;
	vertical-align: top;
	width: 57px;
}
table.hebquiz td.ans-field {
	padding-bottom: 13px;
	vertical-align: bottom;
}
table.hebquiz td.ans-field input[type="text"] {
	width: 95px;
	padding: 3px 4px 5px;
	font-size: 18px;
}
table.hebquiz td.ans-field span {
	display: none;
	color: #DD0000;
	font-size: 16px;
}


/* Series navigation widget (copied from pagetype-article.css): */
.pager-box		{ margin: 19px 0 3px; clear: both; background-color: #DBDBDB; border-radius: 6px; max-width: 100%; }
.pager-box-foot	{ height: 1%; overflow: hidden; }
.pager-box h4	{ font-size: 14px; font-weight: normal; text-align: center; clear: both;
				  color: #000000; overflow: hidden; margin: 0; padding: 11px 4px 8px; }
.pager-box div a, .pager-box div span { line-height: 22px; color: #444444; font-size: 12px; box-sizing: unset; }
.pager-box div span	{ color: #BBBBBB; }
.pager-box div p		{ font-size: 10px; color: #555555; overflow: hidden; clear: both; padding: 2px 0 1px; margin: 0 0 4px 1px; }
.pager-box div .prev	{ padding: 0 0 0 7px; float: left; }
.pager-box div .prev a,
.pager-box div .prev span { float: left; width: 55px; margin-bottom: 1px; padding: 0 0 0 17px; background: url(http://media.aish.com/designimages/btn-prev.gif) no-repeat; }
html[lang="es"] .pager-box div .prev a,
html[lang="es"] .pager-box div .prev span { width: 52px; padding-left: 20px; }
html[lang="fr"] .pager-box div .prev a,
html[lang="fr"] .pager-box div .prev span { background-image: url("http://media.aish.com/designimages/btn-prev-wide.gif"); width: 78px; padding-left: 20px; }
html[lang="he"] .pager-box div .prev a,
html[lang="he"] .pager-box div .prev span { width: 75px; padding-left: 20px; background-image: url(http://media.aish.com/designimages/btn-next-wide.gif);}
/* Note: Wasn't sufficient to have CSS Janus flip settings in the RTL vn of this file since we needed a wider background image in Hebrew.
 * So this is done by hand. I did reverse the padding value (setting padding-left to the value I want for padding-right) since I know the
 * values will be flipped by Janus in the RTL version. */
.pager-box div.next { text-align: right; padding: 0 9px 0 0; float: right; }
.pager-box div.next a,
.pager-box div.next span { margin-bottom: 1px; padding: 0 30px 0 0; width: 42px; float: right; background-image: url(http://media.aish.com/designimages/btn-next.gif); }
html[lang="es"] .pager-box div .next a,
html[lang="es"] .pager-box div .next span  { width: 56px; padding-right: 16px; }
html[lang="fr"] .pager-box div .next a,
html[lang="fr"] .pager-box div .next span  { width: 51px; padding-right: 21px; }
html[lang="he"] .pager-box div .next a,
html[lang="he"] .pager-box div .next span  { width: 73px; padding-right: 23px; background-image: url(http://media.aish.com/designimages/btn-prev-wide.gif); }
/* See note of a few lines above. */

/* Comments & Comment Form */
.comment-header { text-align: center; border: 1px solid #2D5EAB; display: block; padding: 9px 0 10px; width: 240px;
	border-radius: 3px; font-size: 1.2rem; line-height: 1; margin: 23px auto 21px; color: #2D5EAB; clear: both; }
.comment-header a { color: #2D5EAB; }
.comments-list						{ margin: 0; padding: 0; display: none; }
.comment-entire						{ position: relative; }
.comments-list .comment-top			{ background-color: #E0E0E4; border-top: 2px solid gray; padding: 6px 8px 11px; }
.comments-list p					{ color: #333333; font-size: 14px; line-height: 17px; margin: 0; }
.comments-list p.comment-info		{ margin: 0 0 4px; line-height: 17px; }
.comments-list .comment-body		{ background-color: #F5F5F9; padding: 9px 11px 8px 13px; }
.comments-list .comment-body p		{ font-size: 13px; line-height: 19px; margin-bottom: 8px; color: black; overflow-wrap: break-word; }
a.btn		{ display: inline; margin: 12px 9px 5px 0; float: left; width: 112px; line-height: 21px; padding: 0 0 0 22px; color: #fff; font-size: 12px; text-decoration: none; }

a.blue-btn	{ background: url(http://media.aish.com/designimages/btn-blue.gif) no-repeat; box-sizing: unset; }
a.green-btn	{ background: url(http://media.aish.com/designimages/btn-green.gif) no-repeat; box-sizing: unset; }

.comments-form		{ border: 1px solid #000088; margin: 15px 0 0; padding: 14px 0 16px 19px; background-color: #F5F5F9; clear: both; }
.comments-form *	{ box-sizing: unset; }
.comments-form h3	{ margin: 0; font: 18px "Lucida Sans Unicode", sans-serif; color: #4a80ca; letter-spacing:-1px; }
.comments-form ul	{ margin: 12px 0 0; padding: 0; list-style: none; }
.comments-form ul li	{ width: 100%; overflow: hidden; vertical-align:top; margin: 12px 0 0; }
.comments-wrapper	{ float: left; margin: 0 8px 0 0; }
.comments-wrapper p	{ margin: 0 0 3px; width: 217px; font-size: 14px; line-height: 17px; }
.comments-form ul li label	{ float: left; font-size: 12px; font-weight: bold; margin-bottom: 1px; line-height: 17px; }
.comments-form ul li .txt-2	{ clear: left; width: 148px; height: 19px; background: url(http://media.aish.com/designimages/text-field-3.gif) no-repeat; }
.comments-form ul li .txt-2 input	{ margin:2px 0 0 2px; padding: 0 3px 0 2px; float: left; width: 142px; height: 18px; border: 0; background: none; }
.select .rad-1	{ float: left; padding: 0; width: 14px; height: 14px; margin: 1px 1px 0 0; }
.comments-form ul li .select label { font-weight: normal; margin-right: 6px; }
.comments-form ul li .select label span { color: #000000; }
.comments-form ul li .txt-3	{ clear: left; width: 322px; height: 19px; background: url(http://media.aish.com/designimages/text-field-4.gif) no-repeat; }
.comments-form ul li .txt-3 input	{ margin: 2px 0 0 2px; padding: 0; padding: 0 3px 0 2px; float: left; width:315px; height: 18px; border: 0; background: none; }
.comments-form ul li input	{ clear: left; display: block; font-size: 13px; height: 16px; padding: 3px 5px; width: 156px; }
.comments-form ul li input#title	{ width: 350px; }
.comments-form ul li textarea	{ margin: 0; padding: 2px 4px; width: 352px; height: 91px; float: left; clear: both; border: 1px solid #737373; font-size: 12px; line-height: 15px; }
.comments-form ul li span	{ color: #ff002e; }
html[lang="he"] .comments-wrapper span.address-required { display: none; }
.comments-form ul li .notation		{ clear: both; float: left; font-size: 11px; }
.comments-form  .comment-signup	{ font-size: 12px; margin-top: 11px; clear: both; }
.comments-form  .comment-signup input { float: left; margin-left: 0; margin-right: 4px; margin-top: 3px; }
.comments-form  .comment-signup div.signup-text { float: left; margin-top: 1px; }
.comments-form a.btn-3			{ margin: 15px auto 0; display:block; color: #FFFFFF; text-decoration: none; clear: both; }
html[lang="en"] .comments-form a.btn-3 { margin-top: 11px; }
.comments-form a:link.btn-3,
.comments-form a:active.btn-3,
.comments-form a:hover.btn-3,
.comments-form a:visited.btn-3	{ color: #FFFFFF; text-decoration: none; }
.comments-form .comment-counter	{ color: gray; float: left; font-size: 15px; font-weight: bold; padding-left: 250px; padding-top: 1px; }
.comments-form .comment-counter-red { color: #FF002E; float: left; font-size: 18px; font-weight: bold; padding-left: 253px; padding-top: 3px;}
.reply-form-wrapper		{ width: 730px; max-width: 93%; left: 15px; }
.reply-form  { margin-top: 12px; padding-top: 3px; padding-bottom: 12px; }
.reply-form ul { margin-top: 7px; }
.reply-form .comments-wrapper { margin-right: 26px; font-size: 11px; font-weight: bold; line-height: 22px; margin-bottom: 4px; }
.reply-form .select { line-height: 24px; margin-bottom: 0; margin-right: 0; }
.reply-form .first-line { margin-bottom: 0; }
.reply-form ul li.dispLine { margin-top: 0; }
.reply-form .comments-wrapper .displayName { float: left; width: 106px; color: black; margin-top: 5px; }
.reply-form  .emailPrivate { font-size: 11px; font-weight: normal; line-height: 14px; margin-bottom: 0; text-align: right; width: 167px; }
.reply-form ul li .select label.dispNameChoice { float: left; width: 38px; margin-top: 8px; }
.reply-form .select .rad-1 { margin-right: 3px; margin-top: 2px; }
.reply-form .comment-counter, .reply-form .comment-counter-red { font-size: 13px; padding-left: 257px; padding-top: 1px; }
.reply-form a.btn-3 { margin-top: 4px; }
.reply-form-wrapper { position: absolute; }
.red-block	{ width:351px; min-height:90px; margin: 19px 0 0 22px; background: #f2cbcc; border:2px solid #9b0005; padding: 0 30px 0 15px; }
.red-block p	{ margin:20px 0 0; font-weight:bold; color: #9b0005; }
.blue-block	{ width:351px; min-height:90px; margin: 19px 0 0 22px; background: #d6e3f4; border:2px solid #164b9b; padding: 0 30px 0 15px; }
.blue-block p	{ margin:20px 0 0; font-weight:bold; color: #164b9b; }
#AJAX-statusblock-main,	#AJAX-statusblock-reply { display: none; }
.AJAX-statusblock-hidden { display: none; }
.AJAX-statusblock-red,
.AJAX-statusblock-blue	{ display: block !important; width: 351px; max-width: 90%; min-height: 90px; margin: 12px 0 11px 22px; padding: 0 30px 0 15px; clear: both; }
.AJAX-statusblock-red	{ background: #f2cbcc; border: 2px solid #9b0005; }
.AJAX-statusblock-blue	{ background: #d6e3f4; border: 2px solid #164b9b; padding-top: 8px; }


/*
Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap
*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.article h1 {
		font-size: 1.8rem;
	}
	.article .article-body blockquote.pullquote {
		float: left;
		width: 45%;
		margin-right: 30px;
	}
	.article img.parsha-graphic {
		float: left !important;
	}
	.article img.archivesBtn {
		margin-left: 30px;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.article h1 {
		font-size: 2rem;
	}
	.article h1.parsha-name {
		font-size: 1.3rem;
	}
	.article .subhead,
	.daily-q {
		font-size: 1.55rem;
	}
	.daily-q-header {
		font-size: 2rem;
	}
	.addthis_inline_share_toolbox_vysl {
		clear: none !important;
		float: right;
	}
	.botart-share-line .share-offer {
		display: inline;
		margin-bottom: 0;
		float: left;
		margin-top: 14px;
	}
	.botart-share-line .print-link {
		float: right;
		margin-right: 0;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.article h1 {
		font-size: 2.5rem;
	}
	.article h1.parsha-name {
		font-size: 1.5rem;
	}
	.article .subhead,
	.daily-q {
		font-size: 1.75rem;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
	.article h1 {
		line-height: 1.3;
	}
	.comments-form ul li textarea {
		width: 250px;
	}
	.comments-form ul li input#title {
		width: 248px;
	}
	.comments-form .comment-counter	{
		padding-left: 147px;
	}
	.reply-form .comment-counter, .reply-form .comment-counter-red {
		padding-left: 155px;
	}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
	.article img {
		float: none !important;
	}
	.article img.archivesBtn {
		margin-right: 20px;
	}
	.botart-share-line .print-link {
		display: none;
	}	
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
	#commentForm-main {
		margin-bottom: 20px;
	}
}

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
}

/*
Extra large devices (large desktops)
No media query since the extra-large breakpoint has no upper bound on its width
*/