/*
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: 103px;
	background: #659DBD none center top no-repeat;
	display: none;
	font-size: 1rem;
	line-height: 1.5;
}
/*.pagemenu-container {
	background-image: url(https://media.aish.com/designimages/family-header-bg-1300x187.jpg);
}*/
.pagemenu-container.no-nav {
	height: 63px;
}
.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(https://media.aish.com/designimages/video-header-bg-1300x187.jpg);
	background-color: #090708;
}
.Tisha-BAv-pagecont {
	background-image: url(https://media.aish.com/designimages/tishabav-banner.jpg);
	background-color: #1E1108;
}
.The-High-Holidays-pagecont {
	background-image: url(https://media.aish.com/designimages/high-holidays-banner.jpg);
	background-color: #3B3A38;
}
.Rosh-Hashanah-pagecont {
	background-image: url(https://media.aish.com/designimages/Rosh+Hashana+banner.jpg);
	background-color: #498102;
}
.Growth-and-Renewal-pagecont {
	background-image: url(https://media.aish.com/designimages/Growth+and+Renewal+banner.jpg);
	background-color: #358D03;
}
.Yom-Kippur-pagecont {
	background-image: url(https://media.aish.com/designimages/Yom+Kippur+banner.jpg);
	background-color: #31ADD3;
}
.Elul-pagecont {
	background-image: url(https://media.aish.com/designimages/Elul+banner.jpg);
	background-color: #90271A;
}
.Sukkot-pagecont {
	background-image: url(https://media.aish.com/designimages/Sukkos-Banner.jpg);
	background-color: #9E683A;
}
.Hanukkah-pagecont {
	background-image: url(https://media.aish.com/designimages/Chanukah-banner.jpg);
	background-color: #70B8C4;
}
.Tenth-of-Tevet-pagecont {
	background-image: url(https://media.aish.com/designimages/10tevet-banner.jpg);
	background-color: #1E1108;
}
.Tu-bShvat-pagecont {
	background-image: url(https://media.aish.com/designimages/Tu-bshvat-banner.jpg);
	background-color: #26517E;
}
.Purim-pagecont {
	background-image: url(https://media.aish.com/designimages/Purim-Banner.jpg);
	background-color: #E19501;
}
.Passover-pagecont {
	background-image: url(https://media.aish.com/designimages/Passover-Banner.jpg);
	background-color: #77931A;
}
.Counting-the-Omer-pagecont {
	background-image: url(https://media.aish.com/designimages/Omer+banner.jpg);
	background-color: #968456;
}
.Shavuot-pagecont {
	background-image: url(https://media.aish.com/designimages/Shavuot-Banner.jpg);
	background-color: #EECC37;
}
.Holocaust-Studies-pagecont {
	background-image: url(https://media.aish.com/designimages/Holocaust-Banner.jpg);
	background-color: #4B4B4B;
}
.Shabbat-pagecont, .Shabat-pagecont {
	background-image: url(https://media.aish.com/designimages/Shabbat-Banner.jpg);
	background-color: #4571A0;
}
.pagemenu-container .pagemenu-header,
.pagemenu-container .pagemenu-header a {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 2.0rem;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	padding-top: 9px;
	color: #FFFFFF;
    line-height: inherit;
}
.Tisha-BAv-pagecont .pagemenu-header,
.Tenth-of-Tevet-pagecont .pagemenu-header {
	color: #650000;
	font-weight: 500;
}
.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,
.Tenth-of-Tevet-pagecont a:hover .pagemenu-header {
	color: #FD8F30;
}
.Shavuot-pagecont a:hover .pagemenu-header {
	color: #FF7F50;
}
.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(https://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: 7px 5px 10px;
}
.pagemenu li a {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 0.6rem;
	font-weight: 300;
	color: #fff;
}
.pagemenu li a:hover {
	color: #FFFFB7;
}
.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-container {
		height: 123px;
	}
	.pagemenu-container.no-nav {
		height: 78px;
	}
	.pagemenu-container .pagemenu-header,
	.pagemenu-container .pagemenu-header a {
		font-size: 3.0rem;
		padding-top: 4px;
	}
	.pagemenu li {
		padding: 12px 10px;
	}
	.pagemenu li a {
		font-size: 0.8rem;
	}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.pagemenu-container {
		height: 142px;
	}
	.pagemenu li {
		padding: 21px 15px 18px;
	}
	.pagemenu li a {
		font-size: 1.0rem;
	}
	.Videos-pagecont {
		height: 187px;
	}
	.hol-class {
		height: 187px;
	}
	.Videos-pagecont .pagemenu-header,
	.hol-class .pagemenu-header {
		padding-top: 27px;
	}
	.pagemenu-container.hol-class.no-nav {
		height: 119px;
}
}

/* 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) {
}

/* 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
*/
