/* Research Template over-ride
   Launched: 2019-03-21
   Author: Aaron Greene, Shawn Maust
   ----------------------------------------------------*/

/* Global Styles go outside the @media screen */

.entry-item { position:relative; padding-top:1rem; overflow:hidden;  width:100%; }
.entry-title { width:100%; margin-top:1rem; }
.entry-label,
.card-label { display:inline-block; padding:0.5rem 1rem; text-decoration:none; position:absolute; top:0; right:0;  line-height:1;  font-size:0.9rem; }
.card-title { font-size:1.4rem; margin:0.25em 0; }
.card-body { padding:1rem;}
.card-image { position:relative; }
.card-image img { width:100%; }

.about-people .alpha h2 { margin-bottom:0.5rem; margin-top:0.5rem;  }
.about-people .alpha h4 { margin-top:0.5rem; }

h4, .h4 { color:#777; }
h5, .h5 { color:#333; line-height:1.5em; }

blockquote p { border-left:3px solid #81d6fd; border:none; background-image:url(images/hatch-tile.svg); }
.btn-gold { background-color:#81d6fd; border-bottom-color:#58b5d6; }

@media only screen {
  .home .nav-top .home, .nav-top .home:hover { fill:#81d6fd; color:#81d6fd; }
  
  .card { background:#fff; overflow:hidden; padding:1em 1em 0; display:block; text-decoration:none; margin-bottom:2em; transition:transform 0.35s ease-in-out; text-align:left;}
  .card:hover { transform:scale(1.02); }
  .card-title { font-size:1.6em; }
  .card-image::after { left: -2em; bottom: -2px; width: 50%; height: 1.5em; background: white; transform: skewX(35deg);transform-origin: bottom right; content: " "; position: absolute; z-index: 2; }
  .card-copy { color:#333; }
  .card-label,
  .entry-label { background:#061629; z-index:10; color:#fff; letter-spacing:0.3em; text-transform:uppercase; font-size:0.7em; }
  .entry-label { padding-left:0.75rem; }
  .entry-label::before { content:''; position:absolute; left:0; bottom:0; display:block; transform:rotate(-33deg); transform-origin:0 100%; width:3rem; height:3rem; background:#061629; z-index:-1; }
  
  /* Header */
  .header-image { background-image:url(images/hdr-n2-tank-800.jpg); }
  .home .header-image { background-image:url(images/hdr-home2-800.jpg); }
  .about .header-image { background-image:url(images/hdr-about2-800.jpg); }
  .news .header-image { background-image:url(images/hdr-news-800.jpg); }
  .use-our-services .header-image { background-image:url(images/hdr-services-800.jpg); }
  .instrumentation .header-image { background-image:url(images/hdr-instruments-800.jpg); }
  .contact .header-image { background-image:url(images/hdr-contact2-800.jpg); }
  
  .page-title { border-bottom-color:#81d6fd; }
  .page-title:after { border-top-color:#81d6fd; }
  
  /* Navigation*/
  .nav-top li.active a, .nav-top li a:hover { color:#81d6fd; }
  .nav-top li a:hover:after { background-color:#81d6fd; }
  
  .nav-site ul > .active > a { border-bottom-color:#81d6fd; }
}

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

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .home-primary h3 { font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1.325rem; line-height:1.5em; color:#333; margin-bottom:3rem; margin-top:0; }
  .home-features {display:flex; margin:0 -1rem; }
  .home-card {background:#fff; width:calc(33.33% - 2rem); margin:0 1rem;}
  .home-latest { margin-bottom:1rem; }
  .site-title a { font-size:1.5rem; }
  
  /* Header */
  .header-image { background-image:url(images/hdr-n2-tank-1200.jpg); }
  .home .header-image { background-image:url(images/hdr-home2-1200.jpg); }
  .about .header-image { background-image:url(images/hdr-about2-1200.jpg); }
  .news .header-image { background-image:url(images/hdr-news-1200.jpg); }
  .use-our-services .header-image { background-image:url(images/hdr-services-1200.jpg); }
  .instrumentation .header-image { background-image:url(images/hdr-instruments-1200.jpg); }
  .contact .header-image { background-image:url(images/hdr-contact2-1200.jpg); }
  
}

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

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

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width: 75em) {
  /* Header */
  .header-image { background-image:url(images/hdr-n2-tank-1600.jpg); }
  .home .header-image { background-image:url(images/hdr-home2-1600.jpg); }
  .about .header-image { background-image:url(images/hdr-about2-1600.jpg); }
  .news .header-image { background-image:url(images/hdr-news-1600.jpg); }
  .use-our-services .header-image { background-image:url(images/hdr-services-1600.jpg); }
  .instrumentation .header-image { background-image:url(images/hdr-instruments-1600.jpg); }
  .contact .header-image { background-image:url(images/hdr-contact2-1600.jpg); }
}

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

/* 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){}