﻿
/*----- START TOC ----

	Section 10 - Desktop >= 992

---- END TOC -----*/



/*-----
	Section 10 - Desktop >= 992
	-----*/
@media (min-width: 992px) {
	header#masthead .navbar-nav {
		margin: 0;
		width: 500px;
	}
	div.secondaryNav {
		display:block;
	}
	div.secondaryNavMobile {
		display:none;
	}
	div.search {
		bottom: 7px;
	}
	.maxWidth .col-md-12 {
		width: 100%;
	}
	h1 {
		font-size: 54px;
		padding-bottom: 30px;
	}
	h2 {
		font-size: 32px;
	}
	h3 {
		font-size: 30px;
	}
	h4 {
		font-size: 24px;
	}
	h5 {
		font-size: 22px;
	}
	h6 {
		font-size: 14px;
	}
	p {
		font-size: 18px;
	}
	p.small, 
	div.smallCopy p {
		font-size: 16px !important;
		margin-bottom: 10px !important;
	}
	h2.intro {
		font-size: 30px;
		line-height: 1.2;
		margin-bottom: 40px;
	}
	tr th {
		font-size: 14px;
	}
	tr td {
		font-size: 18px;
	}
	ul li {
		background: 20px -35px no-repeat url(images/bullet-red.png);
		padding-left: 35px;
		font-size: 18px;
	}
/*	ol li {
		padding-left: 35px;
		font-size: 18px;
	}*/
/*	blockquote {
		padding: 20px 0 0 0;
		margin: 25px 30px 25px 30px;
	}
	blockquote p {
		font-size: 22px;
	}*/
	blockquote ul li {
		font-size: 22px;
		margin-bottom: 8px;
		padding-left: 35px;
		background: 20px -32px no-repeat url(images/bullet-red.png);
		background-attachment: local; 
	}
	blockquote ol li {
		font-size: 22px;
		margin-bottom: 8px;
		padding-left: 35px;
	}
	div.landingPage hr {
		margin: 0px 0 20px 0;
	}
	
	/*-----
		header#masthead
		-----*/
	a.logo, div.logo {
		width: 228px;
		height: 73px;
		background-size: 228px auto;
	}
	div.fixedSpacer {
		height: 103px;
	}
	body.searchEnabled div.fixedSpacer {
		height: 177px;
	}
/**** from tablet ***/
	header#masthead ul li {
		position: static;
		width: auto;
	}
	header#masthead ul li > a > span {
		display: block;
		border: solid 1px transparent;
		padding: 8px 8px 6px 8px;
	}
	header#masthead ul li.selected > a > span {
		display: block;
		border: solid 1px #cbc3b7;
		font-family: 'PFDinTextPro-Bold', arial, san-serif;
	}
	header#masthead ul li.selected:hover > a > span {
		border: solid 1px #fff0000;
	}
	header#masthead ul li.expanded > a {
		color: #fff;
		background: #353132;
	}
	header#masthead ul li div.subMenu {
		background: #ececed;
		position: fixed;
		left:0;
		top: 87px;
		z-index: 10;
	}
	header#masthead ul li div.subMenu.admin {
		top: 123px;
	}
/***end from table ***/
	header#masthead .navbar-nav {
		width: 690px;
	}
	header#masthead div.navbar-header {
		margin-right: 30px;
		padding: 15px 0 15px 15px;
	}
	header#masthead div.navbar-collapse {
		padding-top: 25px;
	}
	div.search {
		top: 42px;
		bottom: 17px;
	}
	header ul li div.subMenu {
		background: #ececed;
		position: fixed;
		left:0;
		top: 70px;
		z-index: 10;
	}
	header#masthead ul {
		padding-top: 7px;
	}
	header#masthead ul li > a {
		font-size: 18px;
		padding: 15px 10px 0 10px;
		height: 71px;
	}
