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

.sidebar .header {
	padding-top: 10px;
	font-size: 1.1rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #F39C12;
	margin-bottom: 0;
}
.sidebar .header.first {
	padding-top: 0;
}
.sidebar hr {
	height: 2px;
	background-color: #eee;
	border: none;
}
.most-popular .header {
	font-size: 1.1rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #F39C12;
	margin-bottom: 0;
}
.most-popular hr {
	height: 2px;
	background-color: #eee;
	border: none;
	margin-top: 0.4rem;
}
.form-container {
	margin-bottom: 20px;
}
.dating-wisdom-form-container {
	/*background: url(http://media.aish.com/designimages/holding-hands-bottom-696x1.png) left bottom/100% repeat-y;*/
	background-color: #e2d7bb;
}
form.signupform {
	text-align: center;
	padding: 180px 30px 20px;
	background: url(http://media.aish.com/designimages/email-signup-widget-630x402.jpg) left top/100% no-repeat;
}
/*form.dating {
	background: url(http://media.aish.com/designimages/email-signup-widget-630x402.jpg) left top/100% no-repeat;
}*/
.form-container .header {
	font-family: 'Playfair Display', serif;
	font-weight: 900;
	font-size: 2.0em;
}
.form-container .subheader {
	font-size: 1.25rem;
	color: #666;
}
form.signupform input {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
form.signupform input[type="text"] {
	padding: 5px;
	border-radius: 2px;
	border: 1px solid #ccc;
}
form.signupform input[name="submit"] {
	box-shadow: none;
	border: none;
}
form.signupform .pushbutton,
form.article-proposal .pushbutton {
	font-size: 0.85rem;
}
img.ad {
	margin-bottom: 20px;
}
.article-proposal-form-container {
	border: 1px solid #E2E2E2;
	height: 726px;
	width: 100%;
}
form.article-proposal {
	background: url(http://media.aish.com/designimages/pencil-hand-696x1044.png) left top/100% no-repeat;
	text-align: center;
	padding: 180px 30px 5px;
}
form.article-proposal input {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
form.article-proposal input[type="text"] {
	padding: 5px;
	border-radius: 2px;
	border: 1px solid #ccc;
}
form.article-proposal input[name="submit"] {
	box-shadow: none;
	border: none;
}

/* Parsha Widget (copied / adapted from global.css) */
.parsha-widget					{ margin: 5px 0 0; overflow: hidden;/*???*/ background: #FFFFFF; padding: 0 0 1.1rem; font-style: normal; }
.parsha-widget span.SpecName	{ color: #994499; }
.parsha-widget div.invis-tab	{ display: none; }
div.tab							{ border: 1px solid #B1D3EB }
div.tab,
.widget .box				{ margin: 0 6px 0 5px; background: #FFFFFF; overflow: hidden;/*???*/ }
ul.items-list				{ margin: 0; padding: 0 9px; }
ul.items-list li			{ padding: 5px 0 6px; margin-bottom: -1px; border-bottom: 1px solid #ccc; list-style: none; line-height: 1.2; }
ul.items-list li h4,
.widget-bullets h4,
.widget #seefull			{ clear: both; color: #336699; margin: 0 0 2px; font: bold 13px/14px Georgia, "Times New Roman", Times, serif; }
ul.number li h4 span		{ padding-bottom: 2px; width: 14px; float: left; padding-right: 3px; }
ul.items-list li p			{ margin: 0; padding: 0; color: #666; font-size: 10px; line-height: 12px; }
div.tab ul.items-list li p	{ padding: 0 0 0 16px; }
ul.items-list li .atr-title { color: #222222; }
ul.tabset					{ overflow: hidden;/*???*/  margin: 0 0 -1px; padding: 0 0 0 5px; position: relative; }
ul.tabset li				{ list-style: none; padding: 0 2px 0 0; float: left; }
ul.tabset li a				{ color: #336699; font-size: 12px; line-height: 15px; float: left; text-decoration: none; margin-right: 2px; }
ul.tabset li a span			{ cursor: pointer; white-space: nowrap; height: 16px; margin-left: 5px; margin-right: -2px; padding: 2px 5px 0 0; float: left; }
ul.ParshaTabs				{ overflow: hidden; margin: 0 0 -1px; padding: 0 0 0 5px; position: relative; }
ul.ParshaTabs li			{ list-style: none; padding: 0 2px 0 0; float: left; }
ul.ParshaTabs li a			{ color: #007BCF; font-size: 14px; line-height: 15px; float: left; text-decoration: none; margin-right: 2px;
				  background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #9ABDDB; font-weight: bold; height: 20px;
				  margin-top: 4px; padding: 1px 3px 3px 0; box-sizing: unset; }
ul.ParshaTabs li a:hover,
ul.ParshaTabs li a.active	{ border-bottom-color: white; color: #F39C12; }
ul.ParshaTabs li a span		{ cursor: pointer; white-space: nowrap; height: 16px; margin-left: 5px; margin-right: -2px; padding: 2px 5px 0 0; float: left; }
ul.ParshaSeries li a		{ color: #0044AA; font-size: 14px; }
ul.ParshaSeries li a:hover	{ color: #4499FF; text-decoration: none; }
ul.ParshaSeries li span.ArtTitle { color: #444444; font-size: 13px; }
ul.ParshaSeries li span.special { color: #883388; font-size: 13px; }

.jew-dedication {
	font-size: 1rem;
	text-align: center;
	line-height: 1.3;
	margin-bottom: 14px;
	color: #162D7A;
}

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

/* DAR added 1st query for submit article form frame. */
@media (min-width: 360px) {
	.article-proposal-form-container {
		height: 676px;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	form.signupform .pushbutton,
	form.article-proposal .pushbutton {
		font-size: 0.9rem;
	}
	.article-proposal-form-container {
		height: 675px;
	}
	.jew-dedication {
		font-size: 1.2rem;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	form.signupform .pushbutton,
	form.article-proposal .pushbutton {
		font-size: 1rem;
	}
	.article-proposal-form-container {
		height: 598px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.article-proposal-form-container {
		height: 752px;
	}
	.jew-dedication {
		font-size: 1.4rem;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.article-proposal-form-container {
		height: 675px;
	}
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
}

/* 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
*/