@import url("normalize.css") screen;

/* ==========================================================================
   Color Code
   ========================================================================== 
 *
 * BLUES
 * 
 * #092c4e -- body bg
 * #405b75 -- menu border
 *
 * ORANGES 
 *
 * #ff8826 -- links, menu bar current, section headers
 *
 * YELLOW EMPHASIS
 * #fff569
 *
 * GRAYS
 *
 * #bbb    -- menu bar links
 * #a1a1a1 -- .news-item .meta text
 *	
 */


/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Fonts 
 * --------------------------------------------------------------------------- */
 
/**
 * I'm using this to store my font stacks. If using Google fonts, put them here.
 * These font stacks have been composed to provide similar typography across Windows, Mac and Linux platforms
 */

.palatino-serif { 
	font-family: Palatino,  "Palatino Linotype",  "Book Antiqua",  "Century Schoolbook",  "Century Schoolbook L",  "New Century Schoolbook",  Constantia,  "Bookman Old Style",  Georgia  serif;
}

.lucida-sans { 
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Liberation Sans", FreeSans, Arial, sans-serif;
}

.helvetica-sans { 
	font-family: "Helvetica Neue", Helvetica, Univers, "Liberation Sans", Arial, "Nimbus Sans L", sans-serif;
}

.gothic-uppercase { 
	font-family: "Century Gothic", "URW Gothic L", "Gill Sans", "Gill Sans MT", Univers, Euphemia, "Euphemia UCAS", Futura, Verdana,sans-serif;
} 

.gothic-titlecase { 
	font-family: "Century Gothic", "URW Gothic L", "Avant Garde", "AvantGarde", "AvantGarde Bk BT", "Avant Garde Bk BT", "Avant Garde Book BT", Avantgarde, Verdana, sans-serif;
}

.mono-serif {
	font-family: "Courier New", "Nimbus Mono L", FreeMono, Courier, monospace;
}

.mono-sans { 
	font-family: "Lucida Console", "Lucida Sans Typewriter", "Liberation Mono", "Andale Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Consolas, monospace;
}

/* 
 * Foundation Icons v 3.0
 * Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3
 * MIT License
 */

