/*!
Launched:
Updated:2025-02-05

Author:
Erik Runyon
Marketing Communications: Web

CONTENTS
-----------------------------------------
1. Common Styles
2. Screen Styles
3. Media Queries
4. Themes
5. Grid
6. 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: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif

3. GALAXIE POLARIS FONT WEIGHTS
   - 100 light
   - 300 book
   - 400 medium (normal)
   - 700 bold
   - 900 heavy
*/

/*************************************************************************************
 * 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%; 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:#333; font:1em/1.5em "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
 article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display:block;}
 audio, canvas, video {display:inline-block; *display:inline; *zoom:1;}
 audio:not([controls]) {display:none;}
 [hidden] {display:none;}
 p {margin:0 0 1em;}
 a {color:#004da3; outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);}
 a:visited {color:#4a3651;}
 a:hover {color:#002b5b}
 a:active {color:#aa272f;}
 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.1em; color:#002b5b; font-weight:300; text-shadow:0 1px rgba(255,255,255,0.6); text-rendering:optimizeLegibility; font-family:GPC, "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:2em;}
 h2 {font-size:1.75em;}
 h3 {font-size:1.565em; font-weight:400;}
 h4 {font-size:1.375em;  color:#555; font-family:"Adobe Garamond", Garmond, Georgia, "Times New Roman", Times, serif; font-style:italic;}
 h5 {font-size:1.2em; text-transform:uppercase;}
 h6 {font-size:1em; color:#555; text-transform:uppercase; letter-spacing:1px;}
 h1 + h2,
 h2 + h3,
 h3 + h4,
 h4 + h5,
 .image-right + h2,
 .image-left + h2 {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;}

 table {width:100%; margin:2em 0; border-collapse:collapse; border-spacing:0;}
 tr {border-top:1px solid #ccc;}
   thead th,
   th {text-align:left; background-color:#dbdbdb;}
   tfoot th {text-align:right;}
 th, td {padding:0.25em;}
   .number {text-align:right;}
 td, td img {vertical-align:top;}

 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 auto; border:3px solid #ccc; border-width:3px 0 0;}

 /* Form Elements
 ----------------------------------------------------*/
 form {margin:0 0 1em;}
 label {display:block; font-weight:bold;}
 button[type="submit"] {}
 button, input, select, textarea {margin:0; margin:0 0 1em; font-size:100%; vertical-align:baseline; *vertical-align:middle;}
 button {width:auto; overflow:visible;}
 button, input {line-height:normal;}
 button,
 input[type="button"],
 input[type="reset"],
 input[type="submit"] {cursor:pointer; -webkit-appearance:button; *overflow:visible;}
 input[type="checkbox"],
 input[type="radio"] {padding:0; *height:13px; *width:13px;}
 input[type="search"] {-webkit-appearance:textfield;}

 button::-moz-focus-inner,
 input::-moz-focus-inner {border:0; padding:0;}
 textarea {overflow:auto; vertical-align:top;}

 /* Quotes
 ----------------------------------------------------*/
 blockquote {margin:1em; padding:0;}
 blockquote p {margin:0; padding:0 0 0 0.75em; border-left:3px solid #dcb439; line-height:1.7em; color:#002b5b; font-size:1.35em; font-style:italic; font-family:"Adobe Garamond", Garmond, Georgia, "Times New Roman", Times, serif;}
 blockquote footer {display:block; margin-top:1em; color:#666; line-height:1.5em; font-style:italic; font-size:0.8em; font-family:"Adobe Garamond", Garmond, Georgia, "Times New Roman", Times, serif;}
 blockquote.pull {float:right; font-style:normal;}

 /* Images
 ----------------------------------------------------*/
 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;
 }
 .image-default,
 .image-right,
 .image-left {display:table; margin:0 0 1em; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:0.9em; color:#555;}
 .image-right,
 .image-left {max-width:46%;}
 .image-center {text-align:center;}
 .image-right img,
 .image-left img {display:block;}
 .image-right figcaption,
 .image-left figcaption {display:table-caption; caption-side:bottom;}
 .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 {margin:0 0 1em; max-width:100%;}
 aside.right,
 figure.right {float:right; max-width:100%;}
 aside.right p {margin-right:0;}
 figure.left {float:left;}
 figcaption {display:block; text-align:left; line-height:1.5em;}
   figcaption blockquote {width:auto; font-weight:normal;}

 /* Icons
    <i aria-hidden="true" data-icon="a"></i>
    https://dev.conductor.nd.edu/icons-and-buttons/
 ----------------------------------------------------*/
 [data-icon]:before {vertical-align:bottom; color:#333; font-size:1.25rem; font-family:NDIcons; content:attr(data-icon); speak:none; font-style:normal; text-transform:none;}
 [data-icon="1"]:before {display:inline-block; *display:inline; *zoom:1; vertical-align:middle; font-size:220px; color:#002044;}

 /* 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;}

 .bars {padding:0 0 30px; background:url(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(images/play-btn.png) center center no-repeat;
   -webkit-background-size:auto 100%;
      -moz-background-size:auto 100%;
        -o-background-size:auto 100%;
           background-size:auto 100%;
 }

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

 /* Breadcrumbs
 ----------------------------------------------------*/
 .breadcrumbs {display:block; overflow:hidden; margin:0 0 1em; padding:0; list-style:none; font-size:0.8em;}
   .breadcrumbs li {display:inline; float:left; margin:0 4px 0 0; color:#555;}
   .breadcrumbs a {text-decoration:none;}
     .breadcrumbs a:hover {text-decoration:underline;}
     .breadcrumbs a:visited {color:#004da3;}

 /* Fonts
    https://dev.conductor.nd.edu/fonts/
 ----------------------------------------------------*/
 @font-face {font-family:NDIcons;
   src:url('https://static.nd.edu/fonts/nd/nd.v2.woff2') format('woff2'),
       url('https://static.nd.edu/fonts/nd/nd.v2.woff') format('woff'),
       url('https://static.nd.edu/fonts/nd/nd.v2.ttf') format('truetype');
 }
 @font-face {font-family:GPC; font-weight:300; font-style:normal;
   src:url('https://static.nd.edu/fonts/gp-min/gpc-book.woff2') format('woff2'),
       url('https://static.nd.edu/fonts/gp-min/gpc-book.woff') format('woff'),
       url('https://static.nd.edu/fonts/gp-min/gpc-book.ttf') format('truetype');
 }
 @font-face {font-family:GPC; font-weight:400; font-style:normal;
   src:url('https://static.nd.edu/fonts/gp-min/gpc-medium.woff2') format('woff2'),
       url('https://static.nd.edu/fonts/gp-min/gpc-medium.woff') format('woff'),
       url('https://static.nd.edu/fonts/gp-min/gpc-medium.ttf') format('truetype');
 }

 /* NEWS & EVENTS
 ----------------------------------------------------*/
 article {margin-bottom:4em;}
 article header {margin:0 0 1em;}
   .events .vevent {margin-left:1em; margin-right:1em;}
 .additional-links {margin:0 0 1em; padding:0; list-style:none;}
   .additional-links li {display:inline-block; *display:inline; *zoom:1; margin:0;}
   .additional-links a {text-decoration:none;}
 .entry-title {margin:0 0 0.25em; padding:0; font-size:1.7em; line-height:1.35em; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
   .entry-title.page-title {border:none;}
 .publish-info,
 .author,
 .location,
 .posted-in {display:inline-block; *display:inline; *zoom:1; margin:0.2em 1em 0 0; color:#333; font-size:1em; font-weight:normal; font-family:inherit;}
 .publish-info b,
 .author b,
 .location b,
 .posted-in {color:#555; 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;}

   /* Events */
   .events-date-header {margin:0 0 0.25em; padding:0; color:#555; font-weight:300; font-family:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1.25em;}
   .events .date-string,
   .home .events-date-header {display:none;}

 /* SEARCH
 ----------------------------------------------------*/
 .search-count,
 .search-time {font-family:inherit;}
 .search-count {margin:0; font-size:1.4em;}
   .search-query i {font-style:normal; font-weight:700;}
 .search-time {margin:0 0 1em; color:#666; font-size:1.2em;}
 .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.4em;}
     .search-result-title b {font-weight:500;}
     .search-result-url {font-size:0.9em; 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:#555; font-size:0.9em;}

/* Google Enterprise Search
-------------------------------------------------------------*/
.search-query { font-weight:bold; }
.search-sort-wrapper, .search-count { font-size:1rem; color:#555; margin-block-end:0; }
.search-sort-wrapper label { font-weight:400; }
.search-sort--select { width:fit-content; margin-inline-start:0.5rem; }
.search-time { font-size:0.9rem; margin-block-end:1.5rem; }
.search-filters { margin-block-end:1.5rem; }
@media only screen and (width >= 60em) {
  .search-info { display:flex; margin-block-end:2rem; }
}
.search-return { font-size:1rem; border-bottom:1px solid rgba(0,0,0,0.12); }
.search-return a { color:#0c2340; padding:0.75rem 1.25rem 0.75rem 0.25rem; display:inline-block; border-bottom:3px solid transparent; text-decoration:none; }
.search-return a:hover, .search-return a:focus { border-color:#1c4f8f; }
.search-return a svg { fill:#ae9142; margin:0 0.25rem 0.15rem 0 0; vertical-align:text-bottom; } 
.search-ai-title, .search-promotion-tag { font-size:0.85rem; font-weight:400; text-transform:uppercase; }
.search-ai-title svg { vertical-align:middle; margin-bottom:0.25rem; fill:#ae9142; }
.search-ai-summary, .search-promotion { border-radius:4px; margin-block:1rem 2rem; }
.search-promotion { border:1px solid rgba(0,0,0,0.12); padding:2rem; font-size:1rem; 
  .search-promotion-title { margin-block-start:0.5em; padding:0; }
}
.search-ai-disclaimer { font-size:0.9rem; padding:0.25rem 0.75rem; background:white; width:fit-content; border-radius:4px; }
.search-ai-references { border-top:1px solid rgba(0,0,0,0.12); padding-block-start:1rem; margin-block-end:1rem; font-size:0.9rem; }
.search-ai-reference-url { margin-inline-start:0.5rem; font-size:0.7rem; background:rgba(0,0,0,0.05); padding:0.325rem 1rem; border-radius:1rem; }
.search-results .card p, .search-promotion-url { margin-block-end:0.5rem; font-size:0.9rem; }
.search-result-url span:not(:last-child) { border-right:1px solid rgba(0,0,0,0.12); padding-inline-end:0.75rem; margin-inline-end:0.5rem; }
.search-result-url .url { color:#0a67bc; }

 /*************************************************************************************
  * 2. Screen Styles
  ************************************************************************************/
 @media screen,projection {
   p {max-width:65em;}
   .image-default img,
   .image-right img,
   .image-left img {border:1px solid #222;
     -webkit-box-shadow:0 1px 5px rgba(0, 0, 0, 0.4);
        -moz-box-shadow:0 1px 5px rgba(0, 0, 0, 0.4);
             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 {display:inline-block; *display:inline; *zoom:1; white-space:nowrap; margin-bottom:0; *margin-left:.3em; padding:0.55em 1em 0.4em; cursor:pointer; border-bottom:3px solid #ccc; font-size:1.1em; line-height:1.2em; text-decoration:none; text-align:left; vertical-align:middle; font-weight:300; font-family:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; background:#e3e3e3;
     -webkit-border-radius:3px;
        -moz-border-radius:3px;
             border-radius:3px;

     -webkit-transition:all .25s ease-in-out;
        -moz-transition:all .25s ease-in-out;
          -o-transition:all .25s ease-in-out;
             transition:all .25s ease-in-out;
   }

   .btn:visited {color:#004da3;}
   .btn.active {}
   .btn:hover,
   .btn.active:hover,
   .more:hover {border-bottom:3px solid #000f20; color:#eee; background-color:#002b5b;}
   .btn [data-icon]:before {padding-right:0.25em; color:#333; font-size:1.25em;}
   .btn:hover [data-icon]:before {color:#dcb439;}

   .btn-mini {font-size:0.875em; }
   .btn-small {font-size:1em;}
   .btn-large {font-size:1.2em;}
   .btn-blue {color:#eee; background-color:#002b5b; border-bottom:3px solid #000f20;}
     .btn-blue:visited{color:#eee;}
     .btn-blue:hover {border-bottom:3px solid #002753; background-color:#073f7e;}
   .btn-gold {border-bottom:3px solid #caa228; color:#333; background-color:#dcb439;}
     .btn-gold:visited{color:#002b5b;}
     .btn-gold:hover{border-bottom:3px solid #dcb439; color:#333; background-color:#efca56;}

   .more,
   .excerpt_continuation {clear:both; float:none; margin:0; padding:0.4em 1.8em 0.45em 0.65em; font-size:1.2em; line-height:1em; background:#e3e3e3 url(images/more.png) 90% center no-repeat;}
     .more:visited {color:#004da3;}
     .more:hover{color:#eee;}
     .more.right {display:block; text-align:right;}


   /* Structure
   ----------------------------------------------------*/
   html {background:url(images/bg.png) 0 0 repeat;}
   .site-content {padding-top:1em; padding-bottom:1em;}
   .beta {padding:1em 0; border-top:1px solid #dadada;
     -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);
        -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);
             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.4em; background:url(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.9em;}
       .aside li a:hover {text-decoration:underline;}
     .aside .entry-title {font-size:1.2em;}
     .aside article footer {display:none;}

   .page-title {margin:0 0 .35em; padding:0 0 0.25em; border-bottom:2px solid #dcb439;}

   /* Header
   ----------------------------------------------------*/
   .site-header {text-align:center;}
   .brandbar,
   .titlebar {overflow:hidden;}
     .dept {display:none; border-top:1px solid  #000;
       -webkit-box-shadow:0 1px rgba(0,122,217,0.4) inset;
          -moz-box-shadow:0 1px rgba(0,122,217,0.4) inset;
               box-shadow:0 1px rgba(0,122,217,0.4) inset;
    }
     .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; padding:0.75em 0;}
     .site-title {clear:both; width:80%; margin:0; padding:0.3em 0; font-size:1.75em; line-height:1.1em; font-weight:300; text-align:left; text-shadow:0 1px rgba(255,255,255,0.7);}
     .site-title a {display:block; border:none; color:#002b5b; text-decoration:none;}
       .site-title a:visited {color:#002b5b;}
       .site-title a:hover {text-decoration:none;}
        .sublined .site-title {margin:0; line-height:1.15em;}
        .subline {clear:left; margin:0; color:#333; font-family:inherit; font-size:1em; text-align:left;}

   .header-util {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:1px 1px 1px 4px; border:1px solid #986633; line-height:1.1em; background-color:#fff;
       -moz-border-radius:5px;
            border-radius:5px;
       -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3), 0 1px rgba(255,255,255,0.45);
          -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.3), 0 1px rgba(255,255,255,0.45);
               box-shadow:inset 0 1px 2px rgba(0,0,0,0.3), 0 1px rgba(255,255,255,0.45);
    }
     .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; *display:inline; *zoom:1; vertical-align:middle; width:86%; height:1.7em; margin:0; padding:0; border:none; font-family:inherit; font-size:1.2em; color:#444; -webkit-appearance:textfield; background:transparent;}

     .search-button {display:inline-block; *display:inline; *zoom:1; float:right; position:relative; text-indent:-9999px; overflow:hidden; width:2em; height:2em; margin:0; padding:0; border:1px solid #adadad; cursor:pointer; -moz-border-radius:5px; border-radius:3px;
       background-color:#d3d3d3;
       background:-webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .9)), to(rgba(255, 255, 255, .0))), hsl(0, 0%, 65%);
       background:-webkit-linear-gradient(top, rgba(255, 255, 255, .9), rgba(255, 255, 255, .0)), hsl(0, 0%, 65%);
       background: -moz-linear-gradient(top, rgba(255, 255, 255, .9), rgba(255, 255, 255, .0)), hsl(0, 0%, 65%);
       background:      linear-gradient(top, rgba(255, 255, 255, .9), rgba(255, 255, 255, .0)), hsl(0, 0%, 65%);
       -webkit-transition:all .15s ease-in-out;
          -moz-transition:all .15s ease-in-out;
            -o-transition:all .15s ease-in-out;
               transition:all .15s ease-in-out;
    }
       .lt-ie9 .search-button {background:#a5a5a5 url(/images/icons/searchmag.png) center center no-repeat;}
     .search-button:hover {
       border:1px solid #a9740c;
       background:center center no-repeat #edd854;
       background:center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edd854), color-stop(100%,#cc921f));
       background:center center no-repeat, -webkit-linear-gradient(top, #edd854 0%,#cc921f 100%);
       background:center center no-repeat,    -moz-linear-gradient(top, #edd854 0%,#cc921f 100%);
       background:center center no-repeat,         linear-gradient(top, #edd854 0%,#cc921f 100%);
    }

     .search-button:active {
       background:center center no-repeat #cc921f;
       background:center center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc921f), color-stop(100%,#edd854));
       background:center center no-repeat, -webkit-linear-gradient(top, #cc921f 0%,#edd854 100%);
       background:center center no-repeat,    -moz-linear-gradient(top, #cc921f 0%,#edd854 100%);
       background:center center no-repeat,         linear-gradient(top, #cc921f 0%,#edd854 100%);
    }
     .search-button:before {content:attr(data-icon); display:block; position:absolute; top:0; left:0.1em; color:#444; font-size:1.6em; line-height:1.3em; font-family:NDIcons; text-indent:0; text-shadow:0 1px #eee;}
       .lt-ie9 .search-button:before {content:'';}
     .search-button:hover:before {color:#002b5b; text-shadow:0 1px rgba(255,255,255,0.6);}
     .search-button:active:before {text-shadow:0 -1px rgba(255,255,255,0.6);}
 .header-util {display:none;}

   .header-util nav ul {margin:0.4em 0 0; text-align:center; line-height:1em;}
   .header-util nav li {display:inline-block; *display:inline; *zoom:1; width:32%;}
   .header-util nav a {display:block; padding:.625em; color:#002b5b; font-family:"HelveticaNeue",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
   ----------------------------------------------------*/
   .nav-mobile {overflow:auto; position:fixed; top:0; bottom:0; right:-13.755em; width:13.755em; height:100%; padding:1em; border-left:1px solid rgba(0,0,0,0.3); background-color:rgba(200,200,200,0.2);
     -webkit-overflow-scrolling:touch;
     -webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.25) inset;
        -moz-box-shadow:0 0 8px 0 rgba(0,0,0,0.25) inset;
             box-shadow:0 0 8px 0 rgba(0,0,0,0.25) inset;
     -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
         -ms-transform:translate(0, 0);
          -o-transform:translate(0, 0);
             transform:translate(0, 0);
     -webkit-transition:0.15s ease;
        -moz-transition:0.15s ease;
          -o-transition:0.15s ease;
             transition:0.15s ease;
  }
   .nav-mobile.active {
     -webkit-transform:translate(-13.755em, 0);
        -moz-transform:translate(-13.755em, 0);
         -ms-transform:translate(-13.755em, 0);
          -o-transform:translate(-13.755em, 0);
             transform:translate(-13.755em, 0);
  }
     .nav-mobile .search-form {display:block; margin:0 auto 1.5em; padding:1px 1px 1px 4px; border:1px solid #888; font-size:0.75em; line-height:1.1em; background-color:#fff; -webkit-border-radius:3px; border-radius:3px;}
     .nav-mobile .search-input {width:85%;}
   .wrapper {
     -webkit-transform:translate(0, 0);
        -moz-transform:translate(0, 0);
         -ms-transform:translate(0, 0);
          -o-transform:translate(0, 0);
             transform:translate(0, 0);
     -webkit-transition:0.15s ease;
        -moz-transition:0.15s ease;
          -o-transition:0.15s ease;
             transition:0.15s ease;
  }
   .wrapper.active {
     -webkit-transform:translate(-13.755em, 0);
        -moz-transform:translate(-13.755em, 0);
         -ms-transform:translate(-13.755em, 0);
          -o-transform:translate(-13.755em, 0);
             transform:translate(-13.755em, 0);
  }

   .nav-skip {position:absolute; top:0.2em; right:0.3em; display:block; width:2em; height:2em; padding:0.5em 0; text-indent:2.1875em; font-size:1.3em; line-height:1.9em; text-align:center; text-decoration:none; border:1px solid #001227; border-radius:3px;
     background:#002b5b url(images/texture-checkers-lightblue50.png) 0 0 repeat;
     background:-webkit-linear-gradient(top, #003b7c 0%, #001227 100%);
     background:  -moz-linear-gradient(top, #003b7c 0%, #001227 100%);
     background:       linear-gradient(top, #003b7c 0%, #001227 100%);
     -webkit-box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
        -moz-box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
             box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;

   }
     .nav-skip span {position:relative; top:0.4em; margin:0 auto;
       -webkit-transition-duration:0s;
          -moz-transition-duration:0s;
           -ms-transition-duration:0s;
            -o-transition-duration:0s;
               transition-duration:0s;
       -webkit-transition-delay:0.2s;
          -moz-transition-delay:0.2s;
           -ms-transition-delay:0.2s;
            -o-transition-delay:0.2s;
               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;
       -webkit-transition-property:top, -webkit-transform;
          -moz-transition-property:top, -moz-transform;
           -ms-transition-property:top, -ms-transform;
            -o-transition-property:top, -o-transform;
               transition-property:top, transform;
       -webkit-transition-duration:0.2s;
          -moz-transition-duration:0.2s;
           -ms-transition-duration:0.2s;
            -o-transition-duration:0.2s;
               transition-duration:0.2s;
       -webkit-transition-delay:0.2s, 0;
          -moz-transition-delay:0.2s, 0;
           -ms-transition-delay:0.2s, 0;
            -o-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;
          -moz-transition-delay:0.2s;
           -ms-transition-delay:0.2s;
            -o-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;
          -moz-transition-delay:0, 0.2s;
           -ms-transition-delay:0, 0.2s;
            -o-transition-delay:0, 0.2s;
               transition-delay:0, 0.2s;
    }
     .nav-skip.toggled span:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
     .nav-skip.toggled span:after {-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}

   /* Top Nav
   ----------------------------------------------------*/
   .nav-top {display:none; position:relative; z-index:10; bottom:0; width:100%; text-align:center; border-top:1px solid #000; border-bottom:1px solid #000;
         background:#002b5b;
         background:-webkit-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%) #273c53;
         background:   -moz-linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%) #273c53;
         background:        linear-gradient(top, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%) #273c53;
         -webkit-box-shadow:0 1px rgba(130,150,173,0.6) inset, 0 0 1em rgba(0,0,0,0.5);
            -moz-box-shadow:0 1px rgba(130,150,173,0.6) inset, 0 0 1em rgba(0,0,0,0.5);
                 box-shadow:0 1px rgba(130,150,173,0.6) inset, 0 0 1em rgba(0,0,0,0.5);
  }
   .nav-top li {display:inline-block; *display:inline; *zoom:1; vertical-align:top; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:1.125em;}
   .nav-top li a {display:table-cell; vertical-align:middle; padding:.75em 1em; color:#fff; text-align:center; text-shadow:0 1px 3px #000;
     -webkit-transition:all 250ms ease-in-out;
        -moz-transition:all 250ms ease-in-out;
             transition:all 250ms ease-in-out;
  }
   .nav-top li.active a,
   .nav-top li a:hover {color:#dcb439; background:#253546;
       -webkit-box-shadow:inset 1px 0 rgba(0,0,0,0.5),inset -1px 0 rgba(0,0,0,0.5);
          -moz-box-shadow:inset 1px 0 rgba(0,0,0,0.5),inset -1px 0 rgba(0,0,0,0.5);
               box-shadow:inset 1px 0 rgba(0,0,0,0.5),inset -1px 0 rgba(0,0,0,0.5);
  }

   /* General Nav
   ----------------------------------------------------*/
   .nav-site {}
   .nav-site ul {padding:0 0 1em;}
     .nav-site ul li {margin:0.2em 0;}
     .nav-site ul a {display:block; padding:0.2em 0 0.2em 1em; text-indent:-1em; line-height:1.2em; text-transform:none; color:#002b5b; font-size:1.45em; font-weight:300; font-family:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; border-bottom:2px solid transparent;}
     .nav-site ul a:hover {border-bottom:2px solid #002b5b; color:#004da3;}
     .nav-site ul > .active > a {color:#004da3; border-bottom:2px solid #dcb439;}
   .nav-site ul ul {padding:0;}
     .nav-site ul ul a {padding:0 0 0 25px; text-indent: -0.6em; color:#444; font-size:1.125em; font-family:inherit; border:none;}
     .nav-site ul ul li {margin:0.5em 0;}
     .nav-site ul ul a:hover {color:#004da3; border:none;}
     .nav-site ul ul > .active > a {color:#004da3; border:none; font-weight:400; background:url(images/navsub.png) 0 4px no-repeat;}
     .nav-site li.last{margin-bottom:1em;}
   .nav-site ul ul ul {margin-left:1em; padding:0; font-size:0.9em;}
     .nav-site ul ul ul a:hover {background:none;}
     .nav-site ul ul ul .active > a {color:#555; font-weight:bold;}
     .nav-site ul ul ul .active > .current-last {color:#004da3;}
   .nav-site ul ul ul ul {margin-left:1.5em;}
     .nav-site ul ul ul ul a {padding:0 0 0 1.5em;}
   .nav-site ul ul ul ul ul {margin-left:1.5em;}

   .nav-section {display:none;}

   /* Home
   ----------------------------------------------------*/
   .home-feature {margin:0 0 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.5em; font-family:inherit;}

   .home-secondary .columns > h2 {margin:0 0 .4em; padding:0 0 0.3em; border-bottom:2px solid #dcb439; font-size:2.25em;}
     .home-secondary .columns > h2 a {color:#002b5b;}
     .home-secondary .columns .entry-title {font-size:1.8em;}

   /* Custom Pages
   ----------------------------------------------------*/

   /* Footer
   ----------------------------------------------------*/
   .site-footer {position:relative; clear:both; overflow:hidden; margin:0 auto; text-align:center;}
     .footer-inner {position:relative; margin:0 auto; padding:1em 0; border-top:1px solid #ccc;
       -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);
          -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);
               box-shadow:inset 0 1px 0 rgba(255,255,255,0.9);
    }
     .site-footer p {clear:both; 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-info a {text-decoration:underline;}
   .geo {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 {float:right; margin:0 0 1em 1em;}
   .image-left {float:left; margin:0 1em 1em 0;}
   .image-right,
   .image-left {max-width:46%;}
   .image-default {max-width:none;}
   .dept {display:block; border:none;}
   .entry-title {font-size:1.85em;}
 }

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

   h1 {font-size:2.425em;}
   h2 {font-size:2.25em;}
   h3 {font-size:1.85em;}
   h4 {font-size:1.625em;}
   h5 {font-size:1.425em;}
   h6 {font-size:1.2em;}

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

   .tablewrap {background:none;}

   /* Structure
   ----------------------------------------------------*/
   .site-content {padding-top:2em; padding-bottom:2em;}
     .nav-top-true.home .alpha {display:block; width:auto; left:0; margin:0;}
   .beta {border:none;
     -webkit-box-shadow:none;
        -moz-box-shadow:none;
             box-shadow:none;
  }
     .full-width .alpha {width:100%; left:auto; margin:0;}
     .full-width .beta {display:none;}

   /* Header
   ----------------------------------------------------*/
   .site-header {text-align:left;}
   .brandbar,
   .titlebar {padding:0;}
     .brandbar li {margin:0 -2em;}
     .titlebar.subhead {padding:0.7em 1em;}
   .site-title {float:left; width:auto; margin:0; padding:0; font-size:2.5em;}
     .site-title a {padding:0.65em 0 0.75em; line-height:1em;}
     .sublined {float:left; padding:0.65em 0 0.75em;}
       .sublined .site-title a {padding:0;}
     .subline {float:left;}
   .search-input {float:left; width:auto; font-size:0.8em;}
   a.nav-skip {display:none;}

   .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.825em; font-weight:normal;}
     .header-util nav a,
     .header-util nav a:hover {display:inline; padding:0; border:0 none; background:none;
         -webkit-box-shadow:0 0 rgba(255,255,255,0) inset, 0 0 rgba(0,0,0,0);
            -moz-box-shadow:0 0 rgba(255,255,255,0) inset, 0 0 rgba(0,0,0,0);
                 box-shadow:0 0 rgba(255,255,255,0) inset, 0 0 rgba(0,0,0,0);
    }
     .header-util nav a:hover {color:#002b5b; text-decoration:underline; text-shadow:0 1px rgba(255,255,255,.9);}
     .header-util .search-toggle {display:none;}
     .search-button {width:23px; height:23px;}
       .search-button:before {top:0; left:2px; font-size:18px;}

   /* Home
   ----------------------------------------------------*/
   .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;}

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

   /* 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;}
 }

 /* 920px
    Brand-bar styles
    Adjust @mq width smaller as department name allows
 -----------------------------------------------------*/
 @media only screen and (min-width:57.5em) {
   .dept,
   .theme-bb-gold .dept {border-top:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
   .brandbar li {margin:0;}
     .dept {float:right;}
     .dept-nd {float:left;}

     blockquote.pull {width:30%;}
 }

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

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

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

   /* 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;}

 }

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

     .more {background-image:url(images/more@2x.png);
       -webkit-background-size:12px 17px;
          -moz-background-size:12px 17px;
            -o-background-size:12px 17px;
               background-size:12px 17px;
    }
     .dept-nd a,
     .dept a {
       -webkit-background-size:auto 50px;
          -moz-background-size:auto 50px;
            -o-background-size:auto 50px;
               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-arch a {width:287px; background-image:url('https://static.nd.edu/images/brandbar/dept-arch-white.png');} /* School of Architecture */
   .dept-athl a {width:288px; background-image:url('https://static.nd.edu/images/brandbar/dept-athl-white.png');} /* Department of Athletics */
   .dept-auxo a {width:395px; background-image:url('https://static.nd.edu/images/brandbar/dept-auxo-white.png');} /* Auxiliary Operations */
   .dept-uoes a {width:483px; background-image:url('https://static.nd.edu/images/brandbar/dept-uoes-white.png');} /* University Operations, Events, and Safety */
   .dept-buso a {width:357px; background-image:url('https://static.nd.edu/images/brandbar/dept-buso-white.png');} /* Office of Business Operations */
   .dept-cams a {width:195px; background-image:url('https://static.nd.edu/images/brandbar/dept-cams-white.png');} /* Campus Services */
   .dept-coal a {width:316px; background-image:url('https://static.nd.edu/images/brandbar/dept-coal-white.png');} /* College of Arts and Letters */
   .dept-cont a {width:274px; background-image:url('https://static.nd.edu/images/brandbar/dept-cont-white.png');} /* Office of the Controller */
   .dept-cosc a {width:218px; background-image:url('https://static.nd.edu/images/brandbar/dept-cosc-white.png');} /* College of Science */
   .dept-csuo a {width:492px; background-image:url('https://static.nd.edu/images/brandbar/dept-csuo-white.png');} /* Campus Safety and University Operations */
   .dept-engr a {width:285px; background-image:url('https://static.nd.edu/images/brandbar/dept-engr-white.png');} /* College of Engineering */
   .dept-enrl a {width:253px; background-image:url('https://static.nd.edu/images/brandbar/dept-enrl-white.png');} /* Enrollment Division */
   .dept-evpo a {width:450px; background-image:url('https://static.nd.edu/images/brandbar/dept-evpo-white.png');} /* Office of the Executive Vice President */
   .dept-fdao a {width:381px; background-image:url('https://static.nd.edu/images/brandbar/dept-fdao-white.png');} /* Facilities Design and Operations */
   .dept-fyst a {width:252px; background-image:url('https://static.nd.edu/images/brandbar/dept-fyst-white.png');} /* First Year of Studies */
   .dept-genc a {width:321px; background-image:url('https://static.nd.edu/images/brandbar/dept-genc-white.png');} /* Office of General Council */
   .dept-grad a {width:244px; background-image:url('https://static.nd.edu/images/brandbar/dept-grad-white.png');} /* The Graduate School */
   .dept-hurs a {width:323px; background-image:url('https://static.nd.edu/images/brandbar/dept-hurs-white.png');} /* Office of Human Resources */
   .dept-invs a {width:231px; background-image:url('https://static.nd.edu/images/brandbar/dept-invs-white.png');} /* Investment Office */
   .dept-ksga a {width:383px; background-image:url('https://static.nd.edu/images/brandbar/dept-ksga-white.png');} /* Keough School of Global Affairs */
   .dept-mcob a {width:352px; background-image:url('https://static.nd.edu/images/brandbar/dept-mcob-white.png');} /* Mendoza College of Business */
   .dept-meca a {width:565px; background-image:url('https://static.nd.edu/images/brandbar/dept-meca-white.png');} /* Office of Mission Engagement and Church Affairs */
   .dept-laws a {width:170px; background-image:url('https://static.nd.edu/images/brandbar/dept-laws-white.png');} /* The Law School */
   .dept-oocs a {width:280px; background-image:url('https://static.nd.edu/images/brandbar/dept-oocs-white.png');} /* Office of Campus Safety */
   .dept-ooit a {width:444px; background-image:url('https://static.nd.edu/images/brandbar/dept-ooit-white.png');} /* Office of Information Technologies */
   .dept-opac a {width:525px; background-image:url('https://static.nd.edu/images/brandbar/dept-opac-white.png');} /* Office of Public Affairs and Communications */
   .dept-ores a {width:258px; background-image:url('https://static.nd.edu/images/brandbar/dept-ores-white.png');} /* Notre Dame Research */
   .dept-pres a {width:258px; background-image:url('https://static.nd.edu/images/brandbar/dept-pres-white.png');} /* Office of the President */
   .dept-prov a {width:235px; background-image:url('https://static.nd.edu/images/brandbar/dept-prov-white.png');} /* Office of the Provost */
   .dept-staf a {width:322px; background-image:url('https://static.nd.edu/images/brandbar/dept-staf-white.png');} /* Office of Student Affairs */
   .dept-urel a {width:375px; background-image:url('https://static.nd.edu/images/brandbar/dept-urel-white.png');} /* Office of University Relations */
   .dept-vpor a {width:466px; background-image:url('https://static.nd.edu/images/brandbar/dept-vpor-white.png');} /* Office of the Vice President for Research */
   .dept-intr a {width:380px; background-image:url('https://static.nd.edu/images/brandbar/dept-intr-white.png');} /* Office of Internationalization */
   .dept-spir a {width:556px; background-image:url('https://static.nd.edu/images/brandbar/dept-spir-white.png');} /* Office of Strategic Planning and Institutional Research */
   .dept-acfs a {width:202px; background-image:url('https://static.nd.edu/images/brandbar/dept-acfs-white.png');} /* Office of Finance */

   .brandbar.theme-bb-blue {border-bottom:1px solid #001227;
     background:#002b5b url(images/texture-checkers-lightblue50.png) 0 0 repeat;
     background:-webkit-linear-gradient(top, #003b7c 0%, #001227 100%);
     background: -moz-linear-gradient(top, #003b7c 0%, #001227 100%);
     background:      linear-gradient(top, #003b7c 0%, #001227 100%);
     -webkit-box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
        -moz-box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
             box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
  }
   .brandbar.theme-bb-gold {border-bottom:1px solid #600;
     background:#dcb439 url(images/texture-gold.png) 0 0 repeat;
     background:-webkit-linear-gradient(top, rgba(247,234,179,0.8) 0%, rgba(247,234,179,0.3) 50%, rgba(247,234,179,0.2) 51%, rgba(247,234,179,0) 100%), url(images/texture-gold.png);
     background: -moz-linear-gradient(top, rgba(247,234,179,0.8) 0%, rgba(247,234,179,0.3) 50%, rgba(247,234,179,0.2) 51%, rgba(247,234,179,0) 100%), url(images/texture-gold.png);
     background:      linear-gradient(top, rgba(247,234,179,0.8) 0%, rgba(247,234,179,0.3) 50%, rgba(247,234,179,0.2) 51%, rgba(247,234,179,0) 100%), url(images/texture-gold.png);
     -webkit-box-shadow:0 1px #fff inset, 0 -5px 5px -4px rgba(120,0,100,0.8) inset, 0 1px 5px rgba(0,0,0,0.3);
        -moz-box-shadow:0 1px #fff inset, 0 -5px 5px -4px rgba(120,0,100,0.8) inset, 0 1px 5px rgba(0,0,0,0.3);
             box-shadow:0 1px #fff inset, 0 -5px 6px -4px rgba(120,0,100,0.8) inset, 0 1px 5px rgba(0,0,0,0.3);
  }
   .brandbar.theme-bb-lightgray {
     background:#f0f0f0;
     background-image:-webkit-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%),-webkit-linear-gradient(-90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.3) 52%, rgba(255,255,255,0.2) 53%, rgba(255,255,255,0) 100%), url(images/noise3.png);
     background-image: -moz-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%),   -moz-linear-gradient(-90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.3) 52%, rgba(255,255,255,0.2) 53%, rgba(255,255,255,0) 100%), url(images/noise3.png);
     background-image:  -ms-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%),    -ms-linear-gradient(-90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.3) 52%, rgba(255,255,255,0.2) 53%, rgba(255,255,255,0) 100%), url(images/noise3.png);
     background-image:   -o-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%),     -o-linear-gradient(-90deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.3) 52%, rgba(255,255,255,0.2) 53%, rgba(255,255,255,0) 100%), url(images/noise3.png);
     background-image:     linear-gradient(-180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%),       linear-gradient(-180deg, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.3) 52%, rgba(255,255,255,0.2) 53%, rgba(255,255,255,0) 100%), url(images/noise3.png);
     -webkit-box-shadow:0 1px #777, inset 0 1px rgba(0,0,0,.5), inset 0 2px rgba(255,255,255,.6), inset 0 -1px rgba(255,255,255,.2);
        -moz-box-shadow:0 1px #777, inset 0 1px rgba(0,0,0,.5), inset 0 2px rgba(255,255,255,.6), inset 0 -1px rgba(255,255,255,.2);
             box-shadow:0 1px #777, inset 0 1px rgba(0,0,0,.5), inset 0 2px rgba(255,255,255,.6), inset 0 -1px rgba(255,255,255,.2);
  }

   .brandbar.theme-bb-mediumgray {
     background:#bbb;
     background-image:-webkit-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 52%, rgba(0,0,0,0.12) 54%, rgba(0,0,0,0.3) 100%), -webkit-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%), url(images/noise4.png);
     background-image: -moz-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 52%, rgba(0,0,0,0.12) 54%, rgba(0,0,0,0.3) 100%),    -moz-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%), url(images/noise4.png);
     background-image:  -ms-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 52%, rgba(0,0,0,0.12) 54%, rgba(0,0,0,0.3) 100%),     -ms-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%), url(images/noise4.png);
     background-image:   -o-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 52%, rgba(0,0,0,0.12) 54%, rgba(0,0,0,0.3) 100%),      -o-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%), url(images/noise4.png);
     background-image:     linear-gradient(-180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 52%, rgba(0,0,0,0.12) 54%, rgba(0,0,0,0.3) 100%),        linear-gradient(-180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%), url(images/noise4.png);
     -webkit-box-shadow:0 1px 0 0 #000, inset 0px 1px 0px 0px rgba(0,0,0,0.50), inset 0 2px 0 0 rgba(255,255,255,0.60), inset 0px -1px 0px 0px rgba(255,255,255,0.20);
        -moz-box-shadow:0 1px 0 0 #000, inset 0px 1px 0px 0px rgba(0,0,0,0.50), inset 0 2px 0 0 rgba(255,255,255,0.60), inset 0px -1px 0px 0px rgba(255,255,255,0.20);
             box-shadow:0 1px 0 0 #000, inset 0px 1px 0px 0px rgba(0,0,0,0.50), inset 0 2px 0 0 rgba(255,255,255,0.60), inset 0px -1px 0px 0px rgba(255,255,255,0.20);
  }

   .brandbar.theme-bb-darkgray {position:relative; z-index:1;
     background:#555;
     background-image:-webkit-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%), -webkit-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 52%, rgba(0,0,0,0.2) 54%, rgba(0,0,0,0.5) 100%), url(images/noise5.png);
     background-image: -moz-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%),    -moz-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 52%, rgba(0,0,0,0.2) 54%, rgba(0,0,0,0.5) 100%), url(images/noise5.png);
     background-image:  -ms-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%),     -ms-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 52%, rgba(0,0,0,0.2) 54%, rgba(0,0,0,0.5) 100%), url(images/noise5.png);
     background-image:   -o-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%),      -o-linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 52%, rgba(0,0,0,0.2) 54%, rgba(0,0,0,0.5) 100%), url(images/noise5.png);
     background-image:      linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%),        linear-gradient(-180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 52%, rgba(0,0,0,0.2) 54%, rgba(0,0,0,0.5) 100%), url(images/noise5.png);
     -webkit-box-shadow:inset 0 2px rgba(255,255,255,.2), inset 0 -1px rgba(255,255,255,.1), inset 0 1px #222;
        -moz-box-shadow:inset 0 2px rgba(255,255,255,.2), inset 0 -1px rgba(255,255,255,.1), inset 0 1px #222;
             box-shadow:inset 0 2px rgba(255,255,255,.2), inset 0 -1px rgba(255,255,255,.1), inset 0 1px #222;
  }
   .theme-bb-gold .dept {border-top:1px solid  #600;
     -webkit-box-shadow:0 1px rgba(255,255,255,.4) inset;
        -moz-box-shadow:0 1px rgba(255,255,255,.4) inset;
             box-shadow:0 1px rgba(255,255,255,.4) inset;
  }

     /** Flat **/

     .brandbar.theme-bb-blue-flat {border-bottom:1px solid #000; background:#002b5b;}
     .brandbar.theme-bb-lightgray-flat {border-bottom:1px solid #000; background:#f0f0f0;}
     .brandbar.theme-bb-mediumgray-flat {border-bottom:1px solid #000; background:#bbb;}
     .brandbar.theme-bb-darkgray-flat {border-bottom:1px solid #000; background:#555;}
     .brandbar.theme-bb-gold-flat {border-bottom:1px solid #000; background:#dcb439;}


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

     /** Gray Text **/
     .theme-bb-gold-flat .dept-nd a,
     .theme-bb-lightgray-flat .dept-nd a,
     .theme-bb-lightgray .dept-nd a,
     .theme-bb-mediumgray .dept-nd a,
     .theme-bb-mediumgray-flat .dept-nd a {background-image:url('https://static.nd.edu/images/brandbar/dept-nd-gray.png');}
     .theme-bb-gold-flat .dept-opac a,
     .theme-bb-lightgray-flat .dept-opac a,
     .theme-bb-lightgray .dept-opac a,
     .theme-bb-mediumgray .dept-opac a,
     .theme-bb-mediumgray-flat .dept-opac a {background-image:url('https://static.nd.edu/images/brandbar/dept-opac-gray.png');}

   /** Options include "-white", "-blue", and "-gray"; Update accordingly
     Also see Section 4:Themes
     Examples:
     .theme-bb-gold .dept-nd a   {background-image:url('https://static.nd.edu/images/brandbar/dept-nd-blue.png');}
     .theme-bb-lightgray .dept-nd a {background-image:url('https://static.nd.edu/images/brandbar/dept-nd-gray.png');}
     .theme-bb-darkgray .dept-nd a {background-image:url('https://static.nd.edu/images/brandbar/dept-nd-white.png');}
    **/

   /* Title Bar
   ----------------------------------------------------*/
   .titlebar.theme-tb-gold {border-bottom:1px solid #5e4724;
     background:#dcb439 url(images/texture-gold.png) 0 0 repeat;
     background:-webkit-linear-gradient(top, rgba(247,234,179,0.8) 0%, rgba(247,234,179,0.3) 50%, rgba(247,234,179,0.2) 51%, rgba(247,234,179,0) 100%), url(images/texture-gold.png);
     background: -moz-linear-gradient(top, rgba(247,234,179,0.8) 0%, rgba(247,234,179,0.3) 50%, rgba(247,234,179,0.2) 51%, rgba(247,234,179,0) 100%), url(images/texture-gold.png);
     background:      linear-gradient(top, rgba(247,234,179,0.8) 0%, rgba(247,234,179,0.3) 50%, rgba(247,234,179,0.2) 51%, rgba(247,234,179,0) 100%), url(images/texture-gold.png);
     filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#efda93', endColorstr='#d9ad38');
     -webkit-box-shadow:0 1px #fff inset, 0 -5px 5px -4px rgba(120,0,100,0.8) inset, 0 1px 5px rgba(0,0,0,0.3);
        -moz-box-shadow:0 1px #fff inset, 0 -5px 5px -4px rgba(120,0,100,0.8) inset, 0 1px 5px rgba(0,0,0,0.3);
             box-shadow:0 1px #fff inset, 0 -5px 6px -4px rgba(120,0,100,0.8) inset, 0 1px 5px rgba(0,0,0,0.3);
   }

   .titlebar.theme-tb-blue {border-bottom:1px solid #000;
     background:#002b5b;
     background:-webkit-linear-gradient(top, #003b7c 0%, #002b5b 100%);
     background: -moz-linear-gradient(top, #003b7c 0%, #002b5b 100%);
     background:      linear-gradient(top, #003b7c 0%, #002b5b 100%);
     filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#003a7a', endColorstr='#002c5d');
     -webkit-box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
        -moz-box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
             box-shadow:0 1px #007ad9 inset, 0 -12px 3px -10px rgba(0,0,0,0.4) inset;
   }
   .theme-tb-blue .site-title a {color:#fff; text-shadow:0 -1px rgba(0,0,0,.8);}
   .theme-tb-blue .search-form {border-color:#000;
     -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px rgba(0,120,255,.5);
        -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px rgba(0,120,255,.5);
             box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px rgba(0,120,255,.5);
   }
   .theme-tb-lightblue {border-bottom:1px solid #000;
     background:#5aabbc;
     background:url(images/noise3.png), -webkit-linear-gradient(top, #6bcce0 0%, #539eae 100%);
     background:url(images/noise3.png),    -moz-linear-gradient(top, #6bcce0 0%, #539eae 100%);
     background:url(images/noise3.png),         linear-gradient(top, #6bcce0 0%, #539eae 100%);
     filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#6bcce0', endColorstr='#539eae');
     -webkit-box-shadow:0 1px #9deafa inset, 0 -12px 3px -10px rgba(0,0,0,0.3) inset;
        -moz-box-shadow:0 1px #9deafa inset, 0 -12px 3px -10px rgba(0,0,0,0.3) inset;
             box-shadow:0 1px #9deafa inset, 0 -12px 3px -10px rgba(0,0,0,0.3) inset;
   }
   .theme-tb-lightblue a:visited {color:#002145;}
   .theme-tb-lightblue .search-form {border-color:#666;
     -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px rgba(100,100,100,.5);
        -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px rgba(100,100,100,.5);
             box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px rgba(100,100,100,.5);
   }

   .theme-tb-gold2 {border-bottom:1px solid #5e4724;
     background:#dcb439 url(images/texture-gold.png) 0 0 repeat;
     background:url(images/noise3.png), -webkit-linear-gradient(top, #e8d343 0%, #bc7a15 100%);
     background:url(images/noise3.png),    -moz-linear-gradient(top, #e8d343 0%, #bc7a15 100%);
     background:url(images/noise3.png),         linear-gradient(top, #e8d343 0%, #bc7a15 100%);
     filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#e5cd40', endColorstr='#bf8119');
     -webkit-box-shadow:0 -5px 5px -4px rgba(120,0,100,0.8) inset, 0 5px 5px -4px rgba(120,0,100,0.6) inset, 0 2px 5px -4px rgba(0,0,0,.4) inset, 0 1px 5px rgba(0,0,0,0.3);
        -moz-box-shadow:0 -5px 5px -4px rgba(120,0,100,0.8) inset, 0 5px 5px -4px rgba(120,0,100,0.6) inset, 0 2px 5px -4px rgba(0,0,0,.4) inset, 0 1px 5px rgba(0,0,0,0.3);
             box-shadow:0 -5px 6px -4px rgba(120,0,100,0.8) inset, 0 5px 5px -4px rgba(120,0,100,0.6) inset, 0 2px 5px -4px rgba(0,0,0,.4) inset, 0 1px 5px rgba(0,0,0,0.3);
   }
   .theme-tb-green {border-bottom:1px solid #1a2006;
     background:#465510;
     background:url(images/noise3.png), -webkit-linear-gradient(top, #627716 0%, #465510 100%);
     background:url(images/noise3.png),    -moz-linear-gradient(top, #627716 0%, #465510 100%);
     background:url(images/noise3.png),         linear-gradient(top, #627716 0%, #465510 100%);
     filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#627716', endColorstr='#465510');
     -webkit-box-shadow:0 1px #84a01e inset, 0 -12px 3px -15px rgba(0,0,0,0.2) inset, 0 1px 5px rgba(0,0,0,0.3);
        -moz-box-shadow:0 1px #84a01e inset, 0 -12px 3px -15px rgba(0,0,0,0.2) inset, 0 1px 5px rgba(0,0,0,0.3);
             box-shadow:0 1px #84a01e inset, 0 -12px 3px -15px rgba(0,0,0,0.2) inset, 0 1px 5px rgba(0,0,0,0.3);
   }
   .theme-tb-green a:visited {color:#fff;}
   .theme-tb-green .site-title{text-shadow:0 1px rgba(0,0,0,0.45);}
   .theme-tb-green .search-form {border-color:#666;
     -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px rgba(100,100,100,.5);
        -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px rgba(100,100,100,.5);
             box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px rgba(100,100,100,.5);
   }

   .theme-tb-red {border-bottom:1px solid #250904;
     background:#5f1709;
     background:url(images/noise3.png), -webkit-linear-gradient(top, #89210d 0%, #5f1709 100%);
     background:url(images/noise3.png),    -moz-linear-gradient(top, #89210d 0%, #5f1709 100%);
     background:url(images/noise3.png),         linear-gradient(top, #89210d 0%, #5f1709 100%);
     filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr='#89210d', endColorstr='#5f1709');
     -webkit-box-shadow:0 1px #ae2a10 inset, 0 -5px 5px -4px rgba(0,0,0,0.5) inset, 0 1px 5px rgba(0,0,0,0.2);
        -moz-box-shadow:0 1px #ae2a10 inset, 0 -5px 5px -4px rgba(0,0,0,0.5) inset, 0 1px 5px rgba(0,0,0,0.2);
             box-shadow:0 1px #ae2a10 inset, 0 -5px 6px -4px rgba(0,0,0,0.5) inset, 0 1px 5px rgba(0,0,0,0.2);
   }
   .theme-tb-red a:visited {color:#fff;}
   .theme-tb-red .site-title{text-shadow:0 1px rgba(0,0,0,0.45);}
   .theme-tb-red .search-form {border-color:#666;
     -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px rgba(100,100,100,.5);
        -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px rgba(100,100,100,.5);
             box-shadow:inset 0 1px 2px rgba(0,0,0,.3), 0 1px rgba(100,100,100,.5);
   }

    /** Flat **/
   .titlebar.theme-tb-gold-flat {border-bottom:2px solid #be961a; background:#dcb439;
     -webkit-box-shadow:0 1px rgba(255,255,255,0.5) inset;
        -moz-box-shadow:0 1px rgba(255,255,255,0.5) inset;
             box-shadow:0 1px rgba(255,255,255,0.5) inset;
     }

   .titlebar.theme-tb-blue-flat {border-bottom:2px solid #001730; background:#002b5b;
     -webkit-box-shadow:0 1px rgba(255,255,255,0.5) inset;
        -moz-box-shadow:0 1px rgba(255,255,255,0.5) inset;
             box-shadow:0 1px rgba(255,255,255,0.5) inset;
     }

   .titlebar.theme-tb-lightblue-flat {border-bottom:2px solid #4a8d9b; background:#5aabbc;
     -webkit-box-shadow:0 1px rgba(255,255,255,0.5) inset;
        -moz-box-shadow:0 1px rgba(255,255,255,0.5) inset;
             box-shadow:0 1px rgba(255,255,255,0.5) inset;
     }

   .titlebar.theme-tb-green-flat {border-bottom:2px solid #36410c; background:#465510;
     -webkit-box-shadow:0 1px rgba(255,255,255,0.2) inset;
        -moz-box-shadow:0 1px rgba(255,255,255,0.2) inset;
             box-shadow:0 1px rgba(255,255,255,0.2) inset;
     }

   .titlebar.theme-tb-red-flat {border-bottom:2px solid #4a1207; background:#6c1a0a;
     -webkit-box-shadow:0 1px rgba(255,255,255,0.2) inset;
        -moz-box-shadow:0 1px rgba(255,255,255,0.2) inset;
             box-shadow:0 1px rgba(255,255,255,0.2) inset;
     }

   .theme-tb-red-flat .site-title a,
   .theme-tb-green-flat .site-title a,
   .theme-tb-blue-flat .site-title a,
   .theme-tb-lightblue-flat .site-title a {color:#fff; text-shadow:none;}
 }

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

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

   .dept-nd a   {background-image:url('https://static.nd.edu/images/brandbar/dept-nd-white@2x.png');}
   .dept-arch a {background-image:url('https://static.nd.edu/images/brandbar/dept-arch-white@2x.png');} /* School of Architecture */
   .dept-athl a {background-image:url('https://static.nd.edu/images/brandbar/dept-athl-white@2x.png');} /* Department of Athletics */
   .dept-auxo a {background-image:url('https://static.nd.edu/images/brandbar/dept-auxo-white@2x.png');} /* Auxiliary Operations */
   .dept-uoes a {background-image:url('https://static.nd.edu/images/brandbar/dept-uoes-white@2x.png');} /* University Operations, Events, and Safety */
   .dept-buso a {background-image:url('https://static.nd.edu/images/brandbar/dept-buso-white@2x.png');} /* Office of Business Operations */
   .dept-cams a {background-image:url('https://static.nd.edu/images/brandbar/dept-cams-white@2x.png');} /* Campus Services */
   .dept-coal a {background-image:url('https://static.nd.edu/images/brandbar/dept-coal-white@2x.png');} /* College of Arts and Letters */
   .dept-cont a {background-image:url('https://static.nd.edu/images/brandbar/dept-cont-white@2x.png');} /* Office of the Controller */
   .dept-cosc a {background-image:url('https://static.nd.edu/images/brandbar/dept-cosc-white@2x.png');} /* College of Science */
   .dept-csuo a {background-image:url('https://static.nd.edu/images/brandbar/dept-csuo-white@2x.png');} /* Campus Safety and University Operations */
   .dept-engr a {background-image:url('https://static.nd.edu/images/brandbar/dept-engr-white@2x.png');} /* College of Engineering */
   .dept-enrl a {background-image:url('https://static.nd.edu/images/brandbar/dept-enrl-white@2x.png');} /* Enrollment Division */
   .dept-evpo a {background-image:url('https://static.nd.edu/images/brandbar/dept-evpo-white@2x.png');} /* Office of the Executive Vice President */
   .dept-fdao a {background-image:url('https://static.nd.edu/images/brandbar/dept-fdao-white@2x.png');} /* Facilities Design and Operations */
   .dept-fyst a {background-image:url('https://static.nd.edu/images/brandbar/dept-fyst-white@2x.png');} /* First Year of Studies */
   .dept-genc a {background-image:url('https://static.nd.edu/images/brandbar/dept-genc-white@2x.png');} /* Office of General Council */
   .dept-grad a {background-image:url('https://static.nd.edu/images/brandbar/dept-grad-white@2x.png');} /* The Graduate School */
   .dept-hurs a {background-image:url('https://static.nd.edu/images/brandbar/dept-hurs-white@2x.png');} /* Office of Human Resources */
   .dept-invs a {background-image:url('https://static.nd.edu/images/brandbar/dept-invs-white@2x.png');} /* Investment Office */
   .dept-ksga a {background-image:url('https://static.nd.edu/images/brandbar/dept-ksga-white@2x.png');} /* Keough School of Global Affairs */
   .dept-mcob a {background-image:url('https://static.nd.edu/images/brandbar/dept-mcob-white@2x.png');} /* Mendoza College of Business */
   .dept-meca a {background-image:url('https://static.nd.edu/images/brandbar/dept-meca-white@2x.png');} /* Office of Mission Engagement and Church Affairs */
   .dept-laws a {background-image:url('https://static.nd.edu/images/brandbar/dept-laws-white@2x.png');} /* The Law School */
   .dept-oocs a {background-image:url('https://static.nd.edu/images/brandbar/dept-oocs-white@2x.png');} /* Office of Campus Safety */
   .dept-ooit a {background-image:url('https://static.nd.edu/images/brandbar/dept-ooit-white@2x.png');} /* Office of Information Technologies */
   .dept-opac a {background-image:url('https://static.nd.edu/images/brandbar/dept-opac-white@2x.png');} /* Office of Public Affairs and Communications */
   .dept-ores a {background-image:url('https://static.nd.edu/images/brandbar/dept-ores-white@2x.png');} /* Notre Dame Research */
   .dept-pres a {background-image:url('https://static.nd.edu/images/brandbar/dept-pres-white@2x.png');} /* Office of the President */
   .dept-prov a {background-image:url('https://static.nd.edu/images/brandbar/dept-prov-white@2x.png');} /* Office of the Provost */
   .dept-staf a {background-image:url('https://static.nd.edu/images/brandbar/dept-staf-white@2x.png');} /* Office of Student Affairs */
   .dept-urel a {background-image:url('https://static.nd.edu/images/brandbar/dept-urel-white@2x.png');} /* Office of University Relations */
   .dept-vpor a {background-image:url('https://static.nd.edu/images/brandbar/dept-vpor-white@2x.png');} /* Office of the Vice President for Research */
   .dept-intr a {background-image:url('https://static.nd.edu/images/brandbar/dept-intr-white@2x.png');} /* Office of Internationalization */
   .dept-spir a {background-image:url('https://static.nd.edu/images/brandbar/dept-spir-white@2x.png');} /* Office of Strategic Planning and Institutional Research */
   .dept-acfs a {background-image:url('https://static.nd.edu/images/brandbar/dept-acfs-white@2x.png');} /* Office of Finance */

   /** Blue Text **/
   .theme-bb-gold .dept-nd a   {background-image:url('https://static.nd.edu/images/brandbar/dept-nd-blue@2x.png');}
   .theme-bb-gold .dept-spir a {background-image:url('https://static.nd.edu/images/brandbar/dept-spir-blue@2x.png');} /* Office of Strategic Planning and Institutional Research */

   /** Gray Text **/
   .theme-bb-gold-flat .dept-nd a,
   .theme-bb-lightgray-flat .dept-nd a,
   .theme-bb-lightgray .dept-nd a,
   .theme-bb-mediumgray .dept-nd a,
   .theme-bb-mediumgray-flat .dept-nd a {background-image:url('https://static.nd.edu/images/brandbar/dept-nd-gray@2x.png');}
   .theme-bb-gold-flat .dept-opac a,
   .theme-bb-lightgray-flat .dept-opac a,
   .theme-bb-lightgray .dept-opac a,
   .theme-bb-mediumgray .dept-opac a,
   .theme-bb-mediumgray-flat .dept-opac a {background-image:url('https://static.nd.edu/images/brandbar/dept-opac-gray@2x.png');}
 }

 /*************************************************************************************
  * 5. Grid
  * Author: http://foundation.zurb.com/
  * Version: 5.2.0
  * Documentation: http://foundation.zurb.com/docs/components/grid.html
  * Updated: 2014-03-12
  ************************************************************************************/
 .row {width:100%; margin-left:auto; margin-right:auto; margin-top:0; margin-bottom:0; max-width:80em; *zoom:1;}
 .row:before, .row:after {content:" "; display:table;}
 .row:after {clear:both;}
 .row.collapse > .column,
   .row.collapse > .columns {padding-left:0; padding-right:0;}
 .row.collapse .row {margin-left:0; margin-right:0;}
 .row .row {width:auto; margin-left:-0.9375em; margin-right:-0.9375em; margin-top:0; margin-bottom:0; max-width:none; *zoom:1;}
 .row .row:before, .row .row:after {content:" "; display:table;}
 .row .row:after {clear:both;}
 .row .row.collapse {width:auto; margin:0; max-width:none; *zoom:1;}
 .row .row.collapse:before, .row .row.collapse:after {content:" "; display:table;}
 .row .row.collapse:after {clear:both;}
 .column,
 .columns {position:relative; padding-left:0.9375em; padding-right:0.9375em; width:100%; float:left;}

 @media only screen {
   .column.small-centered,
     .columns.small-centered {margin-left:auto; margin-right:auto; float:none !important;}
   .column.small-uncentered,
     .columns.small-uncentered {margin-left:0; margin-right:0; float:left;}
   .column.small-uncentered.opposite,
     .columns.small-uncentered.opposite {float:right;}
   .small-push-0 {left:0%; right:auto;}
   .small-pull-0 {right:0%; left:auto;}
   .small-push-1 {left:8.33333%; right:auto;}
   .small-pull-1 {right:8.33333%; left:auto;}
   .small-push-2 {left:16.66667%; right:auto;}
   .small-pull-2 {right:16.66667%; left:auto;}
   .small-push-3 {left:25%; right:auto;}
   .small-pull-3 {right:25%; left:auto;}
   .small-push-4 {left:33.33333%; right:auto;}
   .small-pull-4 {right:33.33333%; left:auto;}
   .small-push-5 {left:41.66667%; right:auto;}
   .small-pull-5 {right:41.66667%; left:auto;}
   .small-push-6 {left:50%; right:auto;}
   .small-pull-6 {right:50%; left:auto;}
   .small-push-7 {left:58.33333%; right:auto;}
   .small-pull-7 {right:58.33333%; left:auto;}
   .small-push-8 {left:66.66667%; right:auto;}
   .small-pull-8 {right:66.66667%; left:auto;}
   .small-push-9 {left:75%; right:auto;}
   .small-pull-9 {right:75%; left:auto;}
   .small-push-10 {left:83.33333%; right:auto;}
   .small-pull-10 {right:83.33333%; left:auto;}
   .small-push-11 {left:91.66667%; right:auto;}
   .small-pull-11 {right:91.66667%; left:auto;}
   .small-1 {width:8.33333%;}
   .small-2 {width:16.66667%;}
   .small-3 {width:25%;}
   .small-4 {width:33.33333%;}
   .small-5 {width:41.66667%;}
   .small-6 {width:50%;}
   .small-7 {width:58.33333%;}
   .small-8 {width:66.66667%;}
   .small-9 {width:75%;}
   .small-10 {width:83.33333%;}
   .small-11 {width:91.66667%;}
   .small-12 {width:100%;}
   [class*="column"] + [class*="column"]:last-child {float:right;}
   [class*="column"] + [class*="column"].end {float:left;}
   .small-offset-0 {margin-left:0% !important;}
   .small-offset-1 {margin-left:8.33333% !important;}
   .small-offset-2 {margin-left:16.66667% !important;}
   .small-offset-3 {margin-left:25% !important;}
   .small-offset-4 {margin-left:33.33333% !important;}
   .small-offset-5 {margin-left:41.66667% !important;}
   .small-offset-6 {margin-left:50% !important;}
   .small-offset-7 {margin-left:58.33333% !important;}
   .small-offset-8 {margin-left:66.66667% !important;}
   .small-offset-9 {margin-left:75% !important;}
   .small-offset-10 {margin-left:83.33333% !important;}
   .small-offset-11 {margin-left:91.66667% !important;}
   .small-reset-order,
     .small-reset-order {margin-left:0; margin-right:0; left:auto; right:auto; float:left;}
 }

 /* 700px
 ----------------------------------------------------*/
 @media only screen and (min-width: 43.75em) {
   .column.medium-centered,
     .columns.medium-centered {margin-left:auto; margin-right:auto; float:none !important;}
   .column.medium-uncentered,
     .columns.medium-uncentered {margin-left:0; margin-right:0; float:left;}
   .column.medium-uncentered.opposite,
     .columns.medium-uncentered.opposite {float:right;}
   .medium-push-0 {left:0%; right:auto;}
   .medium-pull-0 {right:0%; left:auto;}
   .medium-push-1 {left:8.33333%; right:auto;}
   .medium-pull-1 {right:8.33333%; left:auto;}
   .medium-push-2 {left:16.66667%; right:auto;}
   .medium-pull-2 {right:16.66667%; left:auto;}
   .medium-push-3 {left:25%; right:auto;}
   .medium-pull-3 {right:25%; left:auto;}
   .medium-push-4 {left:33.33333%; right:auto;}
   .medium-pull-4 {right:33.33333%; left:auto;}
   .medium-push-5 {left:41.66667%; right:auto;}
   .medium-pull-5 {right:41.66667%; left:auto;}
   .medium-push-6 {left:50%; right:auto;}
   .medium-pull-6 {right:50%; left:auto;}
   .medium-push-7 {left:58.33333%; right:auto;}
   .medium-pull-7 {right:58.33333%; left:auto;}
   .medium-push-8 {left:66.66667%; right:auto;}
   .medium-pull-8 {right:66.66667%; left:auto;}
   .medium-push-9 {left:75%; right:auto;}
   .medium-pull-9 {right:75%; left:auto;}
   .medium-push-10 {left:83.33333%; right:auto;}
   .medium-pull-10 {right:83.33333%; left:auto;}
   .medium-push-11 {left:91.66667%; right:auto;}
   .medium-pull-11 {right:91.66667%; left:auto;}
   .medium-1 {width:8.33333%;}
   .medium-2 {width:16.66667%;}
   .medium-3 {width:25%;}
   .medium-4 {width:33.33333%;}
   .medium-5 {width:41.66667%;}
   .medium-6 {width:50%;}
   .medium-7 {width:58.33333%;}
   .medium-8 {width:66.66667%;}
   .medium-9 {width:75%;}
   .medium-10 {width:83.33333%;}
   .medium-11 {width:91.66667%;}
   .medium-12 {width:100%;}
   .medium-offset-0 {margin-left:0% !important;}
   .medium-offset-1 {margin-left:8.33333% !important;}
   .medium-offset-2 {margin-left:16.66667% !important;}
   .medium-offset-3 {margin-left:25% !important;}
   .medium-offset-4 {margin-left:33.33333% !important;}
   .medium-offset-5 {margin-left:41.66667% !important;}
   .medium-offset-6 {margin-left:50% !important;}
   .medium-offset-7 {margin-left:58.33333% !important;}
   .medium-offset-8 {margin-left:66.66667% !important;}
   .medium-offset-9 {margin-left:75% !important;}
   .medium-offset-10 {margin-left:83.33333% !important;}
   .medium-offset-11 {margin-left:91.66667% !important;}
   .medium-reset-order,
     .medium-reset-order {margin-left:0; margin-right:0; left:auto; right:auto; float:left;}
   .push-0 {left:0%; right:auto;}
   .pull-0 {right:0%; left:auto;}
   .push-1 {left:8.33333%; right:auto;}
   .pull-1 {right:8.33333%; left:auto;}
   .push-2 {left:16.66667%; right:auto;}
   .pull-2 {right:16.66667%; left:auto;}
   .push-3 {left:25%; right:auto;}
   .pull-3 {right:25%; left:auto;}
   .push-4 {left:33.33333%; right:auto;}
   .pull-4 {right:33.33333%; left:auto;}
   .push-5 {left:41.66667%; right:auto;}
   .pull-5 {right:41.66667%; left:auto;}
   .push-6 {left:50%; right:auto;}
   .pull-6 {right:50%; left:auto;}
   .push-7 {left:58.33333%; right:auto;}
   .pull-7 {right:58.33333%; left:auto;}
   .push-8 {left:66.66667%; right:auto;}
   .pull-8 {right:66.66667%; left:auto;}
   .push-9 {left:75%; right:auto;}
   .pull-9 {right:75%; left:auto;}
   .push-10 {left:83.33333%; right:auto;}
   .pull-10 {right:83.33333%; left:auto;}
   .push-11 {left:91.66667%; right:auto;}
   .pull-11 {right:91.66667%; left:auto;}
 }

 /* 960px
 ----------------------------------------------------*/
 @media only screen and (min-width: 60em) {
   .column.large-centered,
     .columns.large-centered {margin-left:auto; margin-right:auto; float:none !important;}
   .column.large-uncentered,
     .columns.large-uncentered {margin-left:0; margin-right:0; float:left;}
   .column.large-uncentered.opposite,
     .columns.large-uncentered.opposite {float:right;}
   .large-push-0 {left:0%; right:auto;}
   .large-pull-0 {right:0%; left:auto;}
   .large-push-1 {left:8.33333%; right:auto;}
   .large-pull-1 {right:8.33333%; left:auto;}
   .large-push-2 {left:16.66667%; right:auto;}
   .large-pull-2 {right:16.66667%; left:auto;}
   .large-push-3 {left:25%; right:auto;}
   .large-pull-3 {right:25%; left:auto;}
   .large-push-4 {left:33.33333%; right:auto;}
   .large-pull-4 {right:33.33333%; left:auto;}
   .large-push-5 {left:41.66667%; right:auto;}
   .large-pull-5 {right:41.66667%; left:auto;}
   .large-push-6 {left:50%; right:auto;}
   .large-pull-6 {right:50%; left:auto;}
   .large-push-7 {left:58.33333%; right:auto;}
   .large-pull-7 {right:58.33333%; left:auto;}
   .large-push-8 {left:66.66667%; right:auto;}
   .large-pull-8 {right:66.66667%; left:auto;}
   .large-push-9 {left:75%; right:auto;}
   .large-pull-9 {right:75%; left:auto;}
   .large-push-10 {left:83.33333%; right:auto;}
   .large-pull-10 {right:83.33333%; left:auto;}
   .large-push-11 {left:91.66667%; right:auto;}
   .large-pull-11 {right:91.66667%; left:auto;}
   .large-1 {width:8.33333%;}
   .large-2 {width:16.66667%;}
   .large-3 {width:25%;}
   .large-4 {width:33.33333%;}
   .large-5 {width:41.66667%;}
   .large-6 {width:50%;}
   .large-7 {width:58.33333%;}
   .large-8 {width:66.66667%;}
   .large-9 {width:75%;}
   .large-10 {width:83.33333%;}
   .large-11 {width:91.66667%;}
   .large-12 {width:100%;}
   .large-offset-0 {margin-left:0% !important;}
   .large-offset-1 {margin-left:8.33333% !important;}
   .large-offset-2 {margin-left:16.66667% !important;}
   .large-offset-3 {margin-left:25% !important;}
   .large-offset-4 {margin-left:33.33333% !important;}
   .large-offset-5 {margin-left:41.66667% !important;}
   .large-offset-6 {margin-left:50% !important;}
   .large-offset-7 {margin-left:58.33333% !important;}
   .large-offset-8 {margin-left:66.66667% !important;}
   .large-offset-9 {margin-left:75% !important;}
   .large-offset-10 {margin-left:83.33333% !important;}
   .large-offset-11 {margin-left:91.66667% !important;}
   .large-reset-order,
     .large-reset-order {margin-left:0; margin-right:0; left:auto; right:auto; float:left;}
 }

 /* 1200px
 ----------------------------------------------------*/
 @media only screen and (min-width:75em) {
   .column.xlarge-centered,
     .columns.xlarge-centered {margin-left:auto; margin-right:auto; float:none !important;}
   .column.xlarge-uncentered,
     .columns.xlarge-uncentered {margin-left:0; margin-right:0; float:left;}
   .column.xlarge-uncentered.opposite,
     .columns.xlarge-uncentered.opposite {float:right;}
   .xlarge-push-0 {left:0%; right:auto;}
   .xlarge-pull-0 {right:0%; left:auto;}
   .xlarge-push-1 {left:8.33333%; right:auto;}
   .xlarge-pull-1 {right:8.33333%; left:auto;}
   .xlarge-push-2 {left:16.66667%; right:auto;}
   .xlarge-pull-2 {right:16.66667%; left:auto;}
   .xlarge-push-3 {left:25%; right:auto;}
   .xlarge-pull-3 {right:25%; left:auto;}
   .xlarge-push-4 {left:33.33333%; right:auto;}
   .xlarge-pull-4 {right:33.33333%; left:auto;}
   .xlarge-push-5 {left:41.66667%; right:auto;}
   .xlarge-pull-5 {right:41.66667%; left:auto;}
   .xlarge-push-6 {left:50%; right:auto;}
   .xlarge-pull-6 {right:50%; left:auto;}
   .xlarge-push-7 {left:58.33333%; right:auto;}
   .xlarge-pull-7 {right:58.33333%; left:auto;}
   .xlarge-push-8 {left:66.66667%; right:auto;}
   .xlarge-pull-8 {right:66.66667%; left:auto;}
   .xlarge-push-9 {left:75%; right:auto;}
   .xlarge-pull-9 {right:75%; left:auto;}
   .xlarge-push-10 {left:83.33333%; right:auto;}
   .xlarge-pull-10 {right:83.33333%; left:auto;}
   .xlarge-push-11 {left:91.66667%; right:auto;}
   .xlarge-pull-11 {right:91.66667%; left:auto;}
   .xlarge-1 {width:8.33333%;}
   .xlarge-2 {width:16.66667%;}
   .xlarge-3 {width:25%;}
   .xlarge-4 {width:33.33333%;}
   .xlarge-5 {width:41.66667%;}
   .xlarge-6 {width:50%;}
   .xlarge-7 {width:58.33333%;}
   .xlarge-8 {width:66.66667%;}
   .xlarge-9 {width:75%;}
   .xlarge-10 {width:83.33333%;}
   .xlarge-11 {width:91.66667%;}
   .xlarge-12 {width:100%;}
   .xlarge-offset-0 {margin-left:0% !important;}
   .xlarge-offset-1 {margin-left:8.33333% !important;}
   .xlarge-offset-2 {margin-left:16.66667% !important;}
   .xlarge-offset-3 {margin-left:25% !important;}
   .xlarge-offset-4 {margin-left:33.33333% !important;}
   .xlarge-offset-5 {margin-left:41.66667% !important;}
   .xlarge-offset-6 {margin-left:50% !important;}
   .xlarge-offset-7 {margin-left:58.33333% !important;}
   .xlarge-offset-8 {margin-left:66.66667% !important;}
   .xlarge-offset-9 {margin-left:75% !important;}
   .xlarge-offset-10 {margin-left:83.33333% !important;}
   .xlarge-offset-11 {margin-left:91.66667% !important;}
   .xlarge-reset-order,
     .xlarge-reset-order {margin-left:0; margin-right:0; left:auto; right:auto; float:left;}
 }

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

 /* 700px
 ----------------------------------------------------*/
 @media only screen and (min-width:43.75em) {
   .row {max-width:96%;}
 }

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

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


 /*************************************************************************************
  * 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
   ----------------------------------------------------*/
   .breadcrumbs,
   .header-util,
   .skip-links,
   .nav-mobile,
   .nav-site,
   .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,
     .subline {margin:0; 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:2em;}
     .subline {font-size:1em;}

   .alpha a:link:after {content:" [link:" attr(href) "] "; font-size:11px; font-family:inherit;}
   .alpha 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;}
 }

 /* Gallery Styles
   ----------------------------------------------------*/
@layer base {
  .gallery-lb {display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none;}
    .gallery-lb li {margin:0 0.5rem 0.5rem 0;}
    .gallery-lb a {display:block;}
    .gallery-lb a:hover {cursor:zoom-in;transform:scale(1.01);transition:all 325ms cubic-bezier(0, 0, 0, 1);}
    .gallery-lb img {width:100%; height:100%; object-fit:cover;}
  @supports (display:grid) {
    .gallery-lb { display:grid; grid-gap:0.5rem; grid-template-columns:repeat(auto-fill, minmax(12rem,1fr)); }
      .gallery-lb li { margin:0; }
  }
  .lb-overlay,.lb-wrap-outer,.lb-wrap{position:fixed;top:0;right:0;bottom:0;left:0}
  .lb-overlay{overflow:hidden;z-index:2000;background-color:#081629;opacity:0.9;animation:lb-overlay 0.5s}
  .lb-wrap-outer{overflow-x:hidden;overflow-y:auto;z-index:2010}
  .lb-wrap{position:absolute;text-align:center}
  .lb-wrap:before{content:"";display:inline-block;height:100%;vertical-align:middle}
  .lb-content-outer{position:relative;display:inline-block;vertical-align:middle;margin:0px auto;padding:0 1em;box-sizing:border-box;z-index:2020;text-align:left;max-width:100%}
  .lb-content-el .lb-content-outer{padding:5em 1em}
  .lb-content{position:relative}
  .lb-content-el .lb-content{animation:lb-enter 0.3s;background-color:#fff;box-shadow:0 0.2em 1em rgba(0,0,0,0.4)}
  .lb-image-wrap{animation:lb-enter 0.3s;position:relative}
  .lb-direction-next .lb-image-wrap{animation:lb-enter-next 0.4s}
  .lb-direction-prev .lb-image-wrap{animation:lb-enterPrev 0.4s}
  .lb-image{width:auto;max-width: 85%;height:auto;display:block;line-height:0;box-sizing:border-box;padding: 3rem 0 0;margin:0 auto;}
  .lb-caption{display:inline-block;width:90vw;max-width:65rem;word-wrap:normal;font-size:1rem;position:absolute;left:50%;bottom:0;transform:translate(-50%, 100%);padding:1em 0;color:#fff;color:rgba(255,255,255,0.7);text-align:center;bottom: 0;}
  .lb-btn-close,.lb-arrow{margin:0;padding:0;border:0;cursor:pointer;background:none}
  .lb-btn-close:hover,.lb-arrow:hover{opacity:0.5}
  .lb-btn-close:active,.lb-arrow:active{opacity:0.8}
  .lb-btn-close{animation:lb-enter 0.3s;font-size:3em;width:1.66667em;height:1.66667em;line-height:1.66667em;position:absolute;right:-.33333em;top:-1em;color:#fff;color:rgba(255,255,255,0.7);text-align:center}
  .lb-loading .lb-btn-close{display:none}
  .lb-loading-text{font-size:1.4em;color:#fff;color:rgba(255,255,255,0.9)}
  .lb-arrows{position:fixed;top:50%;left:0;right:0}
  .lb-loading .lb-arrows{display:none}
  .lb-arrow{position:absolute;top:50%;margin-top:-5em;width:3em;height:10em;opacity:0.7;text-indent:-999em;overflow:hidden}
  .lb-arrow:before{content:"";position:absolute;top:50%;left:50%;margin:-.8em 0 0 -.8em;border:.8em solid transparent}
  .lb-arrow.next{right:0}
  .lb-arrow.next:before{border-left-color:#fff}
  .lb-arrow.prev{left:0}
  .lb-arrow.prev:before{border-right-color:#fff}
  .lb-iframe-cont{width:80em;height:0;overflow:hidden;padding-top:56.25%;margin:5em 0}
  .lb-iframe{position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:0 0.2em 1em rgba(0,0,0,0.6);background:#000}
  @keyframes lb-overlay{from{opacity:0}to{opacity:0.9}}
  @keyframes lb-enter{from{opacity:0;transform:translate3d(0, -1em, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}
  @keyframes lb-enter-next{from{opacity:0;transform:translate3d(4em, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}
  @keyframes lb-enterPrev{from{opacity:0;transform:translate3d(-4em, 0, 0)}to{opacity:1;transform:translate3d(0, 0, 0)}}
}