/* University Template over-ride
   Launched: 2018-01-29
   Author: Shawn Maust, Nevin McElwrath
   ----------------------------------------------------*/

/* Global Styles go outside the @media screen */
.no-js .lazyload { display: none; }

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

h1, h2, h3, h4, h5, h6 { font-family: GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: 700; color: #333; }

@media screen,projection {
  .wrapper { overflow: hidden; }
  .site-title { max-width: 150px; min-width: 150px; }
  .site-title a { text-indent: -999em; display: block; background: url(logo-we_are_nd.png) left center / contain no-repeat; padding: 0.65em 0 0.75em; }
  
  .embed-inner {position:relative; padding:0;}
  .embed-inner iframe,
  .embed-inner object,
  .embed-inner embed {position:absolute; top:0; left:0; width:100%; height:100%;}
  
  .btn { text-transform:uppercase; font-family: GP, "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; font-weight: 600; letter-spacing: 0.1em; font-size: 0.9rem; padding: 1rem; box-shadow: none; transition: all 250ms ease-in-out; background-color: #0C233F; }
    .btn:hover { box-shadow: none; top: 0; background-color: #1A3659; }
  .btn-gold { background-color: #DCB439; }
    .btn-gold:hover { background-color: #F4CE5A; }
  .btn-aqua,
  .btn-alt { background-color: #00A1F1; color: white; }
    .btn-aqua:hover,
    .btn-alt:hover { background-color: #1da1f2; color: white; }
    
  .video .play { background: url(/stylesheets/images/play.svg) center center / 15% auto no-repeat; transition: all 250ms ease; }
  .video:hover .play { background-size: 18% auto; }
  
  .card.has-video .card-image:before { content: " "; position: absolute; width: 100%; top: 0; bottom: 0; left: 0; right: 0; background: url(/stylesheets/images/play.svg) center center / 12% auto no-repeat; }
  
  html { background:#fff; }
  
  .titlebar.theme-tb-blue-flat { border-bottom:0; box-shadow:none; }
  .home .site-content { padding-top:0; }
  .page-title { border:0; font-weight:700; }
  .nav-partners { display:none; }
  
  .profile-name { font-weight:700; }
  .author { font-style:italic; }
  .editor {font-style:italic;}
  .story-actions ul { list-style:none; padding:0; }
  .story-actions li { display:inline-block; }
  .story-actions .icon { fill:#fff; font-size:1.3em; margin-top:-0.3em; vertical-align:middle; }
  
  .story-item { padding:0.9375rem; margin:0; }
  .card-image { overflow:hidden; position: relative; }
    .card-image img { width:100%; max-width:none; }
  .card-link { color:#333; display:block; text-decoration:none; }
    .card-link h2 { transition: all 250ms ease-in-out; }
    .card-link:hover h2 { color: #0c2340; }
    .overlay .card-link:hover h2 { color: #ffe28a; }
  .card-profile { font-size:1.2rem; font-style:normal; font-weight:700; font-family:GP, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; margin:1rem 0; }
  .card-title { font-style:normal; margin:0 0 1rem; }
    .card-title .icon { margin-left:0.25rem; font-size:0.67em; fill: #aaa; }
   
  .divider { text-align:center; margin:2rem 0 1rem; padding:4rem;  }
  
  .divider-story { color:#fff; background:#0c2340;}
  .divider-story h2 { color:#fff; }
  
  .divider-connected { color:#fff; background:#1da1f2;}
  .divider-connected h2 { color:#fff; }
  .divider-heading { text-align:center; position:relative; }
    .divider-heading::before { content:''; display:block; border-bottom:1px solid #ccc; height:1px; width:100%; position:absolute; top:50%; left:0; right:0;  }
    .divider-heading span { display:inline-block; position:relative; padding:0 0.5rem; background:#fff; }
    
  .nav-letters { list-style:none; text-align:center; padding:0; margin:2rem; color:#999; }
    .nav-letters li { display:inline-block; padding:0.1rem;  }
    .nav-letters a { display:block; padding:0.25rem; text-decoration:none; }
    
  .more-stories { display:block; margin:2rem auto; width:10em; text-align:center;}
  
  .search-box-field { width:calc(100% - 11rem); padding:0.5rem; }
  .search-box-btn { width:9em; padding:0.6rem; }
  .search-button {  }
  
  .site-footer { border-top: 1px solid #ccc; }
  .footer-inner { border:none; box-shadow:none; }
  .suggest-a-story iframe { border:0; height:800px; max-width:50em; width:100%; display:block; margin:0 auto;  }
}

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.250em) {}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .dept {border-top:none; box-shadow:none;}
  .brandbar li {margin:0;}
    .dept {float:right;}
    .dept-nd {float:left;}
  
  .medium-width .beta { display: none; }
  
  .nav-top { max-width:calc(100% - 160px); float:right;  text-align:right; background:none; border:0; box-shadow:none; }
    .nav-top li { margin:0 0.5rem; font-family: GP, Helvetica, Arial, Verdana, sans-serif; }
    .nav-top li a { border-bottom:0.25rem solid transparent; font-size:1rem; line-height:4.5rem; padding:0.75em 0; }
    .nav-top li.active a, 
    .nav-top li a:hover { background:none; border-color:#dcb439; box-shadow:none;  }
    .nav-top .search-button { background:none; padding:0.75rem; line-height:1; margin:1.5rem 0 1.5rem 1.5rem; border:2px solid #dcb439; border-radius:50%; color:#fff; }
  .nav-primary { display:inline-block; }
 
  /* Nav - Partner Sites */ 
  .titlebar { overflow:visible; }
  .titlebar .column { position:relative; }
  .nav-partners { display:block; position:absolute; right: 1em; bottom:100%; z-index:20; text-align:right; }
    .nav-partners li { display:inline-block; padding:0; margin: 0; }
    .nav-partners a { padding:0.5rem 1rem;  background: #08172a; font-size:0.85rem; color:#fff; transition: all 250ms ease-in-out; display: block; }
      .nav-partners a:hover { color: #dcb439; }
    .nav-partners .current { background:#0c2340; color: #dcb439; }
    
  .page-title { border:0; font-weight:700; text-align:center; }
    .story-title { text-align:left; }
    
  /* Individual Story */
  .entry-content,
  .entry-footer { padding:0 10vw; position:relative; }
  .entry-content { min-height:10rem; }
  .entry-footer { min-height:13em; }
  .hentry.single { padding:0 5vw;}
  
  .story-share { /*position:absolute; left:calc(10vw - 6em); width:3em; bottom:13em;*/ }
  .entry-footer h2 { text-transform:uppercase; font-size:1em; margin-bottom:1em;  }
 
  .cols-1 .story-item { width:100%; padding: 0; margin: 0.9375rem 0; }
    .cols-1 .story-item .card-image {}
  .cols-2 .story-item { width:50%; }
  .cols-3 .story-item { width:33.3%; }
    
  .col-2-3 { width:calc(66.7% - 0.9375rem); }
    .col-2-3 .story-item { padding:0; }
    .col-2-3 .card-content { padding-left:0.9375rem; }
    
  .col-1-3 { width:calc(33.3% + 0.9375rem); }
    .col-1-3 .story-item { padding:0; }
  
  .col-2-3 .card-image { max-height:28.6vw; height:28.6vw;}
  .col-1-3 .card-image { max-height:28.6vw; height:28.6vw;}
    .col-2-3 .card-image img,
    .col-1-3 .card-image img { height:100%; min-width:100%; width:auto; max-width:none; }
  
  .primary-grid { margin-top:-1px; }  
  .primary-grid .col-2-3 .card-image { max-height:37.5vw; height:37.5vw;}
  .primary-grid .col-1-3 .card-image { max-height:18.75vw; height:18.75vw;}
    .primary-grid .card-image img { height:100%; min-width:100%; } 
    .primary-grid .col-1-3 .card-profile { font-size:0.85rem; line-height:1.2; }
    .primary-grid .col-1-3 .card-title { font-size:1.25rem; }

  .secondary-grid { margin-bottom:4rem; }
    .secondary-grid .col-2-3 .card-image { max-width:100%; padding: 0 /*0.9375rem*/; max-height:none; height:auto; } 
    .secondary-grid .col-2-3 img { width:100%; height:auto; } 
    .secondary-grid .col-2-3 .card-content { padding-left:1.85rem; }
       
  .story-item.overlay { position:relative; overflow:hidden; }
  
  
  .overlay .card-link { padding-left: 0; position: relative; }
  .overlay .card-content { position:absolute; left: 0; right: 0; bottom: 0; padding: 1% 5% 8%; }
    .overlay .card-image:before { content: ""; display: block; position: absolute; width: 200%; bottom: 0; left: 0; right: 0; height: 50%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 30%, rgba(0,0,0,0.8) 100%); z-index: 0; margin-left: 0; }
  .overlay .card-title { color:#fff; text-shadow:none; margin-bottom:0; z-index: 1; position: relative; }
  .overlay .card-profile { color:#fff; text-shadow:none; z-index: 1; position: relative; }
  .cols-1 .overlay .card-content,
  .col-1-3 .card-content { margin-left:1rem; }
  .secondary-grid .story-col.col-1-3 .card-content { margin: 2rem 0 2rem 2rem; }
  .cols-3 { margin:3rem auto 1rem; }
  .related-stories { margin-top:0; }
  .story-item.horizontal  { margin:2rem 0; }
  .horizontal .card-image { width:calc(66.7vw - 1rem); margin-right:1.875rem; float:left; margin-left:-1rem; }
}

/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
    .nav-top li { margin:0 1rem; }
    .nav-top li a { font-size:1.1rem; }   
    .primary-grid .col-1-3 .card-title { font-size:1.5rem; }    
    .primary-grid .col-1-3 .card-profile { font-size:1rem; }
    .story-item.overlay { overflow:visible; }
    
}

/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  p { max-width:none; }
  .primary-grid .col-1-3 .card-profile { font-size:1.2rem; }
  .primary-grid .col-1-3 .card-title { font-size:1.8rem; }
}

/* 1280px
----------------------------------------------------*/
@media only screen and (min-width:80em) {
  .horizontal .card-image { width:calc(53.3em + ((100vw - 80em) / 2)); max-width:none; margin-left:calc(((80em - 100vw) / 2) - 2rem);}
  .col-2-3 .card-image { min-width:calc(53.3em + ((100vw - 80em) / 2)); max-width:none; margin-left:calc((80em - 100vw) / 2); }
    .col-2-3 .card-image:before { margin-left:calc((80em - 100vw) / 2); }
    .secondary-grid .col-2-3 .card-image { min-width:100%; margin:0; position: relative; } 
  .col-1-3 .card-image { min-width:calc(27.7em + ((100vw - 80em) / 2)); max-width:none; margin-right:calc((80em - 100vw) / 2); }
    .col-1-3 .card-image:before { margin-right:calc((80em - 100vw) / 2); }
    .secondary-grid .col-1-3 .card-image { min-width:100%; margin:0; } 
}

/* Plugins
----------------------------------------------------*/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, 
.fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, 
.fancybox-close, 
.fancybox-prev span, 
.fancybox-next span { background-image: url('images/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('images/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } 
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; } 
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; } 
.fancybox-lock-test { overflow-y: hidden !important; } 
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('images/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } 

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; } 
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ }
	#fancybox-loading div { background-image: url('fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ }
}

/* Hi-res
----------------------------------------------------*/
@media
  only screen and (-webkit-min-device-pixel-ratio:1.5),
  only screen and (min-device-pixel-ratio: 1.5),
  only screen and (min-resolution:144dpi),
  only screen and (min-resolution:1.5dppx){
    .site-title a { background: url(logo-we_are_nd@2x.png) left center / contain no-repeat; }
  }
  
/* Print
----------------------------------------------------*/
@media print { 
  .nav-top,
  .related-stories,
  .nav-partners,
  .nav-letters { display:none; }
}