@font-face {
  font-family: "foundation-icons";
  src: url("/fonts/foundation-icons/foundation-icons.eot");
  src: url("/fonts/foundation-icons/foundation-icons.eot?#iefix") format("embedded-opentype"),
       url("/fonts/foundation-icons/foundation-icons.woff") format("woff"),
       url("/fonts/foundation-icons/foundation-icons.ttf") format("truetype"),
       url("/fonts/foundation-icons/foundation-icons.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal;
} 

/* 
 * NSSL Home icon font
 */

@font-face {
	font-family: "nssl-home";
	src: url("/fonts/nssl-home/font/nssl-home.eot");
	src: url("/fonts/nssl-home/font/nssl-home.eot?#iefix") format("embedded-opentype"), 
		 url("/fonts/nssl-home/font/nssl-home.woff") format("woff"), 
		 url("/fonts/nssl-home/font/nssl-home.ttf") format("truetype"), 
		 url("/fonts/nssl-home/font/nssl-home.svg#nssl-home") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "sofia_pro_lightregular";
    src: url("/fonts/SofiaProLight/SofiaProLight-webfont.eot");
    src: url("/fonts/SofiaProLight/SofiaProLight-webfont.eot?#iefix") format("embedded-opentype"),
         url("/fonts/SofiaProLight/SofiaProLight-webfont.woff") format("woff"),
         url("/fonts/SofiaProLight/SofiaProLight-webfont.ttf") format("truetype"),
         url("/fonts/SofiaProLight/SofiaProLight-webfont.svg#sofia_pro_lightregular") format("svg");
    font-weight: normal;
    font-style: normal;

}

/**
 * Defaults
 * --------------------------------------------------------------------------- */
 
 /* === Box-sizing: everything. No, really. === */
 
* { 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box;
}

/* === HTML === */

html {
	font-family: "Helvetica Neue", Helvetica, Univers, "Liberation Sans", Arial, "Nimbus Sans L", sans-serif;
	font-size: 87.55%;  /* base size for mobile, usually 14px; we will resize at the media queries */
}

/* === Body === */

body {
	margin: 0;
	padding: 0;
	min-width: 320px;
	min-width: 20rem;
}

/* === Links === */

a:link,
a:visited {
	color: #ff8826;
	text-decoration: underline;
}

a:focus,
a:hover,
a:active {
	color: #ff8826;
	text-decoration: none;
}

/* === Headers and paragraphs === */

h1 {
	font-size: 32px;
	font-size: 2rem; 
	line-height: 1.125;  /*36px */
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0;
}

h2 {
	font-size: 28px;
	font-size: 1.75rem; 
	line-height: 1.2857;  /*36px */
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0;
}

h3 {
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.25;  /*30px */
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0;
}

h4 {
	font-size: 21px; 
	font-size: 1.3125rem;
	line-height: 1.333;  /*28px */
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0;
}

h5, h6 {
	font-size: 18px;
	font-size: 1.125rem; 
	line-height: 1.333;  /*24px */
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0;
}

p {
	font-size: 16px;
	font-size: 1rem; 
	line-height: 1.5;  /*24px */
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0;
}

h1, h2, h3, h4 {
	font-weight: bold;
	font-style: normal;
}

h5 {
	font-weight: normal;
	font-style: italic;
}

h6 {
	font-weight: normal;
	font-style: normal;
}

/* === Font size styles for reference === */

.px14 { 
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5;  
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0;
}

.px12 { 
	font-size: 12px;
	font-size: 0.75rem; 
	line-height: 1.5;  
	margin: 0 0 16px 0;
	margin: 0 0 1rem 0;
}

/* === Blockquotes, quotes, and cites === */

blockquote {
	border-left: solid 4px #737373;
	border-left: solid 0.25rem #737373;
	color: #595959;
	margin: 24px 40px;
	margin: 1.5rem 2.5rem;
	padding: 8px 16px 8px 12px;
	padding: 0.5rem 1rem 0.5rem 0.75rem;
}

blockquote p:first-child {
	margin-top: 0;
}

blockquote p:last-child {
	margin-bottom: 0;
}

blockquote blockquote {
	border: none;
	font-style: italic;
	padding: 0;
}

blockquote cite {
	font-style: italic;
}

/* === Code and Preformatted text === */

code {
	font-family: "Courier New", "Nimbus Mono L", FreeMono, Courier, monospace;
}

pre {
	font-family: "Lucida Console", "Lucida Sans Typewriter", "Liberation Mono", "Andale Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", Consolas, monospace;
}

/* === Lists === */

ul,
ol { 
	margin: 0;
	padding: 0 0 0 40px;
	padding: 0 0 0 2.5rem;
}

ul {
	list-style: disc;	
}

ol {
	list-style: decimal;
}

ol ol {
	list-style: lower-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

li, dt, dd {
	font-size: 16px;
	font-size: 1rem; 
	line-height: 1.5;  /*24px */
	margin: 12px 0;
	margin: 0.75rem 0;
}

dl {
	margin: 0;
	padding: 0;
}

dt {
	font-weight: bold;
	font-style: normal;
}

dd {
	padding-left: 40px;
	padding-left: 2.5rem;
}

ul + *:not(p),
ol + *:not(p),
dl + *:not(p) {
/* add some space between the end of a list and a following non-paragraph element */
	margin-top: 32px;
	margin-top: 2rem;
}

/* === Tables === */

table {
	margin: 0 0 48px;
	margin: 0 0 3rem;
	padding: 0;
	border: solid 1px #d9d9d9;
}

caption {
	font-size: 19px; 
	font-size: 1.192rem;
	line-height: 1.263;  /*24px */
	padding: 8px 0;
	padding: 0.5rem 0;
}

thead {}

tfoot {}

tbody {}

tr {}

th, 
td {
	border: solid 1px #d9d9d9;
	font-size: 16px;
	font-size: 1rem; 
	line-height: 1.5;  /*24px */
	padding: 4px 16px;
	padding: 0.25rem 1rem;
}

th:first-child,
td:first-child {
	border-left: none;
}

th:last-child,
td:last-child {
	border-right: none;
}

th {
	background: #eee;
}


/* ==========================================================================
   Images and Objects
   ========================================================================== */

/* === Embeds === */

object { 
	max-width: 100% !important;
}

embed {
	max-width: 100% !important;
}

iframe {
	max-width: 100% !important;
}

video {
	max-width: 100% !important;
}

object + p,
embed + p,
iframe + p, 
video + p { /* space between embedded object and p immediately following */
	margin-top: 24px;
	margin-top: 1.5rem;
}

/* === Alignment === */

.alignright {
	float: right;
	margin-left: 16px;
	margin-left: 1rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

.alignleft {
	float: left;
	margin-right: 16px;
	margin-right: 1rem;
	margin-bottom: 16px;
	margin-bottom: 1rem;
}

.aligncenter {
	display: block;
	margin: 16px auto;
	margin: 1rem auto;
}

.alignnone {
	margin: 16px 0;
	margin: 1rem 0;
}

.clearfix:after, 
.cf:after, 
.group:after {
	content:    ".";
	display:    block;
	height:     0;
	clear:      both;
	visibility: hidden;
}

.cf2 {
	overflow: hidden;
}

.clearfix,
.cf,
.group,
.cf2 {
	zoom: 1;
}

/**
* Images
* --------------------------------------------------------------------------- */

img,
img[class*="align"] {
   max-width: 100%;
   height: auto;
	-ms-interpolation-mode: bicubic; 
}

a img {
	border: none;
}

/* ==========================================================================
   Structure
   ========================================================================== */

 /* === Mobile first development === */
 
 /* === max-width: 48em (768 px) === */
 
.tablet,
.fullscreen {
	display: none;
}

.mobile {
	display: block;
}

html,
body,
#main-nav,
#header
#content
#main
#sidebar
#footer {
	margin: 0;
	padding: 0;
}

body {
	background: #092c4e url("/images/ping-vector-bg-03.svg") no-repeat right top;
	background-size: 100%;
	color: #ddd;
}

.no-backgroundsize body,
.no-svg body {
	background: #092c4e url(none);
}

.no-backgroundsize .body-wrapper,
.no-svg .body-wrapper {
	background: url("/images/ping-vector-bg-03.png") no-repeat right top;
}

.nav-wrapper {
	margin: 0;
	padding: 0;
}

.header-wrapper {
	margin: 0 16px;
	margin: 0 1rem;
	padding: 16px 30px;
	padding: 1rem 1.875rem;
}
	
.main-wrapper {
	margin: 0 16px 16px 16px;
	margin: 0 1rem 1rem 1rem;
	padding: 30px;
	padding: 1.875rem;
}
	
.sidebar-wrapper {
	margin: 0 16px 46px 16px;
	margin: 0 1rem 2.875rem 1rem;
	padding: 16px;
	padding: 1.5rem;
}

#footer {
	background: #000;
	position: fixed;
	bottom: 0;
	width: 100%;
}

.footer-wrapper {
	margin: 0;
	padding: 16px 32px;
	padding: 1rem 2rem;
}

.main-wrapper > :last-child,
.sidebar-wrapper > :last-child
.footer-wrapper > :last-child {
	margin-bottom: 0;
}
	
.main-wrapper, 
.sidebar-wrapper {
	background: rgba(0,0,0,0.35);
	-webkit-border-radius: 16px;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 16px;
	-moz-border-radius: 1rem;
	border-radius: 16px;
	border-radius: 1rem;
}

.no-rgba .main-wrapper, 
.no-rgba .sidebar-wrapper {
	background: #05182b;
}

/**
* Nav Bar
* --------------------------------------------------------------------------- */

#main-nav {
	background: rgba(0,0,0,0.35);
	color: #ddd;
	width: 100%;
}

