/*----- START TOC ----

	Section 8 - Only Mobile Styles <= 767

---- END TOC -----*/


/*-----
	Section 8 - Only Mobile Styles <= 767
	-----*/
@media (max-width: 991px) {
	div.subMenu {
		background: #d4d4d4 !important;
	}
	div.subMenu a {
		display: block;
	}
	
	header#masthead ul li	{
		border-bottom: solid 1px #959696;
		background: right 21px no-repeat url(images/mobile-menu-arrow.png);
		background-size: 29px auto;
		background-color:#d4d4d4;
	}
	header#masthead ul li > a	{
		margin-right:48px;
		border-right:1px solid #959696;
		background-color:#ececed;
	}
	
	/*header#masthead ul li:hover  {
		background-position: right -81px;
	}*/
	header#masthead ul li.expanded  {
		background-position: right -81px;
	}
	.navbar-toggle {
		display:block !important;
	}

}



@media (max-width: 767px) {
	button#additionalnavbutton	{
		margin-top:5px;
	}
	
div.lightMasthead div.banner > div p {
	background: #888;
}

	div.quickNav {
		margin-top:0px;
	}

	#dnn_BannerPane {
	margin-top:10px;
	}
	p	{
		font-size:1.0em;
	}
	h3	{
		font-size: 1.2em;
	}
	h4	{
		font-size: 1.1em;
	}	
	div.search {
		top: 17px;
	}
	body.searchEnabled div.search {
		top: 15px;
	}
	div.searchBox {
		position: absolute;
		top: 80px;
	}
	body.searchEnabled div.fixedSpacer {
		height: 74px;
	}
	div.bannerHome {
		margin-bottom: 30px;
	}
	div.bannerWrapper div.banner {
		position: relative;
	}
	div.bannerWrapper div.banner > div {
		width: 100%;
		background-size: 100% auto;
		position: absolute;
		top: 0;
	}
	div.bannerWrapper div.bannerCopy {
		background: #bdbbbc;
		margin: 0 -15px;
		padding: 15px 15px 20px 15px;
		min-height: 130px;
	}
	div.bannerWrapper div.bannerCopy h2 {
		font-size: 20px;
		text-transform: none;
		font-family: 'PFDinTextPro-Regular';
		margin-bottom: 7px;
	}
	div.bannerWrapper div.bannerCopy h2 a {
		color: #fff;
	}
	div.bannerWrapper div.bannerCopy h2 a:hover {
		color: #b41b1d;
		text-decoration: none;
	}
	div.bannerCopy h2 a:after {
		content: "";
	}
	div.bannerWrapper div.bannerCopy h2 span {
		font-size: 30px;
		position: relative;
		top: 2px;
		color: #fff;
	}
	div.bannerWrapper div.bannerCopy p {
		margin-bottom: 0;
	}
	div#bannerintro h2, div#bannerintro p	{
		display:none;
	}
	div.banner a.previousBtn,
	div.slideshow a.previousBtn {
		position: absolute;
		left: 0;
		top: 0;
		height: 20px;
		width: 40px;
		text-indent: -9000em;
		background: 8px center no-repeat url(images/prev-arrowSm.png);
	}
	div.banner a.nextBtn,
	div.slideshow a.nextBtn {
		position: absolute;
		right: 0;
		top: 0;
		height: 20px;
		width: 40px;
		text-indent: -9000em;
		background: -100px center no-repeat url(images/next-arrowSm.png);
	}
	div.slideshow a.nextBtn {
		right: -12px;
	}
	div.banner a.previousBtn:hover, 
	div.slideshow a.previousBtn:hover {
		background-position: -92px center;
	}
	div.banner a.nextBtn:hover, 
	div.slideshow a.nextBtn:hover {
		background-position: left center;
	}
	div.lightMasthead div.intro h1 {
		margin-top: 9;
	}
	div.news img {
		/*width: 45%;*/
		max-width:320px;
	}
	div.events img {
		width: 45%;
	}
/*	div.col-xs-6 img {
		width: 100%;
	}
*/
div.single img {
		width: 70%;
	}

	div.mobileMenu {
		font-size: 18px;
		font-family: 'PFDinTextPro-Regular', arial, san-serif;
		cursor: pointer;
		font-size: 18px;
		background: #dbdbdc;
		overflow: hidden;
		margin-top: 10px;
	}
	div.mobileMenu span.title {
		display: block;
		float: left;
		padding: 9px 0 9px 50px;
		background-size: 29px auto;
		background: #dbdbdc 16px center no-repeat url(images/hamburger-icon.png);
		background-size: 22px auto;
	}
	div.expanded ul {
		display: block;
		border-top: solid 1px #d3d2d2;
	}
	div.secondaryNavTitle {
		overflow: hidden;
		display: none;
	}
	div.secondaryNavTitleMobile {
		overflow: hidden;
		display: none;
	}
	div.expanded div.secondaryNavTitle {
		display: block;
	}
	div.expanded div.secondaryNavTitleMobile {
		display: block;
	}
	div.secondaryNavTitle a {
		display: block;
		padding: 9px 0 9px 16px;
		color: #2e2e2e;
		font-size: 18px;
		font-family: 'PFDinTextPro-Bold', arial, san-serif;
	}
	div.secondaryNavTitleMobile a {
		display: block;
		padding: 9px 0 9px 16px;
		color: #2e2e2e;
		font-size: 18px;
		font-family: 'PFDinTextPro-Bold', arial, san-serif;
	}
	div.mobileMenu span.indicator {
		display: block;
		float: right;
		background: right 15px no-repeat url(images/plus-minus-Lg.png);
		background-size: 29px auto;
		height: 45px;
		width: 45px;
		border-left: #aeaeb0 solid 1px;
	}
	.expanded div.mobileMenu span.indicator {
		background-position: right -91px
	}
	div.expanded ul li.current {
		display: block;
	}
