/* University Template over-ride
   Launched: 2022-05-23
   Author: Notre Dame Web Team
   ----------------------------------------------------*/
:root {
  --slant: -15deg;
  --slant-offset: calc(var(--slant)*-1);
}
[type=color],[type=date],[type=datetime-local],[type=datetime],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fefefe; border: 1px solid #cacaca; border-radius: 4px; box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1); box-sizing: border-box; color: #0a0a0a; display: block; font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.5; margin: 0 0 1rem; padding: .5rem; transition: box-shadow .5s,border-color .25s ease-in-out; width: 100%; }
input:focus { border: 2px solid var(--brand-blue-bright); outline: none; }
select:not([multiple]) { padding-bottom: 0; padding-top: 0; }
select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); background-origin: content-box;  background-position: right -.5rem center; background-repeat: no-repeat; background-size: 20px 12px; border: 1px solid #cacaca; border-radius: 4px; color: #0a0a0a; font-family: inherit; font-size: 1rem; font-weight: 400; line-height: 1.5; margin: 0 0 1rem; padding: .5rem 1.5rem .5rem .5rem; width: 100%; }
select,select:focus { background-color: #fefefe; transition: box-shadow .5s,border-color .25s ease-in-out; }
select:focus { border: 2px solid var(--brand-blue-bright); box-shadow: 0 0 5px #cacaca; outline: none; }
.breadcrumbs li:last-child {display:inline-block;}
.site-header { position: relative; }
.page-header:before { background: none; }
.site-content:before {  background: url(/stylesheets/images/tex-slants-onwhite-alt.svg) top / 100vw auto no-repeat; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 0; }
.page-section { margin-bottom: 6rem; margin-top: 6rem; }
.text-cta { margin-top: 2rem; }
.text-right { max-width: none; }
.section-title { font-size: 1.8rem; }
blockquote p { border-left: 4px solid var(--brand-gold); line-height: 1.6; padding: .5rem 0 .5rem 1.5rem; }
/* Slanted BG Pattern */
.slanted-pattern { position: relative; }
.slanted-pattern .slanted-container { padding: 8rem 0; }
.slanted-pattern .slanted-container:before { background: url(/stylesheets/images/tex-bg_slants-skyblue.svg) 50% / contain no-repeat; bottom: 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: -2; }
.slanted-pattern .slanted-container:after { background: var(--sky-blue-light); bottom:0; content: ""; left: 0; margin: 5rem 10vw; position: absolute; right: 0; top: 0; transform: skew(-15deg); transform: skew(var(--slant)); z-index: -1; }
.slanted-pattern p { margin-left: auto; margin-right: auto; }
/* Hover pattern */
.card.hover-pattern { overflow: hidden; }
.card.hover-pattern .card-body { z-index: 1; }
.card.hover-pattern:before { background: url(/stylesheets/images/tex-slants-onblue-r.svg) 100% / 120% auto no-repeat; content: ""; height: 100%; mix-blend-mode: soft-light; opacity: 0; position: absolute; transform: scale(1.1); transform-origin: 100% 50%; transition: all .25s ease; width: 100%; z-index: 0; }
.card.hover-pattern:hover:before { opacity: .8; transform: scale(1); }
.card.hover-pattern.bg-light:before { mix-blend-mode: normal; }
.card.hover-pattern.bg-light:hover:before { opacity: .9; }
.filter input { padding: .5rem; }
.filter input[type=text],.filter select { width: 100%; }
.filter .button-bar .staff-form__submit { min-width: 120px; }
/* Card Hover Toggle */
.card.hover-toggle .card-image { z-index: -1; }
.card.hover-toggle .card-title { bottom: 0; display: flex; flex-flow: column; font-family: var(--font-default); font-size: 1rem; font-weight: 700; height: 100%; justify-content: center; left: 0; position: absolute; right: 0; top: 0; width: 100%; }
.card.hover-toggle h2.card-title [href^=http]:after { bottom: 1rem; font-size: 3rem; height: 3rem; position: absolute; right: 1rem; width: 3rem; }
.card.hover-toggle .card-link { color: #fff; display: flex; flex-flow: column; height: 100%; justify-content: center; opacity: 0; padding: 2rem;  transition: opacity .25s ease; }
.card.hover-toggle .card-link:before { background: var(--brand-blue); color: #fff; z-index: -1; }
.card.hover-toggle:hover .card-link { opacity: 1; }
.card.hover-toggle .card-link:hover { -webkit-text-decoration: none; text-decoration: none; }
/* Home */
#news-and-events .page-main,#news-and-events .page-main:before,.home .page-main,.home .page-main:before { background: none; }
.home .page-main { padding-bottom: 0; }
.page-section.home-stats { background: var(--brand-blue) url(/stylesheets/images/tex-radlab-onblue-800.jpg) center center / cover no-repeat; margin-left: var(--gutter-offset); margin-right: var(--gutter-offset); position: relative; z-index: 2; }
.stat { padding: 1.5rem; text-align:center; }
.stat .card-body { --card-padding: 0; }
.stat p { align-items: center; }
.stat strong { display:block; font-size: 2rem; margin: 0; white-space:nowrap; }
.section-dark .stat.card a,.section-dark .stat.card strong { color: var(--brand-gold); -webkit-text-decoration: none; text-decoration: none; }
.section-dark .stat.card.hover-bg:hover { background: transparent; border-color: var(--brand-gold); }
.home-features.bg-full-bleed:before { background: url(/stylesheets/images/tex-slants-onsky.svg) 50% / cover no-repeat; bottom: -15rem; top: -15rem; }
.home-features .card-body { background: #fff; }
.home-features .card-label { margin: 0; }
.home-features .card-title { margin: 0 0 .1rem; }
.media-mention .card { height: 100%; }
.page-section.home-news { margin-bottom: 8rem; margin-top: 12rem; }
.home-news article.featured { position: relative; z-index: 1; }
.home-news article.featured .entry-image { margin-top: 1.5rem; }
.section-light.section--events { padding: 3rem 0; }
.section-light.section--events .card:hover { background: #fff; }
.section-home-quote { display: flex; justify-items: center; min-height: 30vw; }
.section-home-quote.page-section { margin-bottom: 0; min-height: 300px; padding-bottom: 20vw; }
.section-home-quote.bg-full-bleed:before { background: url(/stylesheets/images/bg-campus-bw-800.jpg) bottom / 100vw auto no-repeat; }
.section-home-quote blockquote { font-style:normal; margin-bottom: 1rem;}
.section-home-quote cite {display:block; font-style:normal; text-align:right;}
/* About */
.about .page-secondary.section-dark { background-color: transparent; }
.about .page-secondary.bg-full-bleed:before { background: url(/stylesheets/images/tex-slants-onblue.svg) 100% / cover no-repeat; }
/* Facts & Figures */
.js .charts .tablewrap { display: none; }
.global-footprint { background: url(/stylesheets/images/globe.svg) 50% / contain no-repeat; display: flex; flex-flow: column; height: 320px; justify-content: center; text-align: center; width: 320px; }
.global-footprint.page-section { margin-left: auto; margin-right: auto; }
.global-footprint h2 { color: var(--brand-gold); }
.global-footprint .h4 { color: #fff; line-height: 1.5; margin: 0; }
/* People */
.list-directory .card-title { margin-bottom: 0; }
.list-units-served.grid { grid-gap: .5rem; padding-left: 1.5rem; }
.person-groups {font-weight:700;}
.group-by-org .list-org { grid-template-columns:repeat( auto-fill, minmax(240px, 1fr) ); }
.h-org { border-bottom:2px solid var(--gray-light); padding-bottom:.2em; }
/* Our Research */
.our-research .page-secondary.page-section { padding-bottom: 2rem; padding-top: 2rem; }
.our-research .page-secondary.section-dark.bg-full-bleed:before { background: #0c2340 url(/stylesheets/images/tex-lines-vertical.svg) 65% top / auto 70% repeat-y; }
/* Resource Library */
.library-item { margin: 0 0 1.5rem; }
/* Research Centers & Institutes */
.research-centers-institutes .card .card-title { font-family: var(--font-default); font-weight: 700; }
/* Core Facilities and Resources */
.inline-checkboxes { align-content: flex-end; display: flex; flex-flow: row wrap; }
form .inline-checkboxes label { font-size: 1rem; font-weight: 400; margin: 0 2rem .5em 0; }
.our-research-facilities-and-resources .card { --card-padding: 1.25rem; }
.our-research-facilities-and-resources .card .card-link { font-size: 1.2rem; }
/* News and Events */
.page-section.section--events.bg-full-bleed:before { background: url(/stylesheets/images/tex-slants-onsky.svg) 100% / cover no-repeat; }
.news-and-events .page-title {display:block; margin-top:1rem;}
.news-and-events .page-lede { display:block; font-size: 1rem; line-height: 1.4; }
.section-subscribe.slanted-pattern .slanted-container { padding: 3rem 0; }
.section-subscribe.slanted-pattern .slanted-container:before { background: var(--sky-blue); transform: none; }
.media-mention .attribution,.section-subscribe.slanted-pattern .slanted-container:after {display:none;}
/* Twitter */
.tweet-user-img { float:left; margin-right:12px; margin-top:.25em;width:48px;}
.tweet-text { float:left;width:calc(100% - 60px);}
.tweet-actions { clear:left;margin:0; text-align:center;}
.tweet-actions a {display:inline-block; position:relative; text-indent:-999em; width:30%;}
.tweet-actions svg { fill:#aab8c2;height:1.5em; left:50%; margin-left:-.75em; position:absolute; width:1.5em;}
/* Deadline Calculator */
.deadline-calculator .btn,.deadline-calculator input[type=date] { margin:0; }
.deadline-calculator .calculator-form { align-items:end; display:flex; gap:1rem; }
@media only screen {
  .btn-group { display: flex; flex-flow: row wrap; }
    .btn-group .btn { border-radius: 0; margin: 0; }
    .btn-group .btn:hover { transform: scale(1); }
    .btn-group .btn:first-child { border-radius: .6em 0 0 .6em; }
    .btn-group .btn:last-child { border-radius: 0 .6em .6em 0; }

  .bg-skyblue {background:var(--sky-blue);}
  .bg-skyblue-light {background:var(--sky-blue-light);} /* this breaks the search form btn color */
  .btn-toggle:hover { cursor: pointer; }

  .form { margin: 4rem 0; padding: 2rem 0 0; }
    .form p,.form ul { margin:0; }
    .form .form-fields { padding: 0 1.5rem; }
    .form .form-utility { margin-top: 2rem; padding: 1rem 1.5rem; }
    .form #records-found { font-size: .9rem; font-weight: 700; }
    .form label { font-size: .9rem; margin-bottom: .5em; }

  /* Reporting Units */
  .reporting-units .card .card-title { font-family: var(--font-default); font-weight: 700; }

  /* Our Services */
  .list-services { margin: 3rem 0; }
    .list-services .bg-light {background:var(--sky-blue-light);}
    .list-services .bg-gold { background:var(--brand-gold-dark); border-color: var(--brand-gold-dark);
    }
      .list-services .bg-gold p { color:#fff; }
    .list-services .bg-dark { background:var(--brand-blue);color:#fff;}
      .list-services .bg-dark:hover { background: var(--brand-blue-light); border-color: var(--brand-blue-bright); }
      .list-services .bg-gold:hover { background: var(--brand-gold); }
      .list-services .bg-dark .card-link,.list-services .bg-gold .card-link {color:#fff;}
      .list-services .bg-dark .card-label { color: var(--sky-blue-dark); }
      .list-services .status-open.bg-dark .card-label { color: var(--brand-gold-light); }

  .form--people .form-fields { align-items:flex-end;
  }
    .form--people .form-fields .btn-group { margin-bottom:1rem; }

  /* Subscribe */
  .section-subscribe {text-align:center; }

  /* Social Share */
  .social-share ul {display:flex;}
  .social-share li {margin:0 .2rem;}
  .social-share a { background:#565656; border-radius:3px; color:#fff; display:block; line-height:1rem; padding:6px 6px 4px;position:relative; transition:all .3s ease;}
  .social-share a:after {content:""; height:100%; left:0; top:0; width:100%;}
  .social-share a>img,.social-share a>svg {pointer-events:none;}
  .social-share a:hover {transform:translateY(-2px);}
  .social-share svg {fill:#fff;}
  .social-share .share-facebook {background-color:#3b5998; }
  .social-share .share-twitter {background-color:#00aced; }
  .social-share .share-pinterest {background-color:#cd2029; }
  .social-share .share-gmail { background-color:#fff; border:1px solid #d14836; padding:2px 0; }
    .social-share .share-gmail img { height:22px; width:30px; }

  /* Twitter */
  .tweet { background-color:var(--sky-blue-light); border-radius:1rem; margin-bottom:1em; padding:1.5rem; }
    .tweet .date { color:var(--gray);font-size:.8em; margin-bottom:.5em;}
    .tweet:last-child {border-bottom:none; /*margin-bottom:0;*/}
    .tweet .tweet-actions svg {transition: all 125ms ease;}
    .tweet:hover .tweet-actions svg {fill:#61768d;}
    .tweet:hover .tweet-actions svg:hover {fill:#002b5c;}
  .twitter-column {padding:0 .9375rem;}
  .twitter-content {background:#fff; padding:.9375rem;}
  .tweet-text {font-size: .9em;}
  .tweet-user-img {display:none;}
  .tweet-actions .twitter-like:active,.tweet-actions .twitter-reply:active,.tweet-actions .twitter-retweet:active {fill-opacity:50%;}

  /* Utility */
  .logo-list .card-image { display: flex; height: 100%; justify-content: center; }
  .logo-list .card-image img { align-self: center; max-height: 200px; mix-blend-mode: multiply; -o-object-fit: contain; object-fit: contain; }

  .nav-footer-links { background: var(--brand-blue-dark); margin-left: var(--gutter-offset); margin-right: var(--gutter-offset); margin-top: -2em; position: relative; }
  .nav-footer-links:before { background: var(--brand-blue-dark); content: ""; display: block; height: 100%; position: absolute; right: 0; width: var(--gutter-width); }
    .nav-footer-links ul { display: flex; flex-flow: row wrap; margin: 0 auto; max-width: 90vw; overflow: auto;}
    .nav-footer-links ul li { display: block; }
    .nav-footer-links a { display: block; line-height: 1; margin: .25rem .25rem .25rem 0; padding: 1rem 1.25rem; }
    .nav-footer-links a,.nav-footer-links a:hover { -webkit-text-decoration: none; text-decoration: none; }
    .nav-footer-links a:hover { background: var(--brand-blue-light); }
  .site-footer .nav-footer-secondary li a { color: var(--brand-blue); }
  .nav-footer-secondary li a:hover { background: var(--sky-blue-dark); }
  .nav-footer-secondary.fixed.bg-skyblue { border-top: 4px solid var(--sky-blue-dark); }
  .nav-footer.nav-footer-secondary ul { justify-content: center; }

  .nav-site ul { margin: 2.5rem 0; }
}
/* 480px
----------------------------------------------------*/
/* 768px
----------------------------------------------------*/
@media only screen and (min-width:48em) {
  .stat { padding: 1.5rem; }
  .stat .card-body { --card-padding: 1rem; }
  .stat strong { font-size: 2rem; margin: 0 1rem 0 0; white-space:nowrap; }

  /* Twitter */
  .stat strong,.tweet-user-img { display:block;}

  /* People */
  .group-by-org.filtered { grid-gap:2rem; display:grid; gap:2rem; grid-template-columns:1fr 1fr;
  }
}
/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {

  .page-section { margin-top: 8rem; }
  .page-section>.section:first-child .section-image { align-self: flex-start; margin-top: -2rem; }
  .page-section .section { margin-bottom: 3rem; }
  .page-section>.section:last-child .section-image { margin-bottom: -2rem; }
  .section--default figure.section-image { margin-left: var(--gutter-offset); max-width: none; }
  .section--alt figure.section-image { margin-right: var(--gutter-offset); max-width: none; }
  .page-section .section .section-body { padding: 3rem 0; }

  /* Home */
  .page-section.home-stats { background: var(--brand-blue) url(/stylesheets/images/tex-radlab-onblue-1200.jpg) center center / cover no-repeat; margin-left: 0; margin-right: 0; position: relative; z-index: 2; }
  .stat strong { display:block; font-size: 2.5rem; margin: 0 1rem 0 0; white-space:nowrap; }
  .stat .card-body { --card-padding: 1.5rem; }

  .section-home-quote.bg-full-bleed:before { background: url(/stylesheets/images/bg-campus-bw-1200.jpg) bottom / 100vw auto no-repeat; }

  .home-features.bg-full-bleed:before { background: url(/stylesheets/images/tex-slants-onsky.svg) 50% / 100vw auto no-repeat; bottom: -15rem; top: -15rem; }
  .home-news .article-body .article-title { font-size: 2.4rem; }
  .home-news article.featured .entry-image { margin-top: 0; }

  /* About */
  .about .page-secondary.bg-full-bleed:before { background: url(/stylesheets/images/tex-slants-onblue.svg) 50% / cover no-repeat; }

  /* Our Research */
  .our-research .page-secondary.page-section { padding-bottom: 0; padding-top: 0; }

  /* News & Events */
  .home-news article.featured:before { background: var(--brand-blue-dark); bottom: -4rem; content: ""; left: 32%; position: absolute; top: -4rem; transform: skew(-15deg); transform: skew(var(--slant)); width: 100vw; z-index: -1; }
  .home-news article.featured .entry-image { margin-left: var(--gutter-offset); }
  .home-news article .heading-action { margin-bottom: 3rem; }
  .home-news .article-body .article-title { font-size: 1.8rem; }
  .home-news .featured-supporting { margin: 8rem auto; }
  .home-news .featured-supporting .card-image { --card-image-width: 33%; }

  .news-and-events article.card.horizontal .card-image { --card-image-width: 30%; }
  .news-and-events article.card.horizontal .card-body { padding-bottom: 1rem; padding-top: 1rem; }
  .news-and-events article.card.horizontal .article-title.card-title { font-size: 1.5rem; }
  .page-section.section--events.bg-full-bleed:before { background: url(/stylesheets/images/tex-slants-onsky.svg) 50% / 100vw auto no-repeat; }

  .section-subscribe.slanted-pattern .slanted-container { padding: 8rem 0; }
  .section-subscribe.slanted-pattern .slanted-container:before { background: url(/stylesheets/images/tex-bg_slants-skyblue.svg) 50% / contain no-repeat; bottom: 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: -2; }
  .section-subscribe.slanted-pattern .slanted-container:after { background: var(--sky-blue-light); bottom:0; content: ""; display: block; left: 0; margin: 5rem 10vw; position: absolute; right: 0; top: 0; transform: skew(-15deg); transform: skew(var(--slant)); z-index: -1; }

  .section--alt .section-body {order:-1; padding-left:0; padding-right:2rem;}
  .page-primary { min-height: var(--sidebar-height); }
  .nav-footer-links { margin-top: 0; }
  .nav-site ul { margin: .5rem 0; }
}
/* 1280px
----------------------------------------------------*/
@media only screen and (min-width:80em) {
  /* Slanted utilty class */
  .slanted { transform: skew(-15deg); transform: skew(var(--slant)); }
  .slanted>div:first-child { transform: skew(15deg); transform: skew(var(--slant-offset)); }
  .section--slanted { padding: 3rem 3vw; }

  /* Home */
  .page-section.home-stats { background: var(--brand-blue) url(/stylesheets/images/tex-radlab-onblue-1600.jpg) center center / cover no-repeat; position: relative; z-index: 2; }
  .stat strong { display:block; font-size: 3.5rem; margin: 0 1rem 0 0; white-space:nowrap; }

  .section-home-quote.bg-full-bleed:before { background: url(/stylesheets/images/bg-campus-bw-1600.jpg) bottom / 100vw auto no-repeat; }
    .section-home-quote p { font-size:1.6rem;}
    .section-home-quote cite { font-size:1.2rem;}
}
/* 1600px
----------------------------------------------------*/
@media only screen and (min-width:100em) {


  /* Home */
  .page-section.home-stats { background: url(/stylesheets/images/tex-radlab-onblue-2000.jpg) 50% / cover no-repeat; position: relative; z-index: 2; }
  .section-home-quote.bg-full-bleed:before { background: url(/stylesheets/images/bg-campus-bw-2000.jpg) bottom / 100vw auto no-repeat; }

  .card-label { font-size: 1rem; }
}
/* 1920px
----------------------------------------------------*/
/* Print
----------------------------------------------------*/
@media print {
  .nav-footer-links {display:none;}
}
/* Charts */
/* https://github.com/masayuki0812/c3 */
.c3 svg{-webkit-tap-highlight-color:transparent;font:10px sans-serif}
.c3 line,.c3 path{fill:none;stroke:#000}
.c3 text{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.c3-bars path,.c3-event-rect,.c3-legend-item-tile,.c3-xgrid-focus,.c3-ygrid{shape-rendering:crispEdges}
.c3-chart-arc path{stroke:#fff}
.c3-chart-arc text{fill:#fff;font-size:13px}
.c3-grid line{stroke:#aaa}
.c3-grid text{fill:#aaa}
.c3-xgrid,.c3-ygrid{stroke-dasharray:3 3}
.c3-text.c3-empty{fill:gray;font-size:2em}
.c3-line{stroke-width:1px}
.c3-circle._expanded_{stroke-width:1px;stroke:#fff}
.c3-selected-circle{fill:#fff;stroke-width:2px}
.c3-bar{stroke-width:0}
.c3-bar._expanded_{fill-opacity:.75}
.c3-target.c3-focused{opacity:1}
.c3-target.c3-focused path.c3-line,.c3-target.c3-focused path.c3-step{stroke-width:2px}
.c3-target.c3-defocused{opacity:.3!important}
.c3-region{fill:#4682b4}
.c3-brush .extent,.c3-region{fill-opacity:.1}
.c3-legend-item{font-size:12px}
.c3-legend-item-hidden{opacity:.15}
.c3-legend-background{fill:#fff;stroke:#d3d3d3;stroke-width:1;opacity:.75}
.c3-title{font:14px sans-serif}
.c3-tooltip-container{z-index:10}
.c3-tooltip{background-color:#fff;border-collapse:collapse;border-spacing:0;box-shadow:7px 7px 12px -9px #777;empty-cells:show;opacity:.9}
.c3-tooltip tr{border:1px solid #ccc}
.c3-tooltip th{background-color:#aaa;color:#fff;font-size:14px;padding:2px 5px;text-align:left}
.c3-tooltip td{background-color:#fff;border-left:1px dotted #999;font-size:13px;padding:3px 6px}
.c3-tooltip td>span{display:inline-block;height:10px;margin-right:6px;width:10px}
.c3-tooltip td.value{text-align:right}
.c3-area{stroke-width:0;opacity:.2}
.c3-chart-arcs-title{dominant-baseline:middle;font-size:1.3em}
.c3-chart-arcs .c3-chart-arcs-background{fill:#e0e0e0;stroke:none}
.c3-chart-arcs .c3-chart-arcs-gauge-unit{fill:#000;font-size:16px}
.c3-chart-arcs .c3-chart-arcs-gauge-max,.c3-chart-arcs .c3-chart-arcs-gauge-min{fill:#777}
.c3-chart-arc .c3-gauge-value{fill:#000}
.c3-chart-arc text { text-shadow:0 0 4px #000; }
.c3 svg { overflow:visible!important; }
.c3-tooltip-container { left:50% !important; top:45% !important; transform:translateX(-50%); }
/*!
 * simpleLightbox
 * https://github.com/dbrekalo/simpleLightbox
 * Copyright (c) 2018 Damir Brekalo
 */
.slbOverlay,.slbWrap,.slbWrapOuter{bottom:0;left:0;position:fixed;right:0;top:0}
.slbOverlay{animation:slbOverlay .5s;background-color:#000;opacity:.7;overflow:hidden;z-index:2000}
.slbWrapOuter{overflow-x:hidden;overflow-y:auto;z-index:2010}
.slbWrap{position:absolute;text-align:center}
.slbWrap:before{content:"";height:100%}
.slbContentOuter,.slbWrap:before{display:inline-block;vertical-align:middle}
.slbContentOuter{box-sizing:border-box;margin:0 auto;max-width:100%;padding:0 1em;position:relative;text-align:left;z-index:2020}
.slbContentEl .slbContentOuter{padding:5em 1em}
.slbContent{position:relative}
.slbContentEl .slbContent{animation:slbEnter .3s;background-color:#fff;box-shadow:0 .2em 1em rgba(0,0,0,.4)}
.slbImageWrap{animation:slbEnter .3s;position:relative}
.slbImageWrap:after{background-color:#fff;bottom:5em;box-shadow:0 .2em 1em rgba(0,0,0,.6);content:"";display:block;left:0;position:absolute;right:0;top:5em;z-index:-1}
.slbDirectionNext .slbImageWrap{animation:slbEnterNext .4s}
.slbDirectionPrev .slbImageWrap{animation:slbEnterPrev .4s}
.slbImage{box-sizing:border-box;display:block;height:auto;line-height:0;margin:0 auto;max-width:100%;padding:5em 0;width:auto}
.slbCaption{word-wrap:normal;bottom:0;color:#fff;color:hsla(0,0%,100%,.7);display:inline-block;font-size:1.4em;left:0;max-width:100%;overflow:hidden;padding:.71429em 0;position:absolute;right:0;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.slbArrow,.slbCloseBtn{background:none;border:0;cursor:pointer;margin:0;padding:0}
.slbArrow::-moz-focus-inner,.slbCloseBtn::-moz-focus-inner{border:0;padding:0}
.slbArrow:hover,.slbCloseBtn:hover{opacity:.5}
.slbArrow:active,.slbCloseBtn:active{opacity:.8}
.slbCloseBtn{animation:slbEnter .3s;color:#fff;color:hsla(0,0%,100%,.7);font-size:3em;height:1.66667em;line-height:1.66667em;position:absolute;right:-.33333em;text-align:center;top:0;width:1.66667em}
.slbLoading .slbCloseBtn{display:none}
.slbLoadingText{color:#fff;color:hsla(0,0%,100%,.9);font-size:1.4em}
.slbArrows{left:0;position:fixed;right:0;top:50%}
.slbLoading .slbArrows{display:none}
.slbArrow{height:10em;margin-top:-5em;opacity:.7;overflow:hidden;position:absolute;text-indent:-999em;top:50%;width:5em}
.slbArrow:before{border:.8em solid transparent;content:"";left:50%;margin:-.8em 0 0 -.8em;position:absolute;top:50%}
.slbArrow.next{right:0}
.slbArrow.next:before{border-left-color:#fff}
.slbArrow.prev{left:0}
.slbArrow.prev:before{border-right-color:#fff}
.slbIframeCont{height:0;margin:5em 0;overflow:hidden;padding-top:56.25%;width:80em}
.slbIframe{background:#000;box-shadow:0 .2em 1em rgba(0,0,0,.6);height:100%;left:0;position:absolute;top:0;width:100%}
@keyframes slbOverlay{0%{opacity:0}to{opacity:.7}}
@keyframes slbEnter{0%{opacity:0;transform:translate3d(0, -1em, 0)}to{opacity:1;transform:translateZ(0)}}
@keyframes slbEnterNext{0%{opacity:0;transform:translate3d(4em, 0, 0)}to{opacity:1;transform:translateZ(0)}}
@keyframes slbEnterPrev{0%{opacity:0;transform:translate3d(-4em, 0, 0)}to{opacity:1;transform:translateZ(0)}}