.no-rgba #main-nav {
	background: #05182b;
}

#main-nav a:link,
#main-nav a:visited {
	color: #ddd;
}

#main-nav a:focus,
#main-nav a:hover,
#main-nav a:active {
	color: #fff;
}

#main-nav .menu-toggle {
	max-width: 96px;
	max-width: 6rem; /* change if just icon without text */
}

/* IE7-/Win - Fix extra vertical space in lists */
#main-nav .ui-accordion a {
  zoom: 1;
}

#main-nav .ui-accordion .ui-accordion-li-fix {
  display: inline;
}

#main-nav .ui-accordion .ui-accordion-header {
	color: #bbb;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: normal;
	line-height: 64px;
	line-height: 4rem;
	text-transform: uppercase;
	cursor: pointer;
	position: relative;
	margin: 0;
	padding: 0 0 0 56px; /* 40 px left padding for icon */
	padding: 0 0 0 3.5rem; /* 40 px left padding for icon */
	zoom: 1;
	text-indent: -9999px; /* don't display text */
}

#main-nav .ui-accordion .ui-accordion-header.ui-state-hover,
#main-nav .ui-accordion .ui-accordion-header.ui-state-focus {
	border: 0;
	color: #fff;
	outline: 0;
}

#main-nav .ui-accordion .ui-accordion-header .ui-icon {
  position: absolute;
  left: 16px;
  left: 1rem;
  top: 50%;
  margin-top: -16px;
  margin-top: -1rem;
  width: 32px;
  width: 2rem;
  height: 32px;
  height: 2rem;
}