body.searchEnabled header#masthead ul li div.subMenu {
		top: 177px;
	}
	header#masthead div.subMenu div.row > div {
		border-bottom: none;
		padding: 30px 0 30px 0
	}
	header#masthead div.subMenu h3 {
		font-size: 18px;
		padding-left: 20px;
		margin-bottom: 15px;
	}
	header#masthead div.subMenu h4 {
		font-size: 16px;
		padding-left: 30px;
		margin-bottom: 8px;
	}
	header#masthead div.subMenu h5 {
		font-size: 16px;
	}
	header#masthead div.subMenu p {
		display: block;
		padding-left: 30px;
		font-size: 14px;
		color: #848484;
	}
	header#masthead div.subMenu hr {
		margin: 0 5px 10px 30px;
		position: relative;
		top: -5px;
	}
	

	
	div.lightMasthead {
		margin-bottom: 40px;
	}
	div.lightMasthead div.intro {
		padding: 0 30px 10px 30px;
	}
	div.lightMasthead h1 {
		padding-bottom: 0;
	}
	div.lightMasthead div.banner > div p {
		padding: 20px;
	}
	div.quickNav {
		margin-top:-80px;
	}
	ul.quickNav li {
		font-size: 24px;
	}

	/*- Interior Masthead -*/
	div.interiorMasthead {
		margin-bottom: 40px;
	}
	div.interiorMasthead ul.breadCrumbs {
		padding-top: 15px;
	}
	div.interiorMasthead ul.breadCrumbs li {
		padding-left: 0;
		background: right 4px no-repeat url(images/breadcrumbLg.png);
		display: inline-block;
		font-size: 14px;
	}
	
	/*- Banner -*/
	div.banner {
		position: relative;
		margin-bottom: 20px;
	}
	div.bannerHome div.banner {
		height: 500px;
	}
	div.banner > div {
		position: absolute;
		top: 0;
		width: 100%;
	}
	div.bannerHome div.banner > div {
		height: 500px;
		background-size: auto 500px;
	}
	div.bannerCopy {
		width: 730px;
		bottom: 40px;
	}
	div.bannerCopy h2 {
		font-size: 36px;
		margin-bottom: 5px;
		color: #fff;
		font-family: 'PFDinTextPro-Regular', arial, san-serif;
	}
	div.bannerCopy h2 a span {
		font-size: 50px;
		line-height: .7;
	}
	div.bannerCopy p {
		font-size: 21px;
		margin-bottom: 5px;
		line-height: 1.2;
	}

	
	/*-----
		Content
		-----*/
	div.secondaryNav div.secondaryNavTitle {
		width: auto;
		background-image: none;
	}
	div.secondaryNav > ul {
		width: auto;
		display: block;
		position: static;
		top: 0;
	}
	/* div.calloutBox h2 {
		font-size: 32px;
	}
	div.calloutBox p {
		font-size: 18px;
	} */
	ul.navList {
		padding-top: 39px;
	}
	div.news h4 {
		margin-top: 0;
	}
	div.centerColumn div.news h3 {
		font-size: 30px;
	}
	div.events h4 {
		margin-top: 0;
	}
	div.centerColumn div.events h3 {
		font-size: 24px;
	}
	div.imageWithCaption {
/*		width: 350px;
		margin: 0 0 25px 30px;
		float: right;
*/	}
	div.imageWithCaption p {
		font-size: 16px;
	}
	ul.navList li a {
		padding: 12px 0 12px 0;
	}
	div.news div.row div.sm-clear {
		clear: none;
		padding-left: 0;
	}
	div.events div.row div.sm-clear {
		clear: none;
		padding-left: 0;
	}
	
	/*-----
		Footer
		-----*/
	footer {
		margin-top: 40px;
	}
	footer h3 {
		font-size: 17px;
	}
	footer p {
		font-size: 16px;
	}
	footer p strong {
		font-size: 17px;
	}
	footer ul li {
		font-size: 16px;
	}
	
	/*-----
		Social Footer
		-----*/
	#socialFooter div.makeAGift span span {
		font-size: 36px;
	}
	#socialFooter div.makeAGift span span.light {
		font-size: 30px;
	}
	#socialFooter div.makeAGift span span.subText {
		font-size: 14px;
		display: block;
	}
	/*#socialFooter div.followUs {
		padding: 4% 0 0 0;
	}*/
	#socialFooter div.followUs span {
		font-size: 24px;
		display: block;
		float: left;
		margin-right: 40px;
		padding-top: 10px;
	}
	#socialFooter div.followUs a {
		background: left top no-repeat url(images/social-icons-lg.png);
		width: 59px;
		height: 59px;
		margin-right: 4px;
	}
	#socialFooter div.followUs a:hover {
		background-position: left -59px;
	}
	#socialFooter div.followUs a.twitterBtn {
		background-position: -76px top;
	}
	#socialFooter div.followUs a.twitterBtn:hover {
		background-position: -76px -59px;
	}
	#socialFooter div.followUs a.linkedInBtn {
		background-position: -153px top;
	}
	#socialFooter div.followUs a.linkedInBtn:hover {
		background-position: -153px -59px;
	}
	#socialFooter div.followUs a.youtubeBtn {
		background-position: -231px top;
	}
	#socialFooter div.followUs a.youtubeBtn:hover {
		background-position: -231px -59px;
	}
	#socialFooter div.followUs a.flickrBtn {
		background-position: -309px top;
	}
	#socialFooter div.followUs a.flickrBtn:hover {
		background-position: -309px -59px;
	}
	#socialFooter div.followUs a.instagramBtn {
		background-position: -386px top;
	}
	#socialFooter div.followUs a.instagramBtn:hover {
		background-position: -386px -59px;
	}
	#socialFooter div.makeAGift span span.subText {
		display: block;
		font-size: 14px;
	}
}
