/*!
Launched:2019-6-14
Authors:Taylor Packet, Erik Runyon
Marketing Communications:Web

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

BRANDING
-----------------------------------------
1. COLORS
   - Blue: #0c2340
   - Gold: #ae9142

2. FONT STACKS
   - Headings: GPC, "Arial Narrow", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
   - Body: Sumana, Georgia, "Times New Roman", Times, serif
   - Captions: "Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif
*/


/*************************************************************************************
 * 1. Common Styles
 ************************************************************************************/
*, *:before, *:after {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; 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%; 
  -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 Sumana, Georgia, "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 1.5em; font-size:1.25em; line-height:1.8em;}
a {color:#0c2340; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-transition:all 125ms ease;
     -moz-transition:all 125ms ease;
       -o-transition:all 125ms ease;
          transition:all 125ms ease;
}
a:visited {color:#4a3651; text-decoration:none;}
a:hover {color:#143865;}
a:active {color:#0645AD;}
a:focus {outline:thin dotted;}
a.tapped {background-color:rgba(220,179,57,0.5);}
::-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.4em; color:#0c2340; font-weight:700; text-rendering:optimizeLegibility; font-family:GPC, "Arial Narrow", "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:#004da3;}
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:1.65em;}
h2 {margin:0 0 0.25em; 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:2em 0 3em; border:1px solid #dadada; border-width:1px 0 0;}

/* Blockquotes
----------------------------------------------------*/
  blockquote {position:relative; margin:0 1rem; padding:0; font-family:Sumana, "Times New Roman", Times, serif; text-align:left;}
  blockquote p {margin:2rem 0; padding-left:2rem; border-left:3px solid #ae9142; font-size:1.45rem; line-height:1.6em; color:#0c2340}
  	blockquote p cite {display:block; margin:1rem 0 0; font-size:1rem; color:#555; text-align:right; font-weight:normal; font-style:normal; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}

/* Images
----------------------------------------------------*/
figure {margin:1rem 0 1.5rem;}

figcaption,
.group-caption,
.cta-caption {clear:both; margin:0.5em 0 0.75em; font-size:0.95rem; text-align:left; width:98%; color:#595959; line-height:1.4em; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
.cta-caption {margin:0 0 1rem; font-size:1.1rem; line-height:1.65;}
.image-right {clear:both; margin:0.5em 0 0.75em; font-size:0.95rem; text-align:left; width:98%; color:#595959; line-height:1.4em; font-family:"Libre Franklin", "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;
  -webkit-box-sizing:content-box;
     -moz-box-sizing:content-box;
          box-sizing:content-box;
  -webkit-transition:all 125ms ease;
     -moz-transition:all 125ms ease;
       -o-transition:all 125ms ease;
          transition:all 125ms ease;
}
.figgroup-4 figure {float:left; width:48%; margin-left:1%; margin-right:1%;}
.no-js .lazyload {display:none;}
.lazyload {width:100%; height:100%; background:#777;}

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

  .visibility-hidden {display:none !important;}
  .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;}

/*************************************************************************************
 * 2. Screen Styles
 ************************************************************************************/
@media screen,projection {
  body {background:#fffffe;}
  .wrapper {height:100%;}
  .row {width:100%; margin:0 auto; *zoom:1;}
  .row:before, .row:after {content:" "; display:table;}
  .row:after {clear:both;}
    
  .video { position:relative; display:inline-block; text-align:center; overflow: hidden; }
   .video .play { position:absolute; bottom:0; left:0; width:100%; height:100%; margin:0 auto; background:rgba(0, 0, 0, 0.1) url('images/play-btn.svg') no-repeat left center / auto 100%; -webkit-transform-origin: 12% 79%; transform-origin: 12% 79%; -webkit-transform: scale(1); transform: scale(1); transition: all 125ms cubic-bezier(0, 0, 0.25, 1); }
   .video:hover .play { background-color: rgba(0, 0, 0, 0); -webkit-transform: scale(1.15); transform: scale(1.15); }

  .embed-inner {position:relative; padding:0;}
  .embed-inner iframe,
  .embed-inner object,
  .embed-inner embed {position:absolute; top:0; left:0; width:100%; height:100%;}

  progress {position:fixed; left:0; top:0; z-index:10; width:100%; height:5px; border:none; color:#1a324e; background-color:transparent;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
  }
  progress::-webkit-progress-bar {background-color:transparent;}
  progress::-webkit-progress-value {background-color:#1a324e;}
  progress::-moz-progress-bar {background-color:#1a324e;}

  /* Header
  ----------------------------------------------------*/
  .site-header {position:relative; z-index:1; margin:0; }
  .brandbar { position:absolute; z-index:1; top:0; left:0; bottom:0; right:0; height:100%;}
    .brandbar li {margin:0; padding:0;}
    .brandbar a {display:block; margin:0.5rem auto; text-decoration:none; height:65px; text-indent:-9999px; overflow:hidden; background-repeat:no-repeat;}
    .dept-nd img {display:none;}
      .dept-nd a {background-position:center 0;}
      .dept a {background-position:right 0;}

  .titlebar {position:relative; color:#fff; font-family:Sumana, "Times New Roman", Times, serif; }

	.category {color:#555; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:0.08em;}
  .site-title {margin-bottom:0; font-size:2.25rem; line-height:1.1em; font-weight:700; font-family:GPC, "Arial Narrow", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color:#0c2340;}
    .site-title:after {content:''; display:block; width:50px; height:4px; margin:0.75rem 0 1.875rem 0; background:#ae9142;}
  .subtitle {margin:1em 0 0; font-size:1.35rem; line-height:1.45em; font-weight:300; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color:#333;}

  .header-image {position:relative; height:0; padding-top:65%; background:url('images/header-800.jpg') top center no-repeat; background-size:contain;}

  /* Content
  ----------------------------------------------------*/
  .site-content {position:relative; padding:0;}
  .section {position:relative; padding:1.5rem;}
  .intro {font-size:1.35rem;}
  
  .student-container {margin:0; overflow:hidden; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
  .student-container h2 {margin:1rem 0;}
  .student-container .name {margin:0; font-size:1.25rem;}
  .student-container .major {margin-bottom:3rem; font-size:1rem;}
  .student-container .image-left {width:100%; display:block;}
  
  .full-cta {margin-bottom:4rem; padding:1rem 1rem 1rem 0.5rem; border:1px solid #ddd;}
  .full-cta p {max-width:81%; display:inline-block; margin:0; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1rem; line-height:1.4em;}
  .full-cta .icon {display:inline-block; vertical-align:top; margin:5px 1rem 0;}

  /* Byline */
  .byline:before {content:''; margin-bottom:1.5em; display:block; height:4px; width:80px; background:#ae9142;}
  .byline {margin:3.5em 0 0; color:#0c2340; }
  .byline p {margin:0; font-size:1.25em; font-weight:700; font-family:GPC, "Arial Narrow", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
  .byline ul {padding:0; list-style:none; font-size:0.9em; font-weight:400; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-style:normal; color:#555;}
  .byline ul strong {color:#333;}
  .byline a {color:#1a324e;}

  /* Related Content */
  .related {margin:3rem 0;}
    .related article {margin-bottom:1em; padding-right:2.5rem; display:block; vertical-align:top; border-bottom:4px solid transparent; vertical-align:top; color:#1a324e; transition:all 125ms ease-in-out;}
    .related article a {text-decoration:none;}
    .related article:hover {background:#e1e8f2; border-bottom:4px solid #c1cddd; transform:scale(1.0125);}
    .related h2 {margin:0 0 1em; padding:0 0 0.15em; border-bottom:1px solid #ddd; font-size:1.25em; color:#0c2340; font-weight:700; font-family:GPC, "Arial Narrow", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
    .related .image {margin-right:0.75em; float:left; width:130px;}
    .related .category {display:block; margin:0.75rem 0 0; font-size:0.8rem; line-height:1.25rem; color:#555;}
    .related .headline {overflow:hidden}
    .related .headline h3 {margin-top:0; font-size:1.2rem; line-height:1.25em; font-weight:400; font-family: Sumana, "Times New Roman", Times, serif;}
    .related article:hover:after {content:''; width:1rem; position:absolute; opacity:1; bottom:0; top:0; right:1rem; transition:all 125ms ease-in-out; color:#ae9142; display:block; background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"%3E%3Cpath fill="%23ae9142" d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"/%3E%3C/svg%3E') 50% 50% / 1rem no-repeat; }
    .related article {width:100%; display:inline-block;}

   /* Buttons */
  .btn {display:inline-block; padding:0.8rem 1rem; border:3px solid transparent; border-radius:0.6rem; line-height:1.5rem; text-decoration:none; transition:all 125ms ease-in-out; font-size:1rem; font-family:"Libre Franklin", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
    .btn:focus {border-color:#15a6b5; outline:none; }
    .btn:visited {color:#0c2340;}
    .btn svg {vertical-align:middle; transition:transform .25s ease-in-out}
    .btn:hover svg {transform:translateX(0.325em);}

  .btn-inline {color:#0c2340;}
    .btn-inline:hover {color:#0c2340; background-color:#e1e8f2; transform:scale(1.02);}
    .btn-inline:active {color:#0c2340; background-color:#e1e8f2;}
    .btn-inline svg {fill:#ae9142;}
  .text-right {text-align:right;}

 /* Footer
  ----------------------------------------------------*/
  .site-footer {position:relative; text-align:center; margin-top:2rem; font-family:"Libre Franklin", Helvetica, Arial, Verdana, sans-serif; background:#f5f5f5;}
    .site-footer p {clear:both; margin:0; font-size:1rem;}
    .site-footer a {color:#555;}
    .site-footer svg {fill:#555;}

  .footer-global {padding:2rem 0;}
    .footer-global li { padding: 0.5rem 0; }
    .social {margin:2rem 0;}
    .copyright {font-weight:bold;}
    .address {display:block; margin:0;}
    .ndmark {width:200px; margin:2em auto;}

  .footer-global-links {padding:1rem 0; background:#d2d2d2; font-size:1rem;}
    .footer-global-links a {padding:0.45rem 1rem; border-radius:0.5rem; transition:all 125ms ease-in-out; text-decoration:none; transition:all 125ms ease-in-out;}
    .footer-global-links a:hover {text-decoration:underline;}
    .footer-global-links nav a:hover {text-decoration:none; background-color:#f0f0f0;}

  .footer-global-links li {margin:0 1rem; padding:0.5rem 0;}
  .footer-links-content {text-align:center;}
  .footer-links-policy {justify-content:flex-end; text-align:center;} 

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

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.25em) {
  .intro {font-size:1.5rem; margin:0 0 4rem;}
  blockquote p {margin:3rem;}
  blockquote.pull {font-size:1.35em;}
  .image-right,
  .image-right { float:right; margin:0 0 1.2em 1.75em; max-width:46%;}
  .image-left { float:left; margin:0 1.2em 1.2em 0; }
  
  .header-image {padding-top:55%; background-image:url('images/header-1200.jpg');}
  
  .student-container {margin:2rem 0; overflow:hidden;}
  .student-container .student-title {width:54%; float:left;}
  .student-container h2 {margin:1rem 0; line-height:1.2; font-size:2.4rem;}
  .student-container .name {margin:0; font-size:1.3rem;}
  .student-container .major {margin-bottom:3rem; font-size:1rem;}
  .student-container .image-left {width:35%; margin-right:2rem;}
  .student-container.vert h2 {margin-top:3rem;}
  .student-container.vert .image-left {width:26%;}
}

/* 768px
----------------------------------------------------*/
@media only screen and (min-width:48em) {
  html {background-attachment:fixed;}
  .row {max-width:90vw;}

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

  /* Header */
  .brandbar li {margin:0 auto;}
  .site-title {font-size:2.75em;}
  .site-title:after {margin-left:-1.35rem; margin-top:1rem; width:70px; height:5px;}
  .subtitle {font-size:1.5rem;}

  .header-overlay {width:87vw; left:7%; bottom:8rem;}

  .figgroup {float:left; margin-bottom:2em; margin-top:1.75rem;}
  .figgroup figure {float:left; width:48%; margin-left:1%; margin-right:1%; }
  .figgroup-2 figure {margin-top:3em;}
  .figgroup-3 figure {width:30%; margin-left:1%; margin-right:1%;}
  .figgroup-4 figure {width:23%; margin-left:1%; margin-right:1%;}
  .figgroup figure:first-child {margin-left:0;}
  .figgroup figure:last-child {margin-right:0;}
  .figgroup-grid figure {width:54%; margin-left:3%; margin-right:0; margin-bottom:1%; }
  .figgroup-grid figure:first-child {width:43%; margin-left:0; }

  .figure-3up img {display:block; width:45%; margin:0; float:left;}
  .figure-3up img:first-child {width:50%; margin-right:5%;}
  .figure-3up img:nth-child(3) {margin-top:4.75%; margin-bottom:1.5em;}

  .section {padding:2rem 3rem;}
  
  .related article {width:48%; display:inline-block; margin-right:1%;}
  .related.float-right article {width:48%; margin-right:1%; display:inline-block;}
  .related.main article {width:49%; margin:0 0.115em; display:inline-block;}

  .site-header {text-align:left; }
  .brandbar {padding:0;}

  /* Content*/
  .full-cta p {max-width:86%;}
  
  /* Footer */
  .social li {display:inline-block; margin:0 0.25rem;}
  .footer-links-content li {margin-right:0.5rem; display:inline-block;}
  .footer-links-policy li {margin-left:0.5rem; display:inline-block;}
}

/* 1000px
----------------------------------------------------*/
@media only screen and (min-width:62.5em) {

  /* Header */
  .category {font-size:1.2rem; margin:0 0 0.5rem;}
  .site-title {font-size:2.75rem;}
   .site-title:after {width:80px; height:6px;}
  .subtitle {font-size:1.5rem;}
  .header-overlay {width:68vw; left:15%; bottom:8rem;}

  .brandbar {padding:0;}
  .image-right {margin-right:-6vw;}

   figure {margin:1rem auto;}
   figure.full {margin:3em 0; margin-left:-3vw; margin-right:-3vw;}
    figure.full.group {margin-bottom:0;}
   figure.full.top {margin-top:0;}
  .figgroup {float:left; margin-left:-3vw; margin-right:-4.25vw;}
    .figgroup figure {float:left; width:48%; margin-left:1%; margin-right:1%;}
    .figgroup-3 figure {width:32%; margin-left:1%; margin-right:1%;}
    .figgroup-4 figure {width:23%; margin-left:1%; margin-right:1%;}
    .figgroup figure:first-child {margin-left:0;}
    .figgroup figure:last-child {margin-right:0;}

  figure.full.bottom{margin-bottom:0;}
  .figcluster{margin-top:0;}

  .figgroup-grid figure {width:54%; margin-left:3%; margin-right:0; margin-bottom:2%; }
  .figgroup-grid figure:first-child {width:43%; margin-left:0;}

  /* Content */
  .section {width:74vw; margin:0 auto;}
  .pull {width:40vw; margin-right:-15vw; float:right;}
  
   .figure-two-col {margin:4rem -3vw 4rem;}
   .figure-two-col figure {width:40%; margin:0 1%; display:inline-block; vertical-align:middle;}
   .figure-two-col figure:first-child {width:56%; margin-left:0;}

 /* Footer */
  .footer-global {padding:3rem 0 2rem;}
  .footer-global li {padding:0;}
  .footer-global .col {display:flex; justify-content:space-between;}
  .footer-global .social {justify-self:center; max-width:500px;}
  .footer-global .social svg { margin-right:0.25rem; vertical-align:text-bottom; margin-bottom:2px; }
  .footer-global .social ul {display:grid; grid-template-columns:repeat(3, 1fr); grid-gap:0.5rem; justify-items:start;}
  .footer-global .ndmark {margin:0;}
  .footer-global .social {margin:0;}
  .footer-global .vcard {text-align:left;}

  .social li {display:inline-block; margin:0 0.25rem; font-size:1rem;}
  .social a {color:#555; padding:0.5rem 1rem; margin-top:-0.5rem; display:block; border-radius:0.6rem; border:3px solid transparent; transition:all 125ms ease-in-out;}
    .social a:hover { background-color:#e1e8f2; color:#0c2340;}
    .social a:focus { border-color:#15a6b5; outline:none;}
    .social a:active {color:#0c2340;  background-color:#c1cddd;}
    .social a:hover svg {fill:#0c2340;}

  .footer-global-links {font-size:.875rem;}
  .footer-global-links nav {display:flex;}
  .footer-global-links ul {width:50%; margin:0;}

  .footer-links-content {text-align:left;}
    .footer-links-content li {margin:0; display:inline-block;}

  .footer-links-policy {justify-content:flex-end; text-align:right;}
    .footer-links-policy li {margin-left:0.5rem; display:inline-block;}

  .vcard p {font-size:0.875rem; line-height:1.6rem;}
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
  .site-title {font-size:3.75em;}
  .subtitle {font-size:1.85rem;}

  .row {max-width:85vw;}
  .pull {width:32vw; margin-right:-12vw;}
  .figure-split figcaption {padding-top:14rem;}
  .header-image {margin:0 0 2rem; background-image:url('images/header-1600.jpg');}
  .section {width:62vw;}

  figure.full {margin-left:-6vw; margin-right:-6vw;}
  .figgroup {float:left; margin-left:-6vw; margin-right:-7.25vw;}
  
  .social li {font-size:1.125rem;}

}

/* 1400px
----------------------------------------------------*/
@media only screen and (min-width:87.5em) {
  .related .category {font-size:0.9rem;}
  .related .headline h3 {font-size:1.35rem;}
  .student-container h2 {font-size:2.75rem;}
  .student-container .name {font-size:1.5rem;}
  .student-container .major {font-size:1.2rem;}
  .student-container .image-left {margin-right:4rem;}
  
  blockquote p {margin:4rem 5rem;}
}


/* 1600px
----------------------------------------------------*/
@media only screen and (min-width:100em) {
  .image-right, .image-left {max-width:40%;}
  .image-right {margin-right:-5vw;}
  .header-image {padding-top:45%;}
  .section {width:58vw;}
 }
}

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

  /* Fonts
   https://dev.conductor.nd.edu/fonts/
----------------------------------------------------*/
@font-face {font-family:GPC; font-weight:700; font-style:normal; font-display:swap;
  src:url('https://static.nd.edu/fonts/gp-min/gpc-bold.woff2') format('woff2'),
      url('https://static.nd.edu/fonts/gp-min/gpc-bold.woff') format('woff'),
      url('https://static.nd.edu/fonts/gp-min/gpc-bold.ttf') format('truetype');
}


/*************************************************************************************
 * 4. Themes
 ************************************************************************************/
@media screen, projection {
  /* Brand Bar
  ----------------------------------------------------*/
  .dept-nd a {width:260px; background-image:url('https://www.nd.edu/assets/css/images/marks/blue/mark-stories.svg');}
}

/*************************************************************************************
 * 5. 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;}
  .figgroup-4 {overflow:hidden; margin:2rem auto;}
  .figgroup-4 figure {float:left; width:23% !important; margin-left:1%; margin-right:1%;}

  /* HIDDEN
  ----------------------------------------------------*/
  progress,
  .breadcrumbs,
  .header-util,
  .skip-links,
  .nav-mobile,
  .nav-site,
  .nav-page,
  .content-video,
  .nav-skip,
  .bg-video,
  .video,
  .video-caption,
  .related,
  .footer-global-links,
  .social,
  .cta,
  .full-cta,
  .student-container .image-left,
  .image-right {display:none;}

  /* STRUCTURE
  ----------------------------------------------------*/
  .site-header {overflow:hidden; position:relative; margin:0 0 20px; padding:0; border-bottom:1px solid gray;}
    .brandbar {margin:2rem 0 1rem; font-size:9px; text-transform:uppercase; font-family:"Adobe Garamond", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; text-align:center; letter-spacing:1px;}
      .brandbar i {text-transform:none;}
    .site-title,
    .subline {margin:0; display:block; font-family:"Libre Franklin", Helvetica, Arial, Verdana, sans-serif; font-weight:400;}
    .site-header a,
    .site-title a,
    .subline a {color:#000;}
    
    .intro {font-size:1.2rem;}
    .site-title {margin:4px 0 2px; font-size:1.75em; font-family:GPC, "Libre Franklin", Helvetica, Arial, sans-serif; font-size:2.25rem;}
    .subtitle {font-family:"Libre Franklin", Helvetica, Arial, sans-serif; font-size:1.3rem;}
    .category {margin-top:1rem; font-family:"Libre Franklin", Helvetica, Arial, sans-serif; text-transform:uppercase; letter-spacing:1px; color:#555;}
    .byline {font-size:0.9rem;}
     p {font-size:1rem;}
     
  .student-container h2 {margin-top:4rem; font-size:1.75rem;}
  .student-container .name {margin:0;}
  .student-container .name,
  .student-container .major {font-family:"Libre Franklin", Helvetica, Arial, Verdana, sans-serif;}

  .section.title {font-family:"Libre Franklin", Helvetica, Arial, Verdana, sans-serif; font-size:1.5rem;}

  figure img { width:100%; }
  .figgroup {float:left; width:100%; }
    .figgroup figure {float:left; width:49%; margin-left:1%; margin-right:1%;}
    .figgroup-3 figure {width:32%; margin-left:1%; margin-right:1%;}
    .figgroup figure:first-child {margin-left:0;}
    .figgroup figure:last-child {margin-right:0;}
  .full { width:50%; float:left; margin-left:1%; margin-right:5%;}
  
  .sidebar-heading { margin:0; }

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

  .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;}
}