#main-nav .ui-accordion .ui-accordion-header .ui-icon-default,
#main-nav .ui-accordion .ui-accordion-header .ui-icon-active {
	background: url("/images/menu-bbb.svg") no-repeat left center;
	background-size:100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}

.no-backgroundsize #main-nav .ui-accordion .ui-accordion-header .ui-icon-default,
.no-backgroundsize #main-nav .ui-accordion .ui-accordion-header .ui-icon-active,
.no-svg #main-nav .ui-accordion .ui-accordion-header .ui-icon-default,
.no-svg #main-nav .ui-accordion .ui-accordion-header .ui-icon-active {
	background: url("/images/menu-bbb.png") no-repeat left center;
}

#main-nav .ui-accordion .ui-accordion-header.ui-state-hover .ui-icon-default,
#main-nav .ui-accordion .ui-accordion-header.ui-state-hover .ui-icon-active,
#main-nav .ui-accordion .ui-accordion-header.ui-state-focus .ui-icon-default,
#main-nav .ui-accordion .ui-accordion-header.ui-state-focus .ui-icon-active,
#main-nav .ui-accordion .ui-accordion-header .ui-icon-default:hover,
#main-nav .ui-accordion .ui-accordion-header .ui-icon-default:focus,
#main-nav .ui-accordion .ui-accordion-header .ui-icon-default:active,
#main-nav .ui-accordion .ui-accordion-header .ui-icon-active:hover,
#main-nav .ui-accordion .ui-accordion-header .ui-icon-active:focus,
#main-nav .ui-accordion .ui-accordion-header .ui-icon-active:active {
	background: url("/images/menu-fff.svg") no-repeat left center;
	background-size:100% 100%;
	-o-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}	

.no-backgroundsize #main-nav .ui-accordion .ui-accordion-header.ui-state-hover .ui-icon-default,
.no-backgroundsize #main-nav .ui-accordion .ui-accordion-header.ui-state-hover .ui-icon-active,
.no-backgroundsize #main-nav .ui-accordion .ui-accordion-header.ui-state-focus .ui-icon-default,
.no-backgroundsize #main-nav .ui-accordion .ui-accordion-header.ui-state-focus .ui-icon-active,
.no-backgroundsize #main-nav .ui-accordion .ui-accordion-header .ui-icon-default:hover,
.no-backgroundsize #main-nav .ui-accordion .ui-accordion-header .ui-icon-default:focus,
.no-backgroundsize #main-nav .ui-accordion .ui-accordion-header .ui-icon-default:active,
.no-backgroundsize #main-nav .ui-accordion .ui-accordion-header .ui-icon-active:hover,
.no-backgroundsize #main-nav .ui-accordion .ui-accordion-header .ui-icon-active:focus,
.no-backgroundsize #main-nav .ui-accordion .ui-accordion-header .ui-icon-active:active,
.no-svg #main-nav .ui-accordion .ui-accordion-header.ui-state-hover .ui-icon-default,
.no-svg #main-nav .ui-accordion .ui-accordion-header.ui-state-hover .ui-icon-active,
.no-svg #main-nav .ui-accordion .ui-accordion-header.ui-state-focus .ui-icon-default,
.no-svg #main-nav .ui-accordion .ui-accordion-header.ui-state-focus .ui-icon-active,
.no-svg #main-nav .ui-accordion .ui-accordion-header .ui-icon-default:hover,
.no-svg #main-nav .ui-accordion .ui-accordion-header .ui-icon-default:focus,
.no-svg #main-nav .ui-accordion .ui-accordion-header .ui-icon-default:active,
.no-svg #main-nav .ui-accordion .ui-accordion-header .ui-icon-active:hover,
.no-svg #main-nav .ui-accordion .ui-accordion-header .ui-icon-active:focus,
.no-svg #main-nav .ui-accordion .ui-accordion-header .ui-icon-active:active {
	background: url("/images/menu-fff.png") no-repeat left center;
}

