/* University Template over-ride
   Launched: 2015-11-06
   Author: Zach Richard, Nevin McElwrath, Shawn Maust
   ----------------------------------------------------*/

/* Global Styles go outside the @media screen */
/* Uncomment the site stylesheet in _resources.liquid to use */

@media screen,projection {
    
 .h2 {font-size:1.75em;}
 .h3 {font-size:1.565em; font-weight:400;}
 .h4 {font-size:1.375em;  color:#777; font-family:"Adobe Garamond", Garamond, Georgia, "Times New Roman", Times, serif; font-style:italic;}
 .h5 {font-size:1.2em; text-transform:uppercase;}
 .h6 {font-size:1em; color:#555; text-transform:uppercase; letter-spacing:1px;}

  hr { border-width: 1px 0 0; }
  
  .btn[href$=".pdf"] { padding:0.55em 1em 0.4em 1.75em; background:#e3e3e3 url(/images/icons/pdf.gif) 0.5em center no-repeat; }
    .btn[href$=".pdf"]:hover { background-color:#002b5b; }
  .btn-blue[href$=".pdf"] { background-color:#002b5b; }
    .btn-blue[href$=".pdf"]:hover { background-color:#073f7e; }
  .btn-gold[href$=".pdf"] { background-color:#dcb439; }
    .btn-gold[href$=".pdf"]:hover { background-color:#efca56; }  
  
  /* Structure */  
  .site-content { padding:1em 0; }
  
  /* Header */
  .header_image { height:0; padding-top: 25%; margin-bottom:-12.5%; position:relative; }
    .header_image:after { position:absolute; display:block; content:""; top:0; left:0; right:0; bottom:0;
        background: rgb(244,244,244);
        background: -webkit-linear-gradient(top,  rgba(244,244,244,0) 0%, rgba(244,244,244,0.8) 40%, rgba(244,244,244,1) 80%);
        background: -moz-linear-gradient(top,  rgba(244,244,244,0) 0%, rgba(244,244,244,0.8) 40%, rgba(244,244,244,1) 80%); 
        background: -o-linear-gradient(top,  rgba(244,244,244,0) 0%, rgba(244,244,244,0.8) 40%, rgba(244,244,244,1) 80%); 
        background: -ms-linear-gradient(top,  rgba(244,244,244,0) 0%, rgba(244,244,244,0.8) 40%, rgba(244,244,244,1) 80%); 
        background: linear-gradient(to bottom,  rgba(244,244,244,0) 0%, rgba(244,244,244,0.8) 40%, rgba(244,244,244,1) 80%);
      }
    .header_image img { position:absolute; top:0; left:0; height:100%; width:100%; z-index:-1;}
  
  /* Headings */
  .page-title { padding-bottom:30px; border-bottom:0; background:url(images/bars-gold.png) bottom left repeat-x; } 
  h5 { margin-top:1em; }
  .hentry h2.entry-title,
  .vevent h2.entry-title{ padding:0; border:none; }

  .beta h2 { /*border-bottom: 1px solid #ccc;*/ }
  
  .home-secondary .columns > h2 { text-transform: uppercase; }
  .home-secondary h2 a { color: #002b5b; }
  .home-secondary .columns h2.entry-title { font-size: 1.125em; text-transform: capitalize; }
  
  /* Two Column List */
  .two-col-list li,
  .three-col-list li {list-style-type:none;}
  
  .two-col-list ul,
  .three-col-list ul {display: inline-block; *display: inline; *zoom: 1; margin:0 0 0.5em; padding:0; width:100%; vertical-align:top; line-height: 1.5em;}

  .two-col-list li,
  .three-col-list li {list-style-type:none;}
 
  /* Top Nav */
  .nav-top li a { padding:0.6em; font-size:0.8em; font-family:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
    -webkit-transition:0.5s;
       -moz-transition:0.5s;
         -o-transition:0.5s;
            transition:0.5s;  
  }
  
  /* Sub Nav */
  .side-nav { padding:0; }
  .side-nav ul {padding:0 0 1em; list-style-type: none; }
    .side-nav ul li { margin:0.2em 0;}
    .side-nav ul a { display:block; padding:0.2em 0 0.2em 1em; text-indent:-1em; line-height:1.2em; text-transform:none; color:#002b5b; font-size:1.4em; font-weight:300; font-family:GPC, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; border-bottom:2px solid transparent; text-decoration: none;}
    .side-nav ul a:hover { border-bottom:2px solid #002b5b; color:#004da3;}

  /* Bottom Links */
  .bottom-links { padding:0.25em 0; margin:1em 0 0 0; padding:0.25em 0 0.15em; list-style:none; text-align:center; color:#fff; background:#002b5b; }
    .bottom-links a,
    .bottom-links [data-icon]:before {color:#fff;}
      .bottom-links a:hover,
      .bottom-links a:hover [data-icon]:before{color:#dcb439;}
    .bottom-links li {display:inline-block; margin:0 1em;}
      .bottom-links li a {text-decoration:none;}

  /* Gallery */  
  .gallery { list-style:none; padding:0; margin:0; }
  .gallery li { float: left; display: block; padding: 0.3em; }
  .gallery img { transition: all 125ms ease; width: 100%; border: 2px solid #ccc; }
  .gallery a:hover img {  border-color: #dcb439; }
  
  .home-secondary .gallery li { width: 50%; }
  .about-gallery .gallery li { width: 25%; }
  
  .vevent .small-4 { text-align:center; }
  .month, .day {display:block; margin-bottom:0.25em; color:#dcb439; text-align: center; }
  .month {text-transform:uppercase; font-size:1.5em;}
  .day {font-size:2.5em; font-weight:bold;}
  time [data-icon]:before, .location [data-icon]:before {color:#002b5b;}
  .view-all { display:inline-block; float:right; font-size:0.5em; padding-top:0.5em; text-transform:none;}
  
  .publish-info, 
  .author, 
  .location, 
  .posted-in { padding-left:1.5rem; text-indent:-1.5rem; }

  /* News */
  .news-index .excerpt .image-default,
  .news-index .excerpt .image-right,
  .news-index .excerpt .image-left { float:right; margin:0 0 0 1em;}
  
  /* Events */
  .events .vevent { margin-left:0; margin-right:0; }
  .events-date-header { clear:both; }
  
  .event .image-default,
  .event .image-right,
  .event .image-left { float:right; margin:0 0 0 1em;}
  
  /* Directory */
  .directory-filter {padding:0;}
 
  .directory-list {list-style:none; padding:0;
       -webkit-column-count:2;
          -moz-column-count:2;
               column-count:2;
   }
    .directory-list li { padding-bottom:1em;
      -webkit-column-break-inside:avoid;
                page-break-inside:avoid;
                     break-inside:avoid;
    }
    
  /* Faculty Page */
  .faculty .page-title { margin-bottom:0.2em; padding-bottom:0.2em; border-bottom:2px solid #DCB435; background:none;}
  .faculty .page-title .title { display:block; font-size:0.55em;  line-height:1.4; font-weight:400; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;  }

  .faculty h2 {  font-size:1.9em; margin:0.75em 0 0.25em; border-bottom:1px solid #aaa; padding-bottom:0.125em; }
  .faculty h3 { font-size: 1.6em; }
  .faculty .summary { margin-bottom: 0.4em; font-size:1.25em; color:#666; }

  .faculty-filter { margin:1em 0; padding:1em; background:rgba(0,0,0,0.1); }
    .faculty-filter h3 { margin-top:0; }
    .faculty-filter p { margin:0 0 0.5em; }
    .faculty-filter select { max-width:100%; width: 100%; }
    .faculty-filter .operator { display: block; padding: 0.5em; text-align: center; margin-top: -1em; }
    
  .faculty-list { padding:0; margin:0 0 0 4px;}
    .faculty-list h3 { margin-top:0; }
    .faculty-list li { list-style-type: none; width:48%; padding:0; margin:0 2% 1em -4px; display:inline-block; vertical-align:top;}
  
  .faculty-headshot { width:100%; }
    
  .person-list { margin:0 0 0 -1%; padding:0; list-style:none; }
  .person {margin:1em 2%; width:46%; float:left; }
    .person h3 {margin-top:0; font-size:1.25em;}
    .person .image-default { margin-bottom: 0.5em; }
    .person:nth-child(2n+1) { clear:left; }
    
  .research-areas ul,
  .research-specialties ul { margin:0 0 1em; padding:0; }

  .person-gallery .gallery { padding:0; margin:0; width:100%; }
  .person-gallery li { width:25%; display:inline-block; padding-right:1%; }
    .person-gallery img { width:100%; }
  
  .contact-info,
  .sidebar-content { width:100%; clear:both; }
   /**
    * jQuery lightBox plugin
    * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
    * and adapted to me for use like a plugin from jQuery.
    * @name jquery-lightbox-0.5.css
    * @author Leandro Vieira Pinho - http://leandrovieira.com
    * @version 0.5
    * @date April 11, 2008
    * @category jQuery plugin
    * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
    * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
    * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
    */
    #jquery-overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;}
    #jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
    #jquery-lightbox a {text-decoration:none; border:none;}
    #jquery-lightbox a img { border: none; }
    #lightbox-container-image-box{position:relative;background-color:#fff;width:250px;min-height:150px;height:auto !important;margin:0 auto; max-width:98%;}
    #lightbox-container-image { padding: 10px; }
    #lightbox-loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
    #lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
    #lightbox-container-image-box > #lightbox-nav { left: 0; }
    #lightbox-nav a { outline: none;}
    #lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
    #lightbox-nav-btnPrev{left:0;float:left;}
    #lightbox-nav-btnNext{right:0;float:right;}
    #lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;overflow:auto;width:100%;padding:0 10px 0; max-width:98%; box-sizing:content-box;}
    #lightbox-container-image-data{padding:0 10px;color:#666;}
    #lightbox-container-image-data #lightbox-image-details{ /* width:70%; */ float:left;text-align:left;}
    #lightbox-image-details-caption { font-weight: bold; font-size:150%;}
    #lightbox-image-details-link {display:block; font-weight:bold;}
    #lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1.0em;}
    #lightbox-secNav-btnClose{width:66px;float:right;padding-bottom:0.7em;}    
 
}

@media screen and (min-width:700px){
    
  .h2 {font-size:2.25em;}
  .h3 {font-size:1.85em;}
  .h4 {font-size:1.625em;}
  .h5 {font-size:1.425em;}
  .h6 {font-size:1.2em;}
  
  .brandbar li { float:left; margin:0; }
  .brandbar .dept { float:right; }
  .site-title { font-size:2.25em; }
  .header-util { top:1.8em; }
  .nav-top-true.home .alpha { width:100%; }
  .home-secondary .gallery li { width: 33%; }
  .faculty-list li { width: 31%; }
  
  .person {width:30%; margin:1em 1%;}   
    .person:nth-child(2n+1) { clear:none; }
    .person:nth-child(3n+1) { clear:left; }
  .person-gallery { margin-bottom:2em; overflow:auto; }

  .faculty-col-1 { width:67%; float: left; }
  .faculty-col-2 { width:33%; float: right; }
}

@media screen and (min-width:960px){
  .site-title { font-size:2.25em; }
  .home-secondary .gallery li { width: 50%; }
  .nav-top li a { padding:0.5em 0.7em; font-size:1.1em;}
  .faculty-list li { width: 23%; }
  .person {width:23%; margin:1em 1%;}   
    .person:nth-child(3n+1) { clear:none; }
    .person:nth-child(4n+1) { clear:left; }

  .two-col-list ul {margin-right:1%; width:48%;}
  .three-col-list ul {margin-right:1%; width:32%;}
  
  .two-col-list ul ul,
  .three-col-list ul ul {width:100%;}
}

@media screen and (min-width:1200px){
  .nav-top li a { padding:0.5em 1em; }
  .faculty .page-title { font-size:2.2em; float:left; width:100%; }
  .faculty .page-title .name { float:left; }
  .faculty .page-title .title { float:right; font-size:0.5em; margin-top:1em;  }
}

@media print {
  #nav-top,
  .flexslider,
  .flex-container { display:none; }
  .entry-title { font-size:1.5em; }
  .alpha a:link:after { display:inline-block; line-height:1; }
  .news .image { width:20%; float:left; } 
  .news .copy { width:80%; float:left; } 
    
  .home .news,
  .home .events { display:inline-block; width:50%; margin:0 -0.25em 0 0;}
  
  .more { background:none; }
  
  .faculty-col-1 { float:left; width:66%; }
  .faculty-col-2 { float:right; width:33%; }
  
  .vevent { clear:both; }
  .gallery { list-style:none; padding:0; margin:0; width:100%; }
  .gallery li { width:20%; display:inline-block; padding-right:1%; }
    .gallery img { width:100%; }
  .site-footer .address { display:block; }
}