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


#content {
	margin-top: 0;
}
.pagemenu-container {
	position: relative;
	height: 142px;
	background: #659DBD none center top no-repeat;
	display: none;
	font-size: 1rem;
	line-height: 1.5;
}
/*.pagemenu-container {
	background-image: url(http://media.aish.com/designimages/family-header-bg-1300x187.jpg);
}*/
.pagemenu-container.no-nav {
	height: 78px;
}
.Israel-pagecont {
	background-color: #C2AE95;
}
.Current-Issues-pagecont {
	background-color: #7F825F;
}
.Spirituality-pagecont {
	background-color: #4A5F70;
}
.Family-pagecont {
	background-color: #824E4E;
}
.Dating-pagecont {
	background-color: #66777D;
}
.Videos-pagecont {
	background-image: url(http://media.aish.com/designimages/video-header-bg-1300x187.jpg);
	background-color: #090708;
	height: 187px;
}
.Tisha-BAv-pagecont {
	background-image: url(http://media.aish.com/designimages/tishabav-banner.jpg);
	background-color: #1E1108;
	height: 187px;
}
.The-High-Holidays-pagecont {
	background-image: url(http://media.aish.com/designimages/high-holidays-banner.jpg);
	background-color: #3B3A38;
	height: 187px;
}
.Rosh-Hashanah-pagecont {
	background-image: url(http://media.aish.com/designimages/Rosh+Hashana+banner.jpg);
	background-color: #498102;
	height: 187px;
}
.Growth-and-Renewal-pagecont {
	background-image: url(http://media.aish.com/designimages/Growth+and+Renewal+banner.jpg);
	background-color: #358D03;
	height: 187px;
}
.Yom-Kippur-pagecont {
	background-image: url(http://media.aish.com/designimages/Yom+Kippur+banner.jpg);
	background-color: #31ADD3;
	height: 187px;
}
.Elul-pagecont {
	background-image: url(http://media.aish.com/designimages/Elul+banner.jpg);
	background-color: #90271A;
	height: 187px;
}
.Sukkot-pagecont {
	background-image: url(http://media.aish.com/designimages/Sukkos-Banner.jpg);
	background-color: #9E683A;
	height: 187px;
}
.pagemenu-container .pagemenu-header,
.pagemenu-container .pagemenu-header a {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 3.0rem;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	padding-top: 4px;
	color: #FFFFFF;
}
.Tisha-BAv-pagecont .pagemenu-header, {
	color: #650000;
	font-weight: 500;
}
.Videos-pagecont .pagemenu-header,
.Tisha-BAv-pagecont .pagemenu-header,
.The-High-Holidays-pagecont .pagemenu-header,
.Rosh-Hashanah-pagecont .pagemenu-header,
.Yom-Kippur-pagecont .pagemenu-header,
.Elul-pagecont .pagemenu-header,
.Growth-and-Renewal-pagecont .pagemenu-header,
.Sukkot-pagecont .pagemenu-header {
	padding-top: 27px;
}
.pagemenu-container a:hover {
	text-decoration: none;
}
.pagemenu-container a:hover .pagemenu-header,
.pagemenu-container .pagemenu-header a:hover {
	color: #FFEFA9;
}
.Tisha-BAv-pagecont a:hover .pagemenu-header {
	color: #FD8F30;
}
.dateHdrAd {
    position: absolute;
    top: 10px;
    right: 0;
    left: 370px;
    margin: 0 auto;
	width: 200px;
}
.pagemenu {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(http://media.aish.com/designimages/pagemenu-transparent-bg-1300x66.png) center bottom repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
}
.pagemenu li {
	display: inline-block;
	padding: 20px 5px;
}
.pagemenu li a {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 0.6rem;
	font-weight: 300;
	color: #fff;
}
.pagemenu li a.current {
	color: #F39C12;
}


/*
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) {
	.pagemenu-container {
		display: block;
	}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	.dateHdrAd {
		top: 1px;
		left: 432px;
		width: auto;
	}
	.pagemenu li {
		padding: 20px 10px;
	}
	.pagemenu li a {
		font-size: 0.8rem;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.pagemenu li {
		padding: 20px 15px;
	}
	.pagemenu li a {
		font-size: 1.0rem;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.pagemenu li a {
		font-size: 1.2rem;
	}
}



/* 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) {
	.pagemenu-container .pagemenu-header.long-text,
	.pagemenu-container .pagemenu-header.long-text a {
		font-size: 2.0rem;
		padding-top: 15px;
	}
}

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