/* Research Template over-ride
   Launched: 2019-03-26
   Author: Shawn Maust, Aaron Green, Nevin McElwrath 
---------------------------------------------------*/

/* Colors
   Dk Green: #01843e
   Lt Green: #97e68d
----------------------------------------------------*/

/* Gallery */
.gallery { margin:1rem -1rem 1rem 0; padding: 0; display:flex; flex-flow:row wrap; }
.gallery li { list-style-type: none; display: inline-block; width:33.3%; padding:0 1rem 1rem 0; }
    
@media screen,projection {
  .hidden { display: none !important; }
  .more { padding-right:2.25em; background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"%3E%3Cpath fill="%2301843e" d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"/%3E%3C/svg%3E') right 0.75rem center no-repeat; background-size:0.5rem; }
  .btn:hover, .more:hover, .excerpt_continuation:hover { background-color:#01843e; }
  .more:hover { background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"%3E%3Cpath fill="%23FFFFFF" d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"/%3E%3C/svg%3E') right 0.75rem center no-repeat #01843e; background-size:0.5rem; }
.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%;}

  .brandbar { background:#01843e;  }
    .dept-nd a { background-image: url(//static.nd.edu/images/brandbar/dept-nd-white.png); }
    .dept-ores a { background-image: url(//static.nd.edu/images/brandbar/dept-ores-white.png); }
    .dept { display:none; }
    
  .site-title a, .site-title a:visited { color:#333; }  
  .search-form { border-radius:0; }
  
  .nav-skip { background: #01843e; border: none; box-shadow: none; }
  .nav-top { background:#fff; }
  .nav-top .home,
  .nav-top .home:hover,
  .home .nav-top .home, 
  .nav-top li a:hover,
  .nav-top li.active a { color:#01843e; position:relative; }
  .nav-top li.active a::after { content: ''; position: absolute; left: 0; right: 0; top: 100%; height: 5px; background:#97e68d; } 
  .nav-top li a:hover::after { background:#97e68d; }
  .page-title { text-shadow:none; clear: left; }
  .page-title,
  .nav-top:before, .nav-top:after,
  .nav-site ul > .active > a { border-bottom-color:#01843e;}
  page-title { clear:both; }
  .page-title:after { border-top-color:#01843e; }
  .nav-top li a { color:#555;}
  .nav-top:before,
    .nav-top:after { bottom: -5px; }
  .breadcrumbs { padding-left:0; float:left;  }
  .breadcrumbs li { color:#444; }
    .breadcrumbs a { color: #111; }
    .breadcrumbs a:hover { color: #002b5c; }
    .breadcrumbs a:visited { color: #333; }
  
  .home .header-tagline { background-image:url('images/mcf-tagline.png'); max-width:250px; background-position:left center; }
  .header-tagline:before { content:''; display:block; position:absolute; top:-3em; bottom:-5em; right:-2em; left:-2em; z-index:-1; background:radial-gradient(ellipse at center, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.2) 50%, rgba(0,0,0,0) 70%); overflow:hidden; }
  
  .home-primary { padding: 1.2em 1.2em 2em; text-align: center; margin: 1em auto 2em; border-bottom: 2px solid #01843e; }
    .home-primary p { margin: 0 0 0.75em; font-size: 1.3em; line-height: 1.25; text-transform: none; color: #002b5c; }
    
    .home-secondary::after { display:none; }
    
  .home-subscribe { padding:2em 0; }
  
  .feature-item-title { margin-top: 0.75rem; margin-bottom:1.25rem; font-family: inherit; text-transform: none; font-size: 1.3em; line-height: 1.3; }

  /* News Events */
  .entry-image { margin:0 1rem 1rem 0; }
  .entry-title { float:right; width:calc(100% - 100px - 1rem); margin-top:0; font-family: inherit; }
  .entry-title a { color:#01843e; }
  .entry-excerpt { float:right; width:100%; }
  .events-dates .event-entry .entry-title,
  .entry-title--full-width { width:100%; float:none; }
  
  .event-entry .entry-image { width:25%; }
    .event-entry .entry-image--full-width { width:100%; }
  .event-entry .entry-title,
  .events-dates .event-entry.has-image .entry-title { float:left; width:calc(75% - 1rem); }
    .event-entry .entry-title--full-width { width:100%; }

  .event-entry { margin:0 0 1rem; }
  
  .entry-publish-info,
  .entry-author,
  .entry-location,
  .entry-posted-in { font-size: 0.9em; line-height: 1.3; }
  
  .event-section .entry-title { font-size: 1.2rem; }
  .event-section .event-entry .entry-image { width: 33%; }
  .event-section .event-entry .entry-title { width:calc(67% - 1rem); margin: 0.3em 0 0.6em; }

  .header-image, .home .header-image { background-image:url(images/mcf-header-sm.jpg); }
  
  /* Grid Items */
  .ex-grid { display:flex; flex-flow:row wrap; width:calc(100% + 0.9375rem); margin:0; }
  .grid-item { padding-top:0; width:50%; margin:0; }
  .grid-item-content {  margin-bottom:1em; }
  .grid-item-large { min-height:6em; }
    .grid-item-large img { transition: all 250ms ease; border:1px solid #01843e; }
    .grid-item-info { text-transform:uppercase; text-decoration:none; font-weight:300; font-style:normal; text-align:left; padding:0.7em 0 0 0; transition:all 250ms ease; display:block; }
    .grid-item-heading { margin-top:0; font-weight:300; }
      .grid-item-heading--overlay {  background-color:#01843e; border-top-color:#999; min-height:auto; }
    .grid-item-description {  display:block; padding:0.2em 0 0; margin:1em 0 0; font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; font-style:normal; line-height:1.4em; font-size:0.85em; text-transform:none; }
    .grid-details-image { max-width:40%; float:right; margin-left:1em; }
    .ex-grid-expanded .grid-item-content:after { display:none; } 
    .ex-grid-expander { margin:0 auto; border-color:#999; }
    .ex-grid-expander h2.h3 { margin-top:1rem; }
  .item-name { font-size:1.2em; margin:0.4rem 0; line-height: 1.3; }
  .item-title { margin:0 0 0.5rem; display:block; font-size:1rem; font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; line-height: 1.3; }  
  .item-department { margin:0 0 0.5rem; display:block; font-size:0.9rem; font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; line-height: 1.3; }  
  .item-interests { display:block; color:#777; margin-top:1em; font-size:0.85rem; font-family:"Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; }  
    
  .faculty-address,
  .faculty-phone { margin:0.25rem 0 0; }
  
  .instrument-list { margin:0; padding:0; }
  .instrument-list li { list-style:none; }
  .instrument-list li a { margin:0 0 1.25em; }
  
  /* Social Links */
  .social-links-item { text-align:center; } 
  .social-links-item .btn { width:100%; border-bottom-color:#01843e; color:#01843e; background:#fff; }
  .social-links-item .btn:hover, .social-links-item .btn:active, .social-links-item .btn:focus { color:#fff; background-color:#01843e; }
  .social-links .social-links-newsletter { padding: 1em 0; }
  .social-links .newsletter-input { width: calc(100% - 9em); display:inline-block; margin:1em 0; padding:0.7em 1em 0.6em; font-size: 0.8rem; line-height:1.5; letter-spacing:0.05em; text-align:left; vertical-align:middle; border-radius: 3px 0 0 3px; border: 2px solid #01843e; border-width: 2px 0 2px 2px; }
  .social-links .newsletter-submit { width: 8em; font-size:0.8rem; box-shadow: none; background-color: #01843e; border: 2px solid #01843e; color: white; line-height: 1.5; border-radius: 0 3px 3px 0; display: inline-block; }
    .social-links .newsletter-submit:hover { background-color: white; color: #01843e; }
    .social-links .social-links-newsletter input { white-space: nowrap; }
  
    h2, .h2,
    h3, .h3,
    h4, .h4,
    h5, .h5,
    h6, .h6 { color:#444;  text-shadow:none; }
  
  h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a, h6 a, .h6 a {color: #002b5c; }
  h1 a:visited, .h1 a:visited, h2 a:visited, .h2 a:visited, h3 a:visited, .h3 a:visited, h4 a:visited, .h4 a:visited, h5 a:visited, .h5 a:visited, h6 a:visited, .h6 a:visited { color:#142d4b; }

  .nav-site ul ul a:hover { color:#002b5c; border:none; }
    .nav-site ul ul > .active > a {color:#002b5c; border:none; font-weight:400; }
    
  .header-util { top:auto; } 
  .header-util .search-form { background:#fff; }
  .header-util .search-form a { color: #01843e; }
  .header-util svg { fill: currentColor; }
  
  .search-count,
  .search-time,
  .search-result-title,
  .search-result-url { text-transform:none;  }
  .search-time { margin-top:1rem; color:#999; }
  
  /* Gallery */
  .gallery li a { border: 3px solid transparent; display: block; transition: all 125ms ease; }
    .gallery li a:hover { border-color: #01843e; }
  .gallery li img { min-width: 100%; opacity: 1; transition: all 125ms ease; }
    .gallery li a:hover img { opacity: 1; }
}

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.250em) {
 .research-area-item-small { max-width:50%; }
 
  /* Social Links */
  .home-social { display:flex; flex-flow:row wrap; justify-content:space-between; }
    .social-links-item { width:33%; }
    .social-links-newsletter { width:100%; }
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .dept { display:block; }
  .titlebar { padding-top: 3em; padding-bottom:5em; /* Identical to research.nd.edu */}
  .header-image, .home .header-image { margin-top:-15rem; min-height:360px; background-image:url(images/mcf-header-md.jpg); } 
  .breadcrumbs { float:right; margin-bottom:0; }
  
  .site-title { font-size:1.325em; width:12em; font-weight:400; }
  .site-title::after { right:-1em; }
  .header-util { right:0.9375rem; bottom:calc(100% + 0.125em); } 
  .header-util .search-form:hover svg,
  .header-util:hover .search-form svg { fill: #01843e; }
  .header-util .search-form:hover a,
  .header-util:hover .search-form a { color: #01843e; }
  
  .header-image {margin-top:-16rem; }
  .home .header-image { padding-top:calc(200px + 30%); }
  .home-primary p { font-size: 1.8em; }

  .home-subscribe { padding:3.5em 0; }
  
  .home .header-tagline { max-width:400px; }
  .header-tagline:before { content:''; display:block; position:absolute; top:-3em; bottom:-5em; right:-5em; left:-5em; z-index:-1; background:radial-gradient(ellipse at center, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0) 70%); overflow:hidden; }

  .page-title--highlight a,
  .page-title--highlight a:visited { color:#fff; }

  /* News Events */
  .entry-title, 
  .entry-excerpt { width:calc(100% - 150px - 1rem); }
  .entry-title--full-width, 
  .entry-excerpt--full-width { width:100%; float:none; }
  
  /* Grid Items */
  .grid-item-info { color:white; padding:0.7em; transition: all 250ms ease; -webkit-transform:translateY(-2.6em); transform:translateY(-2.6em); z-index:1; width:100%; position:absolute; background:#01843e; }
  .grid-item-large { border-width:1px 1px 6px 1px; border-style:solid; border-color:#01843e; overflow:hidden; }
    .grid-item-large img { border:none; }
    .grid-item-large:hover { border-color:#97e68d; background-color:#01843e; }
      .grid-item-large:hover img { opacity:0.4; mix-blend-mode: screen; }
      .grid-item-large:hover .grid-item-info { font-size:1em; -webkit-transform:translateY(-6.25em); transform:translateY(-6.25em); color:#ffcf3b; }
    .grid-item-description { margin:1em 0 0; min-height:4.75em; color:#fff; }
    
  .instrument-page #subpage-content { display:flex; justify-content:space-between; margin-top:1rem; }
    .instrument-page #subpage-content h2.h3 { margin-top:0; }
    .instrument-image { min-width:200px; margin-left:2rem; }
 
  /* Social Links */
  .home-social { justify-content:center; margin: 2em 0; }
  .social-links-item { width:25%; padding:0 0.5em; }
  .social-links-newsletter { width:30%; }
  
  .ndmark { top:-0.25rem; }
}

/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  .social-links-item { width:20%; padding:0 1em; }
  .social-links-newsletter { width:30%; }
  
  .events-grid { display:flex; flex-flow:row wrap; }
  .event-entry { width:50%; }
  .event-entry .entry-image { width:40%; }
  .event-entry .entry-title, .events-dates .event-entry.has-image .entry-title { width:calc(60% - 1rem); font-size:1.325em; }
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width: 75em) {
  .grid-item { width: 33.33%; }
  .grid-item + .grid-item + .grid-item + .grid-item { margin-top:1em; }
  .header-image, .home .header-image { background-image:url(images/mcf-header-lg.jpg); }

  .instrument-image { min-width:300px; }
}

/* 1280px
----------------------------------------------------*/
@media only screen and (min-width: 84em) {
  .titlebar { padding-top:1rem; }
  .header-util { right:0.9375rem; bottom:calc(50% - 1.5em); } 
    .header-util input { background:#eee; } 
    .home .header-image { padding-top:calc(100px + 30%); }
}

/* 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) {
    .dept-nd a { background-image: url(//static.nd.edu/images/brandbar/dept-nd-white@2x.png); }
    .dept-ores a { background-image: url(//static.nd.edu/images/brandbar/dept-ores-white@2x.png); }
  }

/* Print
----------------------------------------------------*/
@media print {
  .alpha .row { display:flex; }  
    .alpha .row .medium-4 { width:33%; }
  .entry-image { margin-right:1em; }
  .event-entry { margin:0 0 2em; }
  .entry-title { margin-top:0; }
  .grid-item { width:25%; }
  .grid-item-content { height:auto !important;}
  
}