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

.sector {
	padding: 18px 0;
}
.sector-head {
	font-family: 'Playfair Display', serif;
	font-weight: 900;
	font-size: 1.25rem;
	text-align: left;
}
html[lang="en"] .sector-head {
	text-align: center;
}
html[lang="es"] .sector-head a {
	color: #A5201C;
}
html[lang="en"] .sector-head a {
	color: #000000;
}
#top-stories {
	background: url(https://media.aish.com/designimages/ltgray.png) top left repeat;
	/*background: url(https://media.aish.com/designimages/ltgray.png) left bottom/100% 50% no-repeat;*/
	padding: 18px 0 0;
}
#content-date-row {
	padding: 30px 0;
	margin-bottom: 0;
}
#content-date-row p {
	margin-bottom: 0;
	font-family: 'Libre Franklin', sans-serif;
	font-weight: 300;
	font-size: 0.625rem;
}
#featured-articles {
	background-color: #f2f2f2;
}
.showcase-featured #featured-articles {
	padding-top: 0;
}
html[lang="es"] #featured-articles .sector-head {
	text-align: left;
}
#daily-special .sector-head {
	text-align: left;
}
#daily-special-trending {
	margin-top: 15px;
	margin-bottom: 10px;
}
#daily-special-trending > p {
	font-family: 'Libre Franklin', sans-serif;
	font-weight: 800;
	font-size: 1.0rem;
	text-transform: uppercase;
	color: #F39C12;
	margin-bottom: 13px;
	border-bottom: 2px solid #f2f2f2;
}
#jewish-wisdom {
	background-color: #f2f2f2;
}
#featured-videos {
	background-color: #f2f2f2;
}


/*
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) {
	#content-date-row p {
		font-size: 0.67rem;
	}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#content-date-row p {
		font-size: 0.8rem;
	}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.showcase-featured #featured-articles {
		padding-top: 18px;
	}
	#daily-special-trending {
		margin-top: -45px;
	}
}
/* 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) {
}
/* 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
*/