/* Projects */

/*!
Launched:2018-11-16

Author: Shawn Maust, Nevin McElwrath
Marketing Communications:Web

CONTENTS
-----------------------------------------
1. Common Styles
2. Screen Styles
3. Media Queries
4. Themes
5. Grid
6. Print Styles

BRANDING
-----------------------------------------
1. COLORS
   - Blue:#0c2440
   - Gold:#dcb439
   - Cream:#e7e3cf
   - Red:#802626
   - Green:#01843e
   - Orange:#c56b1d

2. FONT STACKS
   - Headings:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
   - Body:Helvetica, Arial, Verdana, sans-serif
*/

/*************************************************************************************
 * 1. Common Styles
 ************************************************************************************/

:root {
  --grid-gap:1.4rem;
  --gray:#555;
  --gray-dark:#333;
  --gray-light:#d2d2d2;
  --gray-extra-light:#f0f0f0;
  --gray-extra-extra-light:#f2f2f2;
  --anim-duration:325ms;
  --anim-duration-fast:125ms;
  --anim-duration-slow:500ms;
  --anim-ease:ease-in-out;
}

*,:after,:before {box-sizing:border-box;}

@-o-viewport { zoom:1;width:device-width;}

@viewport { zoom:1;width:device-width;}

html { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; text-size-adjust:100%; font-smoothing:antialiased; font-size:100%; overflow-y:scroll;}

body,html { height:100%; margin:0; padding:0;width:100%;}

body { background:url(images/subpage-bg.png) 0 135px no-repeat; background-size:contain; color:#333; font:1.05em/1.5em Helvetica,Arial,Verdana,sans-serif; font-weight:300;}

body.home { background-image:none; }

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display:block;}

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

[hidden],audio:not([controls]) {display:none;}

p {margin:0 0 1em;}

.align-right { text-align: right; }

.align-center { text-align: center; }

