/*!
Launched: 2016-03-07
Authors: Taylor Packet, Shawn Maust, Erik Runyon
Marketing Communications:Web

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

BRANDING
-----------------------------------------
1. COLORS
   - Blue (Headings):#002b5b
   - Blue (Links):#004da3
   - Gold:#dcb439

2. FONT STACKS
   - Headings:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
   - Body:font-family:Lora, "Times New Roman", Times, serif
*/

@import url(//fonts.googleapis.com/css?family=Lora:400,400italic,700);

/*************************************************************************************
 * 1. Common Styles
 ************************************************************************************/
*, *: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%; text-size-adjust:100%;-webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; }
body {width:100%; margin:0; padding:0; color:#383838; font:1em/1.5em Lora, "Times New Roman", Times, serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display:block;}
audio, canvas, video {max-width:100%; width:100%; display:inline-block; *display:inline; *zoom:1;}
audio:not([controls]) {display:none;}
[hidden] {display:none;}
p {margin:0 0 1em; font-size:1.15em; line-height:1.7em;}
a {color:#ae9142; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-transition:all 125ms ease; transition:all 125ms ease;}
a:visited {color:#fff; text-decoration:none; }
a:hover {color:#eee;}
a:active {color:#fff;}
a:focus {outline:thin dotted;}
a.tapped {background-color:rgba(255,255,255,0.35);}
.home a.tapped {background:none;}
::-moz-selection,
::-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;}
h1,h2,h3,h4,h5,h6 {margin:1.4em 0 0.25em; line-height:1.2em; color:#fff; font-weight:800; text-rendering:optimizeLegibility; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-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:#fff;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {text-decoration:underline;}
h1 {margin-top:0; font-size:2em;}
h2 {margin:0; font-size:2.4em; }
h3 {font-size:1.563em;}
h4 {font-size:1.375em;}
h5 {font-size:1.188em;}
h6 {font-size:1em;}
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 0.25em;}
nav ul {margin:0; padding:0; list-style:none;}
nav li {margin:0; padding:0;}
nav a {text-decoration:none;}
iframe, embed {width:100%;}
sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}
pre, code, kbd, samp {font-family:monospace, sans-serif;}
hr {clear:both; width:100%; margin:1em 0; border:1px solid #dadada; border-width:1px 0 0;}

/* Quotes
----------------------------------------------------*/
blockquote { position:relative; margin:1.5em 2em; padding:0; font-size:1.1em; line-height:1em; text-align:left; }
blockquote:before {content:'\201C'; font-size:5em; color:rgb(194,2,37); display:block; position:absolute; left:-0.5em; top:0.25em; }
blockquote p {padding-left:1em; color:#1a324e;line-height:1.5em; }
blockquote footer { text-align:right; font-size:0.8em; text-transform:uppercase; }
blockquote.pull {font-style:normal;}
blockquote.pull p {padding-left:0; border:none;}
blockquote cite {margin-top:1em; display:block; font-size:0.75em; line-height:1.4em; font-style:normal; color:#656565}
blockquote cite:before {content:"– "}

/* Images
----------------------------------------------------*/
figure {margin:0;}
figcaption {margin:0.5em 0 0; font-size:0.9em; text-align:left; width:90%; font-style:italic; color:#656565; line-height:1.4em; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
figcaption a { color:#932e18; }
figcaption a:hover { color:#711e0e; }
figcaption a:visited { color:#713e33; }
img {max-width:100%; width:auto; height:auto; border:none; vertical-align:bottom; -ms-interpolation-mode:bicubic; box-sizing:content-box; -webkit-transition:all 125ms ease; transition:all 125ms ease; }

/* General Classes
----------------------------------------------------*/
.noborder {border:none !important;}
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;}

.skip-links {border:0; clip:rect(0 0 0 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;}

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

@font-face {font-family:GP; font-weight:400; font-style:normal;
  src:url('//static.nd.edu/fonts/gp-min/gp-book.woff') format('woff'),
      url('//static.nd.edu/fonts/gp-min/gp-book.ttf') format('truetype');
}
@font-face {font-family:GP; font-weight:400; font-style:italic;
  src:url('//static.nd.edu/fonts/gp-min/gp-book-italic.woff') format('woff'),
      url('//static.nd.edu/fonts/gp-min/gp-book-italic.ttf') format('truetype');
}
@font-face {font-family:GP; font-weight:800; font-style:italic;
  src:url('//static.nd.edu/fonts/gp/gp-heavy-italic.woff') format('woff'),
      url('//static.nd.edu/fonts/gp/gp-heavy-italic.ttf') format('truetype');
}

/*************************************************************************************
 * 2. Screen Styles
 ************************************************************************************/
@media screen,projection {
  blockquote {padding:1em;}
  body { color:#ddd; background:#1d1d1d; }
  figure {margin:1em auto;}
    figure img {margin:0 auto;}
  .wrapper {height:100%;}
  .row {width:100%; margin:0 auto; *zoom:1;}
  .row:before, .row:after {content:" "; display:table;}
  .row:after {clear:both;}

  /* Header
  ----------------------------------------------------*/
  .site-header {position:relative; z-index:1; margin:0; display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; }
    .site-header-caption { display:block; position:absolute; top:50px; right:0; background-color:rgba(0, 0, 0, 0.75); color:rgba(255, 255, 255, 0.9); font-size:0.8em; font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; padding:0.3em 1em; margin:0; text-align:right; width:100%; }
  .brandbar,
  .titlebar {overflow:hidden; }
    .brandbar li {margin:0 -0.9375em; padding:0;}
    .brandbar a {display:block;  margin:0 auto; text-decoration:none; height:50px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat;}
    .dept-nd img {display:none;}
      .dept-nd a {background-position:left 0;}
      .dept a {background-position:right 0;}
  .titlebar {position:relative; z-index:9999; text-align:center; color:#fff; font-family:Lora, "Times New Roman", Times, serif; -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2; }
    .home .titlebar { -webkit-box-ordinal-group:5; -webkit-order:4; -ms-flex-order:4; order:4; }
    .site-title { padding:0.1em 0.45em 0.3em; margin:0.3em 0; display:inline-block; position:relative; color:#fff; font-weight:800; font-size:2.5em; text-transform:uppercase; font-style:italic; line-height:1em; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
    .site-title:before  { content:''; display:block; position:absolute; top:0; left:0; bottom:0; right:0; z-index:-1; background:#ae9142;
      -webkit-transform:skewX(-10deg);
          transform:skewX(-10deg);
    }
    .site-title a { color:#fff; text-decoration:none; }
      .site-title a:hover { text-decoration:none; }
      
    .home-intro {font-style:italic; font-size:1.45em; line-height:1.45em; color:#ccc;}

    .tagline { display:inline-block; position:absolute; top:60%; left:0; right:0; line-height:1.5em; text-shadow:0 1px 0.5em rgba(0,0,0,0.75),0 1px 10px rgba(0,0,0,0.85), 0 0 30px rgba(0,0,0,0.75), 0 0 40px rgba(0,0,0,0.85);}

  /* Home Header */
  .home .header-image-wrapper {padding:0;}
  .header-image-wrapper { padding:0 0 1em; }
    .header-image { position:relative; padding-top:63.4%; background:url('images/group_shot-sml.jpg') 0 0 no-repeat; background-size:100%; }
    .target { display:none; }

  /* Mobile Nav
  ----------------------------------------------------*/
 
 .depth_1 {font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1em;}
 .nav-site {padding-top:1em; border-top:1px solid #999;}
 .nav-site li {padding:0.5em;}
 .nav-site a:hover {background:#000;}
 .nav-skip .toggled {border:none;}

  .nav-skip { display:block; margin:1em 0; position:absolute; left:50%; margin-left:-.5em; width:2em; height:2em; padding:0.5em 0; text-indent:1.75em; font-size:1.3em; line-height:0.1em; text-align:center; text-decoration:none; border:none; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
    .home .nav-skip { margin-left:-3em; }
    .nav-skip span {position:relative; top:0.4em; margin:0 auto; -webkit-transition-duration:0s; transition-duration:0s; -webkit-transition-delay:0.2s; transition-delay:0.2s; font-size:0.8em;}
    .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; -webkit-transition-property:top, -webkit-transform; transition-property:top, -webkit-transform; transition-property:top, transform; transition-property:top, transform, -webkit-transform; -webkit-transition-duration:0.2s; transition-duration:0.2s; -webkit-transition-delay:0.2s, 0; 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); -webkit-transition-delay:0.2s; transition-delay:0.2s; }
    .nav-skip.toggled span:before,
    .nav-skip.toggled span:after {top:0; -webkit-transition-delay:0, 0.2s; transition-delay:0, 0.2s; }
    .nav-skip.toggled span:before { -webkit-transform:rotate(45deg); transform:rotate(45deg);}
    .nav-skip.toggled span:after { -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
 
  /* Navigation 
  ----------------------------------------------------*/
  .home .nav-top {margin:1.25em 0;}
  .nav-top { width:100%; text-align:center; margin:1.5em 0; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:400;  }
    .nav-top ul { padding-top:3em; }
    .nav-top li { position:relative; margin:0 0.25em;}
    .nav-top a { display:block; padding:0.25em; color:white; } 
    .nav-top li:before { content:''; display:block; position:absolute; top:0; left:0; bottom:0; right:0; z-index:-1; background:none; -webkit-transform:skewX(-10deg); transform:skewX(-10deg); -webkit-transition:background 0.3s; transition:background 0.3s; }
    .nav-top .hover:before,
    .nav-top .active:before,
    .nav-top li:hover:before { background:#303030; }
    .nav-top .home { display:inline-block; position:absolute; vertical-align:top; padding:4px; }
    .nav-top .icon {  height:1.5em; width:1.5em; fill:#fff; }
  
  #primary { display:inline-block; height:0; overflow:hidden; -webkit-transition:height 0.3s; transition:height 0.3s; }
    #primary.active { height:16em; }
  
  .nav-page { display:none; background:#222; width:100%; font-size:0.75em; letter-spacing:2px; text-transform:uppercase; }
    .nav-page .title { line-height:40px; margin:0; font-weight:700; }
    .nav-page ul { margin:0; padding:0; }
    .nav-page li { line-height:40px; width:25%; margin-right:-0.5em; display:inline-block; text-align:center; padding:0 1em; }
    .nav-page .title,
    .nav-page a { color:#fff; display:inline-block; line-height:40px; }
    .nav-page .active { border-bottom:4px solid rgb(157,14,37); }

  /* Content
  ----------------------------------------------------*/
  .site-content {position:relative; padding:0 0 2em; }
  .intro { font-size:1.35em; }
  .section {position:relative; padding:1em;}

  .page-title { color:#fff; margin:0.5em 0 0.25em; font-weight:700; text-transform:uppercase; }
  .content-header { margin:1em 0 4em; font-style:italic; }
    .content-header-school { font-size:1.4em; margin:0.25em 0; }
    .content-header-title { position:relative; font-size:1em; line-height:1.45em; font-style:normal;}
    .content-header-school,
    .content-header-title {color:#aaa;}
    .content-header-details { position:relative; }
    .content-header-details:after { content:''; display:block; position:absolute; bottom:-2em; left:0; width:25%; height:0.35em; background:#ae9142; }
  .byline {margin-top:1em; padding:0 1em;}
  /* .byline:before {content:""; display:block; margin-bottom:1.5em; width:100px; height:2px; border-top:2px solid #ccc;} */
  .byline p {margin:0; font-size:0.9em; }
  .byline ul {padding:0; list-style:none; font-size:0.9em; }
  .byline strong {text-transform:uppercase; letter-spacing:1px; }

  /* Footer
  ----------------------------------------------------*/
  .site-footer {position:relative; clear:both; overflow:hidden; margin:0 auto; padding:1em 0; color:#222; text-align:center; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background:#ddd; border-top:1px solid #927636;}
    .footer-inner {position:relative; margin:0 auto; padding:1em 0;}
    .site-footer p {margin:0; font-size:0.875em;}
  .site-info {margin:1em 0;}
  .site-info li {display:inline-block; *display:inline; *zoom:1; margin:0 2%;}
  .site-footer a {color:#002b5c; 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; height:70px; margin:2em auto;}

}

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

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.25em) {
  blockquote.pull {font-size:1.3em;}
  blockquote {font-size:1em;}
  .divider.caption {top:0; right:1em; width:auto;}
  .image-right,
  .image-left {max-width:50%;}
  .image-right { float:right; margin:0 0 1.2em 1.2em; }
  .image-left { float:left; margin:0 1.2em 1.2em 0; }
  .content-header-details--right { width:calc(50% - 1.5em); float:right;}
  .content-header-details--right:after { width:50%; }
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  html {background-attachment:fixed;}

  h2 {font-size:2.3em;}
  h3 {font-size:1.75em;}
  h4 {font-size:1.5em;}
  h5 {font-size:1.25em;}
  h6 {font-size:1.125em;}

  .bq-wide { margin-left:-1em; margin-right:-1em; }
  .row {max-width:90vw;}
  .byline { padding:0; }
  .brandbar li {margin:0 auto;}

  .site-title {font-size:3.75em}
  .tagline { font-size:1.3em; }
  .site-header-caption {max-width:50%;}

  .home .header-image-wrapper {padding:1em 0 0;}
  .header-image-wrapper { padding:1em 0; }

  blockquote {padding:0; font-size:1.15em;}

  /* Header
  ----------------------------------------------------*/
  .site-header {text-align:left; }
  .brandbar {padding:0;}
    .brandbar li {float:left;}
    .header-image { background-image:url('images/group_shot-med.jpg'); }

  .target { position:absolute; z-index:2; display:block;}
    .target.margot-fassler { top:35%; left:8%; height:40%; width:24%; }
    .target.tracy-kijewski-correa { top:25%; left:25%; width:24%; height:40%; }
    .target.ani-aprahamian { top:3%; left:40%; width:18%; height:40%; }
    .target.mary-ellen-o-connell { top:23%; left:55%; width:25%; height:40%; }
    .target.ann-tenbrunsel { top:6%; left:73%; width:15%; height:30%; }
    .target.krupali-krusche { top:26%; left:70%; width:24%; height:50%; }
    .target a { display:block; position:absolute; top:0; left:0; right:0; bottom:0; color:#fff; text-decoration:none; }

  .overlay { content:''; display:block; position:absolute; z-index:1; left:0; right:0; top:0; bottom:0; width:100%; height:100%; mix-blend-mode:darken; opacity:0.7; }
    #overlay-2 { mix-blend-mode:darken; opacity:0.85; display:none; } 
    .overlay.margot-fassler { 
      /* background: -webkit-radial-gradient(15% 50% ellipse, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%); */
      background: -webkit-radial-gradient(15% 50% ellipse, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%);
      background: radial-gradient(ellipse at 15% 50%, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%); 
    }
    .overlay.tracy-kijewski-correa { 
      /* background: -webkit-radial-gradient(30% 35% ellipse, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%); */
      background: -webkit-radial-gradient(30% 35% ellipse, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%);
      background: radial-gradient(ellipse at 30% 35%, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%); 
    }
    .overlay.ani-aprahamian { 
      /* background: -webkit-radial-gradient(48% 5% ellipse, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%); */
      background: -webkit-radial-gradient(48% 5% ellipse, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%);
      background: radial-gradient(ellipse at 48% 5%, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%); 
    }
    .overlay.mary-ellen-o-connell { 
      /* background: -webkit-radial-gradient(65% 40% ellipse, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%); */
      background: -webkit-radial-gradient(65% 40% ellipse, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%);
      background: radial-gradient(ellipse at 65% 40%, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%); 
    }
    .overlay.ann-tenbrunsel { 
      /* background: -webkit-radial-gradient(80% 5% ellipse, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%); */
      background: -webkit-radial-gradient(80% 5% ellipse, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%);
      background: radial-gradient(ellipse at 80% 5%, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%); 
    }
    .overlay.krupali-krusche { 
      /* background: -webkit-radial-gradient(81% 45% ellipse, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%); */
      background: -webkit-radial-gradient(81% 45% ellipse, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%);
      background: radial-gradient(ellipse at 81% 45%, rgba(255, 255, 255, 0) 0%, rgba(255,255,255,0) 5%, rgba(0, 0, 0, 0.6) 30%); 
    }
  
  .details { display:none; position:absolute; bottom:0; text-shadow:0 0 10px #000, 0 0 20px #000; }
  .details-name { display:block; margin-bottom:.3em; font-size:1.4em; line-height:1em; font-style:italic; font-weight:800; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; text-transform:uppercase;}
  .details-school { display:block; font-size:1em; font-style:italic; font-weight:300; }
  .active .details { display:block; z-index:1000; color:#fff; font-size:1.25em; }

  /* Navigation 
  ----------------------------------------------------*/
  .home .nav-top {margin:1em 0 0;}  
  .nav-page { display:block; position:fixed; top:0; left:0; right:0; -webkit-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; -webkit-transform:translateY(-100%); transform:translateY(-100%); }
  .nav-page.visible { -webkit-transform:translateY(0); transform:translateY(0); }

  .nav-top-true .nav-full { display:none; }
    .nav-top ul { padding:0; }
    .nav-top li,
    .nav-top .home { position:relative; display:inline-block; }

  .nav-skip { display:none; }
    #primary { height:auto; }
    
  /* Content
  ----------------------------------------------------*/
  
  /* Footer
  ----------------------------------------------------*/
  .site-footer {text-align:left;}
    .footer-inner {padding:1em 0 2em;}
    .ndmark {position:absolute; right:0; top:2.2em; margin:0;}
    .site-link {display:block;}
    .org {display:inline;}
}

/* 1000px
----------------------------------------------------*/
@media only screen and (min-width:62.5em) {
    blockquote.pull { font-size:1.1em}
  .brandbar {padding:0;}
  .site-title {margin-bottom:0.5em; font-size:4.5em;}
    .site-title div {font-size:0.9em;}
    .header-image { background-image:url('images/group_shot-lrg.jpg'); }
  .tagline { font-size:1.6em; }
    .divider .caption {width:60%;}
  .image-right {margin-right:-20vw;}

  /* Navigation 
  ----------------------------------------------------*/
  .nav-page .title { width:33%; float:left; }
  .nav-page ul { width:66%; float:left; }

  /* Content
  ----------------------------------------------------*/
  /* .section {width:70vw; padding:0;} */
  .section {width:40vw; margin-left:25vw; padding:0;}
  .divider blockquote { width:42vw; margin-left:18vw; }
  .pull {float:right; width:20vw; margin-right:-20vw; padding:0 0 0 2em;}
  blockquote.pull:before { font-size:6em; top:-0.125em; left:49%;}

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

  /* 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) {
  blockquote {font-size:1.1em;}
  .row {max-width:80vw;}
  ./* section {width:60vw; padding:0;} */
  .pull {float:right; width:20vw; margin-right:-20vw;}
  figure.full { width:80vw; margin-left:-20vw; }
  .site-header { }
    .site-header-caption {max-width:40%;}
  .nav-top li {margin:0 0.5em;}

}

/* 1400px
----------------------------------------------------*/
@media only screen and (min-width:87.5em) {
  blockquote.pull {font-size:1.2em;}
    .nav-top li {margin:0 1em;}
       .section {margin-left:20vw;}
}

/* 1600px
----------------------------------------------------*/
@media only screen and (min-width:100em) {
  .divider {height:800px;}
}

/* Hi-res
----------------------------------------------------*/
@media
  (-webkit-min-device-pixel-ratio:1.5),
  only screen and (min--moz-device-pixel-ratio:1.5),
  (-webkit-min-device-pixel-ratio:144),
  (min-resolution:144dppx){

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

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

  /* Brand Bar
  ----------------------------------------------------*/
  .dept-nd a   {width:301px; background-image:url(//static.nd.edu/images/brandbar/dept-nd-white.png);}
  .brandbar {background:#ae9142; border-bottom:1px solid #001123;}

}

/* Hi-res
----------------------------------------------------*/
@media
  (-webkit-min-device-pixel-ratio:1.5),
  only screen and (min--moz-device-pixel-ratio:1.5),
  (-webkit-min-device-pixel-ratio:144),
  (min-resolution:144dppx){
    .dept-nd a {background-image:url(//static.nd.edu/images/brandbar/dept-nd-white@2x.png);}

}

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

  @page {margin:0.5cm;}
  body {font-family:Georgia, "Times New Roman", Times, serif; color:#000;}
  h1, h2, h3, h4, h5, h6 { color:#000; }
  a, a:visited,
  h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color:#000; text-decoration:none; }
  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
  ----------------------------------------------------*/
  .breadcrumbs,
  .header-util,
  .skip-links,
  .nav-mobile,
  .nav-top,
  .nav-skip,
  .header-image-wrapper {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,
    .subline {margin:0; display:block; font-family:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
    .site-header a,
    .site-title a,
    .subline a {color:#000;}
    .site-title {margin:4px 0 2px; font-size:30pt; }
    .subline {font-size:1em;}

  .site-content a:link:after {content:" [link:" attr(href) "] "; font-size:11px; font-family:inherit;}
  .site-content abbr:after {content:" (" attr(title) ")";}
  .image-left img,
  .image-right img { max-width:33%; }
  .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;}
}