/*!
Theme:  School of Architecture, based on NDT 2.4
Launched: 2017-02-16
Last Updated: 2019-11-22
Author: Taylor Packet, Shawn Maust, Erik Runyon
        Marketing Communications:Web

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

BRANDING
-----------------------------------------
1. COLORS


   - Blue:#4c5766
   - Red:#561f22
   - Green:#6d6c50
   - Gold:#ae9142
     Gold:#cfba87 (old)
   - Cream: #fff4d6

2. FONT STACKS
   - Headings: Palatino, "Adobe Garamond", Garamond, "Times New Roman", serif
   - Body: Open Sans, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif

*/

/*************************************************************************************
 * 1. Common Styles
 ************************************************************************************/
 @import url(//fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,700,700italic);
 
*, *:before, *:after {box-sizing:border-box;}
@-ms-viewport {width:device-width; zoom:1;}
@-o-viewport {width:device-width; zoom:1;}
@viewport {width:device-width; zoom:1;}
html {width:100%; margin:0; padding:0; font-size:100%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -moz-text-size-adjust:100%; text-size-adjust:100%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased;  }
body {width:100%; margin:0; padding:0; color:#333; font:1em/1.5em "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:400; }
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display:block;}
audio, canvas, progress, video {display:inline-block; vertical-align:baseline;}
audio:not([controls]) {display:none; height:0;}
[hidden] {display:none;}
p {margin:0 0 1em;}
a {color:#6d6c50; background-color:transparent; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:visited {color:#4a3651;}
a:hover {color:#0c2340}
a:active {color:#aa272f;}
a:focus {outline:thin dotted;}
::-moz-selection,
::-moz-selection {background:#0058cf; color:#fff; text-shadow:none;}
::-moz-selection {background:#0058cf; color:#fff; text-shadow:none;}
::-moz-selection,
::selection {background:#0058cf; color:#fff; text-shadow:none;}
strong, b {font-weight:bold;}
em, i {font-style:italic;}
small {font-size:80%;}
iframe, embed {width:100%;}
sub,
sup {position:relative; vertical-align:baseline; line-height:0; font-size:smaller;}
sup {vertical-align:super;}
sub {vertical-align:sub;}
pre, code, kbd, samp {overflow:auto; font-family:monospace, sans-serif;}
hr {clear:both; width:100%; margin:2em auto; border:1px solid #adb1b7; border-width:1px 0 0;}

/* Headings
----------------------------------------------------*/
h1,.h1,h2,h3,h4,h5,h6 {margin:1.4em 0 0.25em; line-height:1.1em; color:#0c2340; font-weight:300; text-shadow:0 1px rgba(255,255,255,0.6); text-rendering:optimizeLegibility; font-family:Palatino, "Adobe Garamond", Garamond, "Times New Roman", serif;} 
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {text-decoration:none;}
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited {color:#561f22;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration:underline;}
h1,.h1 {margin-top:0; font-size:2.25rem; color:#561f22; font-weight:bold;}
h2 {font-size:1.8rem; color:#6d6c50;}
h3 {font-size:1.65rem; font-style:italic; color:#4c5766;}
h4 {font-size:1.35rem; color:#4c5766;}
h5 {font-size:1.2rem; text-transform:uppercase; color:#8e7c51; letter-spacing:1px; font-weight:bold;}
h6 {font-size:1rem; color:#8e7c51; text-transform:uppercase; letter-spacing:1px;}
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
.image-right + h2,
.image-left + h2 {margin-top:0;}

/* Lists
----------------------------------------------------*/
ol, ul {margin:1em 0; padding:0 0 0 2em;}
li {margin:0 0 0.25em;}
nav ul {list-style:none;}
nav ul,
nav li {margin:0; padding:0;}
nav a {text-decoration:none;}
.no-bullets {list-style-type:none; padding-left:0;}

/* Tables
----------------------------------------------------*/
table {width:100%; margin:2em 0; border-collapse:collapse; border-spacing:0; border-bottom:3px solid #d4d4d4;}
tr {border-top:3px solid #ccc;}
tr:hover,
tr:nth-child(odd):hover td {background:#ede1bc;}
tr:nth-child(odd) td {background:rgba(0,0,0,0.085);}
th,
thead th {text-align:left; background-color:#0c2340; color:#eee; border:3px solid #0a1d35; font-weight:300; font-size:1.25em;}
tfoot th {text-align:right;}
th, td {padding:0.5em 0.75em;}
  .number {text-align:right;}
td {border-right:3px solid #d4d4d4; border-left:3px solid #d4d4d4;}
td, td img {vertical-align:top;}

/* Form Elements
----------------------------------------------------*/
form {margin:0 0 2em;}
fieldset {margin:0; padding:0.35em 0.625em 0.75em; border:1px solid #c0c0c0;}
legend {padding:0; border:0;}
label {display:block; font-weight:bold;}
button[type="submit"] {}
button, input, optgroup, select, textarea {margin:0; margin:0 0 1em; color:inherit; font-size:100%; vertical-align:baseline;}
button {width:auto; overflow:visible;}
button, input {line-height:normal;}
button,
select {text-transform:none;}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {cursor:pointer; -webkit-appearance:button;}
input[type="checkbox"],
input[type="radio"] {padding:0;}
input[type="search"] {-webkit-appearance:textfield;}
button::-moz-focus-inner,
input::-moz-focus-inner {border:0; padding:0;}
button[disabled],
html input[disabled] {cursor:default;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {height:auto;}
input[type="search"] {-webkit-appearance:textfield; box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
textarea {overflow:auto; vertical-align:top;}
optgroup {font-weight:bold;}

input[type="checkbox"] {display:none;}
input[type="checkbox"] + label span { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(check_radio_sheet.png) left top no-repeat; cursor:pointer;}
input[type="checkbox"]:checked + label span {background:url(check_radio_sheet.png) -19px top no-repeat;}

/* Quotes
----------------------------------------------------*/
blockquote {margin:1em; padding:0; font-weight:200;}
blockquote p {padding-left:0.75em; line-height:1.85rem; color:#4c5766; font-size:1.35rem; font-family:Palatino, "Adobe Garamond", Garamond, "Times New Roman", serif; font-style:italic; text-align:center;}
blockquote p:before {content:""; display:block; margin:2em auto 1em; width:70%; border-top:4px solid #561f22; text-align:center;}
blockquote p:after {content:""; display:block; margin:1em auto 2em; width:70%; border-bottom:4px solid #561f22; text-align:center;}
blockquote footer {display:block; margin-top:1em; color:#666; line-height:1.5rem; font-style:italic; font-size:0.8rem;}
blockquote.pull {float:right; font-style:normal;}
blockquote.cite {font-size:1em; text-transform:uppercase;}

/* Images
----------------------------------------------------*/
svg:not(:root) {overflow:hidden;}
img {max-width:100%; width:auto; height:auto; border:none; vertical-align:bottom; -ms-interpolation-mode:bicubic; box-sizing:content-box;}
.image-default,
.image-right,
.image-left {margin:0 0 1em; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-style:italic; font-size:0.9rem; color:#777;}
.image-right {float:right; margin:0 0 1em 1em;}
.image-left {float:left; margin:0 1em 1em 0;}
.image-right,
.image-left {max-width:46%;}
.image-center {text-align:center;}
.image-default a,
.image-right a,
.image-left a {display:block; text-decoration:none; border:none;}
.image-left + h2 {margin-top:0;}
.captioned img {margin-bottom:0.5em;}

figure {display:table; max-width:100%; margin:0 0 1em;}
figcaption {display:table-caption; caption-side:bottom; text-align:left; line-height:1.5em;}
aside.right,
figure.right {float:right; max-width:100%;}
aside.right p {margin-right:0;}
figure.left {float:left;}

/* Icons
  <span class="icon" data-icon="nd-monogram"></span>
  https://dev.conductor.nd.edu/icons/
----------------------------------------------------*/
.icon {display:inline-block; width:1em; height:1em; fill:#d1be8f;}
[data-icon="nd-monogram"] {fill:#0c2340;}

/* General Classes
----------------------------------------------------*/
.noborder,
.noborder img {border:none !important; box-shadow:none !important}
.webcal {font-weight:bold;}
  .webcal i {font-weight:normal;}
a[href$=".pdf"] {padding:1px 0 0 20px; background:url('/images/icons/pdf.gif') left center no-repeat;}
.ndmark {display:block; width:200px; max-width:100%; text-decoration:none;}

.cf:before, .cf:after {content:"\0020"; display:block; height:0; overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}
.visually-hidden {position:absolute; border:0; clip:rect(0 0 0 0); height:1px; width:1px; overflow:hidden; margin:-1px; padding:0; white-space:nowrap;}

.bars {padding:0 0 30px; background:url('/stylesheets/themes/ndt/v2.4/images/bars-gray.png') bottom left repeat-x;}

.video {position:relative; display:block; text-align:center;}
.video .play {position:absolute; top:0; left:0; width:100%; height:100%; margin:0 auto; background:url('/stylesheets/themes/ndt/v2.4/images/play-btn.png') center center no-repeat; background-size:auto 100%;}

.skip-links {position:absolute; left:0; top:0; width:100%; margin-left:0; text-align:center; list-style:outside none;}
.skip-links a {position:absolute; left:-100vw; top:0.5em; transition:0.25s;}
.skip-links a:active,
.skip-links a:focus,
.skip-links a:hover {left:0.5em; width:auto; height:auto; overflow:visible; background:#dcb439; padding:0.5em 1em; color:#0c2340; font-weight:bold; font-size:14px; box-shadow:0 0 10px 0 #000; z-index:10001;}

/* Breadcrumbs
----------------------------------------------------*/
.breadcrumbs {margin:0 0 0.5em; padding:0; list-style:none; font-size:0.8rem;}
  .breadcrumbs li {display:inline-block; margin:0 4px 0 0; color:#444;}
  .breadcrumbs a {text-decoration:none;}
    .breadcrumbs a:hover {text-decoration:underline;}
    .breadcrumbs a:visited {color:#4c5766;}

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

.section-title { padding:0.45em 0 0.75em; margin:0; position:relative; color:#0c2340; }
.section-title a,
.section-title a:visited { color:#561f22; }

/* NEWS & EVENTS
----------------------------------------------------*/
.home article {margin-bottom:3em;}
article {margin:1.5em 0 2em;}
article header {margin:0 0 1em;}
.additional-links {margin:0 0 1em; padding:0; list-style:none;}
  .additional-links li {display:inline-block; margin:0;}
  .additional-links a {text-decoration:none;}
.entry-title,
.publication-item h2 {margin:0 0 0.25em; padding:0; font-size:1.25rem; line-height:1.35em; font-weight:bold; } 
.entry-title a {color:#6d6c50;}
.entry-title a:visited {color:#7e7d5c;}
  .entry-title.page-title {border:none;}
.meta-item {display:inline-block; margin:0.2em 1em 0.25em 0; color:#444; font-size:0.9rem; font-family:inherit; }
.pubdate,
.event-date,
.author, 
.publish-info,
.location {color:#555; font-size:0.925rem; margin-bottom:0.25em;}
.publish-info.event-date,
.publish-info.meta-item .pubdate {color:#656565; text-transform:uppercase; font-size:1.125rem; letter-spacing:1px;}
.meta-item b,
.posted-in {color:#999; font-weight:bold;}
.author a {text-decoration:none;}
  .author a:hover {text-decoration:underline;}
.entry-summary {margin:1em 0;}
.description {margin:1em 0;}
.posted-in {display:none;}
.news-hentry .posted-in,
.event .posted-in {display:block;}
.attribution {font-style:italic;}
.article-more span {position:absolute; left:-999em;}
.news-image img {border:1px solid #ccc;}
.excerpt img { display:none; }

.nav-events .nav-site ul a {font-size:0.9rem;}
.nav-events .nav-site ul {margin:1.5rem 0 0 1rem; padding:0; border-left:3px solid #561f22;}
.nav-events .nav-site ul li {margin:0 0.15rem;}
.nav-events .nav-site ul a {font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:400;}

/* Events */
.events-date-header {margin:0 0 0.25em; padding:0; color:#999; font-weight:300; font-size:1.25rem; font-family:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
.events .date-string,
.home .events-date-header {display:none;}
.meta-item b { display:inline-block; text-indent:-999em; }

/* People */
.faculty-section ul,
.faculty-section-list { list-style:none; margin:0; padding:0; }
.label-title {margin: 0 0 0.5em; font-family: "Palatino", "Adobe Garamond", Garamond, "Times New Roman", serif;
color: #4c5766; font-size: 1.35em;}
select.faculty-area-select {display:block; margin:1em 0; height:28px; border:1px solid #888; background:#f5f5f5; font-size:0.9em;}
.no-js #faculty-filter { display:none; }
.faculty-section-gallery .gallery-title { display:none; }
.person-item { margin-bottom:1em; }
.person-header-content h2 { margin:0; }
.person-header-image { display:block; margin-bottom:1.875em; }

.person-header-content em {font-size:1.1rem;}
.people-results h2 {margin:0 0 0.5rem; font-size:1.75rem;}

.results-heading { font-size:2em; }


/* Job Items */
.job-item { padding:1em; margin-bottom:1em; border:1px solid #ccc; border-radius:0.25rem; overflow:auto; }
.job-company-name { display:block; font-size:1.2rem; margin-bottom:0.25em; }
.job-company-location { display:block; font-style:italic; }
.job-item .job-summary { }
.job-item .job-summary-type,
.job-item .job-summary-experience { line-height:1.2; font-style:italic; display:block }
.job-title { margin-top:0; font-size:1.67em; }
.job-dates-open, .job-dates-close { display:block; }

.job-summary,
.job-contact { margin-bottom:1em; }

.job-summary p,
.job-contact p { margin-bottom:0; }

/* SEARCH
----------------------------------------------------*/
.search-count,
.search-time {font-family:inherit;}
.search-count {margin:0; font-size:1.4rem;}
  .search-query i {font-style:normal; font-weight:700;}
.search-time {margin:0 0 1em; color:#666; font-size:1.2rem;}
.search-results {margin:1em 0; padding:0; list-style:none;}
  .search-results li {margin:0;}
    .search-record header {margin:0 0 0.5em;}
    .search-result-title {font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1.4rem;}
    .search-result-title b {font-weight:500;}
    .search-result-url {font-size:0.9rem; font-family:inherit; word-break:break-all;}
      .search-result-url a {color:#388222; font-weight:700;}
    .search-result-excerpt {margin:0 0 0.5em; line-height:1.3em;}
    .search-result-excerpt br {display:none;}
    .search-result-meta {color:#999; font-size:0.9rem;}

/* GALLERIES
----------------------------------------------------*/
.gallery-container { display:flex; flex-flow:row wrap; zoom:1; width:calc(100% + 1em); margin:1em -0.5em 1em -0.5em; }
.gallery-item { text-align:center; position:relative; padding:0.5em;   }
  .gallery-item a { display:block; }
    .gallery-view-all { transition:all .25s ease-in-out;}
    .gallery-item img {border:1px solid #ccc; transition:all .25s ease-in-out;}
    .gallery-item img:hover,
    .gallery-view-all:hover {
      -webkit-filter: grayscale(100%);
              filter: grayscale(100%);
      transform: scale(1.025);
  }

.gallery-view-all { margin:0.275em; display:block; position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; font-size:1.8em; }
.gallery-view-all span { padding:0.25em; position:absolute; display:block; width:100%; left:0; top:50%; transform:translateY(-50%); font-family:"Palatino", "Adobe Garamond", Garamond, "Times New Roman", serif; font-size:1em; line-height:1.25em;}

/* FOOTER
----------------------------------------------------*/
.footer-social { display:block; margin:0.25em 0 0; }
  .footer-social .icon { fill:#111; margin:0 0.25em 0; font-size:1.4em; }

 
/*************************************************************************************
 * 2. Screen Styles
 ************************************************************************************/
@media screen,projection {
  
  .gallery-view-all,
  .gallery-view-all:visited { color:#fff; background:#4c5766 url(images/gallery-view-all.jpg) no-repeat; background-size:cover; } 
  
  p {max-width:65em;}
  .image-default img,
  .image-right img,
  .image-left img {border:1px solid #222; box-shadow:0 1px 5px rgba(0, 0, 0, 0.4);}
  .tablewrap {position:relative; overflow-y:auto; margin:0 auto;}

  /* Buttons
  ----------------------------------------------------*/
  .btn,
  .more,
  .excerpt_continuation {position:relative; display:inline-block; white-space:nowrap; margin:0.25em 0; padding:0.5em 1em; cursor:pointer; font-size:1.125rem; line-height:1.2em; text-decoration:none; text-align:left; vertical-align:middle; font-weight:400; font-family:"Palatino", Adobe Garamond, Garamond, "Times New Roman", serif; background:#0c2340; background-repeat:no-repeat; border-radius:0.33em; color:#fff; transition:all 0.25s; }
  .btn:visited,
  .more:visited,
  .excerpt_continuation:visited {color:#fff; }
  .btn:hover,
  .btn.active:hover,
  .more:hover,
  .more:hover,
  .excerpt_continuation:hover {color:#fff; background-color:#2e4562; }
  h2 .btn { float:right; margin-top:0em; }
  h2 .btn:hover {text-decoration:none;}
  .btn-green {box-shadow:0 4px #c8a434; color:#333; background-color:#eec442;}
    .btn-green:visited{color:#0c2340;}
    .btn-green:hover{box-shadow:0 3px #c8a434; color:#333; background-color:#e2ba3e;}
  .btn [data-icon] {margin:0.1rem 0.5rem 0 0; fill:#c0ad7d;}
  .btn:hover [data-icon] {fill:#fff;}
  .btn-green [data-icon] {fill:#003269;}
  .btn[href$=".pdf"] {  padding:0.45em 1em 0.45em 1.8em; background-position-x:0.5em; }

  /* Structure
  ----------------------------------------------------*/
  html {height:100%; background:#fff; }
  body {height:100%; padding:0; margin:0;}
  .wrapper { overflow:hidden; }
  .site-content {padding-top:1em; padding-bottom:1em; background:#fff; }
  .beta {padding:1em 0; border-top:1px solid #dadada; box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);}
  .main,
  .aside {text-shadow:0 1px 0 #fff;}
  .aside {margin-top:1em;}
    .aside h2 {margin:0 0 0.75em; padding:0 0 0.5em; font-size:1.4rem; background:url('/stylesheets/themes/ndt/v2.4/images/border-double.png') left bottom repeat-x;}
    .aside img {margin-bottom:1em;}
    .aside ul {padding:0 0 0 1em; list-style:none;}
    .aside li a {text-decoration:none; font-weight:bold; font-size:0.9rem;}
      .aside li a:hover {text-decoration:underline;}
    .aside .entry-title {font-size:1.2rem;}
    .aside article footer {display:none;}
  .page-title {margin:0 0 0.5em; padding:0;}
  .section-title::after,
  .page-title::after { content:''; position:relative; display:block; bottom:-0.0625em; width:5rem; left:-0.5em; height:0.25rem; background:#ae9142;}
  .alpha { z-index:100; }

  /* Header
  ----------------------------------------------------*/
  .site-header { position:relative; text-align:center; overflow:hidden;  border-bottom:4px solid #ae9142; }
  
    .site-header:before {content:''; display:block; position:fixed; top:0; left:0; right:0; bottom:0; z-index:-1; transform:translateZ(0); background:transparent 50% 0% / cover no-repeat; height: 50%; min-height: 24rem;  } /* bottom:50vh;  */
    
    .site-header:before { background-image:url(/stylesheets/images/hdr-campus_sketch-700.jpg); }
    /*.home .site-header:before { background-image:url(/stylesheets/images/hdr-campus_sketch-700.jpg); }*/
    
    
    .home .site-header  { padding-bottom:240px; }
    .home .site-header:before { padding-top:calc(50% + 240px); bottom:calc(50vh - 240px); }
  .brandbar,
  .titlebar {overflow:hidden; position:relative; }
  .titlebar {padding: 0.75em 0;}
    .dept {display:none; border-top:1px solid  #000; box-shadow:0 1px rgba(0,122,217,0.4) inset;}
    .brandbar li {margin:0 -0.9375rem; padding:0;}
    .brandbar a {display:block; margin:0 auto; text-decoration:none; height:50px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat;}
    .brandbar a:focus {background-color:rgba(255,255,255,0.2);}
      .dept-nd a {background-position:left 0;}
      .dept a {background-position:right 0;}
    .site-title {margin:0; font-size:2em; line-height:1; width:85%; font-weight:300; text-align:left; font-family:"Palatino", "Adobe Garamond", Garamond, "Times New Roman", serif; font-weight:normal;} 
      .site-title a {display:block; padding:0.5em 0; border:none; color:#0c2340; text-decoration:none; text-shadow: 3px 3px 7px #fff; }
      .site-title a:visited {color:#0c2340; }
      .site-title a:hover {text-decoration:none;}
      .site-title a:focus {background-color:rgba(255,255,255,0.2);}
  .nav-top--clone { display:none; }
  
  .home .page-title { text-align:left; display:inline-block; font-size:1.8rem; color:#fff; background:#0c2340; padding:1.25rem 1.5rem 1rem; position:absolute; left:1rem; bottom:0; margin:0.5em 0; line-height:1; font-family:"Palatino", "Adobe Garamond", Garamond, "Times New Roman", serif; }
    .home .page-title::after { left:-2.5rem; }
    .home .page-title a { color: white; text-decoration: none; }
      .home .page-title a::after { content: ""; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 426 264'%3E%3Cpolygon points='294 0 261 34 334 107 0 107 0 157 334 157 261 230 294 264 426 132 294 0' fill='white'/%3E%3C/svg%3E") 0.1em 80% / auto 0.45em no-repeat; width: 1em; height: 1em; margin-left: 0.25em; display: inline-block; transition: all 125ms ease; }
      .home .page-title a:hover { color: #fff4d6; }
      .home .page-title a:hover::after { background-position: 0.3em 80%; }
     
  .header-util {display:none; position:relative; margin:0 auto; padding:0 1em; text-align:center;}
    .search-form {display:none; overflow:hidden; width:91%; margin:0 auto 0.5em; padding:2px 2px 2px 6px; border:1px solid #666; line-height:1.1em; background-color:#fff; border-radius:3px;}
    .search-form label { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
    .search-input {display:inline-block; vertical-align:middle; width:86%; height:1.7em; margin:0; padding:0; border:none; font-family:inherit; font-size:1.2rem; color:#444; -webkit-appearance:textfield; background:transparent;}
    .search-button {display:inline-block; float:right; position:relative; width:2em; height:2em; margin:0; padding:0; border:none; cursor:pointer; transition:all .15s ease-in-out; border-radius:2px; background:none; }
      .search-button svg {margin:0.1rem 0 0 0.1rem;}
      .search-button .icon {fill:#333;}
      .search-button span {display:inline-block; text-indent:-9999px; overflow:hidden;}
      .search-button:hover {border:1px solid #a9740c;
        background:#edd854;
        background:center center no-repeat, linear-gradient(to bottom, #edd854 0%,#cc921f 100%);
      }
      .search-button:active {
        background:#cc921f;
        background:center center no-repeat, linear-gradient(to bottom, #cc921f 0%,#edd854 100%);
      }
  .header-util nav ul {margin:0.4em 0 0; text-align:center; line-height:1em;}
  .header-util nav li {display:inline-block; width:32%;}
  .header-util nav a {display:block; padding:.625em; color:#0c2340; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-decoration:none; text-shadow:0 1px rgba(255,255,255,.9); border:1px solid #562e07;}

  /* Offscreen Nav
  ----------------------------------------------------*/
  body, html {-ms-overflow-style:none !important;} /* Needed for WinPhone to allow vertical scrolling in nav */
  .nav-mobile {overflow-y:scroll; position:fixed; top:0; bottom:0; transition:0.15s ease; right:-13.755rem; width:13.755rem; height:auto; padding:1em; border-left:1px solid rgba(0,0,0,0.3); background-color:#eee; box-shadow:0 0 8px 0 rgba(0,0,0,0.25) inset;}
    .lt-ie9 .nav-mobile {display:none;}
  .nav-mobile.active {right:0;}
    .nav-mobile .search-form {display:block; margin:0 auto 1.5em; padding:1px 1px 1px 4px; border:1px solid #888; font-size:0.75rem; line-height:1.1em; background-color:#fff; border-radius:3px;}
    .nav-mobile .search-input {width:85%;}
  .wrapper {position:relative; right:0; transition:0.15s ease;}
  .wrapper.active {right:13.755rem;}

  .nav-skip {position:absolute; top:0.9rem; right:0.8rem; display:block; width:2.6rem; height:2.6rem; padding:0.5em 0; text-indent:2.1875em; font-size:1.3rem; line-height:1.9em; text-align:center; text-decoration:none; border:1px solid #000;
    background:#561f22;
  }
    .nav-skip span {position:relative; top:0.4em; margin:0 auto; transition-duration:0s; transition-delay:0.2s;}
    .nav-skip span:before,
    .nav-skip span:after {position:absolute; content:'';}
    .nav-skip span,
    .nav-skip span:before,
    .nav-skip span:after {width:1.3em; height:3px; background-color:#eee; display:block; transition-duration:0.2s; transition-delay:0.2s, 0;}
    .nav-skip span:before {top:-0.45em;}
    .nav-skip span:after {top:0.45em;}
    .nav-skip.toggled span {background-color:rgba(0,0,0,0.0); transition-delay:0.2s;}
    .nav-skip.toggled span:before,
    .nav-skip.toggled span:after {top:0; transition-delay:0, 0.2s;}
    .nav-skip.toggled span:before {transform:rotate(45deg);}
    .nav-skip.toggled span:after {transform:rotate(-45deg);}

  /* Top Nav
  ----------------------------------------------------*/
  .nav-top {display:none; position:relative; z-index:10; bottom:0; width:100%; text-align:center; font-family:"Palatino", Adobe Garamond, Garamond, "Times New Roman", serif; }

    .nav-top li {display:inline-block; vertical-align:top; margin:0 1em; font-size:1.1rem;}
    .nav-top li a {display:table-cell; vertical-align:middle; padding:0.6em 0.25em; color:#fff; text-align:center; transition:all 250ms ease-in-out;}
    .nav-top li.active a,
    .nav-top li a:hover { box-shadow:inset 0 -4px 0 #d2ba8c;} 
    
  #primary { background:#571f22; }
  
  /* General Nav
  ----------------------------------------------------*/
  .nav-site {font-family: Palatino, "Adobe Garamond", Garamond, "Times New Roman", serif;}
  .nav-site ul {padding:0 0 1em;}
    .nav-site ul li {margin:0.5em 0;}
    .nav-site ul a {display:block; padding:0.3em 0.3em 0.1em 1.5em; text-indent:-1em; line-height:1.2em; text-transform:none; color:#444; font-size:1.05rem; font-weight:300; border-bottom:4px solid transparent;}
    .nav-site ul a:hover {border-bottom:4px solid #cfba87; background:#d9c89f; color:#444;}
    .nav-site a:active,
    .nav-site a:focus {outline:1px dotted #0c2340;}
    .nav-site ul > .active > a { color:#fff; background:#ae9142;}
  .nav-site ul ul {padding:0.25em 0.25em 0.1em;}
    .nav-site ul ul a {padding:0 0 0 25px; text-indent:-0.6em; color:#555; font-size:1rem; font-family:inherit; border:none;}
    .nav-site ul ul li {margin:0; padding:0.3em 0;}
    .nav-site ul ul a:hover {color:#6d6c50; border:none; background:none;}
    .nav-site ul ul > .active > a {color:#6d6c50; border:none; font-weight:bold; background:none;}
    .nav-site li.last{margin-bottom:0.5em;}
  .nav-site ul ul ul {margin:0.25em 0 0 1.3em;}
    .nav-site ul ul ul li {margin:0; padding:0.25em 0; border-left:4px solid #784c4e;}
    .nav-site ul ul ul a {padding: 0 0 0 20px; font-size:0.9rem; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}
    .nav-site ul ul ul a:hover {background:none; color:#561f22;}
    .nav-site ul ul ul .active > a {color:#561f22; font-weight:bold;}
    .nav-site ul ul ul .active > .current-last {color:#561f22;}
  .nav-site ul ul ul ul {margin-left:.5em;}
  .nav-site ul ul ul ul .active > a,
  .nav-site ul ul ul ul .active > .current-last {color:#4c5766;}
  .nav-site ul ul ul ul li {border:none;}
    .nav-site ul ul ul ul a {padding:0 0 0 1.5em;}
  .nav-site ul ul ul ul ul .active > a,
  .nav-site ul ul ul ul ul .active > .current-last {color:#bfac7d;}
  .nav-site ul ul ul ul ul {margin-left:1em;}
  .nav-section {display:none;}
  
  /* Sections
  ----------------------------------------------------*/
  .section .section-body { padding:1.5rem; z-index:20; align-self:start; font-family: Palatino, "Adobe Garamond", Garamond, "Times New Roman", serif; }
  .section .section-image {  z-index:10; margin:0 -1rem; }
  .section--dark .section-body { background:#0c2340; color:#fff; }
  .section--dark a,
  .section--dark .btn { color:#0c2340; background:#fff; }
  .section--dark .btn:hover { background:#fff4d6; }
  .section--dark .section-title { color:#fff; }
  .section--light .section-body { background:#fff4d6; }

  /* Home
  ----------------------------------------------------*/
  .home .site-content { padding-top:0; }
  .home-section .btn { margin-left:0.5rem; }
  .home-section .section-body { padding:1.5rem; z-index:20; align-self:start; font-family: Palatino, "Adobe Garamond", Garamond, "Times New Roman", serif; }
  .home-section .section-image {  z-index:10; margin:0 -1rem; }
  .home-section--dark .section-body { background:#0c2340; color:#fff; }
  .home-section--dark a,
  .home-section--dark .btn { color:#0c2340; background:#fff; }
  .home-section--dark .btn:hover { background:#fff4d6; }
  .home-section--dark .section-title { color:#fff; }
  .home-section--light .section-body { background:#fff4d6; }
  .home-section .section-ctas { margin-top:1.5rem; text-align:center; }
  
  .home-feature {margin-bottom:2em; text-align:center;}
    .feature-image {overflow:hidden; text-align:center;}
      .feature-image p,
      .feature-image img {margin:0 auto;}
  .home-primary {margin:0 auto 2em;}
    .home-primary .image-right,
    .home-primary .image-left,
    .home-primary .image-default {float:none; max-width:none; margin:0 0 1em;}
    .home .entry-title {padding:0; border:none; font-size:1.375rem; font-family:Palatino, "Adobe Garamond", Garamond, "Times New Roman", serif;}
  .home-secondary .columns > h2 {margin:0 0 .4em; padding:0 0 0.3em; border-bottom:2px solid #dcb439; font-size:2.25rem;}
    .home-secondary .columns > h2 a {color:#0c2340;}
    
    .home-callouts {margin:2rem 0;}
    .home-callout-item {text-align:center;}
    .home-callout-item h3 a {font-size:1.75rem; font-style:normal;}
    .home-callout-item h3 a:hover {text-decoration:underline; color:#561f22;}
    .home-callout-item a {font-size:0.9rem; color:#4c5766;}
    .home-callout-item a:hover {color:#6d6c50;}

  /* Custom Pages
  ----------------------------------------------------*/
  .approach-sections { margin-top:6rem; }
  
  .gallery-title { padding-top:1.5em; margin-top:1em; } 
    .gallery-title:before {content:""; display:block; height:3px; box-shadow: inset 0 1px 0 #adb1b7, 0 1px 0 #adb1b7;}
    .gallery-title h2 { margin-top:2rem; } 
    
  .fancybox-title a { font-weight:bold; color:#cfba87; }
    .fancybox-title a:hover { color:#ae9147; }
  
  .gallery-keywords { width:100%; }
  .gallery-item { max-width:50%; }
  .person-item { min-width:100%; }

  .secondary-row ul { list-style:none; padding:0; margin:1em 0; -moz-column-count:2; column-count:2; }
  .secondary-row li {padding:0 0 1rem; }
  .secondary-row.concentrations ul {-moz-column-count:1;column-count:1;}
  .divider { padding-top:33%; margin-top:2em; margin-bottom:2em; position:relative; }
    .divider:after { content:''; display:block; position:absolute; top:0; right:-99em; left:-99em; bottom:0; background:#eee 50% 50% no-repeat; background-size:102vw auto; }
    .academics-programs .d1:after { background-image:url(/assets/222702/original/700x350_nd_arch_student_drafting.jpg); }
    .academics-programs .d2:after { background-image:url(/assets/222703/original/700_350_nd_arch_student_graduation.jpg); }

  .aside-content { padding:0.5em; margin:0 0 2em; background:#6d6c50; color:#fff; text-shadow:none; }
  .aside-content li {margin:1em 0; text-indent:-0.5em;}
  .concentrations h2 { margin-top:1.45rem; }
  .concentrations a {font-weight:bold; color:#6d6c50;}
  .concentrations a:hover,
  .concentrations a:visited {color:#464534;}
  .academics-programs .page-title + p { font-size:1.15em; line-height:1.4em; }
  .content-header.has-image .page-title { margin-top:0.5em; }
  
  .page-header-link { display:block; }
  .driehaus-landing .page-subtitle .more,
  .driehaus-subpage .page-subtitle .more { background:#fff; text-shadow:none; color:#0c2340; }
  
  .reed-award-container { padding:1em; text-align:center; background:#6d6c50; color:#fff;}
  .reed-award-heading { font-size:1.4em; line-height:1.4em; margin:0 0 0.5em; padding:0.5em 0; font-family: "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif; color:#fff; text-shadow:none;}
  .reed-award-winner { font-size:1.75em; line-height:1.1em; font-family:Palatino, "Adobe Garamond", Garamond, "Times New Roman", serif; }
    .reed-award-winner span { display:block; margin:0 0 0.35em; font-size:0.6em; text-transform:uppercase; font-family: "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif; }  
    .reed-award-more a {display:block; margin:1.5em 0 0; padding:0.5em 1.5em; background:#4f4e3a; font-family:Palatino, "Adobe Garamond", Garamond, "Times New Roman", serif; color:#fff; font-style:italic; text-decoration:none; font-size:1.1em; border-radius:3px; transition:0.25s;}
    .reed-award-more a:hover {background:#561f22;}
    .reed-award-heading:after {margin-top:0.5em; padding-bottom:4px; content:''; position:relative; display:block; bottom:0; height:3px;  box-shadow: inset 0 1px 0 #494836, 0 1px 0 #494836;}
    
  .rome-heading { margin:1.5rem 0 0; font-style:normal; }
  
  
  
  /* Publications */
  .publication-item { margin-bottom:2rem; }
  .publication-item h2 { margin:0 0 0.5em; line-height:1.25em; }
  .publication-content-image { float:right; margin:0 0 1em 1em; max-width:40%; }
  
  .content-image {margin-bottom:1em;}
  
  .academics-programs-student-work-gallery .gallery-filters label {margin:0; font-size:0.9em; font-weight:normal;}
  .academics-programs-student-work-gallery legend {margin:0 0 0.5em; font-family:Palatino, "Adobe Garamond", Garamond, "Times New Roman", serif; color:#4c5766; font-size:1.35em; font-weight:bold;}
    
  /* Footer
  ----------------------------------------------------*/
  .site-footer {position:relative; clear:both; text-align:center; background:#fff4d6; color:#111;}
  .site-footer a {color:#111;}
  .site-footer a:hover {color:#444;}
    .footer-inner {position:relative; margin:0 auto; padding:1em 0; } 
    .site-footer p {clear:both; margin:0; font-size:0.875rem;}
  .site-info {margin:1em 0;}
  .site-info li {display:inline-block; margin:0 2%;}
  .site-info a {text-decoration:underline;}
  .geo,
  .country-name {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;}
  .address {display:block; margin:0;}
  .site-link,
  .org,
  .tel {display:block;}
  .ndmark {width:200px; margin:2em auto;}

}

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

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.250em) {
  .image-right,
  .image-left {max-width:none;}
  .dept {display:block; border:none;}
  .secondary-row ul { -moz-column-count:2; column-count:2; }
  .secondary-row ul,
  .secondary-row.concentrations ul {-moz-column-count:2;column-count:2;}
  .secondary-row li { display: inline-block; }
  .gallery-item { max-width:33%; }
  .additional-links { float:right; margin-top:-5em; }
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  h1,.h1 {font-size:2.5rem;}
  h2 {font-size:2.125rem;}
  h3 {font-size:1.7rem;}
  h4 {font-size:1.5rem;}
  h5 {font-size:1.2rem;}
  h6 {font-size:1rem;}

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

  .image-right img,
  .image-left img {max-width:auto;}
  .tablewrap {background:none;}
  .reed-award-more a {font-size:0.8em;}
  
  .secondary-row ul,
  .secondary-row.concentrations ul {-moz-column-count:1;column-count:1;}
  .entry-title,
  .publication-item h2 { font-size:1.45rem; } 
  /* Structure
  ----------------------------------------------------*/
  body {display:flex; flex-direction:column;}
  .wrapper {flex:1 0 auto; display:flex; flex-direction:column;}
  .site-header {flex:0 0 auto;}
   
  .site-content {flex:1 0 auto; flex-direction:row; padding-top:2em; padding-bottom:2em;}
  .alpha { position:relative; padding-top:1em; background:#fff; }
    .nav-top-true.home .alpha { display:block; width:100%; max-width:100%; flex:0 0 100%; left:0; }
  .beta {border:none; box-shadow:none;}
  .site-footer {flex:0 0 auto;}
  
  /* Header
  ----------------------------------------------------*/
  .site-header { position:relative; text-align:left; padding-bottom:0; }
    .site-header:before { background-image:url(/stylesheets/images/hdr-campus_sketch-1200.jpg); }
    /*.home .site-header:before { background-image:url(/stylesheets/images/hdr-campus_sketch-1200.jpg); }*/
    
    .home .site-header { padding:0; }
    
  .brandbar,
  .titlebar {padding:0;}
    .brandbar li {margin:0 -2em;}
    .titlebar.subhead {padding:0.7em 1em;}
    
  .dept {border-top:none; box-shadow:none;}
  .brandbar li {margin:0;}
    .dept {float:right;}
    .dept-nd {float:left;}

  
  .site-title {float:left; width:auto; margin:0; padding:0; font-size:2.45rem;}
    .site-title a {padding:0.65em 0 0.75em; line-height:1em; }
    .subtitled {float:left; padding:0.65em 0 0.75em;}
      .subtitled .site-title a {padding:0;}
    .site-subtitle {float:left;}
  .search-input {float:left; width:auto; font-size:0.8rem;}
  a.nav-skip {display:none;}
  
  .nav-top { padding-bottom:10%; }
  .home .nav-top { padding-bottom:20%; }
    
  .nav-secondary { background:#ae9142; float:right; }
    .nav-secondary li { margin:0 1.25em 0 0.15em; font-size:1em; }
    .nav-secondary li a { padding:0.45em 0.5em; }
    .nav-secondary:before { content:'Resources For:'; display:inline-block; vertical-align:middle; padding:0.45em 0.75em; color: #fff; font-weight:bold; } 
  
  .header-util {display:block; float:right; top:2.2em; margin:0; padding:0; text-align:right;}
    .subhead .header-util {top:1.9em;}
    .search-form {display:block; width:auto; margin:0;}
    .header-util nav {display:block; margin:3px 0;}
    .header-util nav ul {margin:0;}
    .header-util nav li {width:auto; display:block; text-align:right;}
    .header-util nav a {font-size:0.825rem; font-weight:normal;}
    .header-util nav a,
    .header-util nav a:hover {display:inline; padding:0; border:0 none; color:#fff; text-shadow:none; background:none; box-shadow:0 0 rgba(255,255,255,0) inset, 0 0 rgba(0,0,0,0);}
    .header-util nav a:hover { text-decoration:underline; }
    .header-util .search-toggle {display:none;}
    .search-button {width:23px; height:23px;}
      .search-button:before {top:0; left:2px; font-size:18px;}
      
  /* Sections
  ----------------------------------------------------*/
  .section { margin-bottom:6rem; }
  .section .section-body { padding:1.5rem 3rem; margin-top:2rem; margin-bottom:1.5rem; max-width:45%; margin-left:5%; align-self:flex-end;}
  .section .section-image { padding:0 0 0 1rem; margin-right:-5%; flex:0 0 55%; max-width:55%; }
  .section--alt .section-body { margin-left:0%; margin-right:5%;  }
  .section--alt .section-image { margin-left:-5%; margin-right:0; }
  .section--light .section-body,
  .section--dark .section-body { margin-left:0; margin-right:0; max-width:50%; }
  .section--alt .section-body { order:-1; }

  /* Home
  ----------------------------------------------------*/
  
  .home .page-title { position:relative; font-size:2.25rem; left:-0.9375rem;  }
  .home .site-content { padding-top:4rem; }
  
  .home-section { margin-bottom:6rem; }
  .home-section .section-body { padding:1.5rem 3rem; margin-top:2rem; margin-bottom:1.5rem; max-width:45%; margin-left:5%; }
  .home-section .section-image { padding:0 0 0 1rem; margin-right:-5%; flex:0 0 55%; max-width:55%; }
  .home-section--alt .section-body { margin-left:0%; margin-right:5%; }
  .home-section--alt .section-image { margin-left:-5%; margin-right:0; }
  .home-section--light .section-body,
  .home-section--dark .section-body { margin-left:0; margin-right:0; max-width:50%; }
  .home-section--alt .section-body { order:-1; }
  
  .home-section--approach .section-body { align-self:end; }
  .home-section--gallery { max-width:80%; margin:0 auto;}
  .home-section--gallery  .section-header { text-align:center; }
  .home-section--gallery  .section-title { display:inline-block; }
  
  .home-primary {margin:0 0 2em;}
    .home-primary .image-right {max-width:40%; float:right; margin:0 0 1em 1em;}
    .home-primary .image-left {max-width:40%; float:left; margin:0 1em 1em 0;}
    .home-secondary .columns > h2 {margin-top:0;}

  .home-title { font-size:2.85em; width:auto; text-align:right; right:calc(50% - 0.5em); }
    .home-title span { font-style:italic; }
    .home-title dd { font-style:italic; margin:0 0 0 0.25em; left:100%; top:0; text-align:left; color:#cfba87; font-weight:bold; }    
    .home-title dt { display:inline-block; margin:0; }    
    
  /* Custom
  ----------------------------------------------------*/
  .approach-sections { margin-top:8rem; margin-left:-33.33%; }
  
  .event-sidebar + .rome-heading { margin-top:3em; }
  
  .gallery-item { max-width:16.66%;  }
    aside .gallery-item { flex:0 0 12.5%; max-width:12.5%; }
    .home .gallery-item { flex:0 0 25%; max-width:25%;  }
    
  .person-item { min-width:50%; }
  .approach-section-content { margin-top:-3em; margin-right:1em; position:relative; background:#fff; }
  .approach-section-content p {padding:0.45rem 0.75rem;}
  .approach-section-content em {font-size:1.1rem; line-height:1.65rem;}
    .approach-section-title { position:absolute; bottom:100%; display:block; border-top:3px solid #4c5766; width:100%; padding:0.75rem; background:#fff;}
    h3.approach-section-title {font-size:2rem;}
  
  .approach-title-container { padding-bottom:100px; position:relative;}
  .approach-title { position:absolute; left:0; z-index:20; margin-left:-0.445rem; padding:1rem; font-size:1.6em; background:rgba(255,255,255,0.8);}
    .approach-title.sticky { position:fixed;  margin-left:0; box-shadow:0 3px 0 #6d6c50;}
  
  .divider { padding-top:50%; margin-left:-50%; }
    .academics-programs .d1:after { background-image:url(/assets/222699/original/1000x500_nd_arch_student_drafting.jpg); }
    .academics-programs .d2:after { background-image:url(/assets/222701/original/1000_500_nd_arch_student_graduation.jpg); }
  
  .full-width .divider { padding-top:40%; margin-left:0%; }  
   
  .aside-concentrations { position:absolute; width:30%; margin-left:-35%; }
  
  .content-header.has-image { position:relative; margin-bottom:1em; }
    .content-header.has-image .page-title { position:absolute; bottom:55%; left:3%; }
    .content-header.has-image .page-subtitle { position:absolute; top:40%; left:3%; max-width:20em; }
      
  /* Faculty */  
  .faculty-section ul,
  .faculty-section-list { -moz-column-count:2; column-count:2; }
  
  .divider { margin-top:4em; margin-bottom:4em; }
  .about-our-approach .divider:after,
  .academics-programs .divider:after { background-size:cover; background-attachment:fixed; }
  
  /* Disable fixed background on Safari */
  _::-webkit-full-page-media, _:future, :root .about-our-approach .divider:after, 
  _::-webkit-full-page-media, _:future, :root .academics-programs .divider:after { background-attachment:scroll; background-size:100vw auto;} 
  
  /* 
  .safari-mac.about-our-approach .divider:after,
  .safari-mac.academics-programs .divider:after { background-attachment:fixed; }
  */

  .driehaus-primary {margin-top:-3.25em; z-index:999;}
  .driehaus-landing .page-title,
  .driehaus-subpage .content-header .page-title {margin:0 0 0.25em; color:#fff; text-shadow:0 0 20px rgba(0,0,0,1), 0 0 30px rgba(0,0,0,1), 0 0 50px rgba(0,0,0,0.75), 0 0 30px rgba(0,0,0,1), 0 0 30px rgba(0,0,0,1);}

  
  .driehaus-landing .page-title:after,
  .driehaus-subpage .page-title:after {margin:0; box-shadow:none; bottom:55%;}

  .driehaus-landing .page-subtitle,
  .driehaus-subpage .page-subtitle {color:#fff; text-shadow:0 0 10px rgba(0,0,0,1), 0 0 15px rgba(0,0,0,1), 0 0 40px rgba(0,0,0,0.85), 0 0 20px rgba(0,0,0,1), 0 0 40px rgba(0,0,0,0.75), 0 0 20px rgba(0,0,0,1); font-weight:bold;}
  
  .driehaus-landing .content-header:after,
  .driehaus-subpage .content-header:after {margin:1em 0 2em; padding-bottom:4px; content:''; position:relative; display:block; bottom:0; height:3px; box-shadow: inset 0 1px 0 #adb1b7, 0 1px 0 #adb1b7;}

  /* Job Openings */
  .job-item { display:flex; flex-flow:row; }
    .job-item .job-company { width:35%; padding-right:2em; }
    .job-item .job-details { width:65%; border-left:2px solid #ddd; padding-left:2em; }
  
  /* Navigation
  ----------------------------------------------------*/
  .nav-top-true .nav-top,
  .nav-top-true .nav-section {display:block; }
    .nav-top .column { padding:0; }
  .nav-top-true .nav-full,
  .nav-top-true.home .beta {display:none;}
  .nav-top-true .nav-top--clone { top:0; height:5.25em; position:fixed; opacity:0; padding:0; transform:translateY(-100%); transition:all 1s; } 
  .nav-top-true .nav-top--sticky { opacity:1; display:block; transform:translateY(0); z-index:2999; } 
  .additional-links { float:none; margin-top:0; }

  /* Footer
  ----------------------------------------------------*/
  .site-footer {text-align:left; }
    .footer-inner {padding:2em 0;}
    .ndmark {position:absolute; right:0; top:2.2em; margin:0;}
    .site-link {display:block;}
    .org {display:inline;}
    .footer-social { display:inline-block; margin-left:1em; vertical-align:middle; }
  .footer-social { position:absolute; top:2rem; left:calc(50% - 2.25em); }
    .footer-social .icon { font-size:1.75em; }
}

/* 920px
   Brand-bar styles
   Adjust @mq width smaller as department name allows
-----------------------------------------------------*/
@media only screen and (min-width:57.5em) {
  blockquote.pull {width:30%;}
  .home-title { font-size:3.25em; }
  .home .site-header:before { padding-top:calc(60% + 50px); bottom:calc(50vh - 50px);}
  .content-header.has-image .page-title { bottom:45%; }
  .content-header.has-image .page-subtitle { top:55%; }
  .secondary-row ul { -moz-column-count:2; column-count:2; }
  .additional-links { float:right; margin-top:-5em; }
}

/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .titlebar.subhead {padding:1.1em 0;}

  .event .vevent {margin:0;}

  .contact-info {margin:0;}
  .site-link,
  .address,
  .site-link,
  .tel,
  .email {float:left; margin:0 1em 0 0;}
  .site-link { float:none; }
  .phone {clear:left;}
  
  .gallery-view-all span { padding:1em; font-size:1.5em;}
  
  .person-item .person-header-content { padding-left:0; }
  
  .reed-award-container { padding:1em 2em; }
  .reed-award-more a {font-size:1.1em;}
  
  .job-item .job-summary-type,
  .job-item .job-summary-experience { line-height:1; font-style:italic; display:inline-block; margin-right:0.75em; }
  .job-item .job-summary-experience { border-left:2px solid #ddd; padding-left:1em;  }
  
  .nav-events li {width:48%; display:inline-block; vertical-align:top;}
  .footer-social { left:calc(50% + 1em); }
  /* IE8 Over-rides */
  .lt-ie8 .header-util nav li {float:right;}
  .lt-ie8 .search-form {width:300px;}
  .lt-ie8 .search-input {float:left;}
}

/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  .brandbar {padding:0;}
  .home-title { top:45%; }  
  .divider { padding-top:55%; margin-left:-25%; }
    .academics-programs .d1:after { background-image:url(/assets/222700/original/1600x800_nd_arch_student_drafting.jpg); }
    .academics-programs .d2:after { background-image:url(/assets/222704/original/1600_800_nd_arch_student_graduation.jpg); }  

  
  .approach-title { font-size:2em; }
  .academics-programs-student-work-gallery fieldset,
  .academics-programs-student-work-gallery .gallery-filters label {width:47%; margin:1em 1% 0 0; padding:0; display:inline-block; vertical-align:top; border:none; }
  .academics-programs-student-work-gallery .gallery-filters label {margin:0 0 0.5em;}
  
  .secondary-row.concentrations ul { -moz-column-count:2; column-count:2; }
  .home-subtitle { top:64%; font-size:1.35em;}
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
  .site-header {text-align:left; }
    .site-header:before { background-image:url(/stylesheets/images/hdr-campus_sketch-1600.jpg); min-height: 35rem; }
    /*.home .site-header:before { background-image:url(/stylesheets/images/hdr-campus-1600.jpg); }*/
  
  .news-column {margin-right:4%;}
  .aside-concentrations { width:20%; margin-left:-21.5%; }
  
  .home .site-header:before { padding-top:calc(50% + 50px); bottom:calc(50vh - 50px);}
  .home .page-title { position:relative; font-size:3rem; bottom:0.75em;  }
  .home-section .section-body { margin-top:3rem; }
  
  
  .approach-sections { margin-left:-20%; }
    
  .footer-social { left:calc(50% - 6em); }
  .footer-social .icon { font-size:2em; }
}

/* 1500px
----------------------------------------------------*/
@media only screen and (min-width:93.75em) {
  .site-header:before { min-height: 70em; }
}


/* Hi-res
----------------------------------------------------*/
@media
  only screen and (-webkit-min-device-pixel-ratio:1.5),
  only screen and (min-device-pixel-ratio:1.5),
  only screen and (-webkit-min-device-pixel-ratio:144),
  only screen and (min-resolution:144dppx) {
    .dept-nd a,
    .dept a {background-size:auto 50px;}
}

/*************************************************************************************
 * 4. Themes
 ************************************************************************************/
@media screen, projection {

  /* Brand Bar
  ----------------------------------------------------*/
  /** White Text **/
  .dept-nd a   {width:301px; background-image:url('https://static.nd.edu/images/brandbar/dept-nd-white.png');}
  .dept-prov a {width:235px;  background-image:url('https://static.nd.edu/images/brandbar/dept-prov-white.png');} /* Office of the Provost */
  .brandbar {border-bottom:1px solid #000; background:#0c2340;}
}

/* 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
  only screen and (-webkit-min-device-pixel-ratio:1.5),
  only screen and (min-device-pixel-ratio:1.5),
  only screen and (-webkit-min-device-pixel-ratio:144),
  only screen and (min-resolution:144dppx){
  .dept-nd a   {background-image:url('https://static.nd.edu/images/brandbar/dept-nd-white@2x.png');}
  .dept-prov a {background-image:url('https://static.nd.edu/images/brandbar/dept-prov-white@2x.png');} /* Office of the Provost */
}

/*************************************************************************************
 * 5. Grid
 * Author:http://foundation.zurb.com/
 * Version:6.0.5
 * Documentation:http://foundation.zurb.com/sites/docs/flex-grid.html
 * Updated:2015-12-04
 * Heavily modified. Do not update from Zurb without comparing styles
 ************************************************************************************/
.row { max-width:80rem; display:flex; flex-direction:column; flex-wrap:wrap; margin-left:auto; margin-right:auto; }
.row .row,
.column-row .row { margin-left:-0.9375rem; margin-right:-0.9375rem; }
.row.collapse > .column,
.row.collapse > .columns {padding-left:0; padding-right:0;}
.row.collapse .row {margin-left:0; margin-right:0;}
.column,
.columns { flex:1 1 auto; padding-left:0.9375rem; padding-right:0.9375rem; }
.row.align-right { justify-content:flex-end; }
.row.align-center { justify-content:center; }
.row.align-justify { justify-content:space-between; }
.row.align-spaced { justify-content:space-around; }
.row.align-top { -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; -ms-grid-row-align:flex-start; align-items:flex-start; }
.column.align-top { align-self:flex-start; }
.row.align-bottom { -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; -ms-grid-row-align:flex-end; align-items:flex-end; }
.column.align-bottom { align-self:flex-end; }
.row.align-middle { -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center; }
.column.align-middle { align-self:center; }
.row.align-stretch { -webkit-box-align:stretch; -webkit-align-items:stretch; -ms-flex-align:stretch; -ms-grid-row-align:stretch; align-items:stretch; }
.column.align-stretch { align-self:stretch; }
.small-1 { flex:0 0 8.33333%; max-width:8.33333%; }
.small-2 { flex:0 0 16.66667%; max-width:16.66667%; }
.small-3 { flex:0 0 25%; max-width:25%; }
.small-4 { flex:0 0 33.33333%; max-width:33.33333%; }
.small-5 { flex:0 0 41.66667%; max-width:41.66667%; }
.small-6 { flex:0 0 50%; max-width:50%; }
.small-7 { flex:0 0 58.33333%; max-width:58.33333%; }
.small-8 { flex:0 0 66.66667%; max-width:66.66667%; }
.small-9 { flex:0 0 75%; max-width:75%; }
.small-10 { flex:0 0 83.33333%; max-width:83.33333%; }
.small-11 { flex:0 0 91.66667%; max-width:91.66667%; }
.small-12 { flex:0 0 auto; max-width:100%; }
.small-order-1 { order:1; }
.small-order-2 { order:2; }
.small-order-3 { order:3; }
.small-order-4 { order:4; }
.small-order-5 { order:5; }
.small-order-6 { order:6; }

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .row { flex-direction:row; }
  .column,
  .columns { flex:1 1 0; }
  .medium-1 { flex:0 0 8.33333%; max-width:8.33333%; }
  .medium-2 { flex:0 0 16.66667%; max-width:16.66667%; }
  .medium-3 { flex:0 0 25%; max-width:25%; }
  .medium-4 { flex:0 0 33.33333%; max-width:33.33333%; }
  .medium-5 { flex:0 0 41.66667%; max-width:41.66667%; }
  .medium-6 { flex:0 0 50%; max-width:50%; }
  .medium-7 { flex:0 0 58.33333%; max-width:58.33333%; }
  .medium-8 { flex:0 0 66.66667%; max-width:66.66667%; }
  .medium-9 { flex:0 0 75%; max-width:75%; }
  .medium-10 { flex:0 0 83.33333%; max-width:83.33333%; }
  .medium-11 { flex:0 0 91.66667%; max-width:91.66667%; }
  .medium-12 { flex:0 0 100%; max-width:100%; }
  .medium-expand { flex:1 1 0px; }
  .medium-order-1 { order:1; }
  .medium-order-2 { order:2; }
  .medium-order-3 { order:3; }
  .medium-order-4 { order:4; }
  .medium-order-5 { order:5; }
  .medium-order-6 { order:6; }
}

/* 1024px
----------------------------------------------------*/
@media screen and (min-width:64em) {
  .large-1 { flex:0 0 8.33333%; max-width:8.33333%; }
  .large-2 { flex:0 0 16.66667%; max-width:16.66667%; }
  .large-3 { flex:0 0 25%; max-width:25%; }
  .large-4 { flex:0 0 33.33333%; max-width:33.33333%; }
  .large-5 { flex:0 0 41.66667%; max-width:41.66667%; }
  .large-6 { flex:0 0 50%; max-width:50%; }
  .large-7 { flex:0 0 58.33333%; max-width:58.33333%; }
  .large-8 { flex:0 0 66.66667%; max-width:66.66667%; }
  .large-9 { flex:0 0 75%; max-width:75%; }
  .large-10 { flex:0 0 83.33333%; max-width:83.33333%; }
  .large-11 { flex:0 0 91.66667%; max-width:91.66667%; }
  .large-12 { flex:0 0 100%; max-width:100%; }
  .large-expand { flex:1 1 0px; }
  .large-order-1 { order:1; }
  .large-order-2 { order:2; }
  .large-order-3 { order:3; }
  .large-order-4 { order:4; }
  .large-order-5 { order:5; }
  .large-order-6 { order:6; }
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
  .xlarge-1 { flex:0 0 8.33333%; max-width:8.33333%; }
  .xlarge-2 { flex:0 0 16.66667%; max-width:16.66667%; }
  .xlarge-3 { flex:0 0 25%; max-width:25%; }
  .xlarge-4 { flex:0 0 33.33333%; max-width:33.33333%; }
  .xlarge-5 { flex:0 0 41.66667%; max-width:41.66667%; }
  .xlarge-6 { flex:0 0 50%; max-width:50%; }
  .xlarge-7 { flex:0 0 58.33333%; max-width:58.33333%; }
  .xlarge-8 { flex:0 0 66.66667%; max-width:66.66667%; }
  .xlarge-9 { flex:0 0 75%; max-width:75%; }
  .xlarge-10 { flex:0 0 83.33333%; max-width:83.33333%; }
  .xlarge-11 { flex:0 0 91.66667%; max-width:91.66667%; }
  .xlarge-12 { flex:0 0 100%; max-width:100%; }
  .xlarge-expand { flex:1 1 0px; }
  .xlarge-order-1 { order:1; }
  .xlarge-order-2 { order:2; }
  .xlarge-order-3 { order:3; }
  .xlarge-order-4 { order:4; }
  .xlarge-order-5 { order:5; }
  .xlarge-order-6 { order:6; }
}

.shrink { flex:0 0 auto; }
.row.medium-unstack .column { flex:0 0 100%; }
.row.large-unstack .column { flex:0 0 100%; }
@media screen and (min-width:43.75em) { .row.medium-unstack .column { flex:1 1 0px; } }
@media screen and (min-width:64em) { .row.large-unstack .column { flex:1 1 0px; } }

/* Grid Customizations
--------------------------------------------------------------------------------------*/

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .row-container {max-width:96%;}
  .full-width .alpha {flex:0 0 100%; max-width:100%;}
  .full-width .beta {display:none;}
}

/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  .news-column > h2, 
  .events-column > h2 { margin-top:0.45rem; }  
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
  .row-container {max-width:90%;}
}

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

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{ padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { 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-image, 
.fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, 
.fancybox-close, 
.fancybox-prev span, 
.fancybox-next span { background-image: url('images/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('images/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } 
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; } 
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; } 
.fancybox-lock-test { overflow-y: hidden !important; } 
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('images/fancybox_overlay.png'); background:rgba(0, 0, 0, 0.8); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } 

/* Title helper */
.fancybox-title { visibility: hidden; font-family: "Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; font-size:1em; }
.fancybox-opened .fancybox-title { visibility: visible; } 
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 1em; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
	#fancybox-loading div { background-image: url('fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}


/*************************************************************************************
 * 6. Print Styles
 ************************************************************************************/
@media print {

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

  /* Styles
  ----------------------------------------------------*/
  a[href^="javascript:"]:after,
  a[href^="#"]: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
  ----------------------------------------------------*/
  .article-more,
  .breadcrumbs,
  .header-util,
  .skip-links,
  .nav-mobile,
  .nav-site,
  .nav-top,
  .home-title,
  .home-subtitle,
  h2 .btn,
  .nav-skip {display:none;}

  /* STRUCTURE
  ----------------------------------------------------*/
  .site-header {overflow:hidden; position:relative; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid gray;}
    .brandbar {font-size:12px; text-transform:uppercase; font-family:"Adobe Garamond", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;}
      .brandbar i {text-transform:none;}
    .site-title,
    .site-subtitle {margin:0; color:#333; }
    .site-header a,
    .site-title a,
    .site-subtitle a {color:#000; text-decoration:none;}
    .site-title {margin:4px 0 2px; font-size:2rem;}
    .site-subtitle {font-size:1rem;}

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

  .section-title { text-align:left; }
  .hentry .row { flex-direction:row; }
  .news-image { width:33%; }
  .news-content { width:66%; }
  
  .news-events-row { flex-direction:row; }
  .news-column { width:66%; }
  .events-column { width:33%; }
  
  .driehaus-landing .page-title { margin-top:0.5em; }
  .driehaus-row { flex-direction:row; }
  .driehaus-primary { width:66%; }
  .driehaus-secondary { width:33%; }
 
  .gallery-item { position:static !important; width:25%; float:left; }
  .gallery-container { float:left; width:100%; display:block;  }  
  .home .gallery-item { position:relative !important; max-width:25%; flex:0 0 25%; }
  .home .gallery-view-all { top:3em; }
  .publications.row ,
  .publication-item > .row { flex-direction:row; }
  .publication-item { width:50%; max-width:50%; }
  .publication-header-image { width:33%; }
  .publication-header-content { width:66%; }
  .publication-content-image { width:25%; float:right; margin:0 0 1em 1em; }
  .site-footer {position:relative; clear:both; margin:20px 0 0; padding:20px 0 0; border-top:1px solid gray;}
    .site-footer p {margin:0;}
    .geo,
    .country-name {display:none;}
    .tel {display:block;}
    .site-footer .ndmark {position:absolute; top:20px; right:0;}

  /* Home */
  .home-news-row,
  .home-events-row, 
  .home-callouts-row { flex-direction:row; }
  .home-news-featured { width:60%; }
  .home-news-stacked { width:40%; }
  .home-callout-item { width:50%; }
  .home-events-item { width:33%; }
  
  /* People */
  .people-results { flex-direction:row; }
  .person-item { width:50%; max-width:50%; }
    .person-item .row { flex-direction:row; }
    .person-header-image { width:33%; }
    .person-header-content { width:66%; }
}