#main-nav .ui-accordion .ui-accordion-content {
  border: 0;
  list-style: none;
  margin: -2px 0 2px;
  padding: 0;
  position: relative;
  top: 1px;
  overflow: auto;
  display: none;
  zoom: 1;
}

#main-nav .menu-bar li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#main-nav .menu-bar li a {
	border-top: 1px solid #405b75;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: normal;
	line-height: 48px;
	line-height: 3rem;
	margin: 0;
	padding: 0 16px;
	padding: 0 1rem;
	text-decoration: none;
}

#main-nav .menu-bar li:first-child a {
	border-top: none;
}

#main-nav .menu-bar li a:focus,
#main-nav .menu-bar li a:hover,
#main-nav .ui-accordion .ui-accordion-content li a:active {
	outline: none;
	text-decoration: underline;
}

#main-nav .menu-bar li.current a,
#main-nav .menu-bar li a.current {
	color: #ff8826;
	text-decoration: none;
	cursor: default;
}

#main-nav .ui-accordion .ui-accordion-content-active {
  display: block;
}		

/* === Icons === */

.fi-icon:before {
	font-family: "foundation-icons";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
    text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	text-decoration: inherit;
}

.fi-arrow-down:before { content: "\f109"; }
.fi-arrow-left:before { content: "\f10a"; }
.fi-arrow-right:before { content: "\f10b"; }
.fi-arrow-up:before { content: "\f10c"; }
.fi-closed-caption:before { content: "\f12c"; }
.fi-info:before { content: "\f15e"; }
.fi-heart:before { content: "\f159"; }
.fi-home:before { content: "\f15a"; }
.fi-link:before { content: "\f165"; }
.fi-list-bullet:before { content: "\f166"; }
.fi-list-number:before { content: "\f167"; }
.fi-list-thumbnails:before { content: "\f168"; }
.fi-list:before { content: "\f169"; }
.fi-lock:before { content: "\f16a"; }
.fi-magnifying-glass:before { content: "\f16c"; }
.fi-mail:before { content: "\f16d"; }
.fi-pencil:before { content: "\f194"; }
.fi-rss:before { content: "\f1aa"; }
.fi-social-android:before { content: "\f1b7"; }
.fi-social-apple:before { content: "\f1b8"; }
.fi-social-facebook:before { content: "\f1c4"; }
.fi-social-flickr:before { content: "\f1c5"; }
.fi-social-twitter:before { content: "\f1e4"; }
.fi-social-youtube:before { content: "\f1ea"; }
.fi-zoom-in:before { content: "\f219"; }


/**
* Header Social Media Links
* --------------------------------------------------------------------------- */

#main-nav .social {
	float: right;
	margin: 0 16px 0 0; /* right margin equal to left-right padding for nav bar links */
	margin: 0 1rem 0 0;
	padding: 0;
	z-index: 999;
}

ul.social-links {
	margin: 0;
	padding: 0;
}

.social-links li {
	list-style: none;
	float: right;
	height: 63px; /* 1px less than the height of the menu bar that contains it */
	height: 3.825rem; 
	line-height: 63px;
	line-height: 3.825rem;
	margin: 0 0 0 24px;
	margin: 0 0 0 1.5rem;
	width: 36px;
	width: 2.25rem;
	text-align: right;
}

.social-links a {
	display: inline-block;
	height: 63px;
	width: 100%
}

.social-links a:link,
.social-links a:visited {
	color: #bbb;
	text-decoration: none;
}

.social-links .fi-icon:before,
.social-links .nssl-home-link:before {
	color: #bbb;
	display: inline-block;
	font-size: 40px;
	font-size: 2.5rem;
	line-height: 63px; /* matches line height of the li */
	line-height: 3.825rem;
}

.social-links a:focus,
.social-links a:hover,
.social-links a:active {
	color: #fff;
	outline: none;
	text-decoration: none;
}

.social-links .fi-icon:focus:before,
.social-links .fi-icon:hover:before,
.social-links .fi-icon:active:before {
	color: #fff;
	outline: none;
}

