/* ---------------------------------------------------------------------- */
/*! RETINA
/* ---------------------------------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5)
{
	
	#logo { text-indent: 100%; overflow: hidden; white-space: nowrap; background: url(images/logo-fsbpt-large-2x.png) no-repeat 0 0; background-size: 100% 100%; }
	
}


/* ---------------------------------------------------------------------- */
/*! MEDIUM SCREEN
/* ---------------------------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 1000px)
{	
	
	body { font-size: 13px; }

	/* GENERAL */
	h1 { font-size: 26px; }
	h2 { font-size: 20px; }
	h3 { font-size: 15px; }
	
	.button-primary, .button-primary-alt { font-size: 14px; }
	.button-tertiary { font-size: 14px; }
	
	thead { font-size: 14px; }
	tbody { font-size: 13px; }
	
	
	/* HEADER */
	#org-name { top: 10px; color: #47443E; text-shadow: 1px 1px 1px #F6F6F6; }
	#tagline { display: none; }
	
	#login-nav { top: 75px; }
	
	#header .search { margin-top: 50px; }

	#primary-nav { font-size: 14px; }
	#primary-nav a { padding: 12px 15px; }
	
	#footer { font-size: 13px; }
	#footer-nav { font-size: 13px; }
	
	
	/* COMPONENTS
	--------------------------------------------------------------------- */
	
	/* Slider */
	.slider-slides, .slider-slide { height: auto; }
	.slider-overlay { position: static; width: auto; }
	.slider-overlay h2 { font-size: 20px; }
	.slider-overlay p { font-size: 14px; }
	.slider-photo { position: static; width: 100%; height: auto; min-height: 0; }
	
	/* Content List */
	.content-list h2 { font-size: 16px; }
	.content-list h3 { font-size: 13px; }
	
	/* Callouts */
	.callout { text-align: center; }
	.callout-icon { float: none; margin: 0 0 5px; }
	.callout h3, .callout p { margin: 0; }
	.callout h3 { font-size: 16px; line-height: 140%; }
	.callout h3 strong { font-size: 20px; }
	.callout .more-link { font-size: 13px; }
	
	/* Video Thumb */
	.video-thumb .video-caption { font-size: 12px; }
	
	/* Button List */
	.button-list li { margin: 0 0 8px; }
	
	
	/* Color Callout */
	.color-callout h3 { font-size: 16px; }
	

	/* Dynamic Content */
	.websiteList { margin-left: 0; }
	.websiteList li { display: block; border: 0; }
	.websiteList li a { display: inline-block; padding: 0; }
	
	
	/* HOMEPAGE 
	--------------------------------------------------------------------- */
	
	#latest-news { width: 66%; float: none; padding: 0; background: none; }
	
	#get-involved-callouts { float: none; width: 66%; }
	#get-involved-callouts li { display: inline-block; width: 30%; margin: 0; }
	#get-involved-callouts li:first-child { margin-left: 0; }
	
	#npte-box h1 { font-size: 22px; }
	#npte-box h2 { font-size: 18px; }
	#npte-box h3 { width: 38px; padding: 9px 0; text-transform: uppercase; font-size: 14px; font-weight: bold; text-align: center; 
		-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;  }
	#npte-box dl { padding-top: 0; margin-left: 50px; font-size: 12px; }
	#npte-box dt { font-size: 11px; }
	
	
	/* SECONDARY 
	--------------------------------------------------------------------- */
	
	.page-title { font-size: 24px; margin-top: 20px; }
	
	
	/* Secondary Nav */
	#secondary-nav { padding: 15px; }
	#secondary-nav h1 { font-size: 26px; }
	
	#secondary-nav > ul { margin: 0 -15px; }
	#secondary-nav ul a, #secondary-nav ul ul a { font-size: 13px; }
	#secondary-nav ul ul a { padding-left: 15px; }
	
	
	/* Structure */
	#secondary .section { padding-right: 0; }
	#secondary .secondary-callouts-list { position: static; width: auto; }
	
	
	
	
	/* LANDING PAGE 
	--------------------------------------------------------------------- */

	.landing-page-main h1 { font-size: 22px; margin-top: 10px; }

	
}


/* ---------------------------------------------------------------------- */
/*! SMALL SCREEN
/* ---------------------------------------------------------------------- */

