/*
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);
}*/
.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);
	height: 187px;
}
.pagemenu-header {
	font-family: 'Libre Franklin', sans-serif;
	font-size: 3.0rem;
	font-weight: 300;
	text-transform: uppercase;
	text-align: center;
	padding-top: 4px;
	color: #FFFFFF;
}
.Videos-pagecont .pagemenu-header {
	padding-top: 25px;
}
.pagemenu-header a {
	color: #FFFFFF;
}
.pagemenu-container a:hover {
	text-decoration: none;
}
.pagemenu-container a:hover,
.pagemenu-container a:hover .pagemenu-header {
	color: #FFEFA9;
}
.pagemenu {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(http://media.aish.com/designimages/pagemenu-transparent-bg-1300x66.png) center bottom no-repeat;
	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) {
	.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-header.long-text {
		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
*/