.social-links .nssl-home-link:before {
	font-family: "nssl-home";
    content: '\e800';
    text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.no-fontface .social-links .fi-icon { 
	display: inline-block;
	height: 63px;
	width: 36px;
}

.no-fontface .social-links .fi-social-facebook {
	background: url("/images/social/facebook-bbb.png") no-repeat right 13px;
}

.no-fontface .social-links .fi-social-twitter {
	background: url("/images/social/twitter-bbb.png") no-repeat right 13px;
}

.no-fontface .social-links .fi-social-apple {
	background: url("/images/social/apple-bbb.png") no-repeat right 13px;
}

.no-fontface .social-links .fi-social-android{
	background: url("/images/social/android-bbb.png") no-repeat right 13px;
}

.no-fontface .social-links .fi-social-facebook:focus,
.no-fontface .social-links .fi-social-facebook:hover,
.no-fontface .social-links .fi-social-facebook:active {
	background: url("/images/social/facebook-fff.png") no-repeat right 13px;
}

.no-fontface .social-links .fi-social-twitter:focus,
.no-fontface .social-links .fi-social-twitter:hover,
.no-fontface .social-links .fi-social-twitter:active {
	background: url("/images/social/twitter-fff.png") no-repeat right 13px;
}

.no-fontface .social-links .fi-social-apple:focus,
.no-fontface .social-links .fi-social-apple:hover,
.no-fontface .social-links .fi-social-apple:active {
	background: url("/images/social/apple-fff.png") no-repeat right 13px;
}

.no-fontface .social-links .fi-social-android:focus,
.no-fontface .social-links .fi-social-android:hover,
.no-fontface .social-links .fi-social-android:active {
	background: url("/images/social/android-fff.png") no-repeat right 13px;
}


/**
* Header Titles
* --------------------------------------------------------------------------- */

.page-title {
	font-family: sofia_pro_lightregular, "Century Gothic", "URW Gothic L", "Gill Sans", "Gill Sans MT", Univers, Euphemia, "Euphemia UCAS", Futura, Verdana,sans-serif;
	font-size: 72px;
	font-size: 4.5rem;
	font-weight: normal;
	line-height: 1;
	margin: 24px 0;
	margin: 1.5rem 0;
}

.page-subtitle {
	color: #eee;
	font-family: sofia_pro_lightregular,"Century Gothic", "URW Gothic L", "Gill Sans", "Gill Sans MT", Univers, Euphemia, "Euphemia UCAS", Futura, Verdana,sans-serif;
	font-size: 26px;
	font-size: 1.618rem; 
	font-weight: normal;
	line-height: 1.385;  /*36px */
	margin: -12px 0 24px 0;
	margin: -0.75rem 0 1.5rem 0;
}

.page-title a,
.page-subtitle a {
	color: #ddd;
	text-decoration: none;
}

.front-page .page-title .home-link,
.front-page .page-subtitle .home-link {
	cursor: default;
}

/*.section-header,
.subsection-header {
	color:#ff8826;
	font-family: sofia_pro_lightregular,"Century Gothic", "URW Gothic L", "Gill Sans", "Gill Sans MT", Univers, Euphemia, "Euphemia UCAS", Futura, Verdana,sans-serif;
	font-weight: normal;
}

#sidebar .section-header,
#sidebar .subsection-header {
	color:#fff;
}*/

.section-header,
.subsection-header {
	/*border-bottom: 3px solid #ff8826;*/
	font-family: sofia_pro_lightregular,"Century Gothic", "URW Gothic L", "Gill Sans", "Gill Sans MT", Univers, Euphemia, "Euphemia UCAS", Futura, Verdana,sans-serif;
	font-weight: normal;
}

/*.section-header {	
  padding: 6px;
  padding: 0.375rem;
  margin-left: -6px;
  margin-left: -0.375rem;
  margin-right: -6px;
  margin-right: -0.375rem;
  background: rgba(255,255,255,.1);
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}*/

.subsection-header { 
  border-bottom: 1px solid #fff;
}

.section-header.headroom,
.subsection-header.headroom {
	margin-top: 48px;
	margin-top: 3rem;
}

p.subtitle {
	font-size: 24px;
	font-size: 1.5rem; 
    font-style: italic;
	line-height: 1.5; 
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0;
}

p.intro {
	font-size: 20px;
	font-size: 1.25rem; 
	line-height: 1.5; 
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0;
}

/**
* Front page
* --------------------------------------------------------------------------- */

.front-page .download-links { 
	margin: 0 0 16px 0;
	margin: 0 0 1rem 0;
	padding: 0;
	width: 100%;
}

.front-page .download-links a {
	display: block;
	float: left;
	margin-right: 5%;
	height: auto;
	max-width: 240px;
	width: 45%;
}

.front-page .download-links a:last-child {
	margin-right: 0;
}

/**
* FAQ
* --------------------------------------------------------------------------- */

.qa dt {
	background: rgba(0,0,0,.35);
	padding: 8px 16px;
	padding: 0.5rem 1rem;
}

.no-rgba .qa dt {
	background: #031220;
}

.qa dd {
	margin-bottom: 36px;
	margin-bottom: 2.25rem;
}

.qa dd:last-child {
	margin-bottom: 16px;
	margin-bottom: 1.5rem;
}

/**
* News Page
* --------------------------------------------------------------------------- */

.section-header.news-header {
	font-size: 28px;
	font-size: 1.75rem; 
	line-height: 1.2857;  /*36px */
	margin: 0 32px 24px 32px;
	margin: 0 2rem 1.5rem 2rem;
}

.news-item {
	background: rgba(0,0,0,.35);
	padding: 32px;
	padding: 2rem;
	margin-bottom: 32px;
	margin-bottom: 2rem;
	-webkit-border-radius: 16px;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 16px;
	-moz-border-radius: 1rem;
	border-radius: 16px;
	border-radius: 1rem;
}

/* I am still working on this */

.news-item.excerpted {
	max-height: 40rem;
	position: relative;
	overflow: hidden;
}

.news-item.excerpted .read-more {
	position: absolute;
	bottom:0;
	left: 0;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 6rem 0 2rem 0;
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, black));
	background-image: -webkit-linear-gradient(top, transparent, black);
	background-image: -moz-linear-gradient(top, transparent, black);
	background-image: -ms-linear-gradient(top, transparent, black);
	background-image: -o-linear-gradient(top, transparent, black);
}