a { -webkit-tap-highlight-color:rgba(0,0,0,0);color:#06213e; outline:none;}

a:visited {color:#1a3558; }

a:hover {color:#002b5b}

a:active {color:#081b32; }

a:focus {outline:thin dotted;}

a.tapped { background-color: rgba(220,179,57,.5); }

::-moz-selection {background:#0058cf; color:#fff; text-shadow:none;}

::-moz-selection,::selection {background:#0058cf; color:#fff; text-shadow:none;}

b,strong {font-weight:700;}

em,i { color:#777;font-style:italic;}

h1,h2,h3,h4,h5,h6 { color:#06213e; font-family: GPC,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif; font-weight:600; line-height:1.2em; margin: 1.2em 0 .25em; text-rendering:optimizeLegibility; text-shadow: none; }

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: #0c2340; text-decoration:none; }

h1 a:after,h2 a:after,h3 a:after,h4 a:after,h5 a:after,h6 a:after { content: " \203a"; display: inline-block; padding-left: .3em; transition: all .25s ease; }

#events h1 a:after,#events h2 a:after { display:none; }

h1 a:hover:after,h2 a:hover:after,h3 a:hover:after,h4 a:hover:after,h5 a:hover:after,h6 a:hover:after { padding-left: .5em; }

article h2 a:after,article h3 a:after,article h4 a:after,article h5 a:after,article h6 a:after { content: ""; }

h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {color: #0c2340; }

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover { text-decoration: none; -webkit-text-decoration: none solid currentColor; text-decoration: none solid currentColor; text-decoration-thickness: normal; }

h1 { font-size:1.6em;margin-top:0; }

h2 {font-size:1.475em; }

h3 {font-size:1.35em;}

h4 {font-size:1.25em;}

h5 {font-size:1.1em;}

h6 {font-size:1em;}

.image-left+h2,.image-right+h2,h1+h2,h2+h3,h3+h4,h4+h5 {margin-top:0;}

ol,ul {margin:1em 0; padding:0 0 0 2em;}

li {margin:0 0 .25em;}

nav ul { list-style:none;}

nav li,nav ul {margin:0; padding:0;}

nav a {text-decoration:none;}

table { border-collapse:collapse; border-spacing:0; margin:2em 0;width:100%;}

tr {border-top:1px solid #aaa;}

th,thead th { background-color:#dbdbdb;text-align:left;}

tfoot th {text-align:right;}

td,th {padding:.25em;}

.number {text-align:right;}

td,td img {vertical-align:top;}

embed,iframe {width:100%;}

sup {vertical-align:super;}

sub,sup { font-size:smaller;}

sub {vertical-align:sub;}

code,kbd,pre,samp {font-family:monospace,sans-serif;}

hr { border:solid #dadada; border-width:1px 0 0;clear:both; margin:1em 0; width:100%;}

/* Icons
  <span class="icon" data-icon="nd-monogram"></span>
  https://dev.conductor.nd.edu/icons/
----------------------------------------------------*/

.icon { fill:currentColor;display:inline-block; height:1em; width:1em;}

[data-icon=nd-monogram] {fill:#0c2340;}

/* Form Elements
----------------------------------------------------*/

form {margin:0 0 1em;}

fieldset {border:none;}

label {display:block; font-size:.9em; font-weight:400;}

.implementers label,.regions label,legend { font-size:1.2em;margin:.65em 0 0;}

button,input,select,textarea { font-size:100%; margin:0 0 .5em; vertical-align:baseline; *vertical-align:middle;}

select { max-width:100%; }

button { overflow:visible;width:auto;}

button,input {line-height:normal;}

button,input[type=button],input[type=reset],input[type=submit] { -webkit-appearance:button; border:0;cursor:pointer; *overflow:visible;}

input[type=checkbox],input[type=radio] { *height:13px;padding:0; *width:13px;}

input[type=search] {-webkit-appearance:textfield;}

/*input[type="search"]::-webkit-search-decoration,*/

/*input[type="search"]::-webkit-search-cancel-button {-webkit-appearance:none;}*/

button::-moz-focus-inner,input::-moz-focus-inner {border:0; padding:0;}

textarea {overflow:auto; vertical-align:top;}

/* Quotes
----------------------------------------------------*/

blockquote {margin:1em; padding:0;}

blockquote p { color:#c56b1d; font-size:1.25em; font-weight:700; line-height:1.5em;margin:0;}

blockquote strong{ font-family:Helvetica Neue,Helvetica,Arial,Verdana,sans-serif;font-size:1.75em;}

blockquote footer { color:#666;display:block; font-family:Adobe Garamond,Garmond,Georgia,Times New Roman,Times,serif; font-size:.8em; font-style:italic; line-height:1.5em; margin-top:1em;}

blockquote.pull {float:right; font-style:normal;}

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

img { -ms-interpolation-mode:bicubic; border:none; box-sizing:content-box; height:auto;max-width:100%; vertical-align:bottom; width:auto;}

.image-default,.image-left,.image-right { font-size:.9em;margin:.35em 0 1em;}

.image-right {float:right; margin:0 0 1em 1em;}

.image-left {float:left; margin:0 1em 1em 0;}

.image-left,.image-right {max-width:46%;}

.image-center {text-align:center;}

.image-default a,.image-left a,.image-right a { border:none;display:block; text-decoration:none;}

.image-left+h2 {margin-top:0;}

.captioned img {margin-bottom:.5em;}

figure {margin:0 0 1em; max-width:100%;}

aside.right,figure.right {float:right; max-width:100%;}

aside.right p {margin-right:0;}

figure.left {float:left;}

figcaption {display:block; line-height:1.5em; text-align:left;}

figcaption blockquote { font-weight:400;width:auto;}

/* Icons
   <i aria-hidden="true" data-icon="a"></i>
   https://dev.conductor.nd.edu/icons-and-buttons/
----------------------------------------------------*/

[data-icon]:before { speak:none; color:#333; content:attr(data-icon); font-family:NDIcons; font-size:1.25rem; font-style:normal; text-transform:none;vertical-align:bottom;}

[data-icon="1"]:before { color:#002044;display:inline-block; font-size:220px; vertical-align:middle;}

/* General Classes
----------------------------------------------------*/

.noborder {border:none !important;}

.webcal {font-weight:700;}

.webcal i {font-weight:400;}

a[href$=".pdf"] { background:url(/images/icons/pdf.gif) 0 no-repeat;padding:1px 0 0 20px;}

a.pdf-image { background:none; padding:0; }

.ndmark {display:block; max-width:100%; text-decoration:none; width:200px;}

.visibility-hidden { height:1px; left:-10000px; overflow:hidden;position:absolute; top:auto; width:1px;}

.inline-buttons {margin:0; padding:0;}

.inline-buttons li {display:inline-block; margin-right:.25rem; vertical-align:top;}

.no-bullets {list-style:none;}

.cf:after,.cf:before {content:"\0020"; display:block; height:0; overflow:hidden;}

.cf:after {clear:both;}

.cf {zoom:1;}

.bars { background:url(/stylesheets/themes/ndt/2.3/images/bars-gray.png) 0 100% repeat-x;padding:0 0 30px;}

.video { display:block;position:relative; text-align:center;}

.video .play { background:url(/stylesheets/themes/ndt/2.3/images/play-btn.png) 50% no-repeat; background-size:auto 100%; height:100%; left:0; margin:0 auto;position:absolute; top:0; width:100%;}

.skip-links { clip:rect(0 0 0 0);border:0; height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}

.skip-links:active,.skip-links:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}

/* Breadcrumbs
----------------------------------------------------*/

.breadcrumbs {display:block; font-size:.8em; list-style:none; margin:0 0 1em; overflow:hidden; padding:0;}

.breadcrumbs li {display:inline; float:left; margin:0 4px 0 0;}

.breadcrumbs a {text-decoration:none;}

.breadcrumbs a:hover {text-decoration:underline;}

.breadcrumbs a:visited {color:#0c2340;}

/* Fonts
   https://dev.conductor.nd.edu/fonts/
----------------------------------------------------*/

@font-face {font-family:NDIcons;
  src:url(https://static.nd.edu/fonts/nd/nd.v2.woff2) format("woff2"),
      url(https://static.nd.edu/fonts/nd/nd.v2.woff) format("woff"),
      url(https://static.nd.edu/fonts/nd/nd.v2.ttf) format("truetype");
}

@font-face {font-family:GP; font-style:normal; font-weight:300;
  src:url(https://static.nd.edu/fonts/gp-min/gp-book.woff2) format("woff2"),
      url(https://static.nd.edu/fonts/gp-min/gp-book.woff) format("woff"),
      url(https://static.nd.edu/fonts/gp-min/gp-book.ttf) format("truetype");
}

@font-face {font-family:GP; font-style:normal; font-weight:400;
  src:url(https://static.nd.edu/fonts/gp-min/gp-medium.woff2) format("woff2"),
      url(https://static.nd.edu/fonts/gp-min/gp-medium.woff) format("woff"),
      url(https://static.nd.edu/fonts/gp-min/gp-medium.ttf) format("truetype");
}

@font-face {font-family:GPC; font-style:normal; font-weight:400;
  src:url(https://static.nd.edu/fonts/gp-min/gpc-medium.woff2) format("woff2"),
      url(https://static.nd.edu/fonts/gp-min/gpc-medium.woff) format("woff"),
      url(https://static.nd.edu/fonts/gp-min/gpc-medium.ttf) format("truetype");
}

@font-face {font-family:GPC; font-style:normal; font-weight:600;
  src:url(https://static.nd.edu/fonts/gp-min/gpc-bold.woff2) format("woff2"),
      url(https://static.nd.edu/fonts/gp-min/gpc-bold.woff) format("woff"),
      url(https://static.nd.edu/fonts/gp-min/gpc-bold.ttf) format("truetype");
}

@font-face {font-family:GP; font-style:normal; font-weight:600;
  src:url(https://static.nd.edu/fonts/gp-min/gp-bold.woff2) format("woff2"),
      url(https://static.nd.edu/fonts/gp-min/gp-bold.woff) format("woff"),
      url(https://static.nd.edu/fonts/gp-min/gp-bold.ttf) format("truetype");
}

/* NEWS & EVENTS
----------------------------------------------------*/

article {margin-bottom:2.5em;}

article header {margin:0 0 .5em;}

.events .vevent { margin-left:1em; margin-right:1em;}

.additional-links { list-style:none; margin:0 0 1em; padding:0; text-align: right; }

.additional-links li { display: inline-block; margin:0; }

.additional-links a { text-decoration:none; }

.entry-title { font-family: GP,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif; font-size:1.45em; font-weight: 600; line-height:1.25em;margin:0; padding:0; }

.entry-title a,.entry-title a:visited,.publication-record a { color:#0c2340; }

.publication-record a:visited { color:#1a3558; }

.publication-record { margin-bottom:1.75em; }

.entry-title.page-title { border:none; }

.home .author,.home .location,.home .posted-in,.home .publish-info,.home.cat { letter-spacing:1px;text-transform:uppercase;}

.author,.cat,.location,.meta span,.posted-in,.publish-info { color:#555;display:inline-block; font-family:inherit; font-size:.9em; font-weight:400; margin:0 3em 0 0;}

.author b,.location b,.posted-in,.publish-info b { font-weight:700;}

.author a {text-decoration:none;}

.author a:hover {text-decoration:underline;}

.entry-summary {margin:.3em 0 0;}

.description {margin:1em 0;}

.posted-in {display:none;}

.event .posted-in,.news-hentry .posted-in {display:block;}

/* Events */

.events-date-header { color:#979587; font-family:Museo,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif; font-size:1.25em; font-weight:300;margin:0 0 .25em; padding:0;}

.events .date-string,.home .events-date-header {display:none;}

/* SEARCH
--------------------------------------------------*/

.search-count,.search-time {font-family:inherit;}

.search-count { font-size:1.4em;margin:0;}

.search-query i {font-style:normal; font-weight:700;}

.search-time { color:#666; font-size:1.2em;margin:0 0 1em;}

.search-results { list-style:none;margin:1em 0; padding:0;}

.search-results li {margin:0;}

.search-record header {margin:0 0 .5em;}

.search-result-title {font-family:Museo,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif; font-size:1.4em;}

.search-result-title b {font-weight:500;}

.search-result-url { font-family:inherit;font-size:.9em; word-break:break-all;}

.search-result-url a {color:#c56b1d; font-weight:700;}

.search-result-excerpt { line-height:1.3em;margin:0 0 .5em;}

.search-result-excerpt br {display:none;}

.search-result-meta {color:#999; font-size:.9em;}

/* Animations
----------------------------------------------------*/

@-webkit-keyframes iconfade {
  0% { opacity:0; transform:scale(.2);}
  50% { opacity:1; transform:scale(1.2);}
  to { transform:scale(1); }
}

@keyframes iconfade {
  0% { opacity:0; transform:scale(.2);}
  50% { opacity:1; transform:scale(1.2);}
  to { transform:scale(1); }
}

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object { border:0; margin:0; outline:none; padding:0; vertical-align:top; }

.fancybox-wrap { left:0; position:absolute; top:0; z-index:8020; }

.fancybox-skin { background:#f9f9f9; border-radius:4px; color:#444; position:relative; text-shadow:none; }

.fancybox-opened { z-index:8030; }

.fancybox-opened .fancybox-skin { box-shadow:0 10px 25px rgba(0,0,0,.5); }

.fancybox-inner,.fancybox-outer { position:relative; }

.fancybox-inner { overflow:hidden; }

.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling:touch; }

.fancybox-error { color:#444; font:14px/20px Helvetica Neue,Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap; }

.fancybox-iframe,.fancybox-image { display:block; height:100%; width:100%; }

.fancybox-image { max-height:100%; max-width:100%; }

#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span { background-image:url(fancybox_sprite.png); }

#fancybox-loading { background-position:0 -108px; cursor:pointer; left:50%; margin-left:-22px; margin-top:-22px; opacity:.8; position:fixed; top:50%; z-index:8060; }

#fancybox-loading div { background:url(fancybox_loading.gif) 50% no-repeat; height:44px; width:44px; }

.fancybox-close { height:36px; right:-18px; top:-18px; width:36px; }

.fancybox-close,.fancybox-nav { cursor:pointer; position:absolute; z-index:8040; }

.fancybox-nav {-webkit-tap-highlight-color:rgba(0,0,0,0); background:transparent url(blank.gif); /* helps IE */ height:100%; text-decoration:none; top:0; width:40%; }

.fancybox-prev { left:0; }

.fancybox-next { right:0; }

.fancybox-nav span { cursor:pointer; height:34px; margin-top:-18px; position:absolute; top:50%; visibility:hidden; width:36px; z-index:8040; }

.fancybox-prev span { background-position:0 -36px; left:10px; }

.fancybox-next span { background-position:0 -72px; right:10px; }

.fancybox-nav:hover span { visibility:visible; }

.fancybox-tmp { left:-99999px; max-height:99999px; max-width:99999px; overflow:visible !important; position:absolute; top:-99999px; visibility:hidden; }

/* Overlay helper */

.fancybox-lock { width:auto; }

.fancybox-lock,.fancybox-lock body { overflow:hidden !important; }

.fancybox-lock-test { overflow-y:hidden !important; }

.fancybox-overlay { background:url(fancybox_overlay.png); display:none; left:0; overflow:hidden; position:absolute; top:0; z-index:8010; }

.fancybox-overlay-fixed { bottom:0; position:fixed; right:0; }

.fancybox-lock .fancybox-overlay { overflow:auto; overflow-y:scroll; }

/* Title helper */

.fancybox-title { font:normal 13px/20px Helvetica Neue,Helvetica,Arial,sans-serif; position:relative; text-shadow:none; visibility:hidden; z-index:8050; }

.fancybox-opened .fancybox-title { visibility:visible; }

.fancybox-title-float-wrap { bottom:0; margin-bottom:-35px; position:absolute; right:50%; text-align:center; z-index:8050; }

.fancybox-title-float-wrap .child { background:transparent; /* Fallback for web browsers that doesn't support RGBa */ background:rgba(0,0,0,.8); border-radius:15px; color:#fff; display:inline-block; font-weight:700; line-height:24px; margin-right:-100%; padding:2px 20px; text-shadow:0 1px 2px #222; white-space:nowrap; }

.fancybox-title-outside-wrap { color:#fff; margin-top:10px; position:relative; }

.fancybox-title-inside-wrap { padding-top:10px; }

.fancybox-title-over-wrap { background:#000; background:rgba(0,0,0,.8); bottom:0; color:#fff; left:0; padding:10px; position:absolute; }

/* Fellows grid */

.olPopupContent{font-size:.9em;}

.support .image-left img { background:#fff;padding:.25em;}

.grid {position:relative; text-align:center;}

.flw-img,.grid img {border:5px solid #fff; box-shadow:0 0 1px #000;}

.fellow {display:inline-block; margin:0 5% 3% 0; text-align:left; vertical-align:top; width:44%;}

.flw-img {margin:.5em; width:90%;}

.fellow .meta,.fellows .meta {display:none; padding:1em; text-align:center;}

.fellow a {display:block;}

.flw-info h2 { font-family:Helvetica,Arial,Verdana,sans-serif; font-weight:700;margin:.2em 0;}

.flw-country { color:#555; font-size:1.3em; font-weight:300; margin:0 0 1em; }

.fellow-lb .fancybox-skin { border-radius:0; }

.course-list { list-style:none; padding:0; }

.course-list li { margin-bottom:2rem;  }

.course-list img { margin-bottom:1rem;  }

.course-list h3 { margin-top:0; }

/*************************************************************************************
 * 2. Screen Styles
 ************************************************************************************/

@media projection,screen {
  p {max-width:64em;}
  .full-width p { max-width:100%; }

  .image-default img,.image-left img,.image-right img { border:none; }
  .tablewrap { margin:0 auto; overflow-y:auto; position:relative; }

  /* Buttons
  ----------------------------------------------------*/
  .btn,.excerpt_continuation,.more { background:#23509a; border-radius:5px; color:#fff; cursor:pointer; display:inline-block; font-family: GP,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif; font-size: 1em; font-weight:300; line-height:1.2em; margin:.25em 0; *margin-left:.3em; padding:.8em 1.3em; text-align: center; text-decoration:none; transform: scale(1); transition:all .25s ease-in-out; vertical-align:middle; white-space:normal; }

  .btn:visited {color:#fff;}
  .btn.active:hover,.btn:hover { background-color: #2f6cd1;color:#fff; transform: scale(1.03); }
  .btn [data-icon]:before { color:#fff; font-size:1.25em;padding-right:.15em; }
  .btn:hover [data-icon]:before {color: #fff; }

  .btn.btn-alt {background:#143865;}
    .btn.btn-alt:hover{background:#1d4f8f;}

  .btn.btn-alt2 {background:#f7961d;}
   .btn.btn-alt2:hover {background:#ff8e00;}

  .excerpt_continuation,.more { background:none;clear:both; color: #0c2340; float:none; font-family:GP,Helvetica,Arial,Verdana,sans-serif; font-size:1em; line-height:1.2em; margin:0; padding: .8em 1.3em; }
    .more:visited {color:#1a3558; }
    .more:hover{ background:#d4dfec; color:#0c2340;}
    .more.right {display:block; text-align:right;}
    .more:after { color:#0c2340; content: " \203a"; font-family:Helvetica Neue,Helvetica,Arial,Verdana,sans-serif; transition:all .25s ease-in-out;}
    .more:hover:after { padding:0 0 0 .25em; }
    
    .btn-more { padding-right:1.2em; }
    .btn-more:after { background:url(images/chevron-gold.svg) 50% 50% / .45em no-repeat; content:"\2060"; display:inline; margin-left:.15em; padding:.5625em .5em; transform:translateX(0); transition:all 125ms ease-in-out; transition:all var(--anim-duration-fast) var(--anim-ease); vertical-align:text-bottom;}
    .btn-more:hover:after { transform:translateX(.25em); }

  .btn-light { background-color:#d7e0ef; }
    .btn-light,.btn-light:visited { color:#06213e; }
    .btn-light:hover { background-color:#bcc4d1; color:#06213e; }

  .btn-inline { background-color:transparent; color: #06213e;}
    .btn-inline.btn-light:hover { background-color:#bfe0cf; }
    .btn-inline.btn-light:active { background-color:#bfd6ca; color:#555; }

  .heading-action { align-items:center; clear:both; display:flex; flex-flow:row wrap; margin-bottom:.5rem; }
    .heading-action .section-title { margin-right:1rem;  }
    .heading-action>:first-child { flex-grow:1; }
    .heading-action>:last-child { align-self:last baseline; margin-bottom:0; margin-top:0;}

  .list-heading { font-size: 2.2em; margin-bottom: .7em; }

  .all {margin:1em; text-decoration:none;}
    .all,.all a { color:#fff;}
  .all-news {margin:1em 0; text-decoration:none;}
   .all-news.plain-link,.all.plain-link {padding-right:2em;}
   .all-news.plain-link:hover,.all.plain-link:hover {text-decoration:underline;}

  .social {margin:0 .125em; text-decoration:none;}
  .social [data-icon]:before {font-size:1.9rem;}
    footer .social [data-icon]:before { font-size:1.5em; }
  .social.tw [data-icon]:before {color:#55acee;}
  .social.fb [data-icon]:before {color:#3b5998;}
  .social.yt [data-icon]:before {color:#b31217;}
  .social.li [data-icon]:before {color:#0077b5;}
  .social.issuu { background:url(images/icon-issuu.png) 50% 50% no-repeat; background-size:contain; height:1.6rem; }
  .social.instagram,.social.issuu { display:block; margin-bottom:.3rem; text-indent:-999em; width:1.7rem; }
  .social.instagram { background:url(images/icon-instagram.png) 50% 50% no-repeat; background-size:contain; height:1.7rem; }

    footer .social.issuu { height:20px; margin-bottom:2px; width:25px;}
    footer .social.instagram { height:22px; margin-bottom:3px; width:22px; }

  /* Structure
  ----------------------------------------------------*/
  html {background:url(images/bg.jpg) 0 0 repeat;}
  .home .site-content{padding:0;}
  .site-content { min-height:60vh; padding-bottom:1em;padding-top:1em;}
  .beta {margin:1em 0; padding:0;}

  .aside,.main {text-shadow:0 1px 0 #fff;}
  .aside {margin-top:1em;}
    .aside h2 { background:url(/stylesheets/themes/ndt/2.3/images/border-double.png) 0 100% repeat-x; font-size:1.4em;margin:0 0 .75em; padding:0 0 .5em;}
    .aside img {margin-bottom:1em;}
    .aside ul { list-style:none;padding:0 0 0 1em;}
    .aside li a { font-size:.9em; font-weight:700;text-decoration:none;}
      .aside li a:hover {text-decoration:underline;}
    .aside .entry-title {font-size:1.2em;}
    .aside article footer {display:none;}

  .page-title { border-bottom:3px solid #f7961d; font-family: GP,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif; font-weight: 600; margin:0 0 .55em; padding:0; text-shadow: none; }

  .pagination { margin-top: 2em; }
    .pagination a,.pagination span { color: #0c2340; padding: .3em .5em; }
    .pagination a { border-radius: .2em; text-decoration: none; transition: all .25s ease; }
    .pagination a:hover { background: #0c2340; color: #fff; }
    .pagination .disabled { color: #555; }

  /* Header
  ----------------------------------------------------*/
  .site-header {text-align:center;}
  .brandbar,.titlebar {overflow:hidden;}
    .dept { border-top:1px solid #000; box-shadow:inset 0 1px rgba(0,122,217,.4);display:none;}
    .brandbar li {margin:0 -.9375em; padding:0;}
    .brandbar a { background-repeat:no-repeat;display:block; height:50px;  margin:0 auto; overflow:hidden; text-decoration:none; text-indent:-9999px;}
    .dept-nd img {display:none;}
      .dept-nd a {background-position:left 0;}
      .dept a {background-position:right 0;}

  .titlebar { padding:.75em 0;position:relative;}
    .site-title {clear:both; font-family:GPC,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif; font-size:1.5em; font-weight:400; line-height:1.1em; margin:0; padding:1rem 0; text-align:left; text-shadow:0 1px hsla(0,0%,100%,.7); text-transform:uppercase; width:80%;}
    .site-title a { background:url(/stylesheets/images/logo-pulte.svg) 0 50% no-repeat; background-size:contain; border:none; color:#002b5b;display:block; height:65px; max-width:100%; text-decoration:none; text-indent:-999em; width:300px;}
      .site-title a:visited {color:#002b5b;}
      .site-title a:hover {text-decoration:none;}

       .sublined.border { border-left:5px solid #b79144;padding-left:.75em;}
       .sublined .site-title { line-height:1.15em;margin:0;}
       .subline {clear:left; color:#b79144; font-family:GPC,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif; font-size:1.15em; font-weight:400; margin:0 0 .1em; text-align:left; text-transform:uppercase;}

  .header-util { margin:0 auto; padding:0 1em;position:relative; text-align:center;}
    .search-form { background-color:#fff; border:1px solid #000; border-radius:3px; box-shadow:inset 0 1px 2px rgba(0,0,0,.3),0 1px hsla(0,0%,100%,.45);display:none; line-height:1.1em; margin:0 auto .5em; overflow:hidden; padding:5px; width:91%;}
    .search-form label { clip:rect(0 0 0 0);border:0; height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
    .search-input { -webkit-appearance:textfield; background:transparent; color:#444; font-family:inherit; font-size:1.2em; height:1.7em; vertical-align:middle; width:86%;}

    .search-button,.search-input { border:none;display:inline-block; margin:0; padding:0;}

    .search-button { background:none; cursor:pointer; float:right; height:2em; overflow:hidden; position:relative; text-indent:-9999px; width:2em;}
      .lt-ie9 .search-button {background:url(/images/icons/searchmag.png) 50% no-repeat;}
    .search-button:before { color:#444;content:attr(data-icon); display:block; font-family:NDIcons; font-size:1.6em; left:.1em; line-height:1.3em; position:absolute; text-indent:0; text-shadow:0 1px #eee; top:0;}
      .lt-ie9 .search-button:before {content:"";}
    .search-button:hover:before { color:#d2a00d; }
    .search-button:active:before {text-shadow:0 -1px hsla(0,0%,100%,.6);}
    .header-util {display:none;}

  .header-util nav ul { line-height:1em;margin:.4em 0 0; text-align:center;}
  .header-util nav li {display:inline-block; width:32%;}
  .header-util nav a { border:1px solid #562e07; color:#002b5b;display:block; font-family:HelveticaNeue,Helvetica,Arial,sans-serif; font-weight:700; padding:.625em; text-decoration:none; text-shadow:0 1px hsla(0,0%,100%,.9);}

  /* Offscreen Nav
  ----------------------------------------------------*/
  .nav-mobile {
    -webkit-overflow-scrolling:touch; background-color:#0c2340; border-left:1px solid rgba(0,0,0,.3); bottom:0;
    box-shadow:inset 0 0 8px 0 rgba(0,0,0,.25); height:100%;overflow:auto; padding:1em; position:fixed; right:-13.755em; top:0;
    transform:translate(0);
    transition:.15s ease; width:13.755em;
 }
  .nav-mobile.active {transform:translate(-13.755em);}
    .nav-mobile .search-form { background-color:#fff; border:1px solid #888; border-radius:3px;display:block; font-size:.75em; line-height:1.1em; margin:0 auto 1.5em; padding:1px 1px 1px 4px;}
    .nav-mobile .search-input {width:85%;}
  .wrapper {transform:translate(0); transition:.15s ease;}
  .wrapper.active {transform:translate(-13.755em);}
  .nav-mobile .nav-site{ background:none; border:none;padding:0;}
  .nav-skip { background:#fff; border:none; border-radius:5px; display:block; font-size:1.3em; height:2em; line-height:1.9em; padding:.5em 0;position:absolute; right:.3em; text-align:center; text-decoration:none; text-indent:2.1875em; top:2.1rem; width:2em;}
    .nav-skip span { margin:0 auto;position:relative; top:.4em; transition-delay:.2s; transition-duration:0s;}
    .nav-skip span:after,.nav-skip span:before { content:"";position:absolute;}
    .nav-skip span,.nav-skip span:after,.nav-skip span:before { background-color:#002b5b; display:block; height:3px;
      transition-delay:.2s, 0;
      transition-duration:.2s;
      transition-property:top, transform;width:1.3em;
   }
    .nav-skip span:before {top:-.45em;}
    .nav-skip span:after {top:.45em;}

    .nav-skip.toggled span {background-color:transparent; transition-delay:.2s;}
    .nav-skip.toggled span:after,.nav-skip.toggled span:before {top:0; transition-delay:0, .2s;}
    .nav-skip.toggled span:before {transform:rotate(45deg);}
    .nav-skip.toggled span:after {transform:rotate(-45deg);}

  /* Top Nav
  ----------------------------------------------------*/
  .nav-top { background:transparent; background:#fff; border-top:0; bottom:0; box-shadow:none;display:none; position:relative; width:100%; z-index:10;}
  .nav-top li {display:inline-block; vertical-align:top; }
  .nav-top li a { color: #333;display:table-cell; font-family: GP,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif; font-size: 1.1rem; font-weight: 400; padding: .75em .7em; text-align:center; text-shadow:none; transition:all .25s ease-in-out; vertical-align:middle; }
  .nav-top li.active a { background:#f2f2f2; }
  .nav-top li a:hover { color:#295bad; text-shadow:none; }

  /* General Nav
  ----------------------------------------------------*/
  .nav-site { background: #0c2340; border: none; padding: .75em 1.25em; }
  .nav-site ul { padding:0; }
    .nav-site ul li { margin:.5em 0; }
    .nav-site ul a { border-bottom: 2px solid transparent; color:#fff; display:block; font-family: GP,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif; font-size:1.1em; font-weight:400; line-height:1.2em; padding:.2em 0 .2em 1em; text-indent:-1em; text-transform:none; transition: all .25s ease; }
    .nav-site ul a:hover,.nav-site ul>.active>a {border-bottom: 2px solid #d39f10; color:#fff; }
  .nav-site ul ul { padding:0; }
    .nav-site ul ul a { border:none; color:#fff; font-family:inherit; font-size:1em; font-weight: 400; padding:0 0 0 32px; text-indent:-.8em; }
    .nav-site ul ul li {margin:.5em 0;}
    .nav-site ul ul a:hover { border:none;color:#d39f10;}
    .nav-site ul ul>.active>a { border:none;color:#fff; font-weight:600;}
    .nav-site li.last{margin-bottom:0;}
  .nav-site ul ul ul { font-size:.9em;margin-left:1em; padding:0;}
    .nav-site ul ul ul a:hover {background:none;}
    .nav-site ul ul ul .active>a {color:#fff; font-weight:700;}
    .nav-site ul ul ul .active>.current-last {color:#d39f10;}
  .nav-site ul ul ul ul {margin-left:1.5em;}
    .nav-site ul ul ul ul a {padding:0 0 0 1.5em;}
  .nav-site ul ul ul ul ul {margin-left:1.5em;}

  .nav-section {display:none;}

  /* Home
  ----------------------------------------------------*/
  .home-feature { background:#323232 url(images/bg-skyline-800.jpg) 50% 50% no-repeat; background-size:cover; border-bottom:8px solid #f7961d; margin:0;min-height:200px; padding:3em 0 1em; text-align:left;}
  .home-primary {margin:0 auto 2em;}
    .home-primary .image-default,.home-primary .image-left,.home-primary .image-right {float:none; margin:0 0 1em; max-width:none;}
    .home .entry-title { border:none; font-family:inherit; font-size:1.6em;padding:0;}

  .home-intro { background:url(images/bg-globe-blue-800.png) 50% 50% no-repeat; background-size:cover;padding:1rem 0 2rem;}
    .home-secondary .columns>h2 a {color:#002b5b;}
    .home-secondary .hentry,.news .hentry { background:#fff; box-shadow:0 0 2px rgba(0,0,0,.3);margin:0 2px 1rem; padding:1rem;}

    .home-feature .row .column {width:100%;}
    .elevator { color:#fff;display:none; font-family:GPC,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif; font-size:1rem; margin:.5em auto; max-width:none; text-align:center;}
      .elevator span { background:#01843e;padding:.25em .45em;}

  .end-quote { background:#999 url(images/bg-campus-800.jpg) 50% 50% no-repeat; background-size:cover; color:#0c2440; font-size:1.25rem;max-width:100%; padding:2em; }
    .end-quote p { font-size:1.6rem; line-height: 1.5;margin:0 auto; text-align:center; }
    .end-quote span { display:block; font-size:1rem; font-weight:700; line-height:1.1em; margin:.25rem 0; text-transform:uppercase;}
    .end-quote cite { display:block; font-style:normal; margin-top: 1.2em; text-align:right; }

  .who-we-are { background:hsla(0,0%,100%,.9) url(/stylesheets/images/logo-pulte-mark.svg) center 1rem no-repeat; background-size:130px auto; border-radius:.5rem; box-shadow:0 0 12rem rgba(0,0,0,.5); margin:0 0 2.5em;overflow:hidden; padding:180px 1rem 1rem; }
  .who-we-are h2 { margin:0 0 .25em; }
  .who-we-are .btn { float:right; }

  .home-section.end-quote.row {margin-top:1.15em;}
  .highlights {position:relative;}
  .highlights .division { color:#979587; font-size:1em; letter-spacing:1px; margin:.5em 0 0; text-transform:uppercase; }
  .highlights h2 { margin-bottom:.5em; }
  .highlights h3 { font-family:GP,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif; font-weight: 600; margin-top:.25em; }
  .highlights a,.highlights a:visited { color:#01843e; text-decoration: none; }
  .highlights .image a { display:block; }

    .highlight-item,.highlights .highlight-item { background:#fff; border-radius:.25rem; box-shadow: 0 0 0 rgba(0,0,0,.1); display:block;margin-bottom:1rem; overflow:hidden; padding:0; transform: scale(1); transition: all .25s ease; }
    .highlight-item:hover { box-shadow: 0 0 1em rgba(0,0,0,.4); transform: scale(1.03); }
    .highlight-item img { margin-top:-1px;width:100%;}
    .highlight-content { padding:1rem; }

  .information-for {margin:1.25em 0 0;}
  .information-for h2 { color:#07274a; font-size:1.67em; margin-top:.25em;}
  .information-for ul,.social-media ul { list-style:none; margin:0; padding:0; }
    .side-col .social-media li { display: inline-block; white-space: nowrap; }
    .side-col .social-media li:first-child:last-child { width: 100%; }
    .side-col .social-media li:first-child:nth-last-child(2),.side-col .social-media li:first-child:nth-last-child(2)~li { width: calc(50% - .25em); }
    .side-col .social-media li:first-child:nth-last-child(3),.side-col .social-media li:first-child:nth-last-child(3)~li { width: calc(33.3333% - .25em); }
    .side-col .social-media li:first-child:nth-last-child(4),.side-col .social-media li:first-child:nth-last-child(4)~li { width: calc(25% - .25em); }
    .side-col .social-media li:first-child:nth-last-child(5),.side-col .social-media li:first-child:nth-last-child(5)~li { width: calc(20% - .25em); }
    .side-col .social-media li:first-child:nth-last-child(6),.side-col .social-media li:first-child:nth-last-child(6)~li { width: calc(16.66667% - .25em); }


  .signup {margin:0 0 2em;}
  .signup .btn {width:100%;}

  .social-media { margin:2em 0 .25em; }
  .social-media li { display:inline-block; vertical-align:middle; }

  .side-col { border-top:2px solid #dfdbca;margin:2em 0;}

  /* News
  ----------------------------------------------------*/
  .home .image,.news .image { display:none; }

  /* Custom Pages
  ----------------------------------------------------*/
  .wrapper { overflow-x:hidden; }
  .row.full-width { margin-left:calc(-50vw + 50%); margin-right:calc(-50vw + 50%);width:100vw;}

  .about .secondary p { max-width:100%;}

    .what-we-do { background:url(images/bg-mark_on_blue.png) 50% no-repeat; background-size:cover;color:#fff;}
    .what-we-do .row-container {padding:2rem 0;}
    .what-we-do .col { border-left:3px solid #f7961d; margin-bottom: 2em; padding: 0 1.5em; }
    .what-we-do h2,.what-we-do h3 {color:#fff;}
    .what-we-do h3 { font-family: GP,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif; margin-top:.25rem; }

    .what-we-do .btn { background: #fff; color: #0c2340; min-width: 250px; }
      .what-we-do .btn:hover { background: #e2e2e2; }

    .project h3,.research-publications h3{ font-family:Helvetica,Arial,Verdana,sans-serif; margin-top:.25em;}
    .implementer { display:block; }
    .publication-record .author,.publication-record .publisher,.publication-record .themes { display:block; font-weight:700; line-height:1.3; }
    .publication-record .author { font-size:1rem;}
    .publication-record .meta { margin-bottom:1rem; }

    #world_map { height:100%; width:100%; }

    .people-list .person { background:#fff; border:1px solid #e7e3cf; display: block; float:none; margin-bottom: 2em; padding:.4em; text-decoration: none; transform: scale(1); /*box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);*/ transition: all .25s ease; vertical-align:top; }
      .people-list .person:hover { transform: scale(1.03); /*box-shadow: 0 0 1em rgba(0, 0, 0, 0.3);*/}
    .people-list .person h3 { font-size: 1.6em; margin-top: .5em; }
    .person .person-info { padding: 0 1em; }
    .two-col .person { display: block; float:none; vertical-align:top; }
    .person h2 { font-size:1.35em; }
    .person .image { overflow: hidden; }
    .person .image img { max-width: none; width: 100%; }
    .person .person-image { margin-bottom:1em; width:100%;  }

    .person-copy details { word-wrap:break-word; width:100%; }
      .person-copy summary { color:#06213e;  font-size:1.1em; font-weight:700; margin-bottom:1rem; 
     /* border:1px solid #888; padding:0.5rem 1rem; background:rgba(255,255,255,0.8); */
      }
      .person-copy summary:hover { cursor: pointer;}
      .person-copy summary::-webkit-details-marker { display:none; }
      .person-copy summary:before { content:"[\002B] "; font-size:.9em; font-weight:400; position:relative; top:.1em; vertical-align:text-bottom; }
      .person-copy [open] summary:before { content:"[\2212] "; }

    #publication-search {margin:1em 0 0;}

    .feature-image { margin:0 0 2em; overflow:hidden; text-align:left;}
      .feature-image.wide { background-position:50% 50%; background-size:cover; border:none; margin:0; padding:0 0 33%;}

      .feature-image p { color:#555; font-size:.9em; font-style:italic; line-height:1.45em; margin:0;padding-bottom:.35em; }
      .feature-image img{margin:0 0 .3em; /* border:1px solid #807e73; */ width:100%;}

    /* Projects */

    .projects .divisions span { border-radius:1em; display:inline-block; height:.75em; margin:.25em .25em 0 0; text-indent:-999em; width:.75em;}

    .projects a h3 { color: #0c2340; }

    .projects .project a { background: #fff; display: inline-block; margin-bottom:1em; text-decoration: none; transform: scale(1); transition: all .25s ease; }
      .projects .project a img { opacity: .75; transition: all .25s ease; }
      .projects .project a:hover { transform: scale(1.03); }
      .projects .project a:hover img { opacity: 1; }
      .projects .project .divisions { margin:-1.5em 0 0 .25em; }
      .projects .project .project-details { padding: .5em 1.2em; }
      .projects .project { display:block; }

    .projects .legend { text-align:center; }
    .projects .legend li { display:inline-block; list-style:none; margin:0 1em; }

    .projects .impact-evaluation span,.projects .project .impact-evaluation { background:#01843e; }

    .projects .capacity-building span,.projects .project .capacity-building  { background:#802626; }
    .projects .innovative-technology span,.projects .project .innovative-technology  { background:#c56b1d; }

    .all-news.plain-link:after,.all.plain-link:after { color:#07274a;content:" →"; font-family:Helvetica Neue,Helvetica,Arial,Verdana,sans-serif; transition:all .25s ease-in-out;}
  .all-news.plain-link:hover:after,.all.plain-link:hover:after{ color:#07274a;content:" →";}

  .home .all-news.plain-link:after { content:"  →"; }

  .focus-areas ul { list-style:none; padding:0; text-align:center;}
  .focus-areas li { display:inline-block; margin:1em 0 0; padding:0 1em; vertical-align:top; width:48%; }
  .focus-areas .animate.show { -webkit-animation:iconfade 1s ease-in-out both; animation:iconfade 1s ease-in-out both; margin:0;}
  .focus-areas img { border:none;width:30%;}

  .news-right-col { border-left:1px solid #ccc;padding-left:1.35em;}

  .title {font-size:1.4em; }

  body.projects {background:none;}

  .archive ul {padding:0;}
  .archive li {display:inline-block;}
  .archive li:after { color:#888;content:" /"; padding:0 .1em;}
  .archive li:last-child:after {content:"";}

  .two-column {margin:0 0 1em; padding:0;}
  .two-column li {list-style-type:none;}

  /* Programs and Projects */
  .featured-programs img {width:100%;}
  .featured-programs img+h2 {margin-top:.75rem;}

  /* Footer
  ----------------------------------------------------*/
  .footer-wrap {background:#fff;}
  .site-footer { clear:both; overflow:hidden; text-align:center;}
    .footer-inner,.site-footer { margin:0 auto;position:relative;}
    .footer-inner { padding:1em 0;}
    .site-footer p { font-size:.875em;margin:0;}
  .site-info {margin:1em 0;}
  .site-info li {display:inline-block; margin:0 2%;}
  .site-info a {text-decoration:underline;}
  .country-name,.geo { clip:rect(0 0 0 0);border:0; height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
  .address { margin:0;}
  .address,.org,.site-link,.tel {display:block;}
  .ndmark { margin:2em auto;width:200px;}
  .site-footer .social-media~li { width: auto; }

}

/*************************************************************************************
 * 3. Media Queries
 ************************************************************************************/

/* 480px
----------------------------------------------------*/

/* 580px
----------------------------------------------------*/

@media only screen and (min-width:36.250em) {
  .image-left,.image-right {max-width:none;}
  .dept {display:block; }
  .entry-title {font-size:1.6em;}

}

/* 700px
----------------------------------------------------*/

@media only screen and (min-width:43.75em) {
h1 {font-size:1.9em;}
h2 {font-size:1.75em;}
h3 {font-size:1.55em;}
h4 {font-size:1.4em;}
h5 {font-size:1.2em;}
h6 {font-size:1em;}

.list-heading { font-size: 2.8em; }

  blockquote {margin:2em;}
  blockquote.pull {float:right; width:30%;}

  .two-column li{ display:inline-block;width:45%;}

  .other-projects ul{-moz-column-count:2;column-count:2; -moz-column-gap:2em; column-gap:2em;}
  .other-projects li {list-style-position:inside;}

  .image-left img,.image-right img {max-width:auto;}
  .tablewrap {background:none;}
  .nav-top {display:block; margin:.5em 0 0;}
    .nav-top li{font-size:.95em;}

  .btn,.excerpt_continuation,.more {font-size:1em;}

  .focus-areas li {width:24%;}
  .focus-areas img {width:40%;}

  .side-col { border-left:3px solid #f7961d; border-top:0;margin:0; padding:0 2em;}
  .left-side-col {padding-right:2em;}


  /* Structure
  ----------------------------------------------------*/
  .wrapper {display:flex; flex-direction:column; min-height:100%;}
  .home .site-content{padding:0;}
  .site-content {flex-grow:1; padding-bottom:2em; padding-top:2em;}
    .nav-top-true.home .alpha {display:block; left:0; margin:0; width:auto;}
  .beta { border:none; box-shadow:none;margin:0;}
    .full-width .alpha { left:auto; margin:0;width:100%;}
    .full-width .beta {display:none;}

  /* Header
  ----------------------------------------------------*/
  .site-header {text-align:left;}
  .brandbar,.titlebar {padding:0;}
    .brandbar li {margin:0 -2em;}
    .titlebar.subhead {padding:.7em 1em;}

  .titlebar .col {display:flex;}
  .site-title { font-size:1.875em; margin:0; padding:1rem 0;width:50%;}
    .site-title a { height:75px; line-height:1em;padding:.65em 0 .75em; width:360px; }
  .search-input {float:left; font-size:.8em; width: calc(100% - 2em); }

  a.nav-skip {display:none;}

  .header-util { display:block; margin:0; padding:0; text-align:right; top:2.2em;width:50%;}
    .subhead .header-util {top:1.9em;}
    .search-form {display:block; float:right; margin:0; width:300px;}
    .header-util nav {display:block; margin:3px 0;}
    .header-util nav ul {margin:0;}
    .header-util nav li { display:block; text-align:right;width:auto;}
    .header-util nav a {font-size:.825em; font-weight:400;}
    .header-util nav a,.header-util nav a:hover { background:none; border:0; box-shadow:inset 0 0 hsla(0,0%,100%,0),0 0 transparent;display:inline; padding:0;}
    .header-util nav a:hover {color:#002b5b; text-decoration:underline; text-shadow:0 1px hsla(0,0%,100%,.9);}
    .header-util .search-toggle {display:none;}
    .search-button { height:23px;width:23px;}
      .search-button:before { font-size:18px; left:2px;top:0;}

    .search-input::-moz-placeholder { color: #fff; }

    .search-input::placeholder { color: #fff; }

  /* Home
  ----------------------------------------------------*/
  .home-feature {padding:7em 0;}
    .elevator { font-size:2em; margin:.45em auto 0;top:4.85em;}

    .who-we-are { background-position: 1.5rem; margin:-4rem auto 4rem; max-width:70%; padding:1rem 1rem 1rem 180px;z-index:5;}

  .home-primary {margin:0 0 2em;}
    .home-primary .image-right { float:right; margin:0 0 1em 1em;max-width:40%;}
    .home-primary .image-left { float:left; margin:0 1em 1em 0;max-width:40%;}
    .home-secondary { background:#fff url(images/bg-globe-white-800.jpg) top no-repeat; background-size:100% auto; padding-bottom:2rem;padding-top:2rem;}
      .home-secondary .row {display:flex;}
      .home-secondary .col>h2 {margin:0 0 .75em;}
      .home-secondary .col:first-child { margin-right:2rem;width:70%;}
      .home-secondary .col:last-child {width:30%;}

   .information-for{margin:0;}

    .who-we-are {padding-top:2em}

  /* Navigation
  ----------------------------------------------------*/
  .nav-top-true .nav-section,.nav-top-true .nav-top {display:block;}
  .nav-top-true .nav-full,.nav-top-true.home .beta {display:none;}

  /* About */
  .focus-areas .columns.small-6{margin:.25em 0;}

  .about .row.focus-areas,.about .row.secondary,.about .row.what-we-do { left:-50%;position:relative; width:150%;}

  /* Projects */
  .projects .project { display:inline-block; float:none; margin-right:-.25em; vertical-align:top; }
  #partnerships li { width:100%; }

  /* Fellows */
  .fellow {box-sizing:border-box; display:inline-block; margin:0 calc(3% - 4px) 2% 0; width:30%; }
  .flw-img,.flw-info {float:left;}
  .flw-img {width:30%;}
  .fellow:after { clear:both; content:"";display:block;}
  .flw-info { margin-left:2%;width:60%;}


  /* Footer
  ----------------------------------------------------*/
  .site-footer {text-align:left;}
    .footer-inner {padding:2em 0;}
    .ndmark { margin:0;position:absolute; right:0; top:2.2em;}
    .site-link {display:block;}
    .org {display:inline;}

  .site-footer .social-media { left:320px; position:absolute; right:220px; text-align:center; top:0; }

}

/* 768px
-----------------------------------------------------*/

@media only screen and (min-width:48em) {
  .brandbar li {margin:0;}
    .dept {float:right;}
    .dept-nd {float:left;}
    .theme-bb-gold .dept {border-top:none; }
     #partnerships ul { -moz-column-count:2; column-count:2; }
    
  .heading-action>:last-child { margin-left:auto; }
}

/* 920px
   Brand-bar styles
   Adjust @mq width smaller as department name allows
-----------------------------------------------------*/

@media only screen and (min-width:57.5em) {

    .home .all-news.plain-link:after { content:" "; }

    .nav-top li {font-size:1.135em;}

    .focus-areas img {width:30%;}
    .who-we-are h2{font-size:2.35em;}
    .publication-record,.publication-record:nth-of-type(odd) { /* padding:0 0 0 2em; */ }

    body {background-position:0 70px; background-size:contain;}
}

/* 1024px
----------------------------------------------------*/

@media only screen and (min-width:64em) {
  .titlebar.subhead {padding:1.1em 0;}

  .contact-info {margin:0;}
  .address,.email,.site-link,.tel { margin:0 1em 0 0; /* float:left; */}
  .site-link {margin-right:.5em;}
  .phone {clear:left;}

  .events .vevent {margin-left:1.5em; margin-right:1.5em;}
  .event .vevent {margin:0;}

  .nav-top li a { padding: .75em .9em; }

  .home .image,.news .image {display:block;}
  .home-intro {background-image:url(images/bg-globe-blue-1200.png);}
  .end-quote { background-image:url(images/bg-campus-1200.jpg);padding:6em 5em; }
  .what-we-do { background-image:url(images/bg-mark_on_blue.png);padding:4rem 0;}
  .home-secondary {background-image:url(images/bg-globe-white-1200.jpg);}

  .elevator { font-size:2.25em; margin:.45em auto 0; max-width:80%; text-transform:uppercase;top:5em;}

  .end-quote span {font-size:2.2rem;}

  /* About */
  .about .row.focus-areas,.about .row.secondary,.about .row.what-we-do { left:-33%; width:133%;}
  
  /* People */
  .person-image {order:2;}
  .person-copy {order:1;}
  
  /* Projects */
  #partnerships ul { -moz-column-count:3; column-count:3; }

  /* IE8 Over-rides */
  .lt-ie8 .header-util nav li {float:right;}
  .lt-ie8 .search-form {width:300px;}
  .lt-ie8 .search-input {float:left;}
}

/* 1200px
----------------------------------------------------*/

@media only screen and (min-width:75em) {
  .nav-top li a {padding: .75rem 1rem; }
  .home-feature { background-image:url(images/bg-skyline-1200.jpg); height:30rem;padding-top:8rem;}
  .end-quote {padding:8em 10em;}

  .news .latest-news {padding-right:1.5em;}
  .news .news-right-col {padding-left:2em;}

  .elevator { font-size:2.75em;margin:.45em auto 0;}
  .fellow { width:22%; }
}

/* 1600px
----------------------------------------------------*/

@media only screen and (min-width:100em) {
  .home-intro {background-image:url(images/bg-globe-blue-1600.png);}
  .home-feature { background-image:url(images/bg-skyline-1600.jpg); height:40rem;padding-top:10rem;}
  .end-quote {background-image:url(images/bg-campus-1600.jpg);}
  /*.what-we-do {background-image:url('images/bg-mark_on_blue.png');}*/
  .home-secondary {background-image:url(images/bg-globe-white-1600.jpg);}
}

/* Hi-res
----------------------------------------------------*/

@media
  (-webkit-min-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:144),(min-resolution:144dppx){

    .dept a,.dept-nd a {background-size:auto 50px;}
}

/*************************************************************************************
 * 4. Themes
 ************************************************************************************/

@media projection,screen {

  /* Brand Bar
  ----------------------------------------------------*/
  /** White Text **/
  .dept-nd a   { background-image:url(//static.nd.edu/images/brandbar/dept-nd-white.png);width:301px;}
  .dept-ksga a { background-image:url(//static.nd.edu/images/brandbar/dept-ksga-white.png);width:383px;} /* Keough School of Global Affairs */

  .brandbar.theme-bb-blue { background:#0c2440;border-bottom:3px solid #d2a00d; box-shadow:none;}

  .dept,.theme-bb-gold .dept {box-shadow:none; }

    /** Blue Text **/
    .theme-bb-gold .dept-nd a   {background-image:url(//static.nd.edu/images/brandbar/dept-nd-blue.png);}
    .theme-bb-gold .dept-ksga a {background-image:url(//static.nd.edu/images/brandbar/dept-ksga-blue.png);}

  /* Title Bar
  ----------------------------------------------------*/
  .titlebar.theme-tb-blue {background:#0c2440;}
  .theme-tb-blue .site-title a {color:#fff; text-shadow:0 -1px rgba(0,0,0,.8);}
  .theme-tb-blue .search-form { background:#495a6e; border:none; box-shadow:none;color:#fff;}
  .search-input {color:#fff;}
  .search-button:before {color:#fff; text-shadow:none;}

}

/* 700px
----------------------------------------------------*/

@media only screen and (min-width:43.75em){
  .theme-tb-blue .header-util a,.theme-tb-blue .header-util a:hover {color:#fff; text-shadow:0 1px rgba(0,0,0,.9);}
}

/* Hi-res
----------------------------------------------------*/

@media
  (-webkit-min-device-pixel-ratio:1.5),(-webkit-min-device-pixel-ratio:144),(min-resolution:144dppx){

  html {background-image:url(images/bg@2x.jpg); background-size:500px auto;}

  .dept-nd a   {background-image:url(//static.nd.edu/images/brandbar/dept-nd-white@2x.png);}
  .dept-ores a {background-image:url(//static.nd.edu/images/brandbar/dept-ores-white@2x.png);} /* Office of Research */
  .dept-ksga a {background-image:url(//static.nd.edu/images/brandbar/dept-ksga-white@2x.png);} /* Keough School of Global Affairs */

  /** Blue Text **/
  .theme-bb-gold .dept-nd a   {background-image:url(//static.nd.edu/images/brandbar/dept-nd-blue@2x.png);}
  .theme-bb-gold .dept-ksga a {background-image:url(//static.nd.edu/images/brandbar/dept-ksga-blue@2x.png);}

  /** Gray Text **/
  .theme-bb-lightgray .dept-nd a,.theme-bb-mediumgray .dept-nd a   {background-image:url(//static.nd.edu/images/brandbar/dept-nd-gray@2x.png);}
  .theme-bb-lightgray .dept-spir a,.theme-bb-mediumgray .dept-spir a {background-image:url(//static.nd.edu/images/brandbar/dept-spir-gray@2x.png);} /* Office of Strategic Planning and Institutional Research */

}

/*************************************************************************************
 * 5. Layout
 ************************************************************************************/

/* Flexbox
----------------------------------------------------*/

.row-container { margin:0 auto;max-width:98vw; padding-left:1rem; padding-right:1rem;}

.row { display:flex; flex-flow:column;width:100%; }

.column,.columns { padding:0 1rem; }

.small-3 {  flex:0 0 25%; max-width:25%; }

.small-4 { flex:0 0 33.33333%; max-width:33.33333%; }

.small-6 { flex:0 0 50%; max-width:50%; }

.small-8 { flex:0 0 66.66667%; max-width:66.66667%; }

.small-9 { flex:0 0 75%; max-width:75%; }

.small-12 { flex:0 0 auto; max-width:100%; }

/* 700px
----------------------------------------------------*/

@media only screen and (min-width:43.75em) {
  .row { flex-flow:row wrap; margin:0 auto; }
  .row-container {max-width:96%; padding-left:0; padding-right:0;}
  .column,.columns { flex:1 1 0%; }
  .medium-3 { flex:0 0 25%; max-width:25%; }
  .medium-4 { flex:0 0 33.33333%; max-width:33.33333%; }
  .medium-6 { flex:0 0 50%; max-width:50%; }
  .medium-8 { flex:0 0 66.66667%; max-width:66.66667%; }
  .medium-9 { flex:0 0 75%; max-width:75%; }
  .medium-12 { flex:0 0 100%; max-width:100%; }
}

/* 1024px
----------------------------------------------------*/

@media screen and (min-width:64em) {
  .large-3 { flex:0 0 25%; max-width:25%; }
  .large-4 { flex:0 0 33.33333%; max-width:33.33333%; }
  .large-6 { flex:0 0 50%; max-width:50%; }
  .large-8 { flex:0 0 66.66667%; max-width:66.66667%; }
  .large-9 { flex:0 0 75%; max-width:75%; }
}

/* 1200px
----------------------------------------------------*/

@media only screen and (min-width:75em) {
  .row-container {max-width:90vw;}
  .site-content { grid-template-columns: 5% 20% 70% 5%; }
}

/* 1360px
----------------------------------------------------*/

@media only screen and (min-width:85em) {
  .row-container {max-width:80em;}
}

/* CSS Grid
----------------------------------------------------*/

@supports (display:grid) {

  /* 700px
  ----------------------------------------------------*/
  @media only screen and (min-width:43.75em) {
    .site-content { grid-gap:1.4rem; grid-gap:var(--grid-gap);display:grid; grid-template-columns:300px minmax(0,1fr); grid-template-rows:1fr;}
      .alpha {grid-column:2 /  -1;}
      .beta {grid-column:1 /  2; grid-row:1 /  2; padding:0;}
      .row-md-half { grid-gap:1.4rem; grid-gap:var(--grid-gap);display:grid; grid-template-columns:1fr 1fr;}
      .row-md-third { grid-gap:1.4rem; grid-gap:var(--grid-gap);display:grid; grid-template-columns:repeat(3, 1fr);}
      .row-side-col { grid-gap:1.4rem; grid-gap:var(--grid-gap);display:grid; grid-template-columns:70% 1fr;}

    .full-width .alpha {grid-column:1 /  3;}
    .full-width .beta {display:none;}
  }

}

/* IE10/11
  Duplicate of `ie.css`
  --brand-blue:#0c2340;
  --brand-link-blue:#004da3;
  --brand-gold:#c99700;
  --brand-font-default:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  --brand-font-heading:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
----------------------------------------------------*/

@media screen and (-ms-high-contrast:active),screen and (-ms-high-contrast:none) {
  body {font-family:Helvetica Neue,Helvetica,Arial,Verdana,sans-serif;}
  .site-title,h1,h2,h3,h4,h5,h6 {color:#0c2340; font-family:GPC,Helvetica Neue,Helvetica,Arial,Verdana,sans-serif;}
  a {color:#004da3;}
  th,thead th {background-color:#0c2340;}
  .alpha {float:right; width:80%;}
    .full-width .alpha {width:100%;}
  .beta {float:left; margin-right:2%; width:18%;}
  .brandbar.theme-bb-blue-flat {background:#0c2340;}
  .page-title {border-bottom:2px solid #c99700;}
  .site-footer {clear:both;}
}

/*************************************************************************************
 * 6. Print Styles
 ************************************************************************************/

@media print {

  @page {margin:.5cm;}
  body { color:#000;font-family:Georgia,Times New Roman,Times,serif;}
  img,tr {page-break-inside:avoid;}
  h2,h3,p {orphans:3; widows:3;}
  h2,h3 {page-break-after:avoid;}

  /* Styles
  ----------------------------------------------------*/
  a[href^="#"]:after,a[href^="javascript:"]:after {content:"";}
  .ndmark {width:150px;}
  .image-right img {float:right; margin:0 0 1em 2em;}
  .image-left img {float:left; margin:0 2em 1em 0;}

  /* HIDDEN
  ----------------------------------------------------*/
  .breadcrumbs,.elevator,.header-util,.hentry .image,.nav-mobile,.nav-site,.nav-skip,.nav-top,.skip-links {display:none;}

  /* STRUCTURE
  ----------------------------------------------------*/
  .site-header { border-bottom:1px solid gray; margin:0 0 20px;overflow:hidden; padding:0 0 20px; position:relative;}
    .brandbar { font-family:Adobe Garamond,Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;font-size:12px; text-transform:uppercase;}
      .brandbar i {text-transform:none;}
    .site-title,.subline { font-family:Helvetica Neue,Helvetica,Arial,Verdana,sans-serif;margin:0;}
    .site-header a,.site-title a,.subline a {color:#a8c9ee;}
    .site-title { font-size:2em;margin:4px 0 2px;}
    .subline {font-size:1em;}

  .alpha a:link:after {content:" [link:" attr(href) "] "; font-family:inherit; font-size:11px; line-height:1;}
  .alpha abbr:after {content:" (" attr(title) ")";}

  .home .division { margin:1em 0 0;}
  .feature-image,.feature-image img { width:100%; }
  .hentry { margin-bottom:1em; }
  .home h3 { margin:.25em 0;}
  .social-media ul { list-style:none; margin:1em 0; padding:0; }
  .all { padding-left:.9375em; }
  .end-quote { padding:.9375em; }
  .news .latest-news { float:left; width:67%;}
  .news .news-right-col { float:left; padding-left:1em; width:33%; }
  .person .person-image { float:left; width:25%; }
  .person .person-copy { float:left; padding-left:1em; width:75%;  }
  #projects-form { display:none; }
  .site-footer { border-top:1px solid gray; clear:both; margin:20px 0 0; padding:20px 0 0;position:relative;}
    .site-footer p {margin:0;}
    .country-name,.geo {display:none;}
    .tel {display:block;}
    .site-footer .ndmark {position:absolute; right:0; top:20px;}
}