/* Research Template over-ride
   Launched: 2019-04-25
   Author: Shawn Maust
   ----------------------------------------------------*/

.breadcrumbs {float:right;}

.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%; }

@media only screen {
  h1 a, h1 a:visited, .h1 a:visited, .h1 a, h2 a:visited, h2 a, .h2 a:visited, .h2 a, h3 a:visited, h3 a, .h3 a:visited, .h3 a, h4 a:visited, h4 a, .h4 a:visited, .h4 a, h5 a:visited, h5 a, .h5 a:visited, .h5 a, h6 a:visited, h6 a, .h6 a:visited, .h6 a { color:#009448; }
  
  a:hover { color:#009448; }
  
  .btn.alt2:hover { background-color:#009448; }
  
  .site-title a { font-size:1.5rem; }
  .site-title a {display:block; border:none; color:#002b5b; text-decoration:none; font-weight: 300; padding:0.25em 0; text-indent: -999em; background: url(/stylesheets/images/cest-logo-blue.png) 0 50% / contain no-repeat; min-height: 3em; margin-right: 0.5em; }
 
 .home-primary { text-align:left; }
 .home-primary p { font-size:1.125em; }
 .home-secondary { display:flex; flex-flow:column; position:relative; margin:2em 0; padding:2em 0;  }
  .home-secondary:after { content:''; display:block; position:absolute; top:0; bottom:0; left:-999em; right:-999em; z-index:-1; background:url(images/home-bg-800.jpg) #f4f4f4 no-repeat 50% 50%; background-size: 100vw auto; }
  .home-secondary .columns > h2 { margin:0.7em 0 0.3em; padding:0; border:none; font-size:1.8em; }
    .home-secondary .columns > h2 a { color:#002b5b; }
  .home-secondary .columns .entry-title {font-size:1.4em;}
  .home-secondary .category { display:inline-block; background:#002144; color:white; text-transform:uppercase; padding:0.25em 1.2em; font-size: 0.7em; letter-spacing: 0.3em; position:absolute; top: 1rem; right: 1rem; }
  
  .triptych { padding: 1em; background: white; position: relative; display:flex; flex-flow:column; }
  .triptych h2 { margin-top: 0.6em; font-size: 1.6em; line-height: 1.3; }
  .triptych > a:first-child { display: block; overflow: hidden; position: relative; }
  .triptych > a:first-child:after { left:-2em; bottom: 0; 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; }
  .triptych .btn { display: block; margin:auto 0 0; }
  
  .home-latest h2 { margin-top:0; }
  
  .header-image { background-image:url(images/hdr-cest-800.jpg); }
    .home .header-image { background-image:url(images/hdr-cest-800.jpg); }
    .about .header-image { background-image:url(images/hdr-about-800.jpg); }
    .instrumentation .header-image { background-image:url(images/hdr-instruments-800.jpg); }
    .news-events .header-image { background-image:url(images/hdr-newsevents-800.jpg); }
    .use-our-services .header-image { background-image:url(images/hdr-services-800.jpg); }
    .fellowships .header-image { background-image:url(images/hdr-fellowships-800.jpg); }
  
  .entry-label { background:#009448; z-index:10; color:#fff; letter-spacing:0.3em; text-transform:uppercase; font-size:0.7em; font-weight:400; }
  .entry-label { padding-left:0.75rem; }
  .entry-label::before { content:''; position:absolute; left:0; bottom:0; display:block; -webkit-transform:rotate(-33deg); transform:rotate(-33deg); -webkit-transform-origin:0 100%; transform-origin:0 100%; width:3rem; height:3rem; background:#009448; z-index:-1; }
  .hentry .entry-label, .hentry .entry-label::before { background:#009448; color:#fff; }
  
  .entry-item { background:#002144; color:#fff; padding:0; transition:-webkit-transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out; transition:transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out}
  .entry-item:hover {-webkit-transform:scale(1.02);transform:scale(1.02);}
  .entry-item > a { display:block; padding:1rem; }
  .entry-item .entry-publish-info, .entry-item .entry-date, .entry-item .entry-author, .entry-item .entry-location, .entry-item .entry-posted-in, .entry-item .entry-time { font-style:italic; color:#dddddd; font-weight:300; font-size:0.95em; }
  .entry-title { width:100%; margin:0; padding:0.325em 0 1.5em !important; font-size:1.5em !important; color:#fff; font-weight:400; text-transform:none; font-family:GPC, 'Arial Narrow', 'Helvetica Neue', Helvetica, sans-serif !important; letter-spacing:0.075rem; }
  .news-events .hentry.entry-item { background:#eee; color:#061629; }
    .news-events .hentry.entry-item .entry-title, .news-events .hentry.entry-item .entry-date { color:#061629; }
  .entry-item .entry-location { position:absolute; bottom:1.25em; }
  .entry-item .entry-date { margin-top:1em; margin-bottom:0; }
  .entry-item a,
  .entry-item a:visited { color:#fff; text-decoration:none; }
  .events .vevent { margin-left:0; }
  .entry-content { margin-top:1em; }
  
  .list-grid { margin:0; position:relative; margin-right:-1rem; display:flex; flex-flow:row wrap;  }
  .grid-item { width:100%; }
  .grid-item-heading--overlay { border-top-color:#009448; min-height:2rem; }
  .ex-grid-expander { right:1rem; width:auto; border-color:#009448; }
  .ex-grid-expanded .grid-item-content:after { border-bottom-color:#009448; }
  .project-list { list-style:none; padding:0; display:flex; flex-flow:row wrap; }
  .project-item { width:100%; margin-bottom:1rem; }
   .project-item.border { border:1px solid #ccc; padding:1rem; }
  .project-list details { padding-left:2rem; padding-right:1rem; border:1px solid #ddd;  }
  .project-list summary { padding:1rem 1rem 1rem 2rem; margin:0 -1rem 0 -2rem; text-indent:-1.25rem; background:#eee; }
  .project-list summary span,
  .project-item > span { display:inline-block; width:calc(100% - 2rem); text-indent:0; margin-bottom:0; }
  .project-list summary:hover { cursor:pointer; }
  .project-summary { padding-top:1rem;  }
  
  /* Navigation */
  .nav-top { border-bottom-color:#82dce5; background-color:#002144; }
  .nav-top li.active a, .nav-top li a:hover { color:#82dce5; }
  .home .nav-top .home { color:#82dce5; }
  .nav-top .home:hover { color:#009448; }
  .nav-top li a:hover { color:#fff; }
  .nav-top li a:hover:after { background:#009448; top:calc(100% - 1px); height:6px; }
  
  .nav-site ul > .active > a { border-bottom-color:#009448; }
  
  .page-title { border-bottom-color:#82dce5; }
    .page-title::after { border-top-color:#82dce5; }
    
    .row.align-center { justify-content:center; }
}

/* 580px
----------------------------------------------------*/
@media only screen and (min-width:36.250em) {
  .list-grid { margin:0; position:relative; margin-right:-1rem; display:flex; flex-flow:row wrap;  }
  .grid-item { margin-right:0; width:50%; padding-right:1rem; }
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .home-secondary { flex-flow:row; justify-content:space-between; }
    .home-secondary::after { background-image:url(images/home-bg-1200.jpg); }
  .triptych { width:calc(33.3% - 1rem); display:flex; flex-flow:column; }
  
  .header-image { background-image:url(images/hdr-cest-1200.jpg); }
    .home .header-image { background-image:url(images/hdr-cest-1200.jpg); }
    .about .header-image { background-image:url(images/hdr-about-1200.jpg); }
    .instrumentation .header-image { background-image:url(images/hdr-instruments-1200.jpg); }
    .news-events .header-image { background-image:url(images/hdr-newsevents-1200.jpg); }
    .use-our-services .header-image { background-image:url(images/hdr-services-1200.jpg); }
    .fellowships .header-image { background-image:url(images/hdr-fellowships-1200.jpg); }
    
  .entry-news { flex-flow:row; }
  .entry-title { float:none; }
  .entry-image { width:25%; padding-right:1rem;  }
  .entry-body { width:75%;  }
  
  .entry-image.full { width:100%; padding:0; }
  .entry-body.full { width:100%;  }
  
  .news-events h2 + .btn { float:right; margin-right:0; margin-top:-2.75rem; } 

  .page-title--highlight { background-color:#002144; }
  .page-title--highlight a, 
  .page-title--highlight a:visited { color:#fff; }
   
  /* Custom */
  .news-grid, .events-grid { display:flex; flex-flow:row wrap; margin-right:-1em; width:calc(100% + 1rem); }
  .news-grid .entry-item, .events-grid .entry-item { width:calc(50% - 1.25em); margin-bottom:1.5em; display:inline-block; vertical-align:top; margin-right:1em; }
  .grid-item { width:33.3%; }
  .address { display:block; clear:left; }
}

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

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

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width: 75em) {
  .site-title a { font-size:1.65rem; }
  
  .home-secondary::after { background-image:url(images/home-bg-1600.jpg); }
  
  .header-image { background-image:url(images/hdr-cest-1600.jpg); }
    .home .header-image { background-image:url(images/hdr-cest-1600.jpg); }
    .about .header-image { background-image:url(images/hdr-about-1600.jpg); }
    .instrumentation .header-image { background-image:url(images/hdr-instruments-1600.jpg); }
    .news-events .header-image { background-image:url(images/hdr-newsevents-1600.jpg); }
    .use-our-services .header-image { background-image:url(images/hdr-services-1600.jpg); }
    .fellowships .header-image { background-image:url(images/hdr-fellowships-1600.jpg); }
}

/* 1280px
----------------------------------------------------*/
@media only screen and (min-width: 80em) {
   .news-grid .entry-item, .events-grid .entry-item { width:calc(33.3% - 1em); }  
}

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