/* end excerpted */

.no-rgba .news-item {
	background: #031220;
}

.news-item > :last-child {
	margin-bottom: 0;
}

.news-item .meta {
	color: #a1a1a1;
	font-style: italic;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5; 
	margin: 12px 0;
	margin: 0.75rem 0;
}

.news-item .source {
	color: #a1a1a1;
	font-weight: bold;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5;  
	margin: 12px 0;
	margin: 0.75rem 0;
	letter-spacing: .35em; /* ems on purpose */
}

/**
* Sidebar
* --------------------------------------------------------------------------- */

.sidebar-item {
	padding: 0;
	margin: 0 0 60px 0;
	margin: 0 0 3.75rem 0;
}

.sidebar-item:last-child,
.sidebar-item > :last-child {
	margin-bottom: 0;
}

.sidebar-image img {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

.youtube-link { 
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5;
	margin: 12px 0 24px 4px;
	margin: 0.75rem 0 1.5rem 0.25rem;
}


/**
* Footer
* --------------------------------------------------------------------------- */

#footer {
	color: #aaa;
}

#footer a {
	color: #aaa;
}

.footer-wrapper p {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

@media all and (min-width: 48em) {  /* 768px */

.mobile,
.fullscreen {
	display: none;
}

.tablet {
	display: block;
}

.nav-wrapper {
	padding: 0 16px;
	padding: 0 1rem;
}

#main {
	float: left;
	width: 60%;
}

#sidebar {
	float: left;
	width: 40%;
}

.header-wrapper {
	margin: 0 24px;
	margin: 0 1.5rem;
	padding: 24px 36px;
	padding: 1.5rem 2.25rem;
}

.main-wrapper {
	margin: 0 12px 46px 24px;
	margin: 0 0.75rem 2.875rem 1.5rem;
	padding: 48px 36px;
	padding: 3rem 2.25rem;
}

.sidebar-wrapper {
	margin: 0 24px 46px 12px;
	margin: 0 1.5rem 2.875rem 0.75rem;
	padding: 48px 36px;
	padding: 3rem 2.25rem;
}

/* === Alignment === */

.alignright {
	float: right;
	margin-left: 24px;
	margin-left: 1.5rem;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}

.alignleft {
	float: left;
	margin-right: 24px;
	margin-right: 1.5rem;
	margin-bottom: 24px;
	margin-bottom: 1.5rem;
}

.aligncenter {
	display: block;
	margin: 24px auto;
	margin: 1.5rem auto;
}

.alignnone {
	margin: 24px 0;
	margin: 1.5rem 0;
}

}

