/* Research Template over-ride
   Launched: 2019-08-01
   Author: Shawn Maust, Nevin McElwrath, ND Web Team
   ----------------------------------------------------*/

/* Global Styles go outside the @media screen */
 
  /* Footer  
  ----------------------------------------------------*/
  .footer-inner .address { clear:left; display:block; }
  .footer-support { padding-top:1rem; }
  .footer-inner .footer-support { font-size:0.7rem; text-transform:uppercase; letter-spacing:1px; }
  .footer-support a { display:block; margin:0 auto; text-align:center; text-indent:-1000rem; position:relative; height:3rem; width:9rem;  }
  .footer-support img { position:absolute; top:0; left:0; height:auto; width:100%; } 

@media only screen {
  
  .site-title a { text-indent: -999em; display: block; min-height: 2.5em; background: url(/stylesheets/images/GBCF_logo.png) left 50% / contain no-repeat; }
  
  .card { background:#fff; position:relative; overflow:hidden; padding:1em 1em 0; display:block; text-decoration:none; margin-bottom:2em; transition:-webkit-transform 0.35s ease-in-out; transition:transform 0.35s ease-in-out; transition:transform 0.35s ease-in-out, -webkit-transform 0.35s ease-in-out; text-align:left;}
  .card:hover { -webkit-transform:scale(1.02); transform:scale(1.02); }
  .card-title { font-size:1.6em; }
  .card-image { position:relative; }
  .card-image::after { left: -2em; bottom: -2px; width: 50%; height: 1.5em; background: white; -webkit-transform: skewX(35deg); transform: skewX(35deg);-webkit-transform-origin: bottom right;transform-origin: bottom right; content: " "; position: absolute; z-index: 2; }
  .card-copy { color:#333; } 
  
  /* Header
  ----------------------------------------------------*/
  .header-image { background-image:url('images/hdr-genomics-sm.jpg'); }
    .home .header-image { background-image:url('images/hdr-genomics-sm.jpg'); padding-top:40%; }
    .home .header-tagline { background-image:url('images/genomics-tagline.png'); max-width:375px; }
    .home .header-tagline:before { background:radial-gradient(ellipse at center, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0) 70%); }
  .header-cta .btn.btn-cta, .row-fixed .btn { background: #0c2340; color: white; border: 2px solid white; padding: 0.75em 1.5em; margin: 0 2em 0 0; }
    .header-cta .btn.btn-cta:hover,
    .row-fixed .btn:hover { background: white; color: #0c2340; }
  
  /* News & Events
  ----------------------------------------------------*/
  .vevent-item,
  .hentry-item { position:relative; overflow:hidden; clear:both; padding:1em; margin-bottom:1em; color:#fff; }
  .vevent-item { background:#002b5c; width:100%; }
  .events .vevent { margin-left:0; }
  .hentry-item { padding:1em 2em; background:#0a233f; }
    .hentry-item .meta-item { color:#fff; font-weight:300; }
  .vevent-item a,
  .vevent-item a:visited,
  .hentry-item a,
  .hentry-item a:visited { color:#fff; text-shadow:none; display:block; z-index:10; }
  .vevent-item a::before,
  .hentry-item a::before { content:''; position:absolute; top:0; right:0; left:0; bottom:0; }
  .home-latest { margin-bottom:2em; }
  .home-latest .publish-info,
  .news-events-grid .publish-info { display:none; }
  .home-latest .entry-title { margin-top:0; }

  .vevent-inner { display:inline-flex; }
  .vevent-item .entry-date { padding-right:1em; text-align:center; font-family: GPC, "Helvetica Neue", Helvetica, Verdana, Arial, sans-serif; }
  .entry-date-month { font-size:1.7em; margin-bottom:0.5em; display:block; text-transform:uppercase; font-weight: 300; }
  .entry-date-day { font-size:2.75em; font-weight:700; }
  .entry-title { width:100%; margin-top:1.25rem; float:none; }
 
  .grid-item-heading--overlay { min-height:auto; }
  
  .home-secondary:after { background:url(images/hdr-features-sm.jpg) center center no-repeat #002b5c; background-size:cover; background-attachment:fixed; }
  .home-section-title a { color:#0c2340; }
 
  /* Rates
  ----------------------------------------------------*/
 .rates table td:first-child { width:2%; }
 .rates table td:nth-child(2n) { width:60%; }
 .rates table td:nth-child(3n), .rates table td:nth-child(4n) { width:19%; }
 .rates table td p { margin:0; }

  /* Footer  
  ----------------------------------------------------*/
  .footer-inner .footer-support {   font-weight:700; color:#aaa; }
  
}

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.250em) {
  .services-grid {  display:grid; margin:0; grid-template-columns:1fr 1fr; grid-gap:2rem; }
  .services-grid .grid-item  { width:100%; margin:0; padding:0; }
  .services-grid .ex-grid-expander { left:1rem; right:0; width:auto; }
  
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .site-title a { font-size:1.5rem; }
    .home-features {display:flex; margin:0 -1rem; }
    
  .header-image { background-image:url('images/hdr-genomics-md.jpg'); }
    .home .header-image { background-image:url('images/hdr-genomics-md.jpg'); }
    
  .home-secondary:after { background-image:url(images/hdr-features-md.jpg); }
  
  .header-cta { position: absolute; right: 0; bottom: 3rem; display: block; }
  
  .home-card {background:#fff; width:calc(33.33% - 2rem); margin:0 1rem;}
  .news-events-grid { display:flex; flex-flow:row wrap; margin-right:-1em; }
  .news-events-grid .vevent-item { width:calc(50% - 1.25em); margin-bottom:1.5em; display:inline-block; vertical-align:top; margin-right:1em; }
  .news-events-grid .hentry-item { width:calc(50% - 1.25em); margin-bottom:1.5em; display:inline-block; vertical-align:top; margin-right:1em; }
  .footer-support a { margin:0; }
  .home-latest { margin-bottom:4em; }
  .home-latest-items { display:grid; grid-gap:1rem; grid-template-columns:1fr 1fr 1fr; }
  .home-latest-item { display:flex; flex-flow:column; }
  .home-latest-item article { flex-grow:1; }  
  .page-title--highlight a,
  .page-title--highlight a:visited { color:#fff; }
  
}

/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
  .site-title a { font-size:1.65rem; }
    .footer-inner .social-links { position:absolute; align-items:center; top:1rem; right:50%; -webkit-transform:translateX(50%); transform:translateX(50%);  margin: 0; }
}

/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  .services-grid { grid-template-columns:1fr 1fr 1fr; }
  .footer-support { position:absolute; top:-0.25rem; padding-top:0; text-align:center; right:360px; margin:0; }
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width: 75em) {
  .site-title a { font-size:1.7rem; }

  .header-image { background-image:url('images/hdr-genomics-lg.jpg'); }
    .home .header-image { background-image:url('images/hdr-genomics-lg.jpg'); background-attachment:fixed; }
    
  .home-secondary:after { background-image:url(images/hdr-features-lg.jpg); }
}

/* Print
----------------------------------------------------*/
@media print {
  .header-cta { display:none; }
  .footer-support a { margin:0; }
}