@import url(//fonts.googleapis.com/css?family=Dosis:400,500,700);
/* University Template over-ride
   Launched: 2016-08-25
   Author: Taylor Packet, Shawn Maust
   ----------------------------------------------------*/
/* Icons
  <span class="icon" data-icon="nd-monogram"></span>
  https://dev.conductor.nd.edu/icons/
----------------------------------------------------*/
body,html {background:#fff;}
a {color:#e3862c;}
h1,h2,h3,h4,h5,h6 { color:#f59130;font-family:Dosis,Helvetica,Arial,Verdana,sans-serif; font-weight:500; text-shadow:none}
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:#f59130;}
h2,h3 {color:#353334;}
p {max-width:none;}
.iframe-wrapper { -webkit-overflow-scrolling: touch; min-height:300px; overflow: auto; padding-bottom:75%; position:relative;}
.iframe-wrapper iframe { height:100%; left:0; position:absolute; top:0; width:100%; }
.titlebar {background:#fff;}
.nav-top--clone { display:none; }
.icon { fill:#ffbf3d;display:inline-block; height:1em; width:1em;}
[data-icon=nd-monogram] {fill:#002b5b;}
.icon svg { height:1em; width:100%; }
.event-date,.home .event-date { border-right:3px solid #f59130; color:#fff; float:left; font-family:Dosis,Helvetica,Arial,Verdana,sans-serif;  margin-right:.75em; text-align:center; width:60px;}
.event-date {color:#333;}
.event-details,.event-title { float:left; width:calc(100% - 80px); }
.event-month { display:block; font-weight:700; letter-spacing:.1em; margin-top:.15em; text-transform:uppercase;}
.event-day { display:block; font-size:1.85em; font-weight:400;}
.events .vevent  { margin:0 0 2em; }
.location,.publish-info { display:block; }
.facilities-svg { display:none; }
.image-default img,.image-left img,.image-right img {box-shadow:none;}
.image-left { margin-right:2em; }
/* Cards */
.card { --card-padding:1.5rem; --card-image-width:100%; --card-circle-image-width:calc(100% - var(--card-padding)*2); display:flex; flex-flow:column; margin:0; position:relative; width:100%; }
article.card { margin-bottom:2rem; }
.card-body { font-size:1rem; padding:var(--card-padding); }
.card-title { font-family:var(--font-heading-article); font-size:1.5rem; font-weight:400; margin:0 0 1rem; padding-top:0; }
.card-label { font-size:1rem; font-size:.875rem; font-weight:400; letter-spacing:.08em; margin:0 0 .5em; text-transform:uppercase; }
.card-image { margin:0; order:-1; width:var(--card-image-width); }
.card-image img { width:100%; }
.card-link {display:block; text-decoration:none; }
.card-link:hover { color:var(--brand-blue);text-decoration:none; }
.card-link:before { bottom:0; content:""; display:block; left:0; position:absolute; right:0; top:0; z-index:2 }
/* Make entire card clickable */
@media projection,screen {
  .brandbar,.titlebar { position:relative; z-index:10;}

  .site-header { position:relative; }
    .site-header:after { background:linear-gradient(180deg, #fff 0, hsla(0,0%,100%,.85) 30%, hsla(0,0%,100%,0)); bottom:25%; content:""; left:0; position:absolute; right:0; top:0; }

  .site-title { font-size:1.65em;padding:0;}
  .site-title a { background:url(images/logo-stacked.svg) no-repeat;
  -ms-background-size: 100% auto;
      background-size: 100% auto;display:block; max-width: 300px; padding:1.5em 0; text-indent: -9999px; width:95%;
}
  .site-title a,.site-title a:visited {color:#333;}

  .wrapper { overflow:hidden; }

  .search-form {border:1px solid #aaa;}
  .breadcrumbs a:visited {color:#da812b;}

  .nav-top {background:none; border:none; box-shadow:none;}
  .nav-mobile .nav-top,.nav-mobile .nav-top li { display:block;}
  .nav-mobile { background:#353334;}
  .nav-top li a { display:block; font-family:Dosis,Helvetica,Arial,Verdana,sans-serif; font-weight:400;padding:.75em .8em; text-align:left; text-shadow:none;}
  .nav-top li.active a { background:#ffbf3d;color:#333; text-shadow:none;}
  .nav-top li a:hover { background:#f59130;color:#333; text-shadow:none;}

  .nav-site ul { background: #353334; border:#000; border-radius:3px;padding: 1em .85em;}
  .nav-site ul a { border:none; color:#fff; font-family: Dosis,Helvetica,Arial,Verdana,sans-serif; font-size: 1.15em; font-weight:400;padding: .3em 0 .35em 1.5em;}
  .nav-site ul a:hover { background:#f59130;border:none; border-radius:3px; color:#333;}
  .nav-site ul>.active>a { background:#ffbf3d; border:none; border-radius:3px;color:#333;}
  .depth_1 {background:#353334;}

  .nav-site ul ul { background:#dedede;margin:.25em 0; padding:.25em .5em;}
  .nav-site ul ul a { color:#333; font-size:.9em;padding:.35em .35em .3em 1.6em;}
  .nav-site ul ul a:hover,.nav-site ul ul>.active>a { background:#f59130;color:#222;}

  .nav-site ul ul ul {margin-left:.5em;}
  .nav-site ul ul ul li {margin:.25em 0 0;}
  .nav-site ul ul ul li a {color:#656565;}
  .nav-site ul ul ul a:hover,.nav-site ul ul ul>.active>a {background:none; color:#333;}
  .nav-site ul ul ul .active>.current-last,.nav-site ul ul ul>.active>a { color:#333;font-weight:700;}

  .nav-site li.last {margin-bottom:.25em;}

  .entry-image { border:1px solid #ccc;margin-bottom:1em;}

  .slant { padding:2% 0; position:relative; z-index:1; }
  .slant:before { content:""; display:block; height:100%; left:50%; margin-left:-50vw; position:absolute; top:0; width:100vw; z-index:-1; }

  .header-image { background:url(images/feature-700.jpg) 50% 50% no-repeat; background-size:cover; margin-bottom:-2em; margin-top:-5%; padding-top:45%; position:relative; z-index:0; }
    .header-image-1 { background-image:url(images/feature-700.jpg) }
    .header-image-2 { background-image:url(images/feature2-1000.jpg); }
    .header-image-3 { background-image:url(images/feature3-700.jpg); }

  .page-header-image { border:1px solid #ccc; margin-bottom:1em; }
    .page-header-image img { width:100%; }
  .page-title { border:none;padding:0;}

  .entry-title,.home .section .entry-title { font-family:Dosis,Helvetica,Arial,Verdana,sans-serif; font-size:1.5em; font-weight:400; line-height:1.15em;}
  .entry-title {font-size:2em;}

  .home-secondary .entry-title a,.home-secondary .entry-title a:visited {color:#eee;}

  .home article {margin-bottom:2em;}

  .author b,.entry-title a,.entry-title a:visited,.location b,.posted-in,.publish-info b {color:#353334;}

  .home-primary { font-weight:300; letter-spacing:.025em; margin:2em 0 0;}
    .home-primary p:first-of-type { font-size:1.2em; line-height:1.25em;}
  .home-primary p {font-size:1em; line-height:1.45em; }
  .home-primary:before { background:#fff }
  .home-secondary { margin:3em 0; padding-top:0;}
    .home-secondary:before { background:#353334; }
    .home-secondary h2 a {color:#ffbf3d;}
    .home-secondary h3 a {color:#dedede;}
  .home-event { display:inline-block; margin:0 -4px 1em 0; vertical-align:top; width:100%; }
  .home-news { margin-top:2em; }
  .home-logo { margin:1em 0; }

  .home-callout { margin:1em; overflow:hidden; position:relative; }
  .home-callout-title { margin:.5em 0; }
  .home-callout-btn { text-align:center; }
  .btn.home-callout-btn {margin-top:1.5em;}
  .home-callout-image { border-top:1px solid #ccc; margin:1.5em 0 0; padding:2em 0 0; text-align:center; width:100%;}
  .home-callout-image img { width:100%; }
  .home-callout-image a { display:inline-block; }
  .home-callouts p {font-size:1.2em; font-weight:300; line-height: 1.5em;}
  .home-callouts .more { font-size:.9em;margin-top:.75em;}
  
  .home-callout-2 {margin:2rem auto;}

  .home-primary .image-right {float:right;}

  .presentation-item { display:inline-block; margin-bottom:2em; margin-right:-4px; padding:0 .9375em; vertical-align:top; }
  .presentation-image { float:left; width:40%; }
  .presentation-details--img { float:right; width:55%; }
  .presentation-title { font-size:1.25em; margin-bottom:.75em; }
  .presentation-author,.presentation-date {color:#777; margin:0;}
  .presentation-author {margin-bottom:1em;}

  .facility-list { font-family:Dosis,Helvetica,Arial,Verdana,sans-serif; font-size:1.25em;margin:3em 0 0; padding:0;}
  .facility-list a {color:#333; text-decoration:none;}
  .facility-list a:hover { border-bottom:1px solid #f59130;color:#444;}
  .facility-list a:after {content:" ›";}
  .facility-list li { *zoom:1;display:inline-block; *display:inline; line-height:1.35em; padding:.3em 0; width:100%;}
  .facility-list p {margin:0 .95em;}
  .facility-list ul { margin:0;padding:0;}

  .facilities-svg .active .target-info:hover circle,.facilities-svg .target:hover circle {opacity:1;}

  .nav-people { margin:0; padding:0; }
    .nav-people li { display:inline-block; margin-right:-4px; padding:0; text-align:center; width:50%; }
    .nav-people a { background:#ffbf3d; border-radius:3px; color:#333; display:block; font-family:Dosis,Helvetica,Arial,Verdana,sans-serif; letter-spacing:1px; margin:.5em; padding:.5em 1em; text-transform:uppercase;}
    .nav-people a:hover {background:#f59130;}
    
  .back-to-top {float:right; font-size:1.1rem; font-weight:400; text-transform:uppercase;}
  .person-item { display:inline-block; margin-bottom:2em; margin-right:-4px; padding:0 .9375em; vertical-align:top; }
  .person-contact { height:auto; opacity:1; overflow:hidden; transition:all .5s; }
  .person-name {font-size:1.65em;}

  .person-details .person-heading { padding-right:3em; position:relative; }
  .person-details.expand .person-heading:after { content:"\276F"; display:inline-block; font-size:2em; font-weight:700; margin-top:-.5em; position:absolute; right:.5em; top:50%; transform:rotate(90deg); transition:all .5s; }
    .person-details.closed .person-heading:after { transform:rotate(0); }
    .person-details.closed .person-contact { height:0; opacity:0; }

  .person-name { margin:.25em 0; }
  .person-address,.person-email,.person-phone { display:block; }
  .more.person-link { margin-top:1em; }

  .btn,.more { background:#ffbf3d; border:none; color:#333; font-family:Dosis,Helvetica,Arial,Verdana,sans-serif; font-size:1em; font-weight:400; letter-spacing:1px;margin:0 0 1em; padding:.75em 1.25em; text-transform:uppercase;}
  .btn a,.btn:visited,.more a,.more:visited {color:#333;}
  .btn:hover,.more:hover { background:#f59130;border:none;}
  .home-secondary .more {margin-top:1em;}

  .home-secondary .section-more.more { background:none;color:#f59130;}
  .home-secondary .section-more.more:hover { background:#f59130;color:#333;}
  .home-research {margin-top:2em;}
  .home-research .section-more.more { background:none;color:#333;}
  .home-research .section-more.more:hover { background:#ffbf3d;color:#333;}

  .home-logos img {border:1px solid #aaa;
     transition: all .25s ease-in-out;
  }
  .home-logos img:hover {opacity:.7;}
  }
/* Hover Effects
  ----------------------------------------------------*/
[class*=hover-],[class*=hover-]:after,[class*=hover-]:before { transition:all 325ms cubic-bezier(0, 0, 0, 1); }
.hover-grow { transform:scale(1); }
.hover-grow:hover {transform:scale(1.01);}
.hover-bg { border-bottom:.25rem solid transparent; }
.hover-bg:hover,.hover-bg[focus-within] { background-color:#ededed; border-color:#333;}
.hover-bg:focus-within,.hover-bg:hover { background-color:#ededed; border-color:#333;}
.hover-bg[focus-within] a:focus { outline:none; }
.hover-bg:focus-within a:focus { outline:none; }
.hover-more { background-image:url(/stylesheets/themes/ndt/3.0/images/chevron-gold.svg); background-position:calc(100% - 2rem) 50%; background-repeat:no-repeat; background-size:1rem; padding-right:3rem; }
.hover-more.card { padding-right:0; }
.hover-more .card-body,.hover-more.card-body { padding-right:4rem; }
/*************************************************************************************
 * Media Queries
 ************************************************************************************/
/* 480px
----------------------------------------------------*/
@media screen and (min-width:30em){
  .horizontal .card-body { flex-grow:1; }
}
/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.250em) {
  .dept {border-top:none; box-shadow:none;}
  .brandbar li {margin:0;}
    .dept {float:right;}
    .dept-nd {float:left;}

  .header-image {margin-top:-26%; padding-top: 47%;}

  .site-title {width:650px;}
  .site-title a { background:url(images/logo.svg) no-repeat;display:block; max-width:650px; padding:.5em 0; text-indent: -9999px; width:80%;}
}
/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {

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

  .header-util {top:2.85em;}

  .brandbar li {margin:0;}
    .dept {float:right;}
    .dept-nd {float:left;}

  .titlebar {background:none;}

  .site-title { font-size:2em;padding: .65em 0 .5em;}
  .site-title a {width:95%;}

  .wrapper { transform:none; }
  .nav-top--clone { background:#353334; border-bottom:3px solid #ffbf3d; display:block; height:53px; left:0; padding:0; position:fixed; right:0; top:0; transform:translateY(-100%); transition:transform .5s; z-index:1000; }
  .nav-top--sticky { transform:translateY(0); }

  .header-image-1 { background-image:url(images/feature-1000.jpg); }
  .header-image-2 { background-image:url(images/feature2-1000.jpg); }
  .header-image-3 { background-image:url(images/feature3-1000.jpg); }

  .section { position:relative; }
  .section-title { margin:1em 0; }
  .section-more { position:absolute; right:0; top:2.25em; }
  .home-intro { float:left; padding-right:1em; width:50%; }
  .home-callout-image { border:none; float:right; margin-right:-10%; margin-top:0; padding-top:0; position:relative; width:55%; }
  .home-callout-title { margin:.5em 0; }
  .home-callout-btn { left:55%; padding:.75em 1.25em; position:absolute; top:45%; transform:translate(-65%, -85%); }
  .home-callout-btn.schedules {left:55%; top:58%;}
  .btn.home-callout-btn.schedules { background:#222; color:#ffbf3d; font-size:.745em; margin-top:-2px;padding:.5rem .75rem;}
  .btn.home-callout-btn.schedules:hover { background:#444;color:#fff;}
  .btn.home-callout-btn {margin-top:0;}

  .person-details.expand .person-heading:after { content:""; }
  .person-details.closed .person-contact { height:auto; opacity:1; }
  .home-callout-image {width:60%;}

  .home-primary { margin:1em 0 0; }
  .home-primary p:first-of-type { font-size:1.3em; line-height:1.35em;}
  .home-primary p {font-size:1.05em; line-height:1.5em; }
  
  .home-callout-2 {position:relative; width:100%;}
  .home-callout-2 .callout-image {text-align:center;}
  .home-callout-2 img { filter:brightness(.5); height:100%;-o-object-fit:cover;object-fit:cover; width:100%;}
  .home-callout-2 a {font-size:1.3rem;}
  .home-callout-2 .home-callout-btn {top:55%;}

  .news .additional-links {float:right; margin-top:-3em;}
  .news article {clear:both;}

}
/* 768px
----------------------------------------------------*/
@media screen and (min-width:48em){
  .horizontal { --card-image-width:25%; --card-circle-image-width:calc(100% - var(--card-padding)); flex-flow:row; }
  .horizontal .card-image { min-width:var(--card-image-width); }
  
  /* Hover
  ----------------------------------------------------*/
  .hover-more { background-image:none; }
    .hover-more:hover,.hover-more[focus-within] { background-image:url(/stylesheets/themes/ndt/3.0/images/chevron-gold.svg); background-position-x:calc(100% - 1.5rem); }
    .hover-more:focus-within,.hover-more:hover { background-image:url(/stylesheets/themes/ndt/3.0/images/chevron-gold.svg); background-position-x:calc(100% - 1.5rem); }
}
/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .facilities-svg { background:url(images/virtualtour-v2.jpg) 50% 50% no-repeat; background-size:100%; display:block; padding-top:89.3571%; position:relative; }
    .facilities-svg svg { bottom:0; left:0; position:absolute; right:0; top:0; }
    .facilities-svg .target,.facilities-svg .target-close { cursor:pointer; }
    .facilities-svg .active .target,.facilities-svg .target-info { display:none; }
    .facilities-svg .active .target-info { display:block; }

  .home-callout-image {width:50%;}
  .nav-top li a {padding:.75em 1.5em;}

  .facility-list { -moz-column-count:3; column-count:3; -moz-column-gap:1em; column-gap:1em; }
  .site-title {padding: .75em 0;}
}
/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  .header-image { margin-top: -16.5%; padding-top: 30%; } /* padding-top 40% */
  .header-image-1 { background-image:url(images/feature-1600.jpg); }
  .header-image-2 { background-image:url(images/feature2-1600.jpg); }
  .header-image-3 { background-image:url(images/feature3-1600.jpg); }

  .nav-people li { width:25%; }
  .nav-top li a {padding:.75em 1.5em;}
}
/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
  .home-callout,.home-callout-image {margin-right:0;}
}
/* Hi-res
----------------------------------------------------*/
/*************************************************************************************
 * 6. Print Styles
 ************************************************************************************/
@media print {
  .nav-people,.nav-top,.page-header-image { display:none; }

  .alpha a:link:after { display:inline-block; line-height:1.2; }
  .more { background:none; }

  .home-logos .medium-4,.home-news .medium-4,.home-research .medium-4 { width:33%; }
  .home-event { display:inline-block; margin-right:-4px; padding-right:1em; vertical-align:top; width:50%;  }
  .home-callout-image { float:right; margin:1em 0 1em 1em; width:50%; }

  .person-item { display:inline-block; margin-right:-4px; padding:1em .9375em; vertical-align:top; width:33%;  }
  .site-footer .ndmark { top:5px; }
}