@media all and (min-width: 60em) {  /* 960px */

html {
	font-size: 100%;  /* base size for mobile, usually 14px; we will resize at the media queries */
}

.mobile,
.tablet {
	display: none;
}

.fullscreen {
	display: block;
}

.nav-wrapper {
	padding: 0 24px;
	padding: 0 1.5rem;
}

.main-wrapper,
.sidebar-wrapper {
	-webkit-border-radius: 24px;
	-webkit-border-radius: 1.5rem;
	-moz-border-radius: 24px;
	-moz-border-radius: 1.5rem;
	border-radius: 24px;
	border-radius: 1.5rem;
}

/* disable the menu bar accordion */

#main-nav .menu-bar .menu-toggle {
	display: none !important;
}

#main-nav .menu-bar ul {
	display: block !important;
	margin: 0;
	padding: 0;
}

/* Menu Bar Layout */

#main-nav .menu-bar li {
	float: left;
	margin: 0;
	padding: 0;
}

#main-nav .menu-bar li a {	
	border-top: 0;
	font-size: 16px;
	font-size: 1rem;
	line-height: 64px;
	line-height: 4rem;
	margin: 0;
	padding: 0 16px;
	padding: 0 1rem;
}

/* social icons */

.social-links .fi-icon:before,
.social-links .nssl-home-link:before {
	color: #bbb;
	font-size: 36px;
	font-size: 2.25rem;
}

/**
* Front page
* --------------------------------------------------------------------------- */

.front-page .download-links { 
	float: right;
	margin: 0 0 24px 24px;
	margin: 0 0 1.5rem 1.5rem;
	max-width: 240px;
	width: 33%;
}

.front-page .download-links a {
	float: none;
	margin: 0 0 24px 0;
	margin: 0 0 1.5rem 0;
	width: 100%;
}

.front-page .download-links a:last-child {
	display: block;
	margin-bottom: 0;
}

/**
* News page
* --------------------------------------------------------------------------- */

.section-header.news-header {
	font-size: 28px;
	font-size: 1.75rem; 
	line-height: 1.2857;  /*36px */
	margin: 0 40px 24px 40px;
	margin: 0 2.5rem 1.5rem 2.5rem;
}

.news-item {
	padding: 40px;
	padding: 2.5rem;
	-webkit-border-radius: 24px;
	-webkit-border-radius: 1.5rem;
	-moz-border-radius: 24px;
	-moz-border-radius: 1.5rem;
	border-radius: 24px;
	border-radius: 1.5rem;
}

}

@media all and (min-width: 75em) {  /* 1200px */

.body-wrapper,
.nav-wrapper,
.footer-wrapper {	
	max-width: 75em;  /* ems on purpose */
	margin: 0 auto;
	overflow: visible;
}
	
}


/* ==========================================================================
   Utility Classes
   ========================================================================== */
 
.screen-reader-text,
.screenreader-text,
.assistive-text, 
#skip-to-content, 
.skip-link {
	display: block;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}

#advisory_banner {
    background: #f9dede; 
    color: #cd2026; 
    line-height: 1.2;
    margin: 0;
    padding: 24px;
}
#advisory_banner a:link, 
#advisory_banner a:visited {
    color: #981b1e;
    text-decoration: underline;
}
#advisory_banner a:focus,
#advisory_banner a:hover,
#advisory_banner a:active {
    color: #981b1e;
    text-decoration: none;
}

.offsite-link-old {
	background: url(/images/offsite.png) no-repeat right;
	padding-right: 15px;
}

.offsite-link {
	background: url("/images/offsite.png") no-repeat right;
	padding-right: 15px;
}

.exact-case {
	text-transform: none;
}

.journal,
.conference,
.publication {
	font-style: italic;
}

.volume {
	font-weight: bold;
}

.photobox {
	padding: 6px;
	border: 1px solid rgba(255,255,255,.4);
	background: rgba(255,255,255,.05);
}

.photobox .caption {
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1.5; 
	margin: 8px 0 0 0;
	margin: 0.5rem 0 0 0;
	text-align: center;
}
	
.emphasis_box {
	background: rgba(0,0,0,.35);
	margin-bottom: 32px;
	margin-bottom: 2rem;
	padding: 32px;
	padding: 2rem;
	-webkit-border-radius: 16px;
	-webkit-border-radius: 1rem;
	-moz-border-radius: 16px;
	-moz-border-radius: 1rem;
	border-radius: 16px;
	border-radius: 1rem;
}

.emphasis_red {
	color: #960000;
	font-weight: bold;
}