/* University Template over-ride
   Launched: 2017-09-11
   Author: Shawn Maust, Aaron Greene
   ----------------------------------------------------*/
/* Global Styles go outside the @media screen */

@import url('//fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i');

.course-grid { display:flex; flex-flow:row wrap; width:calc(100% + 1rem); }
.course-item { width:100%; margin:0 1rem 1rem 0; position:relative; }

html { background:none; }

@media screen,projection {
  body { color:#555; line-height:1.75em; }
  body, .nav-site ul a, .nav-top li { font-family: 'Lato', Helvetica, sans-serif; }
  h1, h3, h5 { font-family:Georgia,Times,serif; margin:0.75em 0 0.25em; }
  h2, h4, h6 { font-family: 'Lato', Helvetica, sans-serif; margin:0.75em 0 0.5em; }
  h1 { font-size:2.25rem; }
  h2 { font-size:2rem; font-weight:300; }
  h3 { font-size:1.75rem; font-style:normal; }
  h4 { font-size:1.5rem; font-weight:300; }
  h5 { font-size:1.25rem; text-transform:inherit; }
  h6 { font-size:1rem; }
  
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
  h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited { color:#004da3;}
  
  a, a:visited { color:#004da3; }
  .btn, .btn[href$=".pdf"], .more, .excerpt_continuation { font-family: 'Lato', Helvetica, sans-serif; box-shadow:none; padding:0.725em 2.75em 0.725em 1.5em; border-radius:0; background-color:#024; }
  .btn:hover, .more:hover, .excerpt_continuation:hover { top:0; box-shadow:none; }
  
  .btn[href$=".pdf"] { padding-left:2.75rem; padding-right:1.75rem; background-position-x:1rem; }
  
  p a:hover, .footer a:hover { text-decoration:underline;}
  tr:nth-child(odd) td,
  tr:nth-child(odd):hover td { background: rgba(0,0,0,0.085); }

  .brandbar li { margin:0; }
  .dept-nd a { margin:0; }
  .dept-coal { display:none; }
  .bg-white { background:#FFF; }
  
  .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%;}
 
  .search-form { border:none; box-shadow:none; }
  .search-button { background:none; border:none; padding:0.125em; }
    .search-button:hover { background:#024; border:none; }
    .search-button:hover .icon { fill:#fff; }
    .search-button .icon { width:17px; height:17px; }
  
  .brandbar { background:#dcb439; }
  .site-header { background:url(images/philosophy-internal-sm.jpg) 50% 50% / cover no-repeat; padding-bottom:10rem; position:relative; z-index:1; }
    .home .site-header { background-image:url(images/philosophy-sm.jpg); padding-bottom:2rem; }
    .courses .site-header { background-image:url(images/courses-sm.jpg); }
    .news .site-header { background-image:url(images/news-sm.jpg); }
    .people .site-header { background-image:url(images/people-sm.jpg); }
    .majors-minors .site-header {}
    .graduate-program .site-header { background-image:url(images/grad-sm.jpg); }
    .about .site-header { background-image:url(images/about-sm.jpg); }
    .news-events-noether .site-header { background-image:url(images/noether-header-sm.jpg); }
    
    .site-header::after { content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background: linear-gradient(to bottom, rgba(0,0,0,0.8) 10%,rgba(0,0,0,0.25) 40%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#26000000',GradientType=0 );  z-index:-1; }
    
  .site-title { text-transform:uppercase; font-family:Georgia,Times,serif; letter-spacing:.125rem; font-size:2rem; line-height:1.25em; }
  .site-title a,
  .site-title a:visited { color:#fff; text-shadow: 0 1px 3px #000; }
  .site-title span { display:block; font-size:0.4em; line-height:1; text-transform:none; }
  
  .header-util nav {margin-top:0.5em; }
    .header-util nav a,
    .header-util nav a:hover { color:#FFF; text-shadow:none; box-shadow:none;}
  
  .elevator { padding:2rem 0; color:#fff; font-style:italic; text-align:left; max-width:75%; }
  
  .nav-skip { background:#024; top:1.25em; box-shadow:none; } 
  
  .nav-top { text-align:left; }
  .nav-top li { font-size:1.250rem; }
    .nav-top li:last-child a { padding-right:0; }
  .nav-top li a { text-align:left; }
  .nav-top li.active a, 
  .nav-top li a:hover { background:none; box-shadow:none; }
  
  .breadcrumbs { margin:0; }
  main { padding-top:0.9375rem; padding-bottom:0.9375rem; }
  
  .home-secondary .columns > h2 { border-bottom:none; }
  
  .page-title { border-bottom:none; }
  .people .page-title { margin-bottom:0; }
  
  .nav-site ul a { font-size:1.125em; line-height:1.325em; }
  .nav-site ul ul li a { font-size:1em; }
  .nav-site ul ul > .active > a { background:none; }
  
  .home-news { display:flex; flex-flow:column; }
  .btn-univ-requ { font-family:Georgia,Times,serif; order:99; display:block; font-size:1.75em; margin-bottom:2rem; white-space:normal; box-shadow:none; position:relative; }
    .btn-univ-requ:hover,
    .btn-univ-requ:active { box-shadow:none; top:0; }
    .btn-univ-requ::after { content:''; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background: linear-gradient(to bottom, rgba(0,0,0,0.2) 40%,rgba(12,35,64,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#0c2340',GradientType=0 ); z-index:1; }
    .btn-univ-requ span { position:relative; z-index:2; }
 
   /* Home
  ----------------------------------------------------*/
  .home-feature {margin-bottom:2em; text-align:center;}
    .feature-image {overflow:hidden; text-align:center;}
      .feature-image p,
      .feature-image img {margin:0 auto;}
  .home-features, .home-callout { margin-bottom:2em; }
    .home-feature-item { margin-bottom:2rem; }
    .feature-title { margin-top:0.25em; }
 
  
  article { border-bottom:1px solid #444; margin-bottom:2em; padding-bottom:2em; }
  .news-single article, .news-events article, .events-single article { border-bottom:none; padding-bottom:0; }
  .additional-links li { margin-right:0.5em; }
  
  .pagination span,
  .pagination a { margin-right:0.75em;}
  .pagination .previous_page,
  .pagination .next_page { background:#024; padding:0.725em 1em; color:#FFF; }
  .pagination .disabled { opacity:0.5;}
  
  .meta-item { }
  .events .vevent { margin:0 0 2rem; }
  .entry-image { position:relative; }
    .entry-image a { display:block; overflow:hidden; }
    .entry-image a img { transition:0.35s ease-in-out; }
    .entry-image a:hover img { -webkit-transform:scale(1.025); transform:scale(1.025); }
    
  .vevent .meta-item { border:1px solid #444; color:#444; padding:0.5rem; font-size:1.125em; margin:0.25rem 0.5em 0 0; }
    .vevent .meta-item > * { text-decoration:none; }
    
  .course-item a { display:block; position:relative; }
  .course-item a::after { content:''; display:block; position:absolute; top:0; left:0; right:0; opacity:0.85; bottom:0; background: linear-gradient(to bottom, rgba(0,0,0,0.2) 40%,rgba(12,35,64,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#0c2340',GradientType=0 ); z-index:2; transition:opacity 0.25s ease-in-out; }
  .course-item h3 { z-index:4; font-size:1.725em; }
  .course-item a { display:block; text-decoration:none; }
  .course-title { position:absolute; bottom:1rem; right:1rem; left:1rem; color:#fff; text-shadow:none; }
  
  .faculty-grid,
  .student-grid { flex-flow:row wrap; }
  .faculty-filter { border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:1em 0; }
  .faculty-area-filter { max-width:100%; margin:0; }
  .faculty-item,
  .student-item { border-bottom:1px solid #444; margin-bottom:2em; padding-bottom:1em; }
    .faculty-item a, .student-item a { display:block; overflow:hidden; }
    .faculty-item a img, .student-item a img { transition:0.35s ease-in-out; }
    .faculty-item a:hover img, .student-item a:hover img { -webkit-transform:scale(1.05); transform:scale(1.05); }
    .faculty-item h5, .student-item h5 { margin-top:0.75rem; }
    .faculty-item h5 a { color:#333; }
    .faculty-title { font-family: 'Lato', Helvetica, sans-serif; margin-top:0; margin-bottom:1em;}
    .faculty-member h2,
    .student-member h2 { margin-top:2rem; font-size:1.75em; }
  .footer-climate { background:#024; padding:1rem 0; }
  .climate-link, 
  .climate-link:visited { color:#fff; text-decoration:none; display:inline-block; }
  
  .home .footer-inner { border:0; box-shadow:none; }
  .footer-social { padding:1em 0; }
    .footer-social a { font-size:2em; display:inline-block; position:relative; margin:0.25rem; height:1.5rem; width:1.5rem; text-indent:-9999em; }
    .footer-social .icon { position:absolute; top:0; left:0; font-size:1.5rem; }
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  h1 { font-size:2.725rem; }
  h2 { font-size:2.525rem; font-weight:300; }
  h3 { font-size:2.125rem; font-style:normal; }
  h4 { font-size:1.875rem; font-weight:300; }
  h5 { font-size:1.325rem; text-transform:inherit; }
  h6 { font-size:1.250rem; }
  
  .site-title a { padding:1em 0 0.25em; }
  .header-util { top:2.5em; }
  .site-header { background-image:url(images/philosophy-internal-md.jpg); padding-bottom:18rem; }
    .home .site-header { background-image:url(images/philosophy-md.jpg); }
    .courses .site-header { background-image:url(images/courses-md.jpg); }
    .news .site-header { background-image:url(images/news-md.jpg); }
    .people .site-header { background-image:url(images/people-md.jpg); }
    .majors-minors .site-header {}
    .graduate-program .site-header { background-image:url(images/grad-md.jpg); }
    .about .site-header { background-image:url(images/about-md.jpg); }
    .news-events-noether .site-header { background-image:url(images/noether-header-md.jpg); }
    
  .nav-top { background:none; box-shadow:none; border:0; }
  .site-title { font-size:2.5em; }
  .breadcrumbs { text-align:right; }
  
  .bg-white { padding:1.2375rem; }
  .site-content { margin:-8em 0 0; position:relative; z-index:3; }

  /* Home */
  .elevator { padding:1.5em 0 4.25em; float:right; font-size:1.725rem; line-height:1.5em; max-width:65%; text-align:right; letter-spacing:0.05em; }
  .btn-univ-requ { order:0; padding:16rem 1rem 1rem; font-size:2em; background:url(images/university_requirements.jpg) 50% 50% / cover no-repeat; }
  .home-events { padding-right:1.875rem; }

  /* Courses */
  .course-item { width:calc(50% - 1rem); }
  
  /* People */
  .faculty-filter { border-top:none; border-bottom:none; padding:0; }
  .faculty-member h2,
  .student-member h2 { font-size:2em; }
  .faculty-item { border-bottom:0; margin-bottom:1em; padding-bottom:0;}
  .student-item { border-bottom:0; padding-bottom:0;}

  .faculty-header,
  .faculty-bio { width:60%; float:left; }
  .faculty-contact { width:40%; padding-left:1rem; float:right; }
  
  /* News/Events */
  .events .entry-image { width:calc(35% - 1.25em); margin-right:1.25em; min-width:calc(35% - 1em); }
  .news-index .entry-image { width:calc(40% - 1.25em); margin-right:1.25em; min-width:calc(40% - 1em); }
  .events .vevent,
  .news-index .hentry { display:flex; }
  .individual-event .vevent { display:block; }
  
  .featured-news-item .hentry { display:flex; }
  .featured-news-item .entry-image { width:55%; }
  .featured-news-item .entry-content { width:45%; padding:1rem 0 0 2rem; }
  
  /* Footer */
  .climate-link { float:right; }
    .climate-link:hover { color:#dcb439; }
  .footer-social { position:absolute; left:50%; padding:0; top:3.5rem; }
    .footer-social a { font-size:1.5em; }
}

/* 960px
----------------------------------------------------*/
@media only screen and (min-width:60em) {
    .brandbar li { margin: 0; }
    .dept-coal { display:block; }
    .elevator { padding:2.5em 0 5.25em; max-width:45%; font-size:2.125rem; line-height:1.5em; }
}

/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  .site-header { background-image:url(images/philosophy-internal-lg.jpg); }
    .home .site-header { background-image:url(images/philosophy-lg.jpg); }
    .courses .site-header { background-image:url(images/courses-lg.jpg); }
    .news .site-header { background-image:url(images/news-lg.jpg); }
    .people .site-header { background-image:url(images/people-lg.jpg); }
    .majors-minors .site-header {}
    .news-events-noether .site-header { background-image:url(images/noether-header-lg.jpg); }
    .graduate-program .site-header { background-image:url(images/grad-lg.jpg); }
    .about .site-header { background-image:url(images/about-lg.jpg); }
    .nav-top li:first-child a { padding-left: 0; }
}
  
/* Print 
----------------------------------------------------*/
@media print {
  .nav-top { display:none; }
  
  .home-secondary { flex-flow:row; } 
  .home-secondary > .medium-6 { max-width:50%; }
  .home-events > h2 { margin-top:0; } 
  .home-secondary > .medium-6 { max-width:50%; }
 
  .faculty-item,
  .student-item { max-width:33%; }
  .course-item { width:calc(50% - 1rem); }
  
  .featured-news-item .hentry { display:flex; }
  .featured-news-item .entry-image { width:55%; }
  .featured-news-item .entry-content { width:45%; padding:1rem 0 0 2rem; }
  .secondary-news-items { flex-flow:row; }
  .events-grid { flex-flow:row wrap; } 
  .events-item { max-width:33%; }
}