/*	div.secondaryNavMobile ul {
		top: 90px;
	}
	div.secondaryNavMobile ul li {
		display: none;
		cursor: pointer;
	}
	div.secondaryNavMobile ul li {
		display: block;
		border-bottom: solid 1px #d3d2d2;
	}
	div.singleLevel ul li a {
		border-right: none !important;
	}
	div.secondaryNavMobile ul li.current {
		background: right -91px no-repeat url(images/plus-minus-Lg.png);
		background-size: 29px auto;
	}
	div.secondaryNavMobile ul li a {
		display: block;
		padding: 9px 15px 9px 25px;
		border-right: solid 1px #aeaeb0;
	}
	div.secondaryNavMobile ul.currentLevel > li > a {
		margin-right: 0;
		border-width: 0;
	}
	div.secondaryNavMobile ul.currentLevel > li {
		background-position: right 15px;
	}
	div.secondaryNavMobile ul.currentLevel > li.current {
		background-position: right 15px;
	}
	div.secondaryNavMobile ul li.current > a {
		font-family: 'PFDinTextPro-Bold', arial, san-serif;
		color: #2e2e2e;
		margin-right: 44px;
		border-width: 1px;
	}
	div.secondaryNavMobile ul ul {
		border-color: #cac9ca;
	}
	div.secondaryNavMobile ul li li {
		background-image: none;
		background: #f4f4f4 no-repeat url(images/plus-minus-Lg.png);
		background-position: right top;
		background-size: 29px auto;
	}
	div.secondaryNavMobile ul li li.expanded {
		background-position: right -91px;
	}
	div.secondaryNavMobile ul li li.collapsed {
		background-color:#ff0000;
		background-position: right top;;
	}
	div.secondaryNavMobile ul li.expanded {
		background-position: right -91px;
	}
	div.secondaryNavMobile ul li.collapsed {
		background-color:#0F0;
		background-position: right -15px;;
	}
	div.secondaryNavMobile ul li.lowestLevel {
		display: block;
		background-image: none !important;
	}
	div.secondaryNavMobile ul li.lowestLevel a {
		margin-right: 0;
	}
	div.secondaryNavMobile ul.currentLevel > li ul {
		display: none;
	}
	div.secondaryNavMobile ul.currentLevel > li {
		display: block;
		border-bottom: solid 1px #cac9ca;
	}

	div.secondaryNavMobile > ul.currentLevel > li {
		border-bottom: solid 1px #d3d2d2;
	}
	div.secondaryNavMobile ul li ul.currentLevel > li {
		border-bottom: solid 1px #cac9ca;
	}
	div.secondaryNavMobile ul li li ul.currentLevel > li {
		border-bottom: solid 1px #c5c5c5;
	}
	div.secondaryNavMobile ul li li li ul.currentLevel > li {
		border-bottom: solid 1px #bcbbbc;
	}
	div.secondaryNavMobile ul li li li li ul.currentLevel > li {
		border-bottom: solid 1px #aeadae;
	}
*/
	div.secondaryNav {
		display:none;
	}
}



/*-----
	Section 8 - Only Vertical Mobile Styles <= 479
	-----*/
@media (max-width: 479px) {
div.col-xs-6	{
	width:100%;
}
button#additionalnavbutton	{
		margin-top:5px;
	}
	p	{
		font-size:1.0em;
	}
	h3	{
		font-size: 1.2em;
	}
	h4	{
		font-size: 1.1em;
	}	
	#socialFooter div.makeAGift span {
		padding-top: 18%;
	}
	#socialFooter div.makeAGift span span {
		font-size: 20px;
	}
	#socialFooter div.makeAGift span span.light {
		font-size: 17px;
	}
	a.standardBtn {
		display: block;
		text-align: center;
		margin-bottom: 10px;
		margin-right: -4px;
		border: none;
		border-radius: 4px;
	}
	ul li {
		background: -22px 10px no-repeat url(images/bullet-red.png);
		padding-left: 35px;
		font-size: 1.0em;
	}
	ol li	{
		font-size: 1.0em;
	}
	/*div.intro h2, div.intro p {
		display:none;
	}*/
}