@media only screen and (min-width: 200px) and (max-width: 767px)
{
	/* GENERAL */
	#main { border-top: 10px solid #193862; padding: 5% 5% 0; }
	#header, #fsbpt-nav, #main-wrap { width: 92%; }
	
	
	/* TYPE */
	body { font-size: 13px; }
	
	h1 { font-size: 22px; }
	h2 { font-size: 18px; }
	h3 { font-size: 16px; }
	h4 { font-size: 14px; }
	h5 { font-size: 14px; }
	
	p { line-height: 150%; }
		
	
	/* HEADER */
	#header-wrap { border-top: 5px solid #2a261f; }
	#header { padding-top: 0; padding-bottom: 75px; width: auto; margin: 0; }
	
	/* Name, Logo, Tagline */
	#org-name { display: none; }
	#tagline { display: none; }
	#logo { float: none; margin: 0; position: absolute; bottom: -30px; left: -20px; width: 194px; height: 106px; }
	
	
	/* MENU
	--------------------------------------------------------------------- */
	
	#mini-mega-menu { display: none; background: #353026; white-space: nowrap; }
	
	/* Toggle */
	#menu-toggle { display: block; position: absolute; bottom: 40px; right: 2.5%; padding: 10px 10px 10px 40px; font-weight: bold; color: #47443E; font-size: 12px; background: transparent url(images/icon-menu-toggle.png) no-repeat 10px 8px; }
	#menu-toggle.active { background-color: #47443E; background-position: 10px -32px; color: #FFF; }
	
	/* Search */
	#mini-mega-menu .search { background: #2a261f; float: none; margin: 0; font-size: 12px; padding: 0 10px 5px; }
	#mini-mega-menu .search input, #mini-mega-menu .search button { float: none; }
	#mini-mega-menu .search input { background: #53504a; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 2% 4%; color: #FFF; width: 88%;
		-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;  }
	#mini-mega-menu .search button { display: inline-block; text-indent: -100px; background: url(images/icon-magnifying-glass-tan.png) no-repeat top center; border: 0; padding: 0; width: 8%; height: 20px; margin-left: 1%; }
	
	/* Main Nav */
	#primary-nav { background: none; font-size: 14px; width: 55%; float: left; }
	#primary-nav ul.primary-nav-list { border: 0; display: block; }
	#primary-nav ul.primary-nav-list li { float: none; border: 0; margin-bottom: 1px; }
	#primary-nav ul.primary-nav-list li a { background: #3f3b31; color: #FFF; padding: 10px 10px; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
	#primary-nav ul.primary-nav-list li a:hover { background: #4a453c; }
	
	/* Interior Nav */
	#fsbpt-nav { width: auto; margin: 0; }
	#fsbpt-nav-wrap { position: static; margin-left: 55%; width: auto; padding: 10px; background: #47443E; }
	#fsbpt-nav-wrap ul.mainMenu, #login-nav { border: 0; display: block; font-size: 13px; }
	#fsbpt-nav-wrap ul.mainMenu li, #login-nav li { float: none; list-style: disc; margin-left: 15px; border: 0; }
	#fsbpt-nav-wrap ul.mainMenu li a, #login-nav li a { display: block; padding: 2px 4px; margin-left: -4px; font-style: italic; color: #e7e3da; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
	#fsbpt-nav-wrap h3 { display: block; margin: 10px 0 5px; color: #FFF;  }
	#fsbpt-nav-wrap ul.mainMenu li a:hover, #login-nav li a:hover { background: #5a5752; text-decoration: none; }
	
	/* Login Links */
	#login-nav { position: static; }
	#login-nav a .hide { display: none; }
	
	
	/* COMPONENTS
	--------------------------------------------------------------------- */
	
	.slider-wrap, #sidebar, #latest-news, .link-dump-panel, .callout-list-wrap { float: none; width: auto; }
	
	
	/* Slider */
	.slider-slides, .slider-slide { height: auto; }
	.slider-wrap { padding: 0; }
	.slider-overlay { position: static; width: auto; }
	.slider-overlay h2 { font-size: 16px; }
	.slider-overlay p { font-size: 14px; }
	.slider-photo { position: static; width: 100%; height: auto; min-height: 0; }
	
	
	/* Content List */
	.content-list h2 { font-size: 16px; }
	.content-list h3 { font-size: 13px; }

	
	/* Callouts */
	.callout { text-align: center; }
	.callout-icon { float: none; margin: 0 0 5px; }
	.callout h3, .callout p { margin: 0; }
	.callout h3 { font-size: 12px; }
	.callout h3 strong { font-size: 14px; }
	.callout .more-link { display: none; }
	
	
	/* Latest News */
	#latest-news { float: none; padding: 0; background: none; }
	#latest-news h1 { font-size: 18px; }


	/* Link Dump */
	.link-dump-nav { display: block; background: #FFF; border-bottom: 5px solid #d1cdc5; text-align: center; }
	.link-dump-nav li { display: inline-block; }
	.link-dump-nav a { display: block; padding: 8px; font-size: 11px; color: #47443e; }
	.link-dump-nav .active a { background: #d1cdc5; font-weight: bold; }
	.link-dump-panel-header { display: none; }

	
	/* Feature Box */
	.feature-box h2 { font-size: 16px; }
	
	
	/* Video Thumbnails */
	.video-thumb { overflow: hidden; padding: 0; border: 10px solid #DDD; }
	.video-thumb .video-image { float: left; width: 50%; }
	.video-thumb .video-caption { margin-left: 50%; background: none; color: #536987; font-size: 13px; }
	.video-thumb .video-caption strong { display: block; }
	.video-thumb .play-button { left: 25%; }
	
	
	/* Numbered List */
	.numbered-list li { padding: 10px 10px 10px 48px; background: #EEE; border-bottom: 1px solid #e2e2e2; margin: 0 0 1px; }
	.numbered-list h3 { font-size: 14px; margin: 0 0 8px; }
	.numbered-list .number { font-size: 14px; padding: 7px 0; width: 28px; top: 8px }
	.numbered-list .active { background: #dce7ed; }
	
	
	/* Tables */
	table { width: 106%; border-radius: 0; margin: 0 -10px; }
	thead { font-size: 13px; }
	tbody { font-size: 12px; }
	
	td, th { padding: 5px 8px; }
	thead th:first-child, thead th:last-child, tbody tr:last-child td:first-child, tbody tr:last-child td:last-child { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
	
	
	/* Big Intro */
	.big-intro { margin: 0 -10px; padding: 10px 10px 30px; }
	.big-intro h2 { margin-top: 0; }
	.big-intro p { font-size: 15px; }
	
	
	/* Color Callouts */
	.color-callout { }
	.color-callout h3 { font-size: 17px; }
	
	
	/* Photo Blocks */
	.photo-blocks li { float: none; margin: 0 0 10px; width: auto; }
	
	
	/* Columns */
	.columns-2 { float: none; width: auto; }
	
	
	/* State List */
	.stateList { padding: 20px 0; margin: 0 -10px; }
	.stateList li { width: auto; display: block; border-bottom: 1px solid #DDD; }
	.stateList li:first-child { border-top: 1px solid #DDD; }
	.stateList li a { padding: 8px 10px; }
	
	
	/* Meta List */
	.metaList { margin: 10px 0 20px; }
	.metaList dt, .metaList dd { margin: 0 0 5px; }
	.metaList dt { float: left; width: 26%; }
	.metaList dd { margin-left: 29%; }
	
	
	/* Meta Section */
	.metaSection h2 { float: none; width: auto; }
	.metaSection .metaList { margin-left: 0; }
	

	/* Dynamic Content */
	.websiteList { margin-left: 0; }
	.websiteList li { display: block; border: 0; }
	.websiteList li a { display: inline-block; padding: 0; }

	
	
	
	
	/* HOMEPAGE 
	--------------------------------------------------------------------- */
	
	/* Alerts */
	#alert { padding: 15px; border-top: 5px solid #193862; }
	#alert .alert-icon { float: right; margin: -10px 0 0 0; }
	#alert h1 { font-size: 20px; line-height: 120%; }

	/* NPTE Box */
	#npte-box h1 { font-size: 20px; }
	#npte-box h3 { width: 38px; padding: 9px 0; text-transform: uppercase; font-size: 14px; font-weight: bold; text-align: center; 
		-moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;  }
	#npte-box dl { padding-top: 0; margin-left: 50px; font-size: 12px; }
	#npte-box dt { font-size: 11px; }
	
	
	/* Callouts */
	#get-involved-callouts { float: none; }
	#get-involved-callouts li { display: inline-block; width: 32%; margin: 0; vertical-align: bottom; }
	#get-involved-callouts li:first-child { margin-left: 0; }
	#get-involved-callouts li h3 span { display: none; }


	/* Link Dump */
	#link-roll { margin: 0 -5.1%; }
	#link-roll .link-dump-panel { width: auto; display: none; }
	
	
	/* Footer */
	#footer { font-size: 12px; text-align: center; background: none; }
	
	#footer-nav { font-size: 12px; text-align: center; margin: 0 0 15px; padding: 0 0 15px; border-bottom: 1px solid #555; }
	#footer-nav li { float: none; display: inline-block; line-height: 100%;  }
	#footer-nav a { padding: 5px; }
	
	.contact-methods-list { font-size: 12px; margin: 0; }
	.contact-methods-list li { display: block; float: none; margin: 0 0 10px; padding: 0; border: 0; }
	.contact-methods-list dt, .contact-methods-list dd { display: inline-block; margin: 0 5px; width: auto; float: none; }
	.copyright { text-align: center; padding-top: 10px; }
	
	
	/* SECONDARY 
	--------------------------------------------------------------------- */
	
	.page-title { font-size: 24px; }
	
	#secondary-nav { background: #193862; padding: 0; width: auto; float: none; }
	#secondary-nav h1 { display: inline-block; font-size: 14px; font-weight: normal; font-style: italic; border-right: 1px solid #304c72; margin: 0; text-shadow: none; }
	#secondary-nav h1 a { position: relative; padding: 14px 40px 14px 15px; color: #FFF; border-right: 1px solid #142d4e; }
	#secondary-nav h1 a.active { background: #2f4e79; }
	#secondary-nav h1 a .icon-triangle-down { display: block; position: absolute; top: 50%; right: 15px; margin: -3px 0 0; border-width: 6px; border-top-width: 8px; }
	
	#secondary-nav > ul { display: none; border-bottom: 10px solid #193862; }
	#secondary-nav ul { background: #2f4e79; margin: 0; border-top: 0; }
	#secondary-nav ul ul { background: #193862; border-color: #3b5679; margin-top: 0; }
	#secondary-nav li { border-top-color: #597194; border-bottom-color: #2a466d; }
	#secondary-nav ul a { font-size: 14px; color: #CCC; }
	#secondary-nav ul ul a { font-size: 13px; }
	#secondary-nav ul a:hover, #secondary-nav ul ul a:hover { background: none; }
	
	#secondary-nav > ul > .active > a { background: #2f4e79; color: #FFF; border-bottom: 1px solid #597194; }
	#secondary-nav > ul ul > .active > a { color: #FFF; }
	#secondary-nav > ul ul > .active { border-color: #6e9fb9; }
	
	
	#content { margin: 0; padding: 10px; }
	
	#feature-image { margin: -10px -10px 0; }
	
	
	/* Structure */
	#secondary .section { padding-right: 0; }
	#secondary .secondary-callouts-list { position: static; width: auto; }
	
	
	
	/* LANDING PAGE 
	--------------------------------------------------------------------- */
	
	.landing-page-sidebar { float: none; width: auto; }
	.landing-page-main { margin-left: 0; }
	
	
	
	/* SEARCH
	--------------------------------------------------------------------- */
	
	#search-results form.gsc-search-box { width: 100%; }	
	
	
}


/* ---------------------------------------------------------------------- */
/*! iOS ROTATE BUG
/* ---------------------------------------------------------------------- */

@media only screen and (width:320px) and (device-width:320px) and (device-height:480px) and (orientation: landscape) {
	html {
		-webkit-transform: scale(0.667);
		-webkit-transform-origin: top right;
		position: absolute;
		right: 0;
		top: 0;
		width: 480px;
	}
}
@media only screen and (width:768px) and (device-width:768px) and (device-height:1024px) and (orientation: landscape) {
	html {
		-webkit-transform: scale(0.75);
		-webkit-transform-origin: top right;
		position: absolute;
		right: 0;
		top: 0;
		width: 1024px;
	}
}