@charset "UTF-8";
@font-face { font-family: 'icomoon'; src: url("../font/icomoon.eot"); src: url("../font/icomoon.eot?#iefix") format("embedded-opentype"), url("../font/icomoon.woff") format("woff"), url("../font/icomoon.ttf") format("truetype"), url("../font/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[data-icon]:before { font-family: 'icomoon'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; }

* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.lt-ie8 .container, .lt-ie8 .grid, .lt-ie8 .footer-bottom { zoom: 1; }
.container:before, .grid:before, .container.full:before, .footer-bottom:before, .container:after, .grid:after, .container.full:after, .footer-bottom:after { content: " "; display: table; }
.container:after, .grid:after, .container.full:after, .footer-bottom:after { clear: both; }

@-moz-keyframes sliding { 0% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } }
@-webkit-keyframes sliding { 0% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } }
@-o-keyframes sliding { 0% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } }
@-ms-keyframes sliding { 0% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } }
@keyframes sliding { 0% { -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  100% { -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } }
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

audio, canvas, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

[hidden], template { display: none; }

html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

body { margin: 0; }

a { background: transparent; }
a:focus { outline: thin dotted; }
a:active, a:hover { outline: 0; }

a:focus { outline: thin dotted; }

a:active, a:hover { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

mark { background: #ff0; color: #000; }

code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

pre { white-space: pre-wrap; }

q { quotes: "“" "”" "‘" "’"; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border: 0; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; padding: 0; }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9. 2. Remove excess padding in IE 8/9. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

.composer .required_item_def { color: #8A1B1B !important; margin-top: -38px; }
.composer .form-column { overflow: hidden; clear: both; }
.composer input[type="text"], .composer textarea, .composer select { width: 100%; }
.composer label { color: #07153B; font-size: 16px; }
.composer label .required_item { color: #8A1B1B; }
.composer label .desc { display: block; font-size: 0.75em; font-style: italic; }
.composer .unit { padding: 12px; float: left; }
.composer .unit:first-child { padding-left: 0; }
.composer .unit:last-child { padding-right: 0; }
.composer .unit span.error { color: #D80534; display: inline-block; font-size: 12px; font-style: italic; }
.composer .unit.checkbox { padding-left: 35px; position: relative; }
.composer .unit.checkbox input[type="checkbox"] { position: absolute; left: 10px; top: 21px; }
.composer .unit li { position: relative; }
.composer .unit li input[type=checkbox] { display: inline-block; line-height: 1em; }
.composer .unit li input[type=checkbox] + label { display: inline-block; margin: 0.5em; line-height: 1em; width: 75%; color: #0C5FA9; font-size: 14px; }
.composer .size1of1 { width: 100%; }
.composer .size1of2 { width: 50%; }
.composer .size1of3 { width: 33.33%; }
.composer .size1of4 { width: 25%; }
.composer input[type='text'], .composer input[type='password'], .composer input[type='search'], .composer select, .composer textarea { height: 45.6px; border: 1px solid #ddd; box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.25); background: #fff; padding: 0px 12px; color: #333; margin-top: 5px; }
.composer input[type='text'].error, .composer input[type='password'].error, .composer input[type='search'].error, .composer select.error, .composer textarea.error { border-color: #D80534; }
.composer input[type='text']:active, .composer input[type='text']:focus, .composer input[type='password']:active, .composer input[type='password']:focus, .composer input[type='search']:active, .composer input[type='search']:focus, .composer select:active, .composer select:focus, .composer textarea:active, .composer textarea:focus { outline: none; border-color: #9d9d9d; background: #FFFDE3; }
.composer textarea { font-size: 16px; height: 96px; padding: 12px; }
.composer textarea:active, .composer textarea:focus { outline: none; border-color: #9d9d9d; background: #FFFDE3; }
.composer h4 { font-weight: normal; }

body { line-height: 24px; font-size: 16px; }

p, ul, ol, dl, menu, blockquote, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; font-family: "Myriad Pro", "myriad-pro-n4", "myriad-pro", sans-serif; }
.wf-active p, .lt-ie9 p, .wf-active ul, .lt-ie9 ul, .wf-active ol, .lt-ie9 ol, .wf-active dl, .lt-ie9 dl, .wf-active menu, .lt-ie9 menu, .wf-active blockquote, .lt-ie9 blockquote, .wf-active h1, .lt-ie9 h1, .wf-active h2, .lt-ie9 h2, .wf-active h3, .lt-ie9 h3, .wf-active h4, .lt-ie9 h4, .wf-active h5, .lt-ie9 h5, .wf-active h6, .lt-ie9 h6 { visibility: visible; }

ol, ul, dl { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; }

h1 { line-height: 48px; font-size: 2.32128em; }

h2 { line-height: 36px; font-size: 2.05817em; }

h3 { line-height: 36px; font-size: 1.61803em; }

h4 { font-size: 20px; }

h6 { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }

.text-container p, .text-container ul, .text-container ol, .text-container dl, .text-container menu, .text-container blockquote { margin-bottom: 24px; }
.text-container p:last-child, .text-container ul:last-child, .text-container ol:last-child, .text-container dl:last-child, .text-container menu:last-child, .text-container blockquote:last-child { margin-bottom: 0px; }
.text-container h2, .text-container h3, .text-container h4, .text-container h5, .text-container h6 { margin-bottom: 12px; }
.text-container ol, .text-container ul { padding-left: 24px; }
.text-container ol { list-style: decimal; }
.text-container ul { list-style: disc; }
.text-container blockquote { padding-left: 24px; border-left: 1px solid #ddd; }
.text-container blockquote p:last-child, .text-container blockquote ul:last-child, .text-container blockquote ol:last-child, .text-container blockquote dl:last-child, .text-container blockquote menu:last-child, .text-container blockquote blockquote:last-child { margin-bottom: 0px; }

.button, input[type='submit'], input[type='button'], button { background: #969696; border: none; color: #fff; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; font-size: 12px; line-height: 24px; padding: 0px 6px; margin: 0px; height: 24px; letter-spacing: 1px; -moz-appearance: none; -webkit-appearance: none; text-transform: uppercase; font-family: "Myriad Pro", "myriad-pro-n4", "myriad-pro", sans-serif; font-weight: bold; }
.wf-active .button, .lt-ie9 .button, .wf-active input[type='submit'], .lt-ie9 input[type='submit'], .wf-active input[type='button'], .lt-ie9 input[type='button'], .wf-active button, .lt-ie9 button { visibility: visible; }

body.nprb .button:hover, body.nprb input[type='submit']:hover, body.nprb input[type='button']:hover, body.nprb button:hover { background: #094479; color: #fff; }
body.core-program .button:hover, body.core-program input[type='submit']:hover, body.core-program input[type='button']:hover, body.core-program button:hover { background: #218fa7; color: #fff; }
body.integrated-ecosystem-research-program .button:hover, body.integrated-ecosystem-research-program input[type='submit']:hover, body.integrated-ecosystem-research-program input[type='button']:hover, body.integrated-ecosystem-research-program button:hover { background: #005f7f; color: #fff; }
body.long-term-monitoring-program .button:hover, body.long-term-monitoring-program input[type='submit']:hover, body.long-term-monitoring-program input[type='button']:hover, body.long-term-monitoring-program button:hover { background: #145a5e; color: #fff; }
body.graduate-research-award-program .button:hover, body.graduate-research-award-program input[type='submit']:hover, body.graduate-research-award-program input[type='button']:hover, body.graduate-research-award-program button:hover { background: #085c38; color: #fff; }
body.gulf-of-alaska-project .button:hover, body.gulf-of-alaska-project input[type='submit']:hover, body.gulf-of-alaska-project input[type='button']:hover, body.gulf-of-alaska-project button:hover { background: #4c6298; color: #fff; }
body.bering-sea-project .button:hover, body.bering-sea-project input[type='submit']:hover, body.bering-sea-project input[type='button']:hover, body.bering-sea-project button:hover { background: #5f1313; color: #fff; }
body.arctic-program .button:hover, body.arctic-program input[type='submit']:hover, body.arctic-program input[type='button']:hover, body.arctic-program button:hover { background: #7d6f97; color: #fff; }

a { color: #40C0F0; -moz-transition: color 0.2s; -o-transition: color 0.2s; -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration: none; }
a:hover { color: #1C3B6F; }
a.nprb { color: #0C5FA9 !important; }
a.core-program { color: #29B3D2 !important; }
a.integrated-ecosystem-research-program { color: #0085B2 !important; }
a.long-term-monitoring-program { color: #1D8288 !important; }
a.graduate-research-award-program { color: #0C8B55 !important; }
a.gulf-of-alaska-project { color: #657BB2 !important; }
a.bering-sea-project { color: #8A1B1B !important; }
a.arctic-program { color: #988DAC !important; }

.search input[type='text'] { height: 24px; line-height: 24px; font-size: 14px; line-height: 14px; padding: 3px 10px; border: 0; border-radius: 4px; width: 250px; }
.lt-ie9 .search input[type='text'] { padding-top: 5px; }
.search input[type='submit'] { background: none; color: #BEBEBE; }
.search input[type='submit']:hover { color: #fff; background: none !important; }

.footer-search { padding-top: 0px; }

body { color: #fff; background-color: #0C5FA9; transition: all 0.2s ease-in-out; padding-top: 12px; }
@media (min-width: 670px) { body { background-color: #000; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: 50% 0; } }
@media (min-width: 1100px) { body { padding-top: 221px; }
  body.subnav-has-children { padding-top: 254px; }
  body.home-page { padding-top: 221px; }
  body.nav-is-fixed { margin-top: 65px; } }

.container { max-width: 1100px; margin: 0px auto; padding: 0px 24px; padding: 0px; background-color: #1C3B6F; }

.grid { max-width: 1100px; margin: 0px auto; padding: 0px 24px; padding: 0; display: flex; flex-flow: row nowrap; justify-content: flex-start; align-content: stretch; align-items: stretch; width: 100%; border-collapse: separate; border-spacing: 12px 0; margin-bottom: 12px; }
@media (max-width: 669px) { .grid { flex-flow: row wrap; } }
.grid > .grid { border-spacing: 0; margin-bottom: 0; background-color: #FFF; height: 100%; }
.grid:before, .grid:after { display: none; }
.grid .col { flex-grow: 1; float: none !important; background-color: #FFF; padding: 18px; margin: 0 6px; background-position: center center; background-size: cover; background-repeat: no-repeat; max-width: 100%; }
.grid .col:first-child { margin-left: 0; }
.grid .col:last-child { margin-right: 0; }
.grid .col:only-child { margin: 0; }
.grid .col:not(#caspioform) .grid .col table { margin: 24px 0; }
.grid .col .footnotes { font-size: 11px; margin-top: -1em; }
.grid .col .footnotes p { text-align: right; margin: 0; }
.grid .col:empty { margin: 0; padding: 0; height: 0; visibility: hidden; }
.grid .col.parent-bg-img .col { background: transparent !important; }
@media (max-width: 669px) { .grid .col { padding: 18px 12px; }
  .grid .col:last-child { margin-bottom: 0 !important; padding-bottom: 12px; } }
.grid .col.pad-t { padding-top: 18px; }
.grid .col.pad-r { padding-right: 18px; }
.grid .col.pad-b { padding-bottom: 18px; }
.grid .col .grid { margin-bottom: 0; }
.grid .col .col { padding: 0 6px; background: transparent; }
@media (max-width: 669px) { .grid .col .col { margin-bottom: 0 !important; padding: 0 !important; } }
.grid .col .col .grid { max-width: 100%; }
.grid .col .col .grid .col { padding: 6px; margin-right: 6px; margin-left: 6px; }
.grid .col .col .grid .col:first-child { margin-right: 6px; margin-left: -6px; }
.grid .col .col .grid .col:last-child { margin-left: 6px; margin-right: -6px; }
.grid .col .col .grid .col:only-child { margin-left: 0; margin-right: 0; padding: 0; }
.grid .col .col:first-child { margin-right: 6px; margin-left: -6px; }
@media (max-width: 669px) { .grid .col .col:first-child { padding-top: 0; margin-right: 0; } }
.grid .col .col:last-child { margin-left: 6px; margin-right: -6px; }
@media (max-width: 669px) { .grid .col .col:last-child { padding-bottom: 0; } }
.grid .col .col:only-child { margin-left: 0; margin-right: 0; padding: 0; }
.grid .col .col.bl { position: relative; padding-left: 18px; }
.grid .col .col.bl:before { content: ""; width: 1px; display: block; position: absolute; left: -6px; top: 0; bottom: 0; }
.nprb .grid .col .col.bl:before { background-color: #0C5FA9; }
.core-program .grid .col .col.bl:before { background-color: #29B3D2; }
.integrated-ecosystem-research-program .grid .col .col.bl:before { background-color: #0085B2; }
.long-term-monitoring-program .grid .col .col.bl:before { background-color: #1D8288; }
.graduate-research-award-program .grid .col .col.bl:before { background-color: #0C8B55; }
.gulf-of-alaska-project .grid .col .col.bl:before { background-color: #657BB2; }
.bering-sea-project .grid .col .col.bl:before { background-color: #8A1B1B; }
.arctic-program .grid .col .col.bl:before { background-color: #988DAC; }
@media (max-width: 669px) { .grid .col .col.bl { padding: 0; }
  .grid .col .col.bl:before { display: none; } }
.grid .col .col.br { position: relative; padding-right: 18px; }
.grid .col .col.br:after { content: ""; width: 1px; display: block; position: absolute; right: -6px; top: 0; bottom: 0; }
@media (max-width: 669px) { .grid .col .col.br:after { width: 100%; height: 1px; bottom: 0; top: auto; } }
.nprb .grid .col .col.br:after { background-color: #0C5FA9; }
.core-program .grid .col .col.br:after { background-color: #29B3D2; }
.integrated-ecosystem-research-program .grid .col .col.br:after { background-color: #0085B2; }
.long-term-monitoring-program .grid .col .col.br:after { background-color: #1D8288; }
.graduate-research-award-program .grid .col .col.br:after { background-color: #0C8B55; }
.gulf-of-alaska-project .grid .col .col.br:after { background-color: #657BB2; }
.bering-sea-project .grid .col .col.br:after { background-color: #8A1B1B; }
.arctic-program .grid .col .col.br:after { background-color: #988DAC; }
@media (max-width: 669px) { .grid .col .col.br { padding: 0; }
  .grid .col .col.br:after { display: none; } }
.grid .col .col.pad-t { padding-top: 18px; }
@media (max-width: 669px) { .grid .col .col.pad-t { padding-top: 18px; } }
.grid .col .col.pad-r { padding-right: 30px; }
.grid .col .col.pad-r:last-child { padding-right: 24px; }
@media (max-width: 669px) { .grid .col .col.pad-r { padding-right: 0; }
  .grid .col .col.pad-r:last-child { padding-right: 0; } }
.grid .col .col.pad-b { padding-bottom: 18px; }
@media (max-width: 669px) { .grid .col .col.pad-b { padding-bottom: 18px; } }
.grid .col .col.pad-l { padding-left: 30px; }
.grid .col .col.pad-l:first-child { padding-left: 24px; }
@media (max-width: 669px) { .grid .col .col.pad-l { padding-right: 0; padding-left: 0; }
  .grid .col .col.pad-l:first-child { padding-left: 0; } }
@media (max-width: 669px) { .grid .col { margin-bottom: 12px; width: 100%; display: block; overflow: hidden; } }
.grid .col h2 { font-size: 1.75rem; font-weight: 100; margin-bottom: 12px; }
@media (max-width: 959px) { .grid .col h2 { font-size: 1.4rem; } }
.nprb .grid .col h2:first-child { color: #0a5291; margin-bottom: 12px; line-height: 1; }
.core-program .grid .col h2:first-child { color: #25a1bd; margin-bottom: 12px; line-height: 1; }
.integrated-ecosystem-research-program .grid .col h2:first-child { color: #007299; margin-bottom: 12px; line-height: 1; }
.long-term-monitoring-program .grid .col h2:first-child { color: #196e73; margin-bottom: 12px; line-height: 1; }
.graduate-research-award-program .grid .col h2:first-child { color: #0a7447; margin-bottom: 12px; line-height: 1; }
.gulf-of-alaska-project .grid .col h2:first-child { color: #556da9; margin-bottom: 12px; line-height: 1; }
.bering-sea-project .grid .col h2:first-child { color: #751717; margin-bottom: 12px; line-height: 1; }
.arctic-program .grid .col h2:first-child { color: #8b7ea1; margin-bottom: 12px; line-height: 1; }
.grid .col p { line-height: 1.4; margin-bottom: 18px; color: #696F7A; }
.grid .col.alt { background-color: #17305b; border: 1px solid rgba(255, 255, 255, 0.6); }
.grid .col.alt h2:first-child { color: #FFF; }
.grid .columns1 { flex-basis: 8.33333%; }
@media (max-width: 669px) { .grid .columns1 { flex-basis: 100%; margin: auto auto 12px auto !important; padding: auto 12px; } }
.grid .columns2 { flex-basis: 16.66667%; }
@media (max-width: 669px) { .grid .columns2 { flex-basis: 100%; margin: auto auto 12px auto !important; padding: auto 12px; } }
.grid .columns3 { flex-basis: 25%; }
@media (max-width: 669px) { .grid .columns3 { flex-basis: 100%; margin: auto auto 12px auto !important; padding: auto 12px; } }
.grid .columns4 { flex-basis: 33.33333%; }
@media (max-width: 669px) { .grid .columns4 { flex-basis: 100%; margin: auto auto 12px auto !important; padding-left: 12px; padding-right: 12px; } }
.grid .columns5 { flex-basis: 41.66667%; }
@media (max-width: 669px) { .grid .columns5 { flex-basis: 100%; margin: auto auto 12px auto !important; padding-left: 12px; padding-right: 12px; } }
.grid .columns6 { flex-basis: 50%; }
@media (max-width: 669px) { .grid .columns6 { flex-basis: 100%; margin: auto auto 12px auto !important; padding-left: 12px; padding-right: 12px; } }
.grid .columns7 { flex-basis: 58.33333%; }
@media (max-width: 669px) { .grid .columns7 { flex-basis: 100%; margin: auto auto 12px auto !important; padding-left: 12px; padding-right: 12px; } }
.grid .columns8 { flex-basis: 66.66667%; }
@media (max-width: 669px) { .grid .columns8 { flex-basis: 100%; margin: auto auto 12px auto !important; padding-left: 12px; padding-right: 12px; } }
.grid .columns9 { flex-basis: 75%; }
@media (max-width: 669px) { .grid .columns9 { flex-basis: 100%; margin: auto auto 12px auto !important; padding-left: 12px; padding-right: 12px; } }
.grid .columns10 { flex-basis: 83.33333%; }
@media (max-width: 669px) { .grid .columns10 { flex-basis: 100%; margin: auto auto 12px auto !important; padding-left: 12px; padding-right: 12px; } }
.grid .columns11 { flex-basis: 91.66667%; }
@media (max-width: 669px) { .grid .columns11 { flex-basis: 100%; margin: auto auto 12px auto !important; padding-left: 12px; padding-right: 12px; } }
.grid .columns12 { flex-basis: 100%; }
@media (max-width: 669px) { .grid .columns12 { padding-left: 12px; padding-right: 12px; } }

.thumb-grid { margin: 24px 0; overflow: hidden; padding: 0; display: flex; flex-flow: row wrap; justify-content: flex-start; align-content: stretch; align-items: stretch; }
.text-container .thumb-grid { padding: 0; }
.text-container .thumb-grid img { margin: 0; border: 0; }
.thumb-grid li { overflow: hidden; display: inline-block; margin: 0 1.5% 2.5% 1.5%; flex-basis: 13.6%; }
.thumb-grid li img { display: block; width: 100%; height: auto; }
@media (max-width: 959px) { .thumb-grid li { flex-basis: 21%; margin: 0 2% 14.4px 2%; } }
@media (max-width: 669px) { .thumb-grid li { flex-basis: 29.3%; margin: 0 2% 14.4px 2%; }
  .thumb-grid li .photo-credit { display: none; } }

.container.full { max-width: 1100px; margin: 0px auto; padding: 0px 24px; max-width: 100%; padding: 0; }
.container.full .subpage-main-content { padding: 0; width: 100%; }

.subpage-main-content.full { padding: 0; width: 100%; }

.nprb .main-content .container { background-color: #0C5FA9; }
.core-program .main-content .container { background-color: #29B3D2; }
.integrated-ecosystem-research-program .main-content .container { background-color: #0085B2; }
.long-term-monitoring-program .main-content .container { background-color: #1D8288; }
.graduate-research-award-program .main-content .container { background-color: #0C8B55; }
.gulf-of-alaska-project .main-content .container { background-color: #657BB2; }
.bering-sea-project .main-content .container { background-color: #8A1B1B; }
.arctic-program .main-content .container { background-color: #988DAC; }

.page-wrap { transition: all 0.2s ease-in-out; }

@media (max-width: 1099px) { .nav-is-active .page-wrap { margin-left: 297px; top: 0px; width: 100%; } }
* .button { float: right; color: #FFF; font-weight: 100; text-transform: none !important; text-decoration: none !important; text-align: center; font-size: 1em; height: auto; min-width: 100px; line-height: 1; transition: all 0.2s linear; padding: 9.6px 12px; display: inline-block; margin-top: 6px; margin-bottom: 8.4px; font-size: 1.1em; white-space: nowrap; }
@media (max-width: 459px) { * .button { min-width: 100%; max-width: 100%; width: 100%; font-size: 0.85em !important; } }
@media (max-width: 669px) { * .button { min-width: 47.1%; white-space: normal; } }
* .button:hover { color: #FFF; }
.nprb * .button { background-color: #0C5FA9; }
.nprb * .button:hover { background-color: #094479; }
.core-program * .button { background-color: #29B3D2; }
.core-program * .button:hover { background-color: #218fa7; }
.integrated-ecosystem-research-program * .button { background-color: #0085B2; }
.integrated-ecosystem-research-program * .button:hover { background-color: #005f7f; }
.long-term-monitoring-program * .button { background-color: #1D8288; }
.long-term-monitoring-program * .button:hover { background-color: #145a5e; }
.graduate-research-award-program * .button { background-color: #0C8B55; }
.graduate-research-award-program * .button:hover { background-color: #085c38; }
.gulf-of-alaska-project * .button { background-color: #657BB2; }
.gulf-of-alaska-project * .button:hover { background-color: #4c6298; }
.bering-sea-project * .button { background-color: #8A1B1B; }
.bering-sea-project * .button:hover { background-color: #5f1313; }
.arctic-program * .button { background-color: #988DAC; }
.arctic-program * .button:hover { background-color: #7d6f97; }
* .button.nprb { background-color: #0C5FA9; }
* .button.nprb:hover { background-color: #094479; }
* .button.core-program { background-color: #29B3D2; }
* .button.core-program:hover { background-color: #218fa7; }
* .button.integrated-ecosystem-research-program { background-color: #0085B2; }
* .button.integrated-ecosystem-research-program:hover { background-color: #005f7f; }
* .button.long-term-monitoring-program { background-color: #1D8288; }
* .button.long-term-monitoring-program:hover { background-color: #145a5e; }
* .button.graduate-research-award-program { background-color: #0C8B55; }
* .button.graduate-research-award-program:hover { background-color: #085c38; }
* .button.gulf-of-alaska-project { background-color: #657BB2; }
* .button.gulf-of-alaska-project:hover { background-color: #4c6298; }
* .button.bering-sea-project { background-color: #8A1B1B; }
* .button.bering-sea-project:hover { background-color: #5f1313; }
* .button.arctic-program { background-color: #988DAC; }
* .button.arctic-program:hover { background-color: #7d6f97; }
* .button.bering-sea-alt { background-color: #5F1313; }
* .button.white { background-color: #FFF; }
.nprb * .button.white { color: #0C5FA9; }
.core-program * .button.white { color: #29B3D2; }
.integrated-ecosystem-research-program * .button.white { color: #0085B2; }
.long-term-monitoring-program * .button.white { color: #1D8288; }
.graduate-research-award-program * .button.white { color: #0C8B55; }
.gulf-of-alaska-project * .button.white { color: #657BB2; }
.bering-sea-project * .button.white { color: #8A1B1B; }
.arctic-program * .button.white { color: #988DAC; }
* .button.dark-blue { background-color: #1C3B6F; color: #FFF !important; }
* .button.dark-blue:hover { color: #FFF; }
* .button.small { font-size: 0.75em; }
* .button.medium { font-size: 0.9em; }
* .button.large { padding: 18px 18px 14.4px; font-size: 1.2em; }
@media (max-width: 669px) { * .button.large { padding: 12px 12px 9.6px; } }
@media (max-width: 959px) { * .button.large { padding: 12px 12px 9.6px; } }
* .button.full { float: none; width: 100%; }
* .button.left { float: left; margin-right: 12px; }
* .button.right { float: right; margin-left: 12px; }
* .button.center { float: none; margin-right: auto; margin-left: auto; display: block; min-width: 100px; max-width: 300px; text-align: center; }
* .button.center.right { float: right; }
@media (max-width: 459px) { * .button.center { min-width: 100%; max-width: 100%; width: 100%; } }
@media (max-width: 669px) { * .button.center { width: 85%; } }
* .button.programBackground_GSRA { background-color: #0C8B55; }
* .button.programBackground_GSRA:hover { background-color: #085c38; }
* .button.programBackground_longTermMonitor { background-color: #1D8288; }
* .button.programBackground_longTermMonitor:hover { background-color: #145a5e; }
* .button.programBackground_coreProgram { background-color: #288CAA; }
* .button.programBackground_coreProgram:hover { background-color: #1e6a81; }
* .button.programBackground_about { background-color: #1C3B6F; }
* .button.programBackground_about:hover { background-color: #122546; }
* .button.programBanner_aboutNPRB { background-color: #0C5FA9; }
* .button.programBanner_aboutNPRB:hover { background-color: #094479; }
* .button.programBanner_coreProgram { background-color: #29B3D2; }
* .button.programBanner_coreProgram:hover { background-color: #218fa7; }
* .button.programBanner_IERP { background-color: #0085B2; }
* .button.programBanner_IERP:hover { background-color: #005f7f; }
* .button.programBanner_GSRA, * .button.green { background-color: #00B259; }
* .button.programBanner_GSRA:hover, * .button.green:hover { background-color: #007f40; }
* .button.researchTheme_ocean, * .button.peach { background-color: #FDBF6D; }
* .button.researchTheme_ocean:hover, * .button.peach:hover { background-color: #fca93b; }
* .button.researchTheme_humans, * .button.light-blue { background-color: #40C0F0; }
* .button.researchTheme_humans:hover, * .button.light-blue:hover { background-color: #12b0eb; }
* .button.researchTheme_fishHabitat, * .button.orange { background-color: #E69224; }
* .button.researchTheme_fishHabitat:hover, * .button.orange:hover { background-color: #c17716; }
* .button.researchTheme_fishInverts, * .button.red { background-color: #E03A2B; }
* .button.researchTheme_fishInverts:hover, * .button.red:hover { background-color: #bc291c; }
* .button.researchTheme_ecosystem { background-color: #339D44; }
* .button.researchTheme_ecosystem:hover { background-color: #267733; }
* .button.program_longTermMonitoring { background-color: #19A5A1; }
* .button.program_longTermMonitoring:hover { background-color: #127976; }
* .button.IERP_project_gulfalaska { background-color: #657BB2; }
* .button.IERP_project_gulfalaska:hover { background-color: #4c6298; }
* .button.IERP_project_arctic, * .button.peach { background-color: #988DAC; }
* .button.IERP_project_arctic:hover, * .button.peach:hover { background-color: #7d6f97; }
* .button.IERP_project_beringsea { background-color: #8A1B1B; }
* .button.IERP_project_beringsea:hover { background-color: #5f1313; }
* .button.program_longTermMonitoring { background-color: #19A5A1; }
* .button.program_longTermMonitoring:hover { background-color: #127976; }
* .button.programBanner_IERP { background-color: #0085B2; }
* .button.programBanner_IERP:hover { background-color: #005f7f; }
* .button.researchTheme_seabirds, * .button.blue { background-color: #0089CB; }
* .button.researchTheme_seabirds:hover, * .button.blue:hover { background-color: #006798; }
* .button.researchTheme_prominentIssues, * .button.light-green { background-color: #A2BC5D; }
* .button.researchTheme_prominentIssues:hover, * .button.light-green:hover { background-color: #89a343; }
* .button.researchTheme_mammals, * .button.purple { background-color: #6F60AA; }
* .button.researchTheme_mammals:hover, * .button.purple:hover { background-color: #584b8c; }
@media (max-width: 459px) { * .button { float: none; width: 100%; text-align: center; } }
* p > .button { margin: 0 0 -5px 0; float: none !important; }

.mb-none { margin-bottom: 0 !important; }

@media (min-width: 670px) { .sidebar-feature-list, .sidebar-event-feature, .sidebar-nav, .featured-stories li { background-color: rgba(255, 255, 255, 0.1); border: 2px solid rgba(255, 255, 255, 0.8); padding: 24px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAAA1BMVEUDDiAA0Y7FAAAAAXRSTlPM0jRW/QAAAAxJREFUeJxjYmCCQgAARgALnYW8OgAAAABJRU5ErkJggg=='); background: rgba(3, 14, 32, 0.8); } }

@media (max-width: 669px) { .sidebar { background: #1C3B6F; } }
.sidebar #countdown { text-align: center; padding: 0 0 20px; line-height: 1; font-style: italic; }
.sidebar #countdown .days { font-size: 60px; display: block; font-weight: 100; padding: 5px; font-style: normal; }

.sidebar-feature-list a:hover h2, .sidebar-feature-list a:hover p { color: #FFC425; }
@media (min-width: 670px) { .sidebar-feature-list { margin-bottom: 12px; }
  .sidebar-feature-list li { margin-bottom: 12px; }
  .sidebar-feature-list h2, .sidebar-feature-list p { font-size: 13px; line-height: 16px; }
  .sidebar-feature-list h2 { text-transform: uppercase; } }
@media (max-width: 669px) { .sidebar-feature-list li { background-color: rgba(0, 0, 0, 0.6); border-bottom: 1px solid rgba(255, 255, 255, 0.1); border-top: 1px solid rgba(0, 0, 0, 0.5); padding: 18px; }
  .sidebar-feature-list li:first-child { border-top: 1px solid transparent; }
  .sidebar-feature-list li:last-child { border-bottom: 1px solid transparent; }
  .sidebar-feature-list h2 { font-size: 24px; line-height: 30px; text-transform: uppercase; }
  .sidebar-feature-list h2 a { color: #FFF; } }

.sidebar-event-feature { text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); margin-bottom: 12px; }
.sidebar-event-feature h2 { font-size: 16px; text-transform: uppercase; letter-spacing: 2px; margin: 0px auto; line-height: 18px; margin-bottom: 12px; margin-left: -24px; margin-right: -24px; padding: 12px 24px !important; border-bottom: 2px solid #fff; background: rgba(0, 0, 0, 0.3); }
.sidebar-event-feature h2, .sidebar-event-feature p, .sidebar-event-feature .date { line-height: 16px; }
.sidebar-event-feature h3 { font-size: 14px; margin-bottom: 0; line-height: 18px; }
.sidebar-event-feature a h3 { color: #40C0F0; }
.sidebar-event-feature a h3:hover { color: #FFF; }
.sidebar-event-feature .date { font-size: 12px; font-weight: bold; font-family: "Myriad Pro", "myriad-pro-n4", "myriad-pro", sans-serif; color: #FFF; }
.wf-active .sidebar-event-feature .date, .lt-ie9 .sidebar-event-feature .date { visibility: visible; }
@media (max-width: 669px) { .sidebar-event-feature .date { font-size: 16px; line-height: 24px; } }
.sidebar-event-feature h2 { font-size: 14px; text-transform: uppercase; }
.sidebar-event-feature p { margin-bottom: 10px; font-size: 12px; line-height: 14px; margin-bottom: 12px; }
@media (max-width: 669px) { .sidebar-event-feature { background-size: cover; padding: 18px; padding-bottom: 48px; }
  .sidebar-event-feature h2 { font-size: 24px; line-height: 30px; }
  .sidebar-event-feature p { font-size: 16px; line-height: 24px; }
  .sidebar-event-feature .button { font-size: 16px; padding: 12px 24px; line-height: 24px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; height: auto; } }

.sidebar-nav { margin-bottom: 12px; padding-top: 0px; }
.sidebar-nav h2 { font-size: 16px; text-transform: uppercase; letter-spacing: 2px; margin: 0px auto; line-height: 18px; margin-bottom: 12px; margin-left: -24px; margin-right: -24px; padding: 12px 24px !important; border-bottom: 2px solid #fff; background: rgba(0, 0, 0, 0.3); }
.sidebar-nav h2 a { color: #FFF; font-size: 16px; line-height: 18px; font-weight: bold; }
.sidebar-nav a { color: #FFC425; font-size: 12px; line-height: 16px; font-weight: 500; display: block; }
.sidebar-nav a:hover { color: #FFF; }
@media (max-width: 669px) { .sidebar-nav h2 { text-align: center; }
  .sidebar-nav ul { margin: 0 12px; }
  .sidebar-nav ul ul { margin: 0; } }
.sidebar-nav .here > a, .sidebar-nav .parent-here > a { color: #FFF; }
.sidebar-nav .here:before { width: 5px; height: 5px; background: #FFF; display: inline-block; float: left; margin: 5px 0 0 -10px; content: ""; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; }
.sidebar-nav ul > li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 7.2px; margin-bottom: 7.2px; }
.sidebar-nav ul > :last-child { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; }
.sidebar-nav ul ul { padding-left: 18px; padding-top: 5px; }
.sidebar-nav ul ul > li { padding-bottom: 4.8px; margin-bottom: 4.8px; }
.sidebar-nav ul ul > li > a { color: rgba(255, 255, 255, 0.6); }
.sidebar-nav ul ul ul { padding-left: 18px; padding-top: 5px; }
.sidebar-nav ul ul ul > li { padding-bottom: 3.6px; margin-bottom: 3.6px; }
.sidebar-nav ul ul ul a { color: rgba(255, 255, 255, 0.6); font-style: italic; }

.main-header { background: #1C3B6F; padding-top: 12px; position: relative; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.4); transition: all 0.2s ease-in-out; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1200; }
@media (max-width: 1099px) { .main-header { padding-top: 48px; position: relative; } }
@media (max-width: 669px) { .main-header { padding-top: 36px; } }
@media (max-width: 459px) { .main-header { padding-top: 48px; } }
.main-header .container { padding: 0px; position: relative; margin-bottom: 0; }

.topnav { position: absolute; top: -20px; right: 0; min-width: 230px; }
.nav-is-active .topnav { overflow: hidden; }
.topnav li { float: left; }
.topnav li a { font-family: "Myriad Pro", "myriad-pro-n4", "myriad-pro", sans-serif; text-transform: uppercase; color: #fff; font-size: 12px; line-height: 16px; font-weight: bold; padding: 4px 10px; display: block; text-align: center; }
.wf-active .topnav li a, .lt-ie9 .topnav li a { visibility: visible; }
.topnav li a:hover { color: #FFC425; }

.logo { display: block; width: 320px; position: relative; height: 86px; margin-bottom: 12px; background-repeat: no-repeat; }
@media (max-width: 1099px) { .logo { margin: 0px auto 12px; } }
@media (max-width: 669px) { .logo .icon, .logo .north-pacific, .logo .research-board { background-image: url(/assets/style/images/logo.png); background-repeat: no-repeat; position: absolute; }
  .logo .icon { height: 90px; width: 100px; -moz-transform: scale(0.5); -ms-transform: scale(0.5); -webkit-transform: scale(0.5); transform: scale(0.5); left: -18px; }
  .logo .north-pacific { height: 45px; width: 220px; background-position: -100px -35px; left: 65px; top: 20px; }
  .logo .research-board { height: 45px; width: 250px; background-position: -320px -35px; left: 65px; top: 50px; } }
@media (min-width: 670px) { .logo { background-image: url(/assets/style/images/logo.png); background-size: 540px 86px; height: 86px; width: 540px; } }
@media (min-width: 1100px) { .logo { margin: 0px 12px 12px; margin-left: 0px; float: left; } }
.logo img { max-width: 100%; float: left; }
@media (max-width: 459px) { .logo { margin-bottom: 0px; margin-top: -18px; } }

.lt-ie8 .branding { zoom: 1; }
.branding:before, .branding:after { content: " "; display: table; }
.branding:after { clear: both; }

@media (min-width: 1100px) { .search-wrap, .header-search { float: right; }
  .search-wrap { margin-top: -124px; }
  .header-search { padding-top: 33px; } }
@media (max-width: 1099px) { .topnav { top: -41px; z-index: 4; }
  .search-wrap, .nav-button { position: fixed; top: 0px; right: 0px; left: 0px; z-index: 3; height: 36px; background: #1C3B6F; -moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(0, 0, 0, 0.5); }
  .lt-ie8 .search-wrap, .lt-ie8 .nav-button { zoom: 1; }
  .search-wrap:before, .search-wrap:after, .nav-button:before, .nav-button:after { content: " "; display: table; }
  .search-wrap:after, .nav-button:after { clear: both; }
  .search-wrap .search, .nav-button .search { float: right; padding: 12px 6px; width: 100%; position: relative; }
  .search-wrap .search input[type='text'], .nav-button .search input[type='text'] { height: 28.8px; line-height: 24px; padding: 0px 6px; width: 100%; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-family: "Myriad Pro", "myriad-pro-n4", "myriad-pro", sans-serif; }
  .wf-active .search-wrap .search input[type='text'], .lt-ie9 .search-wrap .search input[type='text'], .wf-active .nav-button .search input[type='text'], .lt-ie9 .nav-button .search input[type='text'] { visibility: visible; } }
@media (max-width: 1099px) and (max-width: 959px) { .search-wrap .search input[type='submit'], .nav-button .search input[type='submit'] { display: none; } }

@media (max-width: 1099px) { .search-wrap { background: none; -moz-box-shadow: 0 0 0 #000; -webkit-box-shadow: 0 0 0 #000; box-shadow: 0 0 0 #000; border-bottom: 0; }
  .show-nav { line-height: 36px; height: 36px; display: block; font-family: "Myriad Pro", "myriad-pro-n4", "myriad-pro", sans-serif; font-weight: bold; text-transform: uppercase; color: #fff; position: fixed; top: 0; left: 0; padding-left: 36px; -moz-transition: none 1s; -o-transition: none 1s; -webkit-transition: none 1s; transition: none 1s; }
  .wf-active .show-nav, .lt-ie9 .show-nav { visibility: visible; }
  .show-nav:hover { color: #FFC425; }
  .show-nav:hover:before { background: #FFC425; -moz-box-shadow: 0px 6px 0px #FFC425, 0px 12px 0px #FFC425; -webkit-box-shadow: 0px 6px 0px #FFC425, 0px 12px 0px #FFC425; box-shadow: 0px 6px 0px #FFC425, 0px 12px 0px #FFC425; }
  .show-nav:after { content: "Menu"; }
  .nav-is-active .show-nav:after { content: "Hide Menu"; }
  .show-nav:before { position: absolute; top: 10px; left: 9px; width: 18px; height: 3px; background: #fff; -moz-box-shadow: 0px 6px 0px #fff, 0px 12px 0px #fff; -webkit-box-shadow: 0px 6px 0px #fff, 0px 12px 0px #fff; box-shadow: 0px 6px 0px #fff, 0px 12px 0px #fff; content: ""; } }
@media (max-width: 459px) { .show-nav:after { content: ""; }
  .nav-is-active .show-nav:after { content: ""; } }
.main-nav { transition: transform 0.2s ease-in-out; }
.lt-ie8 .main-nav { zoom: 1; }
.main-nav:before, .main-nav:after { content: " "; display: table; }
.main-nav:after { clear: both; }

@media (min-width: 1100px) { .main-nav { background-color: #1C3B6F; }
  .lt-ie8 .main-nav { zoom: 1; }
  .main-nav:before, .main-nav:after { content: " "; display: table; }
  .main-nav:after { clear: both; }
  .main-nav li { display: table-cell; }
  .main-nav li a { transition: all 0.1s ease-in-out; font-family: "Myriad Pro", "myriad-pro-n4", "myriad-pro", sans-serif; text-transform: uppercase; color: #fff; font-size: 12px; line-height: 16px !important; font-weight: bold; padding: 16.2px 28px; display: inline-block; text-align: center; width: 100%; }
  .wf-active .main-nav li a, .lt-ie9 .main-nav li a { visibility: visible; }
  .ie .main-nav li a { padding-left: 22px; padding-right: 22px; }
  .main-nav li a em { display: none; }
  .main-nav li a .sub-nav:hover ~ a.nprb-link { background-color: #0C5FA9; }
  .main-nav li a .sub-nav:hover ~ a.core-program-link { background-color: #29B3D2; }
  .main-nav li a .sub-nav:hover ~ a.integrated-ecosystem-research-program-link { background-color: #0085B2; }
  .main-nav li a .sub-nav:hover ~ a.long-term-monitoring-program-link { background-color: #1D8288; }
  .main-nav li a .sub-nav:hover ~ a.graduate-research-award-program-link { background-color: #0C8B55; }
  .main-nav li a .sub-nav:hover ~ a.gulf-of-alaska-project-link { background-color: #657BB2; }
  .main-nav li a .sub-nav:hover ~ a.bering-sea-project-link { background-color: #8A1B1B; }
  .main-nav li a .sub-nav:hover ~ a.arctic-program-link { background-color: #988DAC; }
  .main-nav li:hover > a.nprb-link, .main-nav li.is-active > a.nprb-link { background-color: #0C5FA9; }
  .main-nav li:hover > a.core-program-link, .main-nav li.is-active > a.core-program-link { background-color: #29B3D2; }
  .main-nav li:hover > a.integrated-ecosystem-research-program-link, .main-nav li.is-active > a.integrated-ecosystem-research-program-link { background-color: #0085B2; }
  .main-nav li:hover > a.long-term-monitoring-program-link, .main-nav li.is-active > a.long-term-monitoring-program-link { background-color: #1D8288; }
  .main-nav li:hover > a.graduate-research-award-program-link, .main-nav li.is-active > a.graduate-research-award-program-link { background-color: #0C8B55; }
  .main-nav li:hover > a.gulf-of-alaska-project-link, .main-nav li.is-active > a.gulf-of-alaska-project-link { background-color: #657BB2; }
  .main-nav li:hover > a.bering-sea-project-link, .main-nav li.is-active > a.bering-sea-project-link { background-color: #8A1B1B; }
  .main-nav li:hover > a.arctic-program-link, .main-nav li.is-active > a.arctic-program-link { background-color: #988DAC; }
  .main-nav .sub-nav { transition: all 0.1s ease-in-out; }
  .main-nav .sub-nav > li { padding: 14.4px; display: inline-block; flex-basis: auto; flex-shrink: 1; vertical-align: top; }
  .main-nav .sub-nav > li.is-active { padding-bottom: 7.2px; }
  .main-nav .sub-nav > li.is-active.has-children > a { position: relative; }
  .main-nav .sub-nav > li.is-active.has-children > a:after { content: ""; position: absolute; top: 21px; left: 50%; margin-left: -3px; display: block; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #FFF; }
  .main-nav .sub-nav > li a { padding: 0; font-size: 11px; display: block; }
  .main-nav > ul { position: relative; width: 100%; white-space: nowrap; display: table; box-sizing: border-box; }
  .nav-is-fixed .main-nav > ul { width: 1100px; margin: 0px auto; }
  .integrated-ecosystems-header { position: absolute; right: 36px; top: -36px; }
  .integrated-ecosystems-header a { padding-bottom: 0px; height: 30px !important; }
  .break { display: block; }
  .integrated-ecosystem { border-top: 1px solid rgba(255, 255, 255, 0.4); }
  .lt-ie8 .main-nav { zoom: 1; }
  .main-nav:before, .main-nav:after { content: " "; display: table; }
  .main-nav:after { clear: both; }
  .main-nav > ul > li:first-child > a { line-height: 31.99992px; }
  .main-nav > ul > li:last-child > a { padding-left: 28px; padding-right: 29px; }
  .ie .main-nav > ul > li:last-child > a { padding-left: 15px; padding-right: 15px; }
  .mozilla .main-nav > ul > li:last-child > a { padding-left: 23px; padding-right: 22px; }
  .main-nav > ul > li > a { height: 65px; }
  .main-nav li.here .here a:hover, .main-nav li.parent-here .here a:hover { text-decoration: none; }
  .main-nav .is-active .sub-nav { transition: all 0.1s ease-in-out; display: flex; flex-flow: row nowrap; justify-content: flex-start; visibility: visible; opacity: 1; box-shadow: 0 12px 8px rgba(0, 0, 0, 0.25); height: auto; }
  .subnav-has-children .main-nav .is-active .sub-nav { height: 78px; }
  .home-page .main-nav .is-active .sub-nav { height: auto; }
  body:not(.home-page) .main-nav .is-active.here .sub-nav.here > li:not(.is-active) > a { color: rgba(255, 255, 255, 0.6); font-weight: 400; }
  body:not(.home-page) .main-nav .is-active.here .sub-nav.here > li:not(.is-active) > a:hover { color: #FFF; }
  .main-nav .sub-nav { transition: all 0.1s ease-in-out; position: absolute; z-index: 3; display: flex; visibility: hidden; opacity: 0; left: 0px; right: 0px; width: 100%; }
  .main-nav .sub-nav ul { transition: all 0.1s ease-in-out; display: block; visibility: hidden; opacity: 0; position: relative; padding: 5px; top: 40px; }
  .main-nav .sub-nav ul:before { content: ""; position: absolute; top: -5px; left: 15px; right: 15px; display: block; height: 1px; background: #fff; }
  .main-nav .sub-nav ul li { display: inline-block; font-weight: normal; vertical-align: bottom; position: relative; padding: 0 16px 0 10px; white-space: normal; }
  .main-nav .sub-nav ul li:nth-child(2n) { margin-right: 0; }
  .main-nav .sub-nav ul li a { text-transform: none; font-weight: normal; text-align: left; padding: 4px 0; line-height: 12px !important; }
  .main-nav .sub-nav ul li a:before { position: absolute; left: 0; top: 3px; content: "·"; font-size: 20px; }
  .main-nav .sub-nav ul li a:hover { text-decoration: underline !important; }
  .main-nav .sub-nav .here ul, .main-nav .sub-nav .parent-here ul { visibility: visible; transition: all 0.1s ease-in-out; opacity: 1; justify-content: flex-start; flex-flow: row wrap; width: 100%; position: absolute; left: 0; padding-left: 15px; padding-right: 15px; }
  .nprb .main-nav .sub-nav .here ul, .nprb .main-nav .sub-nav .parent-here ul { background-color: #0C5FA9; }
  .core-program .main-nav .sub-nav .here ul, .core-program .main-nav .sub-nav .parent-here ul { background-color: #29B3D2; }
  .integrated-ecosystem-research-program .main-nav .sub-nav .here ul, .integrated-ecosystem-research-program .main-nav .sub-nav .parent-here ul { background-color: #0085B2; }
  .long-term-monitoring-program .main-nav .sub-nav .here ul, .long-term-monitoring-program .main-nav .sub-nav .parent-here ul { background-color: #1D8288; }
  .graduate-research-award-program .main-nav .sub-nav .here ul, .graduate-research-award-program .main-nav .sub-nav .parent-here ul { background-color: #0C8B55; }
  .gulf-of-alaska-project .main-nav .sub-nav .here ul, .gulf-of-alaska-project .main-nav .sub-nav .parent-here ul { background-color: #657BB2; }
  .bering-sea-project .main-nav .sub-nav .here ul, .bering-sea-project .main-nav .sub-nav .parent-here ul { background-color: #8A1B1B; }
  .arctic-program .main-nav .sub-nav .here ul, .arctic-program .main-nav .sub-nav .parent-here ul { background-color: #988DAC; }
  .main-nav .sub-nav .here ul .here:before, .main-nav .sub-nav .here ul .here a, .main-nav .sub-nav .parent-here ul .here:before, .main-nav .sub-nav .parent-here ul .here a { color: #FFC425; }
  .main-nav .sub-nav a { font-weight: 600; }
  .main-nav .sub-nav a:hover { text-decoration: underline; }
  .main-nav .sub-nav.is-active { transition: all 0.1s ease-in-out; visibility: visible; opacity: 1; }
  .nprb-link ~ .sub-nav { background-color: #0C5FA9; }
  .main-nav > ul > li:hover .sub-nav { visibility: visible; opacity: 1; }
  .core-program-link ~ .sub-nav { background-color: #29B3D2; }
  .main-nav > ul > li:hover .sub-nav { visibility: visible; opacity: 1; }
  .integrated-ecosystem-research-program-link ~ .sub-nav { background-color: #0085B2; }
  .main-nav > ul > li:hover .sub-nav { visibility: visible; opacity: 1; }
  .long-term-monitoring-program-link ~ .sub-nav { background-color: #1D8288; }
  .main-nav > ul > li:hover .sub-nav { visibility: visible; opacity: 1; }
  .graduate-research-award-program-link ~ .sub-nav { background-color: #0C8B55; }
  .main-nav > ul > li:hover .sub-nav { visibility: visible; opacity: 1; }
  .gulf-of-alaska-project-link ~ .sub-nav { background-color: #657BB2; }
  .main-nav > ul > li:hover .sub-nav { visibility: visible; opacity: 1; }
  .bering-sea-project-link ~ .sub-nav { background-color: #8A1B1B; }
  .main-nav > ul > li:hover .sub-nav { visibility: visible; opacity: 1; }
  .arctic-program-link ~ .sub-nav { background-color: #988DAC; }
  .main-nav > ul > li:hover .sub-nav { visibility: visible; opacity: 1; } }
@media (max-width: 1099px) { .main-nav { background-color: #122546; border-right: 1px solid #000; -moz-box-shadow: inset -10px 0px 30px rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset -10px 0px 30px rgba(0, 0, 0, 0.4); box-shadow: inset -10px 0px 30px rgba(0, 0, 0, 0.4); padding-top: 48px; position: fixed; z-index: 1000; left: 0px; top: 36px; bottom: 0px; width: 297px; overflow: scroll; -webkit-overflow-scrolling: touch; -moz-transform: translateX(-297px); -ms-transform: translateX(-297px); -webkit-transform: translateX(-297px); transform: translateX(-297px); }
  .nav-is-active .main-nav { -moz-transform: translateX(0px); -ms-transform: translateX(0px); -webkit-transform: translateX(0px); transform: translateX(0px); }
  .main-nav a { font-family: "Myriad Pro", "myriad-pro-n4", "myriad-pro", sans-serif; }
  .wf-active .main-nav a, .lt-ie9 .main-nav a { visibility: visible; }
  .main-nav a em { display: block; font-size: 10px; font-weight: 500; letter-spacing: 2px; font-style: normal; color: rgba(255, 255, 255, 0.5); }
  .main-nav > ul > li { border-top: 2px solid #000; }
  .main-nav > ul > li.here .sub-nav { display: table; }
  .main-nav > ul > li:last-child { border-bottom: 1px solid transparent; }
  .main-nav > ul > li > a { color: #fff; font-weight: bold; text-transform: uppercase; display: block; font-size: 16px; padding-bottom: 6px; padding-top: 6px; padding-left: 12px; padding-right: 6px; -moz-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.5); }
  .main-nav > ul > li > a.nprb-link, .main-nav > ul > li > a.nprb-link ~ .sub-nav { border-left: 10px solid #0C5FA9; }
  .main-nav > ul > li > a.core-program-link, .main-nav > ul > li > a.core-program-link ~ .sub-nav { border-left: 10px solid #29B3D2; }
  .main-nav > ul > li > a.integrated-ecosystem-research-program-link, .main-nav > ul > li > a.integrated-ecosystem-research-program-link ~ .sub-nav { border-left: 10px solid #0085B2; }
  .main-nav > ul > li > a.long-term-monitoring-program-link, .main-nav > ul > li > a.long-term-monitoring-program-link ~ .sub-nav { border-left: 10px solid #1D8288; }
  .main-nav > ul > li > a.graduate-research-award-program-link, .main-nav > ul > li > a.graduate-research-award-program-link ~ .sub-nav { border-left: 10px solid #0C8B55; }
  .main-nav > ul > li > a.gulf-of-alaska-project-link, .main-nav > ul > li > a.gulf-of-alaska-project-link ~ .sub-nav { border-left: 10px solid #657BB2; }
  .main-nav > ul > li > a.bering-sea-project-link, .main-nav > ul > li > a.bering-sea-project-link ~ .sub-nav { border-left: 10px solid #8A1B1B; }
  .main-nav > ul > li > a.arctic-program-link, .main-nav > ul > li > a.arctic-program-link ~ .sub-nav { border-left: 10px solid #988DAC; }
  .main-nav > ul > li > a:hover { color: #FFC425; }
  .main-nav > ul > li:first-child a { margin-top: 0px; }
  .main-nav .sub-nav { padding: 0 12px 12px 12px; display: none; }
  .main-nav .sub-nav a { color: #BEBEBE; padding: 6px; line-height: 1.2; font-size: 14px; font-weight: bold; display: block; }
  .main-nav .sub-nav a:hover { color: #FFC425; }
  .main-nav .sub-nav ul { display: none; position: relative; padding: 8px 0 8px 20px; overflow: hidden; }
  .main-nav .sub-nav ul:before { content: ""; position: absolute; top: 4px; bottom: 4px; left: 8px; display: block; width: 1px; background: #fff; }
  .main-nav .sub-nav ul:after { content: ""; position: absolute; left: 9px; top: 50%; margin-top: -5px; display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #FFF; }
  .main-nav .sub-nav ul a { padding: 4px 0 4px 4px; font-weight: normal; }
  .main-nav .sub-nav .here, .main-nav .sub-nav .parent-here { position: relative; }
  .main-nav .sub-nav .here > a, .main-nav .sub-nav .parent-here > a { color: #FFC425; }
  .main-nav .sub-nav .here ul, .main-nav .sub-nav .parent-here ul { display: block; }
  .main-nav .sub-nav .here ul .here a, .main-nav .sub-nav .here ul .parent-here a, .main-nav .sub-nav .parent-here ul .here a, .main-nav .sub-nav .parent-here ul .parent-here a { color: #ffe08b; }
  .main-nav .sub-nav .parent-here ul:after { display: none; }
  .main-nav .sub-nav .parent-here ul .here:before { content: ""; position: absolute; left: -11px; top: 50%; margin-top: -5px; display: block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #FFF; } }
.integrated-ecosystems-header a { color: rgba(255, 255, 255, 0.6); letter-spacing: 2px; font-size: 12px; }
.integrated-ecosystems-header a:hover { background: transparent; color: rgba(255, 255, 255, 0.6); }
@media (max-width: 1099px) { .integrated-ecosystems-header { display: none; } }

.hero-spacer { transition: all 0.2s ease-in-out; }
@media (max-width: 959px) { .hero-spacer { margin: 0 0 12px; } }

.hero { height: 400px; transition: all 0.2s ease-in-out; margin-bottom: 24px; position: relative; }
.hero img { display: block; height: 400px; }
@media (max-width: 669px) { .hero img { width: auto !important; height: 310px; } }
@media (max-width: 959px) { .hero { margin: 0 0 12px; height: 310px; }
  .hero img { display: block; height: 300px; } }
.hero img.overlay-logo { position: absolute; top: 50%; left: 50%; width: auto; height: auto; max-width: 500px; z-index: 2; transform: translate(-50%, -50%); }
.hero .hero-text { position: absolute; top: 50%; transform: translateY(-50%); left: 50%; width: 600px; margin-left: -300px; z-index: 1; }
.hero h3 { min-width: 200px; color: #fff; border: 1px solid rgba(255, 255, 255, 0.8); text-align: center; padding: 18px 96px; font-size: 1.5em; font-weight: normal; }
.nprb .hero h3.dark { color: #0C5FA9; border-color: rgba(12, 95, 169, 0.8); }
.core-program .hero h3.dark { color: #29B3D2; border-color: rgba(41, 179, 210, 0.8); }
.integrated-ecosystem-research-program .hero h3.dark { color: #0085B2; border-color: rgba(0, 133, 178, 0.8); }
.long-term-monitoring-program .hero h3.dark { color: #1D8288; border-color: rgba(29, 130, 136, 0.8); }
.graduate-research-award-program .hero h3.dark { color: #0C8B55; border-color: rgba(12, 139, 85, 0.8); }
.gulf-of-alaska-project .hero h3.dark { color: #657BB2; border-color: rgba(101, 123, 178, 0.8); }
.bering-sea-project .hero h3.dark { color: #8A1B1B; border-color: rgba(138, 27, 27, 0.8); }
.arctic-program .hero h3.dark { color: #988DAC; border-color: rgba(152, 141, 172, 0.8); }
@media (max-width: 669px) { .hero h3 { background: rgba(255, 255, 255, 0.1); padding: 8.4px 12px; font-size: 1.1em; line-height: 1.2; width: auto; top: 40%; left: 10%; right: 10%; margin-left: auto; } }
@media (max-width: 459px) { .hero h3 { left: 5%; right: 5%; } }
.hero .hero-link { font-size: 1em; position: absolute; bottom: -70px; min-width: 100px; left: 50%; margin-left: -50px; line-height: 1; transition: all 0.2s ease-in-out; background: #fff; display: inline-block; text-align: center; padding: 12px 16px; }
.nprb .hero .hero-link { color: #0C5FA9; }
.core-program .hero .hero-link { color: #29B3D2; }
.integrated-ecosystem-research-program .hero .hero-link { color: #0085B2; }
.long-term-monitoring-program .hero .hero-link { color: #1D8288; }
.graduate-research-award-program .hero .hero-link { color: #0C8B55; }
.gulf-of-alaska-project .hero .hero-link { color: #657BB2; }
.bering-sea-project .hero .hero-link { color: #8A1B1B; }
.arctic-program .hero .hero-link { color: #988DAC; }
.hero .hero-link:hover { color: #FFF; }
.nprb .hero .hero-link:hover { background: #0C5FA9; }
.core-program .hero .hero-link:hover { background: #29B3D2; }
.integrated-ecosystem-research-program .hero .hero-link:hover { background: #0085B2; }
.long-term-monitoring-program .hero .hero-link:hover { background: #1D8288; }
.graduate-research-award-program .hero .hero-link:hover { background: #0C8B55; }
.gulf-of-alaska-project .hero .hero-link:hover { background: #657BB2; }
.bering-sea-project .hero .hero-link:hover { background: #8A1B1B; }
.arctic-program .hero .hero-link:hover { background: #988DAC; }
.nprb .hero .hero-link.dark { background-color: #0C5FA9; color: #FFF; }
.core-program .hero .hero-link.dark { background-color: #29B3D2; color: #FFF; }
.integrated-ecosystem-research-program .hero .hero-link.dark { background-color: #0085B2; color: #FFF; }
.long-term-monitoring-program .hero .hero-link.dark { background-color: #1D8288; color: #FFF; }
.graduate-research-award-program .hero .hero-link.dark { background-color: #0C8B55; color: #FFF; }
.gulf-of-alaska-project .hero .hero-link.dark { background-color: #657BB2; color: #FFF; }
.bering-sea-project .hero .hero-link.dark { background-color: #8A1B1B; color: #FFF; }
.arctic-program .hero .hero-link.dark { background-color: #988DAC; color: #FFF; }
@media (max-width: 669px) { .hero .hero-link { bottom: -35px; } }
.hero .photo-credit { position: absolute; right: 12px; bottom: -18px; left: 24px; text-align: right; z-index: 2; line-height: 12px; color: #FFF; letter-spacing: 1px; font-size: 11px; letter-spacing: 0px; }
@media (max-width: 959px) { .hero .photo-credit { bottom: -8px; } }
.hero .photo-credit.dark span { background: rgba(255, 255, 255, 0.3); }
.hero .photo-credit.dark span:hover { color: #FFF; background: rgba(255, 255, 255, 0.5); }
.nprb .hero .photo-credit.dark span { color: #0C5FA9; border-color: rgba(12, 95, 169, 0.8); }
.nprb .hero .photo-credit.dark span:hover { color: #FFF; background: rgba(12, 95, 169, 0.8); }
.core-program .hero .photo-credit.dark span { color: #29B3D2; border-color: rgba(41, 179, 210, 0.8); }
.core-program .hero .photo-credit.dark span:hover { color: #FFF; background: rgba(41, 179, 210, 0.8); }
.integrated-ecosystem-research-program .hero .photo-credit.dark span { color: #0085B2; border-color: rgba(0, 133, 178, 0.8); }
.integrated-ecosystem-research-program .hero .photo-credit.dark span:hover { color: #FFF; background: rgba(0, 133, 178, 0.8); }
.long-term-monitoring-program .hero .photo-credit.dark span { color: #1D8288; border-color: rgba(29, 130, 136, 0.8); }
.long-term-monitoring-program .hero .photo-credit.dark span:hover { color: #FFF; background: rgba(29, 130, 136, 0.8); }
.graduate-research-award-program .hero .photo-credit.dark span { color: #0C8B55; border-color: rgba(12, 139, 85, 0.8); }
.graduate-research-award-program .hero .photo-credit.dark span:hover { color: #FFF; background: rgba(12, 139, 85, 0.8); }
.gulf-of-alaska-project .hero .photo-credit.dark span { color: #657BB2; border-color: rgba(101, 123, 178, 0.8); }
.gulf-of-alaska-project .hero .photo-credit.dark span:hover { color: #FFF; background: rgba(101, 123, 178, 0.8); }
.bering-sea-project .hero .photo-credit.dark span { color: #8A1B1B; border-color: rgba(138, 27, 27, 0.8); }
.bering-sea-project .hero .photo-credit.dark span:hover { color: #FFF; background: rgba(138, 27, 27, 0.8); }
.arctic-program .hero .photo-credit.dark span { color: #988DAC; border-color: rgba(152, 141, 172, 0.8); }
.arctic-program .hero .photo-credit.dark span:hover { color: #FFF; background: rgba(152, 141, 172, 0.8); }
@media (max-width: 669px) { .hero .photo-credit.dark span { padding: 12px 18px; font-size: 1em; min-width: 100px; }
  .nprb .hero .photo-credit.dark span { color: #FFF; background: rgba(12, 95, 169, 0.5); border-color: #0C5FA9; }
  .core-program .hero .photo-credit.dark span { color: #FFF; background: rgba(41, 179, 210, 0.5); border-color: #29B3D2; }
  .integrated-ecosystem-research-program .hero .photo-credit.dark span { color: #FFF; background: rgba(0, 133, 178, 0.5); border-color: #0085B2; }
  .long-term-monitoring-program .hero .photo-credit.dark span { color: #FFF; background: rgba(29, 130, 136, 0.5); border-color: #1D8288; }
  .graduate-research-award-program .hero .photo-credit.dark span { color: #FFF; background: rgba(12, 139, 85, 0.5); border-color: #0C8B55; }
  .gulf-of-alaska-project .hero .photo-credit.dark span { color: #FFF; background: rgba(101, 123, 178, 0.5); border-color: #657BB2; }
  .bering-sea-project .hero .photo-credit.dark span { color: #FFF; background: rgba(138, 27, 27, 0.5); border-color: #8A1B1B; }
  .arctic-program .hero .photo-credit.dark span { color: #FFF; background: rgba(152, 141, 172, 0.5); border-color: #988DAC; } }

/*  Owl Carousel - Animate Plugin */
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }

.owl-carousel .owl-animated-in { z-index: 0; }

.owl-carousel .owl-animated-out { z-index: 1; }

.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
@keyframes fadeOut { 0% { opacity: 1; }
  100% { opacity: 0; } }
/*  Owl Carousel - Auto Height Plugin */
.owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }

/*  Core Owl Carousel CSS File */
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; }

.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }

.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; padding-bottom: 20px; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-nav .owl-prev, .owl-nav .owl-next { position: absolute; transform: translateY(calc(-50% - 10px)) rotate(-135deg); top: 50%; left: 30px; width: 50px; height: 50px; border-style: solid; border-width: 2px 2px 0 0; border-color: rgba(255, 255, 255, 0.75); transform-origin: 50% 50%; transition: all 0.2 ease-in-out; }
@media (max-width: 959px) { .owl-nav .owl-prev, .owl-nav .owl-next { height: 40px; width: 40px; } }
@media (max-width: 669px) { .owl-nav .owl-prev, .owl-nav .owl-next { transform: translateY(calc(-50% - 18px)) rotate(-135deg); height: 30px; width: 30px; left: 10px; } }

.owl-nav .owl-next { transform: translateY(calc(-50% - 10px)) rotate(45deg); right: 30px; left: auto; }
@media (max-width: 959px) { .owl-nav .owl-next { height: 40px; width: 40px; } }
@media (max-width: 669px) { .owl-nav .owl-next { transform: translateY(calc(-50% - 18px)) rotate(45deg); height: 30px; width: 30px; left: auto; right: 10px; } }

@media (max-width: 959px) { .owl-nav .owl-prev:before, .owl-nav .owl-next:before { height: 40px; width: 40px; left: 5px; } }
@media (max-width: 669px) { .owl-nav .owl-prev:before, .owl-nav .owl-next:before { height: 20px; width: 20px; } }

.owl-nav .owl-prev:hover, .owl-nav .owl-next:hover { cursor: pointer; border-color: #FFF; }

.owl-carousel.owl-loaded { display: block; }

.owl-carousel.owl-loading { opacity: 0; display: block; }

.owl-carousel.owl-hidden { opacity: 0; }

.owl-carousel .owl-refresh .owl-item { display: none; }

.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.owl-carousel .owl-item .item { position: relative; width: 100%; height: 400px; }
@media (max-width: 959px) { .owl-carousel .owl-item .item { height: 300px; } }

.owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; }

.owl-carousel.owl-text-select-on .owl-item { user-select: auto; }

.owl-carousel .owl-grab { cursor: move; cursor: grab; }

.owl-carousel.owl-rtl { direction: rtl; }

.owl-carousel.owl-rtl .owl-item { float: right; }

/* No Js */
.no-js .owl-carousel { display: block; }

/*  Owl Carousel - Lazy Load Plugin */
.owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; }

.owl-carousel .owl-item img { transform-style: preserve-3d; }

/*  Owl Carousel - Video Plugin */
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }

.active .owl-video-wrapper, .active .owl-video-wrapper .owl-video-frame, .active .owl-video-wrapper .owl-video-frame iframe { width: 100% !important; height: 400px !important; }
@media (max-width: 959px) { .active .owl-video-wrapper, .active .owl-video-wrapper .owl-video-frame, .active .owl-video-wrapper .owl-video-frame iframe { width: 100% !important; height: 300px !important; } }

.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("/assets/images/layout/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; }

.owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); }

.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }

.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; }

.owl-carousel .owl-video-frame { position: relative; z-index: 1; }

.featured-stories li { padding: 0px 12px; overflow: hidden; *zoom: 1; }
@media (max-width: 669px) { .featured-stories li { padding-bottom: 24px; background-color: rgba(0, 0, 0, 0.6); border-top: 1px solid rgba(0, 0, 0, 0.8); border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
  .featured-stories li:first-child { border-top: 1px solid transparent; }
  .featured-stories li:last-child { border-bottom: 1px solid transparent; } }
@media (min-width: 670px) { .featured-stories li { margin-bottom: 12px; padding: 24px; } }
.featured-stories .countdown { padding: 5px 20px; border: 2px solid #FFC422; margin-bottom: 20px; font-style: italic; background: rgba(255, 196, 33, 0.5); }
@media (max-width: 669px) { .featured-stories figure { flex-basis: 20%; padding-top: 18px; } }
@media (min-width: 670px) { .featured-stories figure { flex-basis: 33.33333%; } }
.featured-stories figure img { display: block; margin: 0px auto; width: 100%; }
@media (max-width: 669px) { .featured-stories figure img { display: none; } }
.featured-stories .summary.full { width: 100%; }
.featured-stories .summary { position: relative; font-size: 13px; line-height: 17px; }
@media (max-width: 669px) { .featured-stories .summary { padding-top: 12px; } }
@media (min-width: 670px) { .featured-stories .summary { flex-basis: 66.66667%; } }
.featured-stories .summary .categories { font-size: 12px; margin-top: 5px; }
.featured-stories .summary .categories a { color: #FFF; font-size: 10px; padding: 4px 10px; line-height: 1; border-radius: 40px; display: inline-block; margin-left: 5px; background: #969696; }
.featured-stories .summary .categories a:hover { text-decoration: none; }
.featured-stories .summary a.nprb:hover { background-color: #0C5FA9; }
.featured-stories .summary a.core-program:hover { background-color: #29B3D2; }
.featured-stories .summary a.integrated-ecosystem-research-program:hover { background-color: #0085B2; }
.featured-stories .summary a.long-term-monitoring-program:hover { background-color: #1D8288; }
.featured-stories .summary a.graduate-research-award-program:hover { background-color: #0C8B55; }
.featured-stories .summary a.gulf-of-alaska-project:hover { background-color: #657BB2; }
.featured-stories .summary a.bering-sea-project:hover { background-color: #8A1B1B; }
.featured-stories .summary a.arctic-program:hover { background-color: #988DAC; }
.featured-stories header { overflow: hidden; *zoom: 1; width: 100%; }
.featured-stories .date { background-color: #969696; padding: 2px 12px; border-radius: 40px; margin-bottom: 5px; }
@media (max-width: 669px) { .featured-stories .date { position: absolute; top: -60px; } }
@media (min-width: 670px) { .featured-stories .date { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; } }
.featured-stories h2 { font-size: 20px; line-height: 20px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; }
@media (max-width: 669px) { .featured-stories h2 { margin-bottom: 12px; text-transform: none; } }
.featured-stories h2 a { color: #fff; }
.featured-stories h2 a:hover { color: #FFC425; }
.featured-stories .read-more { text-transform: uppercase; color: #BEBEBE; font-weight: bold; padding-left: 5px; }
.featured-stories .read-more:hover { text-decoration: underline; color: #FFC425; }

.main-footer { background-color: #2D4B7A; overflow: hidden; *zoom: 1; position: relative; margin-bottom: 12px; font-size: 13px; padding: 18px 12px 48px; }
@media (min-width: 670px) { .main-footer { padding: 18px 24px 48px; } }
.main-footer ul { list-style: disc; color: #999; padding-left: 12px; margin-bottom: 12px; }
.main-footer ul ul { padding-left: 12px; display: block; margin-bottom: 0px; }
.main-footer ul li { font-size: 13px; line-height: 20px; color: #bbb; top: 3px; }
.main-footer li a { font-size: 13px; color: #bbb; position: relative; }
@media (max-width: 669px) { .main-footer li a { font-size: 18px; line-height: 30px; } }
.main-footer li a:hover { color: #E69224; }
.main-footer h2 { font-size: 16px; text-transform: uppercase; line-height: 18px; }
.main-footer .footer-main .social-media { text-align: center; margin-bottom: 12px; }
.main-footer .footer-main .social-media a { display: inline-block; margin-left: 1em; }
.main-footer .footer-main .social-media a svg { height: 24px; width: 24px; color: #FFF; fill: #FFF; transition: all 0.2s linear; }
.main-footer .footer-main .social-media a:hover svg { color: #E69224; fill: #E69224; }
@media (min-width: 670px) { .main-footer .footer-main .social-media { text-align: right; margin-bottom: 0; }
  .main-footer .footer-main .social-media a { margin: 0 0.5em; } }
.main-footer .footer-subscribe { padding: 0 12px; margin-bottom: 36px; }
@media (min-width: 960px) { .main-footer .footer-subscribe { padding: 0 72px; } }
.main-footer .footer-subscribe .form-title { text-transform: uppercase; font-weight: bold; }
.main-footer .footer-subscribe form { overflow: hidden; }
.main-footer .footer-subscribe .field-group { display: flex; flex-flow: row wrap; justify-content: center; }
@media (min-width: 670px) { .main-footer .footer-subscribe .field-group { flex-flow: row wrap; justify-content: space-between; } }
.main-footer .footer-subscribe .field-group .field-row { width: 100%; }
@media (min-width: 670px) { .main-footer .footer-subscribe .field-group .field-row { width: 24%; } }
.main-footer .footer-subscribe .field-group input { height: 35px; line-height: 35px; padding: 0 12px; width: 100%; margin-bottom: 12px; font-size: 1em; border: none; color: #2D4B7A; background: #FFF; }
@media (min-width: 670px) { .main-footer .footer-subscribe .field-group input { height: 40px; line-height: 40px; } }
.main-footer .footer-subscribe .field-group label { position: absolute; left: -5000px; }
.main-footer .footer-subscribe .field-group .field-row.mc-submit-group { width: 50%; }
@media (min-width: 670px) { .main-footer .footer-subscribe .field-group .field-row.mc-submit-group { width: 18%; } }
.main-footer .footer-subscribe .field-group .field-row.mc-submit-group input { background: #E69224; color: #FFF; font-weight: normal; font-size: 1.25em; border-radius: 0; height: 35px; line-height: 35px; float: none; width: 100%; }
.main-footer .footer-subscribe .field-group .field-row.mc-submit-group input:hover, .main-footer .footer-subscribe .field-group .field-row.mc-submit-group input:active { background: #29B3D2; }
@media (min-width: 670px) { .main-footer .footer-subscribe .field-group .field-row.mc-submit-group input { height: 40px; line-height: 40px; } }
.main-footer .footer-subscribe h2 { width: 95%; margin: 0 auto; font-size: 1.1em; color: rgba(255, 255, 255, 0.9); font-weight: normal; text-transform: none; text-align: center; border-bottom: 1px solid #FFF; padding: 18px 0; }
@media (min-width: 670px) { .main-footer .footer-subscribe h2 { width: 70%; } }
.main-footer .footer-nav > p { padding: 0; margin: 0; list-style: none; display: flex; flex-flow: row wrap; justify-content: center; flex-basis: auto; margin-bottom: 1em; }
.main-footer .footer-nav > p > a { padding: 0 16px; display: inline-block; width: 100%; margin-bottom: 1.2em; line-height: 1em; text-align: center; color: #FFF; text-transform: uppercase; font-weight: 600; font-size: 1.1em; }
@media (min-width: 670px) { .main-footer .footer-nav > p > a { width: auto; border-right: 1px solid #FFF; padding: 0 10px; margin-bottom: 1em; }
  .main-footer .footer-nav > p > a:first-child { padding-left: 0; }
  .main-footer .footer-nav > p > a:last-child { padding-right: 0; border-right: 0; } }
.main-footer .footer-nav > p > a:hover { color: #E69224; }
.main-footer .footer-nav > p > a:last-child { border-right: 0; }

.footer-bottom { text-align: center; font-size: 13px; margin-bottom: 24px; }
@media (min-width: 670px) { .footer-bottom { margin-top: 20px; } }
.footer-bottom .logo-icon { float: none; text-align: center; display: block; width: 80px; height: 80px; background-image: url(/assets/images/layout/logo.svg); background-size: 80px; margin: 0px auto 36px; }
.footer-bottom p a { color: #E69224; }
.footer-bottom p a:hover { color: #f0c080; }

.homepage-main-content > h2, .homepage-main-content > h1, .sidebar > h2, .sidebar > h1, .subpage-main-content > h2, .subpage-main-content > h1 { font-size: 20px; text-transform: uppercase; line-height: 22px; padding-top: 18px; padding-bottom: 18px; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.9); padding-left: 24px; padding-right: 24px; }
@media (max-width: 669px) { .homepage-main-content > h2, .homepage-main-content > h1, .sidebar > h2, .sidebar > h1, .subpage-main-content > h2, .subpage-main-content > h1 { border-top: 1px solid #000; border-bottom: 1px solid #000; -moz-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.5); box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.5); } }
.homepage-main-content > h2 span, .homepage-main-content > h1 span, .sidebar > h2 span, .sidebar > h1 span, .subpage-main-content > h2 span, .subpage-main-content > h1 span { font-size: 18px; text-transform: none; font-style: italic; font-weight: 500; }

.grid .col.home-events { background-color: #29B3D2; border: 3px solid #FFF; }
@media (max-width: 959px) { .grid .col.home-events { border-width: 1px; } }
.grid .col.home-events h2, .grid .col.home-events h2:first-child { color: #FFF; font-size: 31.2px; margin-bottom: 6px; }
@media (max-width: 959px) { .grid .col.home-events h2, .grid .col.home-events h2:first-child { font-size: 24px; } }
.grid .col.home-events h2 img, .grid .col.home-events h2:first-child img { display: inline-block; margin: 0 10.8px 0 0; float: left; }
@media (max-width: 959px) { .grid .col.home-events h2 img, .grid .col.home-events h2:first-child img { height: 20px !important; } }
.grid .col.home-events .button { padding: 6px 12px; }
@media (max-width: 959px) { .grid .col.home-events .button { float: right; width: auto; min-width: 0; display: inline-block; font-size: 1em; } }
.grid .col.home-events ul { padding-left: 0; clear: both; }
.grid .col.home-events li { line-height: 1.2; color: #FFF; }
.grid .col.home-events li:last-child a { border-bottom: 0; }
.grid .col.home-events li a { transition: all 0.2s linear; display: block; padding: 12px 2.4px 7.2px; overflow: hidden; border-bottom: 1px solid #2296b0; text-decoration: none !important; }
@media (max-width: 959px) { .grid .col.home-events li a { padding: 7.2px 2.4px 4.8px; } }
.grid .col.home-events li a:hover { background: #25a1bd; }
.grid .col.home-events li a, .grid .col.home-events li em, .grid .col.home-events li h3, .grid .col.home-events li p { color: #FFF; font-size: 1rem; line-height: 1.2; }
.grid .col.home-events li h3 { color: #FFF; font-weight: bold; font-size: 0.9em; margin-bottom: 0; }
.grid .col.home-events li p { margin: 0; line-height: 1.1; }
.grid .col.home-events li span { display: block; font-size: 1.05em; font-weight: 100; text-align: right; text-transform: uppercase; color: #FFF; }
.grid .col.home-events li span.event-date { float: left; width: 40px; margin: -2px 0 0 0; padding-right: 15px; }
.grid .col.home-news { background-color: #0089CB; border: 3px solid #FFF; }
@media (max-width: 959px) { .grid .col.home-news { border-width: 1px; } }
.grid .col.home-news h2, .grid .col.home-news h2:first-child { color: #FFF; font-size: 31.2px; margin-bottom: 6px; }
@media (max-width: 959px) { .grid .col.home-news h2, .grid .col.home-news h2:first-child { font-size: 24px; } }
.grid .col.home-news .button { padding: 6px 12px; margin: 0; position: relative; bottom: -8px; right: -3px; }
.grid .col.home-news .button:hover { color: #FFF; }
@media (max-width: 959px) { .grid .col.home-news .button { float: right; width: auto; min-width: 0; display: inline-block; font-size: 1em; } }
.grid .col.home-news ul { margin-bottom: 0; padding-left: 0; }
.grid .col.home-news li { line-height: 1.2; overflow: hidden; }
.grid .col.home-news li:last-child a { border-bottom: 0; }
.grid .col.home-news li:last-child { margin-bottom: 0; }
.grid .col.home-news li a { display: block; padding: 7.2px 2.4px; transition: all 0.2s linear; float: none; overflow: hidden; border-bottom: 1px solid #0074ac; text-decoration: none !important; }
@media (max-width: 959px) { .grid .col.home-news li a { padding: 7.2px 2.4px 4.8px; } }
.grid .col.home-news li a:hover { background: #007fbc; }
.grid .col.home-news li a, .grid .col.home-news li em, .grid .col.home-news li h2, .grid .col.home-news li p { color: #FFF; font-size: 1rem; }
.grid .col.home-news li p { margin-bottom: 0; line-height: 1.1; }
.grid .col.home-news li em { font-weight: bold; display: block; }
.grid .col.home-news li img { display: block; float: left; width: 110px; height: 70px; margin: 0 15px 0 0; }
.grid .col.home-news.sub { padding: 0; margin: 0; list-style: none; }
.grid .col.home-news.sub li { margin: 0 0 0.75em; }
.grid .col.home-news.sub li a { padding: 0; }
.grid .col.home-news.sub li a, .grid .col.home-news.sub li em, .grid .col.home-news.sub li h2, .grid .col.home-news.sub li p { text-decoration: none; }
.nprb .grid .col.home-news.sub li a, .nprb .grid .col.home-news.sub li em, .nprb .grid .col.home-news.sub li h2, .nprb .grid .col.home-news.sub li p { color: #094479; }
.core-program .grid .col.home-news.sub li a, .core-program .grid .col.home-news.sub li em, .core-program .grid .col.home-news.sub li h2, .core-program .grid .col.home-news.sub li p { color: #218fa7; }
.integrated-ecosystem-research-program .grid .col.home-news.sub li a, .integrated-ecosystem-research-program .grid .col.home-news.sub li em, .integrated-ecosystem-research-program .grid .col.home-news.sub li h2, .integrated-ecosystem-research-program .grid .col.home-news.sub li p { color: #005f7f; }
.long-term-monitoring-program .grid .col.home-news.sub li a, .long-term-monitoring-program .grid .col.home-news.sub li em, .long-term-monitoring-program .grid .col.home-news.sub li h2, .long-term-monitoring-program .grid .col.home-news.sub li p { color: #145a5e; }
.graduate-research-award-program .grid .col.home-news.sub li a, .graduate-research-award-program .grid .col.home-news.sub li em, .graduate-research-award-program .grid .col.home-news.sub li h2, .graduate-research-award-program .grid .col.home-news.sub li p { color: #085c38; }
.gulf-of-alaska-project .grid .col.home-news.sub li a, .gulf-of-alaska-project .grid .col.home-news.sub li em, .gulf-of-alaska-project .grid .col.home-news.sub li h2, .gulf-of-alaska-project .grid .col.home-news.sub li p { color: #4c6298; }
.bering-sea-project .grid .col.home-news.sub li a, .bering-sea-project .grid .col.home-news.sub li em, .bering-sea-project .grid .col.home-news.sub li h2, .bering-sea-project .grid .col.home-news.sub li p { color: #5f1313; }
.arctic-program .grid .col.home-news.sub li a, .arctic-program .grid .col.home-news.sub li em, .arctic-program .grid .col.home-news.sub li h2, .arctic-program .grid .col.home-news.sub li p { color: #7d6f97; }
.grid .col.home-news.sub li h2 { font-size: 1rem; line-height: 1; margin-bottom: 2px; font-style: italic; }
.grid .col.home-news.sub li .news-entry { float: left; width: 72%; }
.grid .col.home-news.sub li figure { float: left; display: block; width: 25%; margin-right: 3%; height: 100%; }
.grid .col.home-news.sub li figure:after { content: "."; width: 175px; height: 1px; line-height: 1px; visibility: hidden; color: white; }
.grid .col.home-news.sub li figure img { width: 100%; float: none; margin: 0; border: 0; height: auto; }

@media (min-width: 670px) { .sidebar { flex-basis: 25%; padding-right: 0px; }
  .homepage-main-content, .subpage-main-content { flex-basis: 75%; } }
.text-content .grid .col .home-events { margin-bottom: 12px; }
.text-content .grid .col .home-events li { line-height: 1.2; }
.text-content .grid .col .home-events li a { transition: all 0.2s linear; display: block; background: #BAC4D3; padding: 4.8px 9.6px; text-decoration: none !important; }
.text-content .grid .col .home-events li a:hover { background: #aab7c9; color: #1C3B6F; }
.text-content .grid .col .home-events li:nth-child(2n) a { background: #FFF; }
.text-content .grid .col .home-events li:nth-child(2n) a:hover { background: #e9ecf1; }
.text-content .grid .col .home-events li a, .text-content .grid .col .home-events li em, .text-content .grid .col .home-events li h3 { color: #0C5FA9; font-size: 0.8rem; line-height: 1.2; }
.text-content .grid .col .home-events li em { font-style: italic; }
.text-content .grid .col .home-events li h3 { font-weight: normal; }
.text-content .grid .col .home-news { margin-bottom: 12px; }
.text-content .grid .col .home-news ul { padding: 0; }
.text-content .grid .col .home-news li { line-height: 1.2; margin-bottom: 9.6px; overflow: hidden; }
.text-content .grid .col .home-news li:last-child { margin-bottom: 0; }
.text-content .grid .col .home-news li a { display: block; padding: 4.8px 9.6px 4.8px 0; transition: all 0.2s linear; float: none; overflow: hidden; text-decoration: none !important; }
.text-content .grid .col .home-news li a, .text-content .grid .col .home-news li em, .text-content .grid .col .home-news li h2, .text-content .grid .col .home-news li p { color: #FFF; font-size: 0.9rem; }
.text-content .grid .col .home-news li p { margin-bottom: 6px; }
.text-content .grid .col .home-news li em { font-style: italic; display: block; margin-bottom: 4.8px; color: rgba(255, 255, 255, 0.8); }
.text-content .grid .col .home-news li h2 { font-weight: normal; margin-bottom: 0; color: #FFF; }
.text-content .grid .col .home-news li img { display: block; float: left; border: 1px solid rgba(255, 255, 255, 0.6); width: 90px; height: 50px; margin-right: 15.6px; }
.text-content .grid .col .home-news.sub { padding: 0; margin: 0; list-style: none; }
.text-content .grid .col .home-news.sub li a { padding: 0; }
.text-content .grid .col .home-news.sub li a, .text-content .grid .col .home-news.sub li em, .text-content .grid .col .home-news.sub li h2, .text-content .grid .col .home-news.sub li p { text-decoration: none !important; }
.nprb .text-content .grid .col .home-news.sub li a, .nprb .text-content .grid .col .home-news.sub li em, .nprb .text-content .grid .col .home-news.sub li h2, .nprb .text-content .grid .col .home-news.sub li p { color: #094479; }
.core-program .text-content .grid .col .home-news.sub li a, .core-program .text-content .grid .col .home-news.sub li em, .core-program .text-content .grid .col .home-news.sub li h2, .core-program .text-content .grid .col .home-news.sub li p { color: #218fa7; }
.integrated-ecosystem-research-program .text-content .grid .col .home-news.sub li a, .integrated-ecosystem-research-program .text-content .grid .col .home-news.sub li em, .integrated-ecosystem-research-program .text-content .grid .col .home-news.sub li h2, .integrated-ecosystem-research-program .text-content .grid .col .home-news.sub li p { color: #005f7f; }
.long-term-monitoring-program .text-content .grid .col .home-news.sub li a, .long-term-monitoring-program .text-content .grid .col .home-news.sub li em, .long-term-monitoring-program .text-content .grid .col .home-news.sub li h2, .long-term-monitoring-program .text-content .grid .col .home-news.sub li p { color: #145a5e; }
.graduate-research-award-program .text-content .grid .col .home-news.sub li a, .graduate-research-award-program .text-content .grid .col .home-news.sub li em, .graduate-research-award-program .text-content .grid .col .home-news.sub li h2, .graduate-research-award-program .text-content .grid .col .home-news.sub li p { color: #085c38; }
.gulf-of-alaska-project .text-content .grid .col .home-news.sub li a, .gulf-of-alaska-project .text-content .grid .col .home-news.sub li em, .gulf-of-alaska-project .text-content .grid .col .home-news.sub li h2, .gulf-of-alaska-project .text-content .grid .col .home-news.sub li p { color: #4c6298; }
.bering-sea-project .text-content .grid .col .home-news.sub li a, .bering-sea-project .text-content .grid .col .home-news.sub li em, .bering-sea-project .text-content .grid .col .home-news.sub li h2, .bering-sea-project .text-content .grid .col .home-news.sub li p { color: #5f1313; }
.arctic-program .text-content .grid .col .home-news.sub li a, .arctic-program .text-content .grid .col .home-news.sub li em, .arctic-program .text-content .grid .col .home-news.sub li h2, .arctic-program .text-content .grid .col .home-news.sub li p { color: #7d6f97; }
.text-content .grid .col .home-news.sub li h2 { font-size: 1rem; line-height: 1; margin-bottom: 2px; font-style: italic; }
.text-content .grid .col .home-news.sub li .news-entry { float: left; width: 72%; }
.text-content .grid .col .home-news.sub li figure { float: left; display: block; width: 25%; margin-right: 3%; height: 100%; }
.text-content .grid .col .home-news.sub li figure:after { content: "."; width: 175px; height: 1px; line-height: 1px; visibility: hidden; color: white; }
.text-content .grid .col .home-news.sub li figure img { width: 100%; float: none; margin: 0; border: 0; height: auto; }

@media (min-width: 670px) { .sidebar { flex-basis: 25%; padding-right: 0px; }
  .homepage-main-content, .subpage-main-content { flex-basis: 75%; } }
.text-content { position: relative; overflow: hidden; margin: 12px; }
.nprb .text-content { color: #0C5FA9; }
.core-program .text-content { color: #29B3D2; }
.integrated-ecosystem-research-program .text-content { color: #0085B2; }
.long-term-monitoring-program .text-content { color: #1D8288; }
.graduate-research-award-program .text-content { color: #0C8B55; }
.gulf-of-alaska-project .text-content { color: #657BB2; }
.bering-sea-project .text-content { color: #8A1B1B; }
.arctic-program .text-content { color: #988DAC; }
.text-content h1 { font-weight: 100; font-size: 2.25rem; line-height: 1; }
@media (max-width: 669px) { .text-content h1 { font-size: 1.75rem; } }
.nprb .text-content h1 { color: #073762; }
.core-program .text-content h1 { color: #1d7c92; }
.integrated-ecosystem-research-program .text-content h1 { color: #004c65; }
.long-term-monitoring-program .text-content h1 { color: #104649; }
.graduate-research-award-program .text-content h1 { color: #06452a; }
.gulf-of-alaska-project .text-content h1 { color: #445787; }
.bering-sea-project .text-content h1 { color: #4a0e0e; }
.arctic-program .text-content h1 { color: #716489; }
.text-content a:not(.button), .text-content a:not(.button) strong, .text-content p a:not(.button), .text-content td a:not(.button) { transition: all 0.2s linear; }
.nprb .text-content a:not(.button), .nprb .text-content a:not(.button) strong, .nprb .text-content p a:not(.button), .nprb .text-content td a:not(.button) { color: #0C5FA9; text-decoration: underline; }
.core-program .text-content a:not(.button), .core-program .text-content a:not(.button) strong, .core-program .text-content p a:not(.button), .core-program .text-content td a:not(.button) { color: #29B3D2; text-decoration: underline; }
.integrated-ecosystem-research-program .text-content a:not(.button), .integrated-ecosystem-research-program .text-content a:not(.button) strong, .integrated-ecosystem-research-program .text-content p a:not(.button), .integrated-ecosystem-research-program .text-content td a:not(.button) { color: #0085B2; text-decoration: underline; }
.long-term-monitoring-program .text-content a:not(.button), .long-term-monitoring-program .text-content a:not(.button) strong, .long-term-monitoring-program .text-content p a:not(.button), .long-term-monitoring-program .text-content td a:not(.button) { color: #1D8288; text-decoration: underline; }
.graduate-research-award-program .text-content a:not(.button), .graduate-research-award-program .text-content a:not(.button) strong, .graduate-research-award-program .text-content p a:not(.button), .graduate-research-award-program .text-content td a:not(.button) { color: #0C8B55; text-decoration: underline; }
.gulf-of-alaska-project .text-content a:not(.button), .gulf-of-alaska-project .text-content a:not(.button) strong, .gulf-of-alaska-project .text-content p a:not(.button), .gulf-of-alaska-project .text-content td a:not(.button) { color: #657BB2; text-decoration: underline; }
.bering-sea-project .text-content a:not(.button), .bering-sea-project .text-content a:not(.button) strong, .bering-sea-project .text-content p a:not(.button), .bering-sea-project .text-content td a:not(.button) { color: #8A1B1B; text-decoration: underline; }
.arctic-program .text-content a:not(.button), .arctic-program .text-content a:not(.button) strong, .arctic-program .text-content p a:not(.button), .arctic-program .text-content td a:not(.button) { color: #988DAC; text-decoration: underline; }
.text-content p a:not(.button), .text-content p a:not(.button) strong, .text-content p p a:not(.button), .text-content p td a:not(.button), .text-content ul a:not(.button), .text-content ul a:not(.button) strong, .text-content ul p a:not(.button), .text-content ul td a:not(.button), .text-content ol a:not(.button), .text-content ol a:not(.button) strong, .text-content ol p a:not(.button), .text-content ol td a:not(.button), .text-content dl a:not(.button), .text-content dl a:not(.button) strong, .text-content dl p a:not(.button), .text-content dl td a:not(.button), .text-content menu a:not(.button), .text-content menu a:not(.button) strong, .text-content menu p a:not(.button), .text-content menu td a:not(.button), .text-content blockquote a:not(.button), .text-content blockquote a:not(.button) strong, .text-content blockquote p a:not(.button), .text-content blockquote td a:not(.button), .text-content h1 a:not(.button), .text-content h1 a:not(.button) strong, .text-content h1 p a:not(.button), .text-content h1 td a:not(.button), .text-content h2 a:not(.button), .text-content h2 a:not(.button) strong, .text-content h2 p a:not(.button), .text-content h2 td a:not(.button), .text-content h3 a:not(.button), .text-content h3 a:not(.button) strong, .text-content h3 p a:not(.button), .text-content h3 td a:not(.button), .text-content h4 a:not(.button), .text-content h4 a:not(.button) strong, .text-content h4 p a:not(.button), .text-content h4 td a:not(.button), .text-content h5 a:not(.button), .text-content h5 a:not(.button) strong, .text-content h5 p a:not(.button), .text-content h5 td a:not(.button), .text-content h6 a:not(.button), .text-content h6 a:not(.button) strong, .text-content h6 p a:not(.button), .text-content h6 td a:not(.button) { transition: all 0.2s linear; }
.nprb .text-content p a:not(.button), .nprb .text-content p a:not(.button) strong, .nprb .text-content p p a:not(.button), .nprb .text-content p td a:not(.button), .nprb .text-content ul a:not(.button), .nprb .text-content ul a:not(.button) strong, .nprb .text-content ul p a:not(.button), .nprb .text-content ul td a:not(.button), .nprb .text-content ol a:not(.button), .nprb .text-content ol a:not(.button) strong, .nprb .text-content ol p a:not(.button), .nprb .text-content ol td a:not(.button), .nprb .text-content dl a:not(.button), .nprb .text-content dl a:not(.button) strong, .nprb .text-content dl p a:not(.button), .nprb .text-content dl td a:not(.button), .nprb .text-content menu a:not(.button), .nprb .text-content menu a:not(.button) strong, .nprb .text-content menu p a:not(.button), .nprb .text-content menu td a:not(.button), .nprb .text-content blockquote a:not(.button), .nprb .text-content blockquote a:not(.button) strong, .nprb .text-content blockquote p a:not(.button), .nprb .text-content blockquote td a:not(.button), .nprb .text-content h1 a:not(.button), .nprb .text-content h1 a:not(.button) strong, .nprb .text-content h1 p a:not(.button), .nprb .text-content h1 td a:not(.button), .nprb .text-content h2 a:not(.button), .nprb .text-content h2 a:not(.button) strong, .nprb .text-content h2 p a:not(.button), .nprb .text-content h2 td a:not(.button), .nprb .text-content h3 a:not(.button), .nprb .text-content h3 a:not(.button) strong, .nprb .text-content h3 p a:not(.button), .nprb .text-content h3 td a:not(.button), .nprb .text-content h4 a:not(.button), .nprb .text-content h4 a:not(.button) strong, .nprb .text-content h4 p a:not(.button), .nprb .text-content h4 td a:not(.button), .nprb .text-content h5 a:not(.button), .nprb .text-content h5 a:not(.button) strong, .nprb .text-content h5 p a:not(.button), .nprb .text-content h5 td a:not(.button), .nprb .text-content h6 a:not(.button), .nprb .text-content h6 a:not(.button) strong, .nprb .text-content h6 p a:not(.button), .nprb .text-content h6 td a:not(.button) { color: #0C5FA9; text-decoration: underline; }
.core-program .text-content p a:not(.button), .core-program .text-content p a:not(.button) strong, .core-program .text-content p p a:not(.button), .core-program .text-content p td a:not(.button), .core-program .text-content ul a:not(.button), .core-program .text-content ul a:not(.button) strong, .core-program .text-content ul p a:not(.button), .core-program .text-content ul td a:not(.button), .core-program .text-content ol a:not(.button), .core-program .text-content ol a:not(.button) strong, .core-program .text-content ol p a:not(.button), .core-program .text-content ol td a:not(.button), .core-program .text-content dl a:not(.button), .core-program .text-content dl a:not(.button) strong, .core-program .text-content dl p a:not(.button), .core-program .text-content dl td a:not(.button), .core-program .text-content menu a:not(.button), .core-program .text-content menu a:not(.button) strong, .core-program .text-content menu p a:not(.button), .core-program .text-content menu td a:not(.button), .core-program .text-content blockquote a:not(.button), .core-program .text-content blockquote a:not(.button) strong, .core-program .text-content blockquote p a:not(.button), .core-program .text-content blockquote td a:not(.button), .core-program .text-content h1 a:not(.button), .core-program .text-content h1 a:not(.button) strong, .core-program .text-content h1 p a:not(.button), .core-program .text-content h1 td a:not(.button), .core-program .text-content h2 a:not(.button), .core-program .text-content h2 a:not(.button) strong, .core-program .text-content h2 p a:not(.button), .core-program .text-content h2 td a:not(.button), .core-program .text-content h3 a:not(.button), .core-program .text-content h3 a:not(.button) strong, .core-program .text-content h3 p a:not(.button), .core-program .text-content h3 td a:not(.button), .core-program .text-content h4 a:not(.button), .core-program .text-content h4 a:not(.button) strong, .core-program .text-content h4 p a:not(.button), .core-program .text-content h4 td a:not(.button), .core-program .text-content h5 a:not(.button), .core-program .text-content h5 a:not(.button) strong, .core-program .text-content h5 p a:not(.button), .core-program .text-content h5 td a:not(.button), .core-program .text-content h6 a:not(.button), .core-program .text-content h6 a:not(.button) strong, .core-program .text-content h6 p a:not(.button), .core-program .text-content h6 td a:not(.button) { color: #29B3D2; text-decoration: underline; }
.integrated-ecosystem-research-program .text-content p a:not(.button), .integrated-ecosystem-research-program .text-content p a:not(.button) strong, .integrated-ecosystem-research-program .text-content p p a:not(.button), .integrated-ecosystem-research-program .text-content p td a:not(.button), .integrated-ecosystem-research-program .text-content ul a:not(.button), .integrated-ecosystem-research-program .text-content ul a:not(.button) strong, .integrated-ecosystem-research-program .text-content ul p a:not(.button), .integrated-ecosystem-research-program .text-content ul td a:not(.button), .integrated-ecosystem-research-program .text-content ol a:not(.button), .integrated-ecosystem-research-program .text-content ol a:not(.button) strong, .integrated-ecosystem-research-program .text-content ol p a:not(.button), .integrated-ecosystem-research-program .text-content ol td a:not(.button), .integrated-ecosystem-research-program .text-content dl a:not(.button), .integrated-ecosystem-research-program .text-content dl a:not(.button) strong, .integrated-ecosystem-research-program .text-content dl p a:not(.button), .integrated-ecosystem-research-program .text-content dl td a:not(.button), .integrated-ecosystem-research-program .text-content menu a:not(.button), .integrated-ecosystem-research-program .text-content menu a:not(.button) strong, .integrated-ecosystem-research-program .text-content menu p a:not(.button), .integrated-ecosystem-research-program .text-content menu td a:not(.button), .integrated-ecosystem-research-program .text-content blockquote a:not(.button), .integrated-ecosystem-research-program .text-content blockquote a:not(.button) strong, .integrated-ecosystem-research-program .text-content blockquote p a:not(.button), .integrated-ecosystem-research-program .text-content blockquote td a:not(.button), .integrated-ecosystem-research-program .text-content h1 a:not(.button), .integrated-ecosystem-research-program .text-content h1 a:not(.button) strong, .integrated-ecosystem-research-program .text-content h1 p a:not(.button), .integrated-ecosystem-research-program .text-content h1 td a:not(.button), .integrated-ecosystem-research-program .text-content h2 a:not(.button), .integrated-ecosystem-research-program .text-content h2 a:not(.button) strong, .integrated-ecosystem-research-program .text-content h2 p a:not(.button), .integrated-ecosystem-research-program .text-content h2 td a:not(.button), .integrated-ecosystem-research-program .text-content h3 a:not(.button), .integrated-ecosystem-research-program .text-content h3 a:not(.button) strong, .integrated-ecosystem-research-program .text-content h3 p a:not(.button), .integrated-ecosystem-research-program .text-content h3 td a:not(.button), .integrated-ecosystem-research-program .text-content h4 a:not(.button), .integrated-ecosystem-research-program .text-content h4 a:not(.button) strong, .integrated-ecosystem-research-program .text-content h4 p a:not(.button), .integrated-ecosystem-research-program .text-content h4 td a:not(.button), .integrated-ecosystem-research-program .text-content h5 a:not(.button), .integrated-ecosystem-research-program .text-content h5 a:not(.button) strong, .integrated-ecosystem-research-program .text-content h5 p a:not(.button), .integrated-ecosystem-research-program .text-content h5 td a:not(.button), .integrated-ecosystem-research-program .text-content h6 a:not(.button), .integrated-ecosystem-research-program .text-content h6 a:not(.button) strong, .integrated-ecosystem-research-program .text-content h6 p a:not(.button), .integrated-ecosystem-research-program .text-content h6 td a:not(.button) { color: #0085B2; text-decoration: underline; }
.long-term-monitoring-program .text-content p a:not(.button), .long-term-monitoring-program .text-content p a:not(.button) strong, .long-term-monitoring-program .text-content p p a:not(.button), .long-term-monitoring-program .text-content p td a:not(.button), .long-term-monitoring-program .text-content ul a:not(.button), .long-term-monitoring-program .text-content ul a:not(.button) strong, .long-term-monitoring-program .text-content ul p a:not(.button), .long-term-monitoring-program .text-content ul td a:not(.button), .long-term-monitoring-program .text-content ol a:not(.button), .long-term-monitoring-program .text-content ol a:not(.button) strong, .long-term-monitoring-program .text-content ol p a:not(.button), .long-term-monitoring-program .text-content ol td a:not(.button), .long-term-monitoring-program .text-content dl a:not(.button), .long-term-monitoring-program .text-content dl a:not(.button) strong, .long-term-monitoring-program .text-content dl p a:not(.button), .long-term-monitoring-program .text-content dl td a:not(.button), .long-term-monitoring-program .text-content menu a:not(.button), .long-term-monitoring-program .text-content menu a:not(.button) strong, .long-term-monitoring-program .text-content menu p a:not(.button), .long-term-monitoring-program .text-content menu td a:not(.button), .long-term-monitoring-program .text-content blockquote a:not(.button), .long-term-monitoring-program .text-content blockquote a:not(.button) strong, .long-term-monitoring-program .text-content blockquote p a:not(.button), .long-term-monitoring-program .text-content blockquote td a:not(.button), .long-term-monitoring-program .text-content h1 a:not(.button), .long-term-monitoring-program .text-content h1 a:not(.button) strong, .long-term-monitoring-program .text-content h1 p a:not(.button), .long-term-monitoring-program .text-content h1 td a:not(.button), .long-term-monitoring-program .text-content h2 a:not(.button), .long-term-monitoring-program .text-content h2 a:not(.button) strong, .long-term-monitoring-program .text-content h2 p a:not(.button), .long-term-monitoring-program .text-content h2 td a:not(.button), .long-term-monitoring-program .text-content h3 a:not(.button), .long-term-monitoring-program .text-content h3 a:not(.button) strong, .long-term-monitoring-program .text-content h3 p a:not(.button), .long-term-monitoring-program .text-content h3 td a:not(.button), .long-term-monitoring-program .text-content h4 a:not(.button), .long-term-monitoring-program .text-content h4 a:not(.button) strong, .long-term-monitoring-program .text-content h4 p a:not(.button), .long-term-monitoring-program .text-content h4 td a:not(.button), .long-term-monitoring-program .text-content h5 a:not(.button), .long-term-monitoring-program .text-content h5 a:not(.button) strong, .long-term-monitoring-program .text-content h5 p a:not(.button), .long-term-monitoring-program .text-content h5 td a:not(.button), .long-term-monitoring-program .text-content h6 a:not(.button), .long-term-monitoring-program .text-content h6 a:not(.button) strong, .long-term-monitoring-program .text-content h6 p a:not(.button), .long-term-monitoring-program .text-content h6 td a:not(.button) { color: #1D8288; text-decoration: underline; }
.graduate-research-award-program .text-content p a:not(.button), .graduate-research-award-program .text-content p a:not(.button) strong, .graduate-research-award-program .text-content p p a:not(.button), .graduate-research-award-program .text-content p td a:not(.button), .graduate-research-award-program .text-content ul a:not(.button), .graduate-research-award-program .text-content ul a:not(.button) strong, .graduate-research-award-program .text-content ul p a:not(.button), .graduate-research-award-program .text-content ul td a:not(.button), .graduate-research-award-program .text-content ol a:not(.button), .graduate-research-award-program .text-content ol a:not(.button) strong, .graduate-research-award-program .text-content ol p a:not(.button), .graduate-research-award-program .text-content ol td a:not(.button), .graduate-research-award-program .text-content dl a:not(.button), .graduate-research-award-program .text-content dl a:not(.button) strong, .graduate-research-award-program .text-content dl p a:not(.button), .graduate-research-award-program .text-content dl td a:not(.button), .graduate-research-award-program .text-content menu a:not(.button), .graduate-research-award-program .text-content menu a:not(.button) strong, .graduate-research-award-program .text-content menu p a:not(.button), .graduate-research-award-program .text-content menu td a:not(.button), .graduate-research-award-program .text-content blockquote a:not(.button), .graduate-research-award-program .text-content blockquote a:not(.button) strong, .graduate-research-award-program .text-content blockquote p a:not(.button), .graduate-research-award-program .text-content blockquote td a:not(.button), .graduate-research-award-program .text-content h1 a:not(.button), .graduate-research-award-program .text-content h1 a:not(.button) strong, .graduate-research-award-program .text-content h1 p a:not(.button), .graduate-research-award-program .text-content h1 td a:not(.button), .graduate-research-award-program .text-content h2 a:not(.button), .graduate-research-award-program .text-content h2 a:not(.button) strong, .graduate-research-award-program .text-content h2 p a:not(.button), .graduate-research-award-program .text-content h2 td a:not(.button), .graduate-research-award-program .text-content h3 a:not(.button), .graduate-research-award-program .text-content h3 a:not(.button) strong, .graduate-research-award-program .text-content h3 p a:not(.button), .graduate-research-award-program .text-content h3 td a:not(.button), .graduate-research-award-program .text-content h4 a:not(.button), .graduate-research-award-program .text-content h4 a:not(.button) strong, .graduate-research-award-program .text-content h4 p a:not(.button), .graduate-research-award-program .text-content h4 td a:not(.button), .graduate-research-award-program .text-content h5 a:not(.button), .graduate-research-award-program .text-content h5 a:not(.button) strong, .graduate-research-award-program .text-content h5 p a:not(.button), .graduate-research-award-program .text-content h5 td a:not(.button), .graduate-research-award-program .text-content h6 a:not(.button), .graduate-research-award-program .text-content h6 a:not(.button) strong, .graduate-research-award-program .text-content h6 p a:not(.button), .graduate-research-award-program .text-content h6 td a:not(.button) { color: #0C8B55; text-decoration: underline; }
.gulf-of-alaska-project .text-content p a:not(.button), .gulf-of-alaska-project .text-content p a:not(.button) strong, .gulf-of-alaska-project .text-content p p a:not(.button), .gulf-of-alaska-project .text-content p td a:not(.button), .gulf-of-alaska-project .text-content ul a:not(.button), .gulf-of-alaska-project .text-content ul a:not(.button) strong, .gulf-of-alaska-project .text-content ul p a:not(.button), .gulf-of-alaska-project .text-content ul td a:not(.button), .gulf-of-alaska-project .text-content ol a:not(.button), .gulf-of-alaska-project .text-content ol a:not(.button) strong, .gulf-of-alaska-project .text-content ol p a:not(.button), .gulf-of-alaska-project .text-content ol td a:not(.button), .gulf-of-alaska-project .text-content dl a:not(.button), .gulf-of-alaska-project .text-content dl a:not(.button) strong, .gulf-of-alaska-project .text-content dl p a:not(.button), .gulf-of-alaska-project .text-content dl td a:not(.button), .gulf-of-alaska-project .text-content menu a:not(.button), .gulf-of-alaska-project .text-content menu a:not(.button) strong, .gulf-of-alaska-project .text-content menu p a:not(.button), .gulf-of-alaska-project .text-content menu td a:not(.button), .gulf-of-alaska-project .text-content blockquote a:not(.button), .gulf-of-alaska-project .text-content blockquote a:not(.button) strong, .gulf-of-alaska-project .text-content blockquote p a:not(.button), .gulf-of-alaska-project .text-content blockquote td a:not(.button), .gulf-of-alaska-project .text-content h1 a:not(.button), .gulf-of-alaska-project .text-content h1 a:not(.button) strong, .gulf-of-alaska-project .text-content h1 p a:not(.button), .gulf-of-alaska-project .text-content h1 td a:not(.button), .gulf-of-alaska-project .text-content h2 a:not(.button), .gulf-of-alaska-project .text-content h2 a:not(.button) strong, .gulf-of-alaska-project .text-content h2 p a:not(.button), .gulf-of-alaska-project .text-content h2 td a:not(.button), .gulf-of-alaska-project .text-content h3 a:not(.button), .gulf-of-alaska-project .text-content h3 a:not(.button) strong, .gulf-of-alaska-project .text-content h3 p a:not(.button), .gulf-of-alaska-project .text-content h3 td a:not(.button), .gulf-of-alaska-project .text-content h4 a:not(.button), .gulf-of-alaska-project .text-content h4 a:not(.button) strong, .gulf-of-alaska-project .text-content h4 p a:not(.button), .gulf-of-alaska-project .text-content h4 td a:not(.button), .gulf-of-alaska-project .text-content h5 a:not(.button), .gulf-of-alaska-project .text-content h5 a:not(.button) strong, .gulf-of-alaska-project .text-content h5 p a:not(.button), .gulf-of-alaska-project .text-content h5 td a:not(.button), .gulf-of-alaska-project .text-content h6 a:not(.button), .gulf-of-alaska-project .text-content h6 a:not(.button) strong, .gulf-of-alaska-project .text-content h6 p a:not(.button), .gulf-of-alaska-project .text-content h6 td a:not(.button) { color: #657BB2; text-decoration: underline; }
.bering-sea-project .text-content p a:not(.button), .bering-sea-project .text-content p a:not(.button) strong, .bering-sea-project .text-content p p a:not(.button), .bering-sea-project .text-content p td a:not(.button), .bering-sea-project .text-content ul a:not(.button), .bering-sea-project .text-content ul a:not(.button) strong, .bering-sea-project .text-content ul p a:not(.button), .bering-sea-project .text-content ul td a:not(.button), .bering-sea-project .text-content ol a:not(.button), .bering-sea-project .text-content ol a:not(.button) strong, .bering-sea-project .text-content ol p a:not(.button), .bering-sea-project .text-content ol td a:not(.button), .bering-sea-project .text-content dl a:not(.button), .bering-sea-project .text-content dl a:not(.button) strong, .bering-sea-project .text-content dl p a:not(.button), .bering-sea-project .text-content dl td a:not(.button), .bering-sea-project .text-content menu a:not(.button), .bering-sea-project .text-content menu a:not(.button) strong, .bering-sea-project .text-content menu p a:not(.button), .bering-sea-project .text-content menu td a:not(.button), .bering-sea-project .text-content blockquote a:not(.button), .bering-sea-project .text-content blockquote a:not(.button) strong, .bering-sea-project .text-content blockquote p a:not(.button), .bering-sea-project .text-content blockquote td a:not(.button), .bering-sea-project .text-content h1 a:not(.button), .bering-sea-project .text-content h1 a:not(.button) strong, .bering-sea-project .text-content h1 p a:not(.button), .bering-sea-project .text-content h1 td a:not(.button), .bering-sea-project .text-content h2 a:not(.button), .bering-sea-project .text-content h2 a:not(.button) strong, .bering-sea-project .text-content h2 p a:not(.button), .bering-sea-project .text-content h2 td a:not(.button), .bering-sea-project .text-content h3 a:not(.button), .bering-sea-project .text-content h3 a:not(.button) strong, .bering-sea-project .text-content h3 p a:not(.button), .bering-sea-project .text-content h3 td a:not(.button), .bering-sea-project .text-content h4 a:not(.button), .bering-sea-project .text-content h4 a:not(.button) strong, .bering-sea-project .text-content h4 p a:not(.button), .bering-sea-project .text-content h4 td a:not(.button), .bering-sea-project .text-content h5 a:not(.button), .bering-sea-project .text-content h5 a:not(.button) strong, .bering-sea-project .text-content h5 p a:not(.button), .bering-sea-project .text-content h5 td a:not(.button), .bering-sea-project .text-content h6 a:not(.button), .bering-sea-project .text-content h6 a:not(.button) strong, .bering-sea-project .text-content h6 p a:not(.button), .bering-sea-project .text-content h6 td a:not(.button) { color: #8A1B1B; text-decoration: underline; }
.arctic-program .text-content p a:not(.button), .arctic-program .text-content p a:not(.button) strong, .arctic-program .text-content p p a:not(.button), .arctic-program .text-content p td a:not(.button), .arctic-program .text-content ul a:not(.button), .arctic-program .text-content ul a:not(.button) strong, .arctic-program .text-content ul p a:not(.button), .arctic-program .text-content ul td a:not(.button), .arctic-program .text-content ol a:not(.button), .arctic-program .text-content ol a:not(.button) strong, .arctic-program .text-content ol p a:not(.button), .arctic-program .text-content ol td a:not(.button), .arctic-program .text-content dl a:not(.button), .arctic-program .text-content dl a:not(.button) strong, .arctic-program .text-content dl p a:not(.button), .arctic-program .text-content dl td a:not(.button), .arctic-program .text-content menu a:not(.button), .arctic-program .text-content menu a:not(.button) strong, .arctic-program .text-content menu p a:not(.button), .arctic-program .text-content menu td a:not(.button), .arctic-program .text-content blockquote a:not(.button), .arctic-program .text-content blockquote a:not(.button) strong, .arctic-program .text-content blockquote p a:not(.button), .arctic-program .text-content blockquote td a:not(.button), .arctic-program .text-content h1 a:not(.button), .arctic-program .text-content h1 a:not(.button) strong, .arctic-program .text-content h1 p a:not(.button), .arctic-program .text-content h1 td a:not(.button), .arctic-program .text-content h2 a:not(.button), .arctic-program .text-content h2 a:not(.button) strong, .arctic-program .text-content h2 p a:not(.button), .arctic-program .text-content h2 td a:not(.button), .arctic-program .text-content h3 a:not(.button), .arctic-program .text-content h3 a:not(.button) strong, .arctic-program .text-content h3 p a:not(.button), .arctic-program .text-content h3 td a:not(.button), .arctic-program .text-content h4 a:not(.button), .arctic-program .text-content h4 a:not(.button) strong, .arctic-program .text-content h4 p a:not(.button), .arctic-program .text-content h4 td a:not(.button), .arctic-program .text-content h5 a:not(.button), .arctic-program .text-content h5 a:not(.button) strong, .arctic-program .text-content h5 p a:not(.button), .arctic-program .text-content h5 td a:not(.button), .arctic-program .text-content h6 a:not(.button), .arctic-program .text-content h6 a:not(.button) strong, .arctic-program .text-content h6 p a:not(.button), .arctic-program .text-content h6 td a:not(.button) { color: #988DAC; text-decoration: underline; }
.text-content p a:not(.button):hover, .text-content p a:not(.button) strong:hover, .text-content p p a:not(.button):hover, .text-content p td a:not(.button):hover, .text-content ul a:not(.button):hover, .text-content ul a:not(.button) strong:hover, .text-content ul p a:not(.button):hover, .text-content ul td a:not(.button):hover, .text-content ol a:not(.button):hover, .text-content ol a:not(.button) strong:hover, .text-content ol p a:not(.button):hover, .text-content ol td a:not(.button):hover, .text-content dl a:not(.button):hover, .text-content dl a:not(.button) strong:hover, .text-content dl p a:not(.button):hover, .text-content dl td a:not(.button):hover, .text-content menu a:not(.button):hover, .text-content menu a:not(.button) strong:hover, .text-content menu p a:not(.button):hover, .text-content menu td a:not(.button):hover, .text-content blockquote a:not(.button):hover, .text-content blockquote a:not(.button) strong:hover, .text-content blockquote p a:not(.button):hover, .text-content blockquote td a:not(.button):hover, .text-content h1 a:not(.button):hover, .text-content h1 a:not(.button) strong:hover, .text-content h1 p a:not(.button):hover, .text-content h1 td a:not(.button):hover, .text-content h2 a:not(.button):hover, .text-content h2 a:not(.button) strong:hover, .text-content h2 p a:not(.button):hover, .text-content h2 td a:not(.button):hover, .text-content h3 a:not(.button):hover, .text-content h3 a:not(.button) strong:hover, .text-content h3 p a:not(.button):hover, .text-content h3 td a:not(.button):hover, .text-content h4 a:not(.button):hover, .text-content h4 a:not(.button) strong:hover, .text-content h4 p a:not(.button):hover, .text-content h4 td a:not(.button):hover, .text-content h5 a:not(.button):hover, .text-content h5 a:not(.button) strong:hover, .text-content h5 p a:not(.button):hover, .text-content h5 td a:not(.button):hover, .text-content h6 a:not(.button):hover, .text-content h6 a:not(.button) strong:hover, .text-content h6 p a:not(.button):hover, .text-content h6 td a:not(.button):hover { text-decoration: none; }
.text-content h2 { font-weight: 100; color: #1C3B6F; }
.text-content .figure { position: relative; margin: 0; color: #FFF; }
.nprb .text-content .figure { border: 2px solid #0C5FA9; background: #0C5FA9; }
.core-program .text-content .figure { border: 2px solid #29B3D2; background: #29B3D2; }
.integrated-ecosystem-research-program .text-content .figure { border: 2px solid #0085B2; background: #0085B2; }
.long-term-monitoring-program .text-content .figure { border: 2px solid #1D8288; background: #1D8288; }
.graduate-research-award-program .text-content .figure { border: 2px solid #0C8B55; background: #0C8B55; }
.gulf-of-alaska-project .text-content .figure { border: 2px solid #657BB2; background: #657BB2; }
.bering-sea-project .text-content .figure { border: 2px solid #8A1B1B; background: #8A1B1B; }
.arctic-program .text-content .figure { border: 2px solid #988DAC; background: #988DAC; }
.text-content .figure.right { float: right; margin: 0 0 20px 20px; }
.text-content .figure.left { float: left; margin: 0 20px 20px 0; }
.text-content .figure img { margin: 0 0 2px 0; border: 0 !important; }
.text-content .figcaption { width: 100%; text-align: center; font-size: 13px; color: #FFF; line-height: 1.2; }
.text-content .figcaption em { color: #FFF; }
.text-content img { display: block; margin: 5px 0 10px 0; max-width: 100%; height: auto !important; }
.text-content img.noborder { border: none; }
.text-content .outline-container p { margin-bottom: 0.25em; }
.text-content .outline-container h2, .text-content .outline-container h3, .text-content .outline-container h4, .text-content .outline-container ol, .text-content .outline-container ul { margin-top: 0.5em; }
.text-content .outline > li { list-style: decimal; font-weight: bold; }
.text-content .outline > li li { list-style: lower-alpha; font-weight: normal; }
.text-content .outline > li li li { list-style: decimal; }
.text-content .breadcrumbs { font-size: 12px; clear: both; line-height: 1.1; }
.text-content .breadcrumbs .last { font-style: italic; }
.text-content .carousel img { margin-bottom: 0px; border: none; }
.text-content .page { display: inline-block; padding: 0px 9px; margin-right: 4px; border-radius: 3px; border: solid 1px #c0c0c0; background: #e9e9e9; box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.8), 0px 1px 3px rgba(0, 0, 0, 0.1); font-size: 0.875em; font-weight: bold; text-decoration: none; color: #717171; text-shadow: 0px 1px 0px white; }
.text-content .page:hover { background: #fefefe; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0)); background: -moz-linear-gradient(0% 0% 270deg, #FEFEFE, #f0f0f0); }
.text-content .page.active { border: none; background: #616161; box-shadow: inset 0px 0px 8px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.8); color: #f0f0f0; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); }
.text-content .photo-credit { font-size: 14px; font-style: italic; color: #173A70; line-height: 1.2; }
.text-content p, .text-content ul, .text-content li, .text-content div, .text-content strong, .text-content em, .text-content table, .text-content td { color: #696F7A; }
.nprb .text-content h1, .nprb .text-content h2, .nprb .text-content h3, .nprb .text-content h4, .nprb .text-content h5, .nprb .text-content h6 { color: #0C5FA9; }
.core-program .text-content h1, .core-program .text-content h2, .core-program .text-content h3, .core-program .text-content h4, .core-program .text-content h5, .core-program .text-content h6 { color: #29B3D2; }
.integrated-ecosystem-research-program .text-content h1, .integrated-ecosystem-research-program .text-content h2, .integrated-ecosystem-research-program .text-content h3, .integrated-ecosystem-research-program .text-content h4, .integrated-ecosystem-research-program .text-content h5, .integrated-ecosystem-research-program .text-content h6 { color: #0085B2; }
.long-term-monitoring-program .text-content h1, .long-term-monitoring-program .text-content h2, .long-term-monitoring-program .text-content h3, .long-term-monitoring-program .text-content h4, .long-term-monitoring-program .text-content h5, .long-term-monitoring-program .text-content h6 { color: #1D8288; }
.graduate-research-award-program .text-content h1, .graduate-research-award-program .text-content h2, .graduate-research-award-program .text-content h3, .graduate-research-award-program .text-content h4, .graduate-research-award-program .text-content h5, .graduate-research-award-program .text-content h6 { color: #0C8B55; }
.gulf-of-alaska-project .text-content h1, .gulf-of-alaska-project .text-content h2, .gulf-of-alaska-project .text-content h3, .gulf-of-alaska-project .text-content h4, .gulf-of-alaska-project .text-content h5, .gulf-of-alaska-project .text-content h6 { color: #657BB2; }
.bering-sea-project .text-content h1, .bering-sea-project .text-content h2, .bering-sea-project .text-content h3, .bering-sea-project .text-content h4, .bering-sea-project .text-content h5, .bering-sea-project .text-content h6 { color: #8A1B1B; }
.arctic-program .text-content h1, .arctic-program .text-content h2, .arctic-program .text-content h3, .arctic-program .text-content h4, .arctic-program .text-content h5, .arctic-program .text-content h6 { color: #988DAC; }
.nprb .text-content blockquote { border-left: 2px solid #0C5FA9; }
.core-program .text-content blockquote { border-left: 2px solid #29B3D2; }
.integrated-ecosystem-research-program .text-content blockquote { border-left: 2px solid #0085B2; }
.long-term-monitoring-program .text-content blockquote { border-left: 2px solid #1D8288; }
.graduate-research-award-program .text-content blockquote { border-left: 2px solid #0C8B55; }
.gulf-of-alaska-project .text-content blockquote { border-left: 2px solid #657BB2; }
.bering-sea-project .text-content blockquote { border-left: 2px solid #8A1B1B; }
.arctic-program .text-content blockquote { border-left: 2px solid #988DAC; }
.text-content:not(#caspioform) .text-content table { width: 100%; margin-bottom: 24px; }
.text-content:not(#caspioform) .text-content table img { margin: 0 10px 0 0; width: auto; max-width: none !important; border: 0 !important; }
.text-content:not(#caspioform) .text-content table thead, .text-content:not(#caspioform) .text-content table thead th { font-weight: 100; text-align: left; font-size: 19.2px; }
.nprb .text-content:not(#caspioform) .text-content table thead, .nprb .text-content:not(#caspioform) .text-content table thead th { color: #0C5FA9; border-bottom: 1px solid #0C5FA9; }
.core-program .text-content:not(#caspioform) .text-content table thead, .core-program .text-content:not(#caspioform) .text-content table thead th { color: #29B3D2; border-bottom: 1px solid #29B3D2; }
.integrated-ecosystem-research-program .text-content:not(#caspioform) .text-content table thead, .integrated-ecosystem-research-program .text-content:not(#caspioform) .text-content table thead th { color: #0085B2; border-bottom: 1px solid #0085B2; }
.long-term-monitoring-program .text-content:not(#caspioform) .text-content table thead, .long-term-monitoring-program .text-content:not(#caspioform) .text-content table thead th { color: #1D8288; border-bottom: 1px solid #1D8288; }
.graduate-research-award-program .text-content:not(#caspioform) .text-content table thead, .graduate-research-award-program .text-content:not(#caspioform) .text-content table thead th { color: #0C8B55; border-bottom: 1px solid #0C8B55; }
.gulf-of-alaska-project .text-content:not(#caspioform) .text-content table thead, .gulf-of-alaska-project .text-content:not(#caspioform) .text-content table thead th { color: #657BB2; border-bottom: 1px solid #657BB2; }
.bering-sea-project .text-content:not(#caspioform) .text-content table thead, .bering-sea-project .text-content:not(#caspioform) .text-content table thead th { color: #8A1B1B; border-bottom: 1px solid #8A1B1B; }
.arctic-program .text-content:not(#caspioform) .text-content table thead, .arctic-program .text-content:not(#caspioform) .text-content table thead th { color: #988DAC; border-bottom: 1px solid #988DAC; }
.text-content:not(#caspioform) .text-content table tr td { padding: 1.2rem 0.55556rem; line-height: 1; position: relative; font-size: 14.4px; }
.text-content:not(#caspioform) .text-content table tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.05); }
.text-content:not(#caspioform) .text-content table.plain tr:nth-child(even) { background: transparent; }
.text-content table { background: #FFF; }
.text-content table thead, .text-content table thead th { font-weight: 100; text-align: left; font-size: 19.2px; }
.nprb .text-content table thead, .nprb .text-content table thead th { color: #0C5FA9; border-bottom: 1px solid #0C5FA9; }
.core-program .text-content table thead, .core-program .text-content table thead th { color: #29B3D2; border-bottom: 1px solid #29B3D2; }
.integrated-ecosystem-research-program .text-content table thead, .integrated-ecosystem-research-program .text-content table thead th { color: #0085B2; border-bottom: 1px solid #0085B2; }
.long-term-monitoring-program .text-content table thead, .long-term-monitoring-program .text-content table thead th { color: #1D8288; border-bottom: 1px solid #1D8288; }
.graduate-research-award-program .text-content table thead, .graduate-research-award-program .text-content table thead th { color: #0C8B55; border-bottom: 1px solid #0C8B55; }
.gulf-of-alaska-project .text-content table thead, .gulf-of-alaska-project .text-content table thead th { color: #657BB2; border-bottom: 1px solid #657BB2; }
.bering-sea-project .text-content table thead, .bering-sea-project .text-content table thead th { color: #8A1B1B; border-bottom: 1px solid #8A1B1B; }
.arctic-program .text-content table thead, .arctic-program .text-content table thead th { color: #988DAC; border-bottom: 1px solid #988DAC; }
.text-content table tr td { line-height: 1; position: relative; font-size: 14.4px; padding: 1.2rem 0.55556rem; }
.text-content table tr:nth-child(even) { background-color: rgba(0, 0, 0, 0.05); }
.text-content table.sortable th { cursor: pointer; text-align: left; padding: 5px 5px 2px 10px; }
.text-content table.sortable th.headerSortDown { color: #FFF; background: #BEBEBE url("../images/arrow-down.png") no-repeat 95% 50%; }
.nprb .text-content table.sortable th.headerSortDown { background-color: #0C5FA9; }
.core-program .text-content table.sortable th.headerSortDown { background-color: #29B3D2; }
.integrated-ecosystem-research-program .text-content table.sortable th.headerSortDown { background-color: #0085B2; }
.long-term-monitoring-program .text-content table.sortable th.headerSortDown { background-color: #1D8288; }
.graduate-research-award-program .text-content table.sortable th.headerSortDown { background-color: #0C8B55; }
.gulf-of-alaska-project .text-content table.sortable th.headerSortDown { background-color: #657BB2; }
.bering-sea-project .text-content table.sortable th.headerSortDown { background-color: #8A1B1B; }
.arctic-program .text-content table.sortable th.headerSortDown { background-color: #988DAC; }
.text-content table.sortable th.headerSortUp { color: #FFF; background: #969696 url("../images/arrow-up.png") no-repeat 95% 50%; }
.nprb .text-content table.sortable th.headerSortUp { background-color: #0C5FA9; }
.core-program .text-content table.sortable th.headerSortUp { background-color: #29B3D2; }
.integrated-ecosystem-research-program .text-content table.sortable th.headerSortUp { background-color: #0085B2; }
.long-term-monitoring-program .text-content table.sortable th.headerSortUp { background-color: #1D8288; }
.graduate-research-award-program .text-content table.sortable th.headerSortUp { background-color: #0C8B55; }
.gulf-of-alaska-project .text-content table.sortable th.headerSortUp { background-color: #657BB2; }
.bering-sea-project .text-content table.sortable th.headerSortUp { background-color: #8A1B1B; }
.arctic-program .text-content table.sortable th.headerSortUp { background-color: #988DAC; }
.text-content table.people tr { position: relative; }
.text-content table.people tr:hover td { border-color: #969696; }
.text-content table.people tr td > a { text-decoration: underline; }
.nprb .text-content table.people tr td > a { color: #0C5FA9 !important; }
.core-program .text-content table.people tr td > a { color: #29B3D2 !important; }
.integrated-ecosystem-research-program .text-content table.people tr td > a { color: #0085B2 !important; }
.long-term-monitoring-program .text-content table.people tr td > a { color: #1D8288 !important; }
.graduate-research-award-program .text-content table.people tr td > a { color: #0C8B55 !important; }
.gulf-of-alaska-project .text-content table.people tr td > a { color: #657BB2 !important; }
.bering-sea-project .text-content table.people tr td > a { color: #8A1B1B !important; }
.arctic-program .text-content table.people tr td > a { color: #988DAC !important; }
.text-content table.people tr td > a:hover { text-decoration: none; }
.text-content table.people tr .loading { position: absolute; right: -5px; top: 50%; margin-top: -8px; display: block; }
.text-content #person-bio { display: none; position: absolute; max-width: 760px; left: 24px; z-index: 1; box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); }
.text-content #person-bio .person-bio { background: #FFF; background: rgba(255, 255, 255, 0.98); border: 10px solid #BEBEBE; padding: 20px; position: relative; overflow: hidden; }
.text-content #person-bio .person-bio img { float: right; margin: 0 0 20px 20px; }
.nprb .text-content #person-bio .person-bio img { border: 2px solid #0C5FA9; }
.core-program .text-content #person-bio .person-bio img { border: 2px solid #29B3D2; }
.integrated-ecosystem-research-program .text-content #person-bio .person-bio img { border: 2px solid #0085B2; }
.long-term-monitoring-program .text-content #person-bio .person-bio img { border: 2px solid #1D8288; }
.graduate-research-award-program .text-content #person-bio .person-bio img { border: 2px solid #0C8B55; }
.gulf-of-alaska-project .text-content #person-bio .person-bio img { border: 2px solid #657BB2; }
.bering-sea-project .text-content #person-bio .person-bio img { border: 2px solid #8A1B1B; }
.arctic-program .text-content #person-bio .person-bio img { border: 2px solid #988DAC; }
.text-content #person-bio .person-bio .close { position: absolute; top: 0; right: 0; display: inline-block; padding: 6px 16px; background: #AC0928; color: #FFF; text-transform: uppercase; font-weight: bold; font-family: "Myriad Pro", "myriad-pro-n4", "myriad-pro", sans-serif; font-size: 11px; cursor: pointer; }
.wf-active .text-content #person-bio .person-bio .close, .lt-ie9 .text-content #person-bio .person-bio .close { visibility: visible; }
.text-content #person-bio .person-bio .close:hover { background: #93041F; }
.text-content form { overflow: hidden; }
.text-content form .form-repeater.active { border-bottom: 1px solid #BEBEBE; margin-bottom: 10px; padding-bottom: 20px; }
.text-content form .form-repeater .form-column { padding-right: 20px; position: relative; }
.text-content form .form-repeater .form-column.hidden { display: none; }
.text-content form .form-repeater .form-column .row-count { position: absolute; left: 0; top: 50%; color: #969696; }
.text-content form .form-row { float: left; margin-bottom: 10px; }
.text-content form .form-row input[type='text'], .text-content form .form-row input[type='password'], .text-content form .form-row input[type='search'] { padding: 0 4%; width: 100%; font-size: 14px; }
.text-content form .size1of1 { width: 100%; }
.text-content form .size1of2 { width: 50%; }
.text-content form .size1of3 { width: 33.33%; }
.text-content form .size1of4 { width: 25%; }
.text-content form .form-row.nonfield_title, .text-content form .form-row.nonfield_submit { clear: both; float: none; }
.text-content form input[type='submit'] { background: #0C5FA9; padding: 8px 34px; line-height: 24px; height: auto; font-size: 1em; font-weight: normal; text-transform: none; float: right; }
.text-content form input[type='submit']:hover { background: #094479; border-bottom: 3px solid #05294a; }
.text-content form input[type='submit'].small { padding: 2px 16px; font-size: 0.7em; color: #FFF; text-decoration: none; cursor: pointer; }
.text-content form input[type='submit'].small.remove-form-column { font-size: 1.2em; background: #8A1B1B; border-bottom-color: #5f1313; position: absolute; right: 0; bottom: 28px; padding: 0 10px; display: none; }
.text-content form input[type='submit'].small.remove-form-column.show { display: block; }
.text-content form input[type='submit'].small.add-form-column { margin-left: 20px; background: #7d7d7d; border-color: #565656; }
.text-content form input[type='submit'].small em { font-size: 2em; color: #FFF; font-style: normal; margin-right: 0.3em; }
.text-content form label { font-family: "Myriad Pro", "myriad-pro-n4", "myriad-pro", sans-serif; font-size: 16px; font-weight: normal !important; display: block; color: #0C5FA9; line-height: 1.2; font-weight: normal; }
.wf-active .text-content form label, .lt-ie9 .text-content form label { visibility: visible; }
.text-content form h1, .text-content form h2, .text-content form h3, .text-content form h4, .text-content form h5, .text-content form h6 { margin-bottom: 0px; }
.text-content .news-post .columns2 { padding-right: 0; padding-top: 18px; }
.text-content .news-post .columns10 { position: relative; }
.text-content .news-post h2, .text-content .news-post h1 { margin: 0 0 8px; font-weight: normal; font-size: 32px; line-height: 1.1; }
.text-content .news-post h2 a, .text-content .news-post h1 a { text-decoration: none; }
.nprb .text-content .news-post h2 a, .nprb .text-content .news-post h1 a { color: #0C5FA9; }
.core-program .text-content .news-post h2 a, .core-program .text-content .news-post h1 a { color: #29B3D2; }
.integrated-ecosystem-research-program .text-content .news-post h2 a, .integrated-ecosystem-research-program .text-content .news-post h1 a { color: #0085B2; }
.long-term-monitoring-program .text-content .news-post h2 a, .long-term-monitoring-program .text-content .news-post h1 a { color: #1D8288; }
.graduate-research-award-program .text-content .news-post h2 a, .graduate-research-award-program .text-content .news-post h1 a { color: #0C8B55; }
.gulf-of-alaska-project .text-content .news-post h2 a, .gulf-of-alaska-project .text-content .news-post h1 a { color: #657BB2; }
.bering-sea-project .text-content .news-post h2 a, .bering-sea-project .text-content .news-post h1 a { color: #8A1B1B; }
.arctic-program .text-content .news-post h2 a, .arctic-program .text-content .news-post h1 a { color: #988DAC; }
.text-content .news-post p { font-size: 18px; color: #696F7A; }
.text-content .news-post .date { font-size: 17px; margin-bottom: 8px; font-weight: 100; color: #696F7A; }
.text-content .news-post .categories { font-size: 18px; font-weight: 200; margin-bottom: 8px; color: #696F7A; }
.text-content .news-post .categories a { font-size: 16px; line-height: 1; text-transform: lowercase; display: inline-block; margin-left: 5px; text-decoration: none; }
.text-content .news-post .categories a .icon { display: inline-block; width: 1em; height: 1em; fill: currentColor; position: relative; top: 3px; margin-right: 3px; }
.nprb .text-content .news-post .categories a { color: #0C5FA9; }
.core-program .text-content .news-post .categories a { color: #29B3D2; }
.integrated-ecosystem-research-program .text-content .news-post .categories a { color: #0085B2; }
.long-term-monitoring-program .text-content .news-post .categories a { color: #1D8288; }
.graduate-research-award-program .text-content .news-post .categories a { color: #0C8B55; }
.gulf-of-alaska-project .text-content .news-post .categories a { color: #657BB2; }
.bering-sea-project .text-content .news-post .categories a { color: #8A1B1B; }
.arctic-program .text-content .news-post .categories a { color: #988DAC; }
.text-content .news-post .categories a:hover { text-decoration: underline; }
.text-content .news-post .news-read-more { text-transform: lowercase; text-decoration: none; display: block; position: relative; }
.text-content .news-post .news-read-more i { display: inline-block; margin-left: 6px; font-style: normal; font-size: 20px; position: relative; top: 3px; transition: all 0.2s ease-in-out; }
.text-content .news-post .news-read-more:hover i { margin-left: 10px; }
.text-content a.surprise-me { display: block; padding: 15px 30px; background: #005DAB; color: #FFF; width: 240px; text-align: center; font-size: 20px; text-decoration: none; }
@media (max-width: 669px) { .text-content a.surprise-me { width: 100%; } }
.text-content a.surprise-me:hover { background: #FFC425; }
.text-content .news-summary img { margin: 0 0 20px 20px; float: right; }
.text-content .news-post.detail { border: 0; padding: 0; border-spacing: 0; }
.text-content .news-post.detail .news-hero { display: table; margin: 0 auto 24px; }
.text-content .news-post.detail .news-hero img { margin: 0 auto 12px; }
.text-content .news-post.detail .news-hero .photo-credit { text-align: right; line-height: 12px; font-size: 11px; }
.text-content .news-post.detail > .col { padding: 72px; }
.text-content .news-post.detail:hover { background: #FFF; }
.text-content .news-post.detail .categories { margin-bottom: 16px; }
.text-content .pagination { overflow: hidden; }
.text-content .pagination p { float: right; margin: 0; }
.text-content .pagination .pages { float: right; margin-left: 20px; }
.text-content .pagination .pages .pages-page { display: inline-block; padding: 0px 9px; margin-right: 4px; border: solid 1px #C8D1DF; border-radius: 0; background: #D8DCE1; font-size: 12px; font-weight: bold; text-decoration: none; color: #4F5257 !important; }
.text-content .pagination .pages .pages-page:hover { background: #fefefe; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0)); background: -moz-linear-gradient(0% 0% 270deg, #FEFEFE, #f0f0f0); }
.text-content .pagination .pages .pages-page.active { border: none; background: #173A70; padding: 1px 10px; color: #f0f0f0 !important; }
.text-content ul.grid { list-style: none; font-size: 0px; flex-flow: row wrap; padding: 0; }
.text-content ul.grid li { flex-grow: 0; padding: 5px !important; margin: 0 2% 2.5% 2% !important; background: #F8F8f8; border: 1px solid #BEBEBE; font-size: 16px; font-size: 1rem; vertical-align: top; /* class for 3 columns */ /* class for 3 columns */ /* class for 4 columns */ }
.text-content ul.grid li img { display: block; max-width: 100%; height: auto; margin: 0; border: 0; }
.text-content ul.grid li h3 { margin: 5px; font-size: 16px; }
.text-content ul.grid li p { font-size: 0.9em; line-height: 1.5em; margin: 0 5px 10px; }
.text-content ul.grid li p.grid-credit { font-size: 0.9em; line-height: 1.5em; color: #BEBEBE; font-style: italic; margin: 0 5px; }
.text-content ul.grid li.columns-4 { flex-basis: 22%; margin: 0 2% 4% 2% !important; }
@media (min-width: 960px) { .text-content ul.grid li.columns-4:nth-child(4n) { margin-right: 0 !important; }
  .text-content ul.grid li.columns-4:nth-child(4n+1) { margin-left: 0 !important; } }
@media (max-width: 959px) { .text-content ul.grid li.columns-4 { padding: 12px !important; flex-basis: 31.33%; margin: 0 1.5% 3.5% 1.5% !important; }
  .text-content ul.grid li.columns-4:nth-child(3n) { margin-right: 0% !important; }
  .text-content ul.grid li.columns-4:nth-child(3n+1) { margin-left: 0% !important; } }
.text-content ul.grid li.columns-3 { padding: 12px !important; flex-basis: 31.33%; margin: 0 1.5% 3.5% 1.5% !important; }
.text-content ul.grid li.columns-3:nth-child(3n) { margin-right: 0% !important; }
.text-content ul.grid li.columns-3:nth-child(3n+1) { margin-left: 0% !important; }
.text-content ul.grid li.columns-2 { padding: 20px !important; flex-basis: 48%; margin: 0 2% 4% 2% !important; }
.text-content ul.grid li.columns-2:nth-child(2n) { margin-right: 0% !important; }
.text-content ul.grid li.columns-2:nth-child(2n+1) { margin-left: 0% !important; }
@media (max-width: 669px) { .text-content ul.grid li.columns-4, .text-content ul.grid li.columns-3, .text-content ul.grid li.columns-2 { padding: 10px !important; flex-basis: 100%; margin: 0 0 24px 0 !important; } }
@media (max-width: 480px) { .text-content ul.grid li { flex-basis: 100% !important; margin: 0 0 20px; } }
.text-content ul.list-2columns { -webkit-columns: 100px 2; -moz-columns: 100px 2; columns: 100px 2; padding: 0; }
.text-content ul.list-2columns li { list-style-type: disc; list-style-position: inside; }
.text-content ul.list-3columns { -webkit-columns: 90px 3; -moz-columns: 90px 3; columns: 90px 3; padding: 0; }
.text-content ul.list-3columns li { list-style-type: disc; list-style-position: inside; }
.text-content ul.list-4columns { -webkit-columns: 70px 4; -moz-columns: 70px 4; columns: 70px 4; padding: 0; }
.text-content ul.list-4columns li { list-style-type: disc; list-style-position: inside; }
.text-content ul.list-5columns { -webkit-columns: 50px 5; -moz-columns: 50px 5; columns: 50px 5; padding: 0; }
.text-content ul.list-5columns li { list-style-type: disc; list-style-position: inside; }
.text-content #caspioform { overflow: initial; }
.text-content [data-cb-name="cbTable"]:first-child { position: static !important; }
.text-content [data-cb-name="cbNavigationTableBottom"] tr:last-child { background: #FFF; }
.text-content [data-cb-name="cbNavigationTableBottom"] tr:last-child table { width: 100%; text-align: center; }

#search-results { padding: 0; list-style: none; }
#search-results .no-results { display: none; }
#search-results li { padding-left: 20px; }
#search-results li h2 { font-weight: 600; text-transform: uppercase; font-size: 16px; margin-bottom: 10px; line-height: 1; }
#search-results li ul { list-style: none; margin-bottom: 30px; padding: 0 0 1px; }
#search-results li ul li { padding: 0; margin-bottom: 10px; }
#search-results li ul li img { float: left; margin: 0 20px 20px 0; }
#search-results li ul li h3 { font-size: 16px; margin-bottom: 0px; font-family: sans-serif; line-height: 1.2; }
#search-results li ul li h3 a { text-decoration: underline; font-weight: normal; color: #1100C1; }
#search-results li ul li h3 a:hover { text-decoration: none; }
#search-results li ul li p { font-size: 14px; line-height: 1.3; font-family: sans-serif; margin-bottom: 5px; }
#search-results li ul li span { display: block; color: #00671D; font-size: 13px; line-height: 1.2; font-family: sans-serif; margin-bottom: 5px; }

#search-results li.nprb { border-left: 5px solid #0C5FA9; }
#search-results li.nprb h2 { color: #0C5FA9; }
#search-results li.core-program { border-left: 5px solid #29B3D2; }
#search-results li.core-program h2 { color: #29B3D2; }
#search-results li.integrated-ecosystem-research-program { border-left: 5px solid #0085B2; }
#search-results li.integrated-ecosystem-research-program h2 { color: #0085B2; }
#search-results li.long-term-monitoring-program { border-left: 5px solid #1D8288; }
#search-results li.long-term-monitoring-program h2 { color: #1D8288; }
#search-results li.graduate-research-award-program { border-left: 5px solid #0C8B55; }
#search-results li.graduate-research-award-program h2 { color: #0C8B55; }
#search-results li.gulf-of-alaska-project { border-left: 5px solid #657BB2; }
#search-results li.gulf-of-alaska-project h2 { color: #657BB2; }
#search-results li.bering-sea-project { border-left: 5px solid #8A1B1B; }
#search-results li.bering-sea-project h2 { color: #8A1B1B; }
#search-results li.arctic-program { border-left: 5px solid #988DAC; }
#search-results li.arctic-program h2 { color: #988DAC; }

@media all { .featherlight { display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; text-align: center; white-space: nowrap; cursor: pointer; background: #333; background: transparent; }
  .featherlight:last-of-type { background: rgba(0, 0, 0, 0.8); }
  .featherlight:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; }
  .featherlight .featherlight-content { position: relative; text-align: left; vertical-align: middle; display: inline-block; overflow: auto; padding: 25px 25px 0; border-bottom: 25px solid transparent; min-width: 30%; margin-left: 5%; margin-right: 5%; max-height: 95%; background: #fff; cursor: auto; white-space: normal; }
  .featherlight .featherlight-inner { display: block; }
  .featherlight .featherlight-close-icon { position: absolute; z-index: 9999; top: 0; right: 0; line-height: 25px; width: 25px; cursor: pointer; text-align: center; background: #fff; background: rgba(255, 255, 255, 0.3); color: #000; }
  .featherlight .featherlight-image { width: 100%; }
  .featherlight-iframe .featherlight-content { border-bottom: 0; padding: 0; }
  .featherlight iframe { border: none; } }
@media only screen and (max-width: 1024px) { .featherlight .featherlight-content { margin-left: 10px; margin-right: 10px; max-height: 98%; padding: 10px 10px 0; border-bottom: 10px solid transparent; } }
@media all { .featherlight-next, .featherlight-previous { display: block; position: absolute; top: 25px; right: 25px; bottom: 0; left: 80%; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent; }
  .featherlight-previous { left: 25px; right: 80%; }
  .featherlight-next:hover, .featherlight-previous:hover { background: rgba(255, 255, 255, 0.25); }
  .featherlight-next span, .featherlight-previous span { display: none; position: absolute; top: 50%; left: 5%; width: 82%; text-align: center; font-size: 80px; line-height: 80px; margin-top: -40px; text-shadow: 0px 0px 5px #fff; color: #fff; font-style: normal; font-weight: normal; }
  .featherlight-next span { right: 5%; left: auto; }
  .featherlight-next:hover span, .featherlight-previous:hover span { display: inline-block; }
  .featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next { display: none; } }
@media only screen and (max-device-width: 1024px) { .featherlight-next:hover, .featherlight-previous:hover { background: none; }
  .featherlight-next span, .featherlight-previous span { display: block; } }
@media only screen and (max-width: 1024px) { .featherlight-next, .featherlight-previous { top: 10px; right: 10px; left: 85%; }
  .featherlight-previous { left: 10px; right: 85%; }
  .featherlight-next span, .featherlight-previous span { margin-top: -30px; font-size: 40px; } }
.accordion { margin: 24px 0; }
.accordion dt { color: #FFF; }
.accordion dt a { padding: 12px 18px 12px 36px; display: block; color: #FFF !important; font-weight: bold; text-decoration: none !important; text-transform: uppercase; margin-bottom: 1px; position: relative; }
.nprb .accordion dt a { background: #0C5FA9; }
.core-program .accordion dt a { background: #29B3D2; }
.integrated-ecosystem-research-program .accordion dt a { background: #0085B2; }
.long-term-monitoring-program .accordion dt a { background: #1D8288; }
.graduate-research-award-program .accordion dt a { background: #0C8B55; }
.gulf-of-alaska-project .accordion dt a { background: #657BB2; }
.bering-sea-project .accordion dt a { background: #8A1B1B; }
.arctic-program .accordion dt a { background: #988DAC; }
.accordion dt a:before { display: block; position: absolute; left: 12px; top: 50%; margin-top: -12px; content: "+"; font-size: 20px; font-weight: bold; }
.nprb .accordion dt a:hover { background: #0a5291; }
.core-program .accordion dt a:hover { background: #25a1bd; }
.integrated-ecosystem-research-program .accordion dt a:hover { background: #007299; }
.long-term-monitoring-program .accordion dt a:hover { background: #196e73; }
.graduate-research-award-program .accordion dt a:hover { background: #0a7447; }
.gulf-of-alaska-project .accordion dt a:hover { background: #556da9; }
.bering-sea-project .accordion dt a:hover { background: #751717; }
.arctic-program .accordion dt a:hover { background: #8b7ea1; }
.nprb .accordion dt.active a { background: #094479; }
.core-program .accordion dt.active a { background: #218fa7; }
.integrated-ecosystem-research-program .accordion dt.active a { background: #005f7f; }
.long-term-monitoring-program .accordion dt.active a { background: #145a5e; }
.graduate-research-award-program .accordion dt.active a { background: #085c38; }
.gulf-of-alaska-project .accordion dt.active a { background: #4c6298; }
.bering-sea-project .accordion dt.active a { background: #5f1313; }
.arctic-program .accordion dt.active a { background: #7d6f97; }
.accordion dt.active a:before { content: "-"; }
.accordion dd { display: none; padding: 18px; border-top: 0; margin: -1px 0 2px; }
.nprb .accordion dd { border: 1px solid #0C5FA9; }
.core-program .accordion dd { border: 1px solid #29B3D2; }
.integrated-ecosystem-research-program .accordion dd { border: 1px solid #0085B2; }
.long-term-monitoring-program .accordion dd { border: 1px solid #1D8288; }
.graduate-research-award-program .accordion dd { border: 1px solid #0C8B55; }
.gulf-of-alaska-project .accordion dd { border: 1px solid #657BB2; }
.bering-sea-project .accordion dd { border: 1px solid #8A1B1B; }
.arctic-program .accordion dd { border: 1px solid #988DAC; }

.circle-bullets { clear: both; border-collapse: collapse; vertical-align: middle; display: block; width: 100%; padding: 12px 0; }
@media (min-width: 670px) { .circle-bullets { display: table; margin-bottom: 24px; padding: 0; }
  .circle-bullets:last-child { margin-bottom: 0; } }
.circle-bullets .bullet { display: table-cell; vertical-align: middle; width: auto; padding: 8px 16px 8px 0 !important; }
.circle-bullets .bullet .number-icon { vertical-align: middle; margin: 0; }
.circle-bullets .text { display: table-cell; vertical-align: middle; width: 100%; }
.circle-bullets .text p { margin: 0 !important; vertical-align: middle; }
.circle-bullets.vertical { display: block; }
.circle-bullets.vertical .bullet { padding: 0; display: block; }

.number-icon { display: block; margin-bottom: 24px; width: 60px; height: 60px; position: relative; border-radius: 100%; }
.nprb .number-icon { background: #0C5FA9; }
.core-program .number-icon { background: #29B3D2; }
.integrated-ecosystem-research-program .number-icon { background: #0085B2; }
.long-term-monitoring-program .number-icon { background: #1D8288; }
.graduate-research-award-program .number-icon { background: #0C8B55; }
.gulf-of-alaska-project .number-icon { background: #657BB2; }
.bering-sea-project .number-icon { background: #8A1B1B; }
.arctic-program .number-icon { background: #988DAC; }
.number-icon i { display: inline-block; font-size: 16px; font-weight: 100; text-align: center; width: 60px; height: 60px; max-width: 100%; max-height: 100%; line-height: 60px; margin: 0 auto 5px; font-style: normal; color: #FFF; font-size: 28px; }
@media (max-width: 669px) { .number-icon { width: 50px; height: 50px; }
  .number-icon i { width: 50px; height: 50px; line-height: 50px; font-size: 19px; } }
.number-icon.small { width: 40px; height: 40px; }
.number-icon.small i { width: 40px; height: 40px; line-height: 42px; font-size: 16px; }
.circle-bullets.vertical .number-icon { width: 100%; max-width: 150px; height: auto; margin: 0 auto 24px; }
.circle-bullets.vertical .number-icon:before { content: ""; display: block; padding-top: 100%; }
.circle-bullets.vertical .number-icon .inner { position: absolute; padding: 24px; top: 0; left: 0; bottom: 0; right: 0; display: flex; flex-flow: column wrap; justify-content: center; }
.circle-bullets.vertical .number-icon i { display: block; width: auto; height: auto; max-width: none; max-height: none; line-height: 1.2; font-size: 16px; }
.circle-bullets.vertical .number-icon i:first-child { font-size: 28px; }