/* Arts & Letter Template over-ride
   Launched: 2018-10-31
   Author: Aaron Greene, Shawn Maust

   Colors:
   blue: #00477f
   black: #231f20
   gray: #0c2340
   red: #b82f35
   gold: #f6cb54

   ----------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Libre+Franklin');
body { font:1em/1.5em "Libre Franklin",  "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
h1,h2,h3,h4,h5,h6 {color:#00477f; font-family:"Adobe Garamond", Garamond, serif; line-height:1.15em; }
  h2 {color:#00477f;}
  h4, h5 {color:#b82f35;}
  h4, h5, h6 {font-family: "Libre Franklin",  "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
.nav-inline ul {display:flex;}
  .nav-inline a {display:block; padding:0.5rem;}
.additional-links { margin-bottom:2em; }

@media screen {
  html { background:#f6f6f6; }
  h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin:0.25em 0 0.5em; }
  a { color:#b82f35; }
  a:visited, a:hover { color:#7a1115; }
  .breadcrumbs a:visited { color:#7a1115; }
  
  .btn, .more, .excerpt_continuation { border-radius:0; box-shadow:none; font-family: "Libre Franklin",  "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; text-transform:uppercase; font-size:0.8em; padding:1em; background-color:#00477f; }
    .btn:hover, .more:hover, .excerpt_continuation:hover,
    .btn:active, .more:active, .excerpt_continuation:active { top:0; box-shadow:none; background-color:#B82F35; }
    .btn-gold, .btn-subtle { color: #333; background-color: #eec442; }
    .btn-gold .icon, .btn-subtle .icon { fill:#333; }
    .btn-gold:hover, .btn-gold:active { background-color:#00477f; }
    .btn-gold:hover .icon, .btn-subtle:hover .icon, .btn-gold:active .icon, .btn-subtle:active .icon { fill:#eec442; }
    .btn-red { color:#fff; background-color:#B82F35; }
    .btn-red .icon { fill:#333; }
    .btn-red:hover { background-color:#cd6e72; }
    .btn[href$=".pdf"] { background-color:#00477f; background-position-x:0.5rem; padding:1rem 1rem 1rem 2rem; }
    .btn[href$=".pdf"]:hover { background-color:#B82F35; }
    
  .site-header { padding-bottom:0; background:#0c2340; }
  .nav-top-true .site-header::after { content:''; display:block; position:static; background-position: center center; background-size: cover; opacity:1; height:24vw; background-image:url(images/polisci-home-sm.jpg); }
    .people .site-header::after { background-image:url(images/polisci-people-sm.jpg); }
    .about .site-header::after { background-image:url(images/polisci-about-sm.jpg); }
    .graduate-program .site-header::after { background-image:url(images/polisci-graduate-sm.jpg); }
    .graduate-program-american-politics .site-header::after { background-image:url(images/polisci-home-sm.jpg); }
    .graduate-program-comparative-politics .site-header::after { background-image:url(images/polisci-comparative-sm.jpg); }
    .graduate-program-constitutional-studies .site-header::after { background-image:url(images/polisci-constitutional-sm.jpg); }
    .graduate-program-political-theory .site-header::after { background-image:url(images/polisci-theory-sm.jpg); }
    .graduate-program-international-relations .site-header::after { background-image:url(images/polisci-international-sm.jpg); }
    .undergraduate-program .site-header::after { background-image:url(images/polisci-undergrad-sm.jpg); }
    .news-and-events .site-header::after,
    .faculty-record .site-header::after,
    .graduate-record .site-header::after,
    .news .site-header::after,
    .events .site-header::after { background-image:url(images/polisci-default-sm.jpg); }
    
  .dept { display:none; }  
    
  .site-content { overflow:hidden; }
  .site-footer { background-color:transparent; border-top:2px solid #b82f35; }
  .alpha { margin-top:0; border:none; background-color:transparent; }
  
  /* Home */
  .home-primary { padding:1em; margin:0; text-align:center; line-height:1.5; font-size:1.2em; }
  
  .home-section { padding:2rem 0; }
  .home-features { margin-bottom:1em; }
  .home-feature-item { width:100%; margin-bottom:0; }
  .feature-image { margin-bottom:1em; }
  .feature-item-link { text-decoration:none; display:block; }
  
  .home-events { position:relative; }
  .home-events::after { content:''; display:block; position:absolute; top:0; bottom:0; left:-100vw; right:-100vw; background:#dadada; z-index:-2; }
  .home-events-background { content:''; display:block; position:absolute; top:0; bottom:0; left:-100vw; right:-100vw; background:url(images/polisci-home-events-overlay.png); background-size:cover; background-attachment:fixed; opacity:0.5; z-index:-1; }
  .home-events article {}
  .home-events .description {display:none;}

  .home-news .entry-image {width:auto; padding:0; margin-bottom:1rem; }
  
  .home-programs { padding:2rem; position:relative; }
    .home-programs::before { content:''; display:block; z-index:-1; background:url(images/polisci-home-programs-overlay.png) center center no-repeat; position:absolute; top:0; bottom:0; left:0; right:0; background-size:cover; }
    .home-programs::after { content:''; display:block; z-index:-2; background:url(images/polisci-home-programs-sm.jpg) center center no-repeat #f6cb54; background-attachment:fixed; background-size:cover; position:absolute; top:0; bottom:0; left:0; right:0; }
  .list-programs {display:flex; flex-flow:row wrap; justify-content:space-between; width:100%; margin:0; padding:0; list-style:none; font-size:1.325rem; align-items:center; position:relative; z-index:2; }
    .list-programs li {margin:0 0 2rem; position:relative; width:100%; }
    .list-programs li::after { z-index:-1; position:absolute; content:''; display:block; background:#fff; width:100%; height:4em; top:calc(50% - 2em); transition:all 0.125s ease-in-out; }
    .list-programs li:hover::after { -webkit-transform:scale(1.1); transform:scale(1.1); }
    .list-programs a {display:block; width:100%; height:100%; padding:2rem; color:#00477f; text-align:center; text-decoration:none; }
    
  .home .site-content { padding-bottom:0;}
  
  /* Programs */
  .program-listing a { text-align:center; padding:4em 2em; height:calc(100% - 1rem); background:#00477F; font-size:1.05em; white-space:normal; font-weight:600; }
  .program-listing a::before { content:''; display:block; width: 0; height: 0; border-bottom: 7em solid rgba(255,255,255,0.1); border-left: 7em solid transparent; position:absolute; bottom:0; right:0; }
  .program-listing a::after { content:''; display:block; width: 0; height: 0; border-top: 7em solid rgba(255,255,255,0.1); border-left: 7em solid transparent; position:absolute; top:0; right:0; }
  .program-landing .study-sidebar { display:none; }
  .study-sidebar { margin-top:2rem; }
  
  /* Faculty */
  .faculty-nav li { border-right:1px solid #ccc; margin-right:1rem; padding-right:1rem; }
    .faculty-nav li:last-child { margin-right:0; padding-right:0; border-right:0; }
    .faculty-nav li a:hover { text-decoration:underline; }
  .faculty-link { margin:1rem 0; }
  .faculty-list { display:flex; flex-flow:row wrap; margin-top:1.865rem; }
  .faculty-item { margin-bottom:2.5rem; width:100%;}
    .faculty-item.hidden { display:none; }
  .faculty-item-image { position:relative; margin:0 0 1rem; }
  .faculty-item-image a { display:block; }
  .faculty-item-name { margin-top:0 !important; margin-bottom:0.5rem !important; font-size:1.75em; }
    .faculty-item-name a { color:#00477f; }
  .faculty-item-title { font-family: "Libre Franklin",  "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1.125rem; font-weight:600; margin-bottom:0.5rem; }

  .no-js .filters-disciplines { display:none; }
  .faculty-form-input { padding:1rem; width:100%; border:1px solid #ccc; }
  .filters-disciplines ul { list-style:none; padding:0; margin:0; display:flex; flex-flow:row wrap; }
  .filters-disciplines .filter-item { cursor:pointer; padding:0.5rem 1rem; margin:0 0.5rem 0.5rem 0; border:1px solid #ccc;  }
    .filters-disciplines .filter-item::before { content:'\2610'; display:inline-block; font-size:1.5em; margin-right:0.25em; }
  .filters-disciplines .active { background:#333; color:#fff; }
    .filters-disciplines .active::before { content:'\2611 '; }
    
  /* Careers */
  .outcomes-grid li { padding:0.5em 1em; }
  
  /* Students */
  .student-link { margin:1rem 0; }
  .student-list { display:flex; flex-flow:row wrap; margin-top:1.865rem; }
  .student-item { margin-bottom:2.5rem; width:100%;}
    .student-item.hidden { display:none; }
  .student-item-image { position:relative; margin:0 0 1rem; }
  .student-item-image a { display:block; }
  .student-item-name { margin-top:0; margin-bottom:0.5rem; }
  .student-item-fields { font-family: "Libre Franklin",  "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size:1.125rem; font-weight:600; margin-bottom:0.5rem; }
  
  /* Theme */
  .brandbar { background:#fff; }
    .brandbar a { background-size:auto 50px; }
    .dept-nd a { background-image:url('https://static.nd.edu/images/brandbar/dept-nd-gray@2x.png'); }
    .dept-coal a { background-image:url('https://static.nd.edu/images/brandbar/dept-coal-gray@2x.png'); }
  .site-title { min-height:auto; font-family:"Adobe Garamond", Garamond, serif; }
  
  .nav-site { border:none; }
    .nav-site::before { content:''; display:block; width: 0; height: 0; border-bottom: 9em solid rgba(255,255,255,0.1); border-right: 9em solid transparent; position:absolute; bottom:0; left:0; }
    .nav-site > div { position:relative; z-index:2; }
  .nav-site ul > .active > a { border-bottom:none; }
  .nav-site ul a { font-size:1.125em; }
  
  .nav-top { border:none; box-shadow:none; background:none; }
    .nav-top ul { display:flex; background:#fff; }
    .nav-top li { font-family:"Adobe Garamond", Garamond, serif; }
    .nav-top li a { color:#0c2340; text-shadow:none; font-size:1.125rem; }
    .nav-top li.active a,
    .nav-top li a:hover { box-shadow:none; color:#7a1115; border-color:#7a1115;  }

  .search-form {background:#fff;}
  .search-input { color:#333; }

  /* News and Events */
  article { margin-bottom:3em;}
  .entry-title { font-family:"Adobe Garamond", Garamond, serif; }
    .entry-title a { color:#00477f; }
  .event-date, .pubdate { font-family:"Adobe Garamond", Garamond, serif; font-style:italic; margin-bottom:0.25rem; color:#666; }
  .meta-item b, .posted-in { color:#333; }
  .vevent {display:flex; padding-left:0; }
  .event-dateshort {width:5rem; margin-right:1.5rem;}
    .dateinfo {padding:0.75rem; color:#fff; text-align:center; text-transform:uppercase; background:#231f20; font-family: "Libre Franklin",  "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
    .datemonth {display:block;}
    .dateday {font-size:2rem;}
  .event-content {display:inline-block;}
  .article-more { display:none; }
  .vevent .entry-title { font-size:2rem; }
  .entry-image { float:left; }
}

/* 700px
----------------------------------------------------*/
@media only screen and (min-width:43.75em) {
  .dept { display:block; }
  .beta { padding-right:2em; }
  .titlebar:before { display:none; }
  .nav-top-true .site-header::after { height:24vw; margin-top:-1.5em; background-image:url(images/polisci-home-md.jpg); }
    .people .site-header::after { background-image:url(images/polisci-people-md.jpg); }
    .about .site-header::after { background-image:url(images/polisci-about-md.jpg); }
    .graduate-program .site-header::after { background-image:url(images/polisci-graduate-md.jpg); }
    .graduate-program-american-politics .site-header::after { background-image:url(images/polisci-home-md.jpg); }
    .graduate-program-comparative-politics .site-header::after { background-image:url(images/polisci-comparative-md.jpg); }
    .graduate-program-constitutional-studies .site-header::after { background-image:url(images/polisci-constitutional-md.jpg); }
    .graduate-program-political-theory .site-header::after { background-image:url(images/polisci-theory-md.jpg); }
    .graduate-program-international-relations .site-header::after { background-image:url(images/polisci-international-md.jpg); }
    .undergraduate-program .site-header::after { background-image:url(images/polisci-undergrad-md.jpg); }
    .news-and-events .site-header::after,
    .faculty-record .site-header::after,
    .graduate-record .site-header::after,
    .news .site-header::after,
    .events .site-header::after { background-image:url(images/polisci-default-md.jpg); padding-bottom:4em; }
    
  .header-util {top:1.5rem;}
  .search-form { padding:0.25rem; }
  .search-button {color:#0c2340;}
  .search-input { font-size:0.9em; }
  .home-primary { padding:2em 3em; font-size:1.5em; }
  .home-feature-item { width:33%; padding-right:1rem; display:inline-flex; flex-flow:column; }
  .feature-more { margin-top:auto; }
  .nav-top { margin-top:0.5rem; }
  .nav-site { margin-top:0; background:#00477F; padding:1.25em; }
  .home .book-item { width:100%; margin-bottom:2rem; }
  .home .book-item-details { width:67%; }
  .home .book-item-image { width:33.3%; padding-right:1rem; }

  /* Home */
  .home.nav-top-true .alpha, .full-width.nav-top-true .alpha, .home-programs > .row > .column { max-width:90%; margin:0 auto; }
  .home-section { padding:3rem 0; }
  
  .home-articles-listing,
  .home-news-listing {display:flex; flex-flow:row wrap; justify-content:space-between;}

  .home-events article {width:49%;}
  
  .home-features { display:flex; flex-flow:row wrap; margin-right:-1rem;}
  .home-feature-item { padding-right:1rem; margin-bottom:2em; }
  
  .home-news {}
  .home-news article {width:32%;}
  
  .home-programs { padding:4rem 0; }
  .home-programs::after { background-image:url(images/polisci-home-programs-md.jpg);}
    .list-programs li {width:48%;}
  .news-and-events .hentry {display:flex;}
    .news-and-events .entry-image {}
    .news-and-events .entry-content {}
  .home-news .hentry.has-image .entry-content { width:auto; }
  
  /* News / Events */
  .vevent { flex-flow:row wrap; }
  .event-content { width:calc(100% - 6.5rem); }
  
  /* Faculty */
  .faculty-list {display:flex; flex-flow:row wrap; justify-content:space-between;}
    .faculty-item {display:flex; width:49%; justify-content:space-between; margin-bottom:1.865rem; }
      .faculty-item-image {width:40%; margin:0 0 1.865rem; }
      .faculty-item-content {width:calc(60% - 1.25rem);}
  
  .faculty-details { width:33%; float:right; clear:right; margin-top:1rem; }
  .faculty-content { width:67%; padding-right:1rem; float:left; }

  /* Students */
  .student-list { margin:2 -1rem 0 0; width:calc(100% + 1rem);}
  .student-item { width:33.33%; padding-right:1rem;}
  .student-image.pull { width:33%; float:right; }
  .student-image + .student-details { width:67%; padding-right:1rem; float:left; }
  .student-details + .student-link { width:33%; float:right; clear:right; margin-top:1rem; }

  /* Careers */
  .outcomes-section.has-icon .outcomes-grid { padding-left:5em; }
  
  /* News & Events */
  article { margin-bottom:4rem; }
}

/* 1024px
----------------------------------------------------*/
@media only screen and (min-width:64em) {
  .faculty-item {}
  .list-programs li {width:23%; margin:0; }
}

/* 1200px
----------------------------------------------------*/
@media only screen and (min-width:75em) {
  .nav-top-true .site-header::after { background-image:url(images/polisci-home-lg.jpg); }
    .people .site-header::after { background-image:url(images/polisci-people-lg.jpg); }
    .about .site-header::after { background-image:url(images/polisci-about-lg.jpg); }
    .graduate-program .site-header::after { background-image:url(images/polisci-graduate-lg.jpg); }
    .graduate-program-american-politics .site-header::after { background-image:url(images/polisci-home-lg.jpg); }
    .graduate-program-comparative-politics .site-header::after { background-image:url(images/polisci-comparative-lg.jpg); }
    .graduate-program-constitutional-studies .site-header::after { background-image:url(images/polisci-constitutional-lg.jpg); }
    .graduate-program-political-theory .site-header::after { background-image:url(images/polisci-theory-lg.jpg); }
    .graduate-program-international-relations .site-header::after { background-image:url(images/polisci-international-lg.jpg); }
    .undergraduate-program .site-header::after { background-image:url(images/polisci-undergrad-lg.jpg); }
    .news-and-events .site-header::after,
    .faculty-record .site-header::after,
    .graduate-record .site-header::after,
    .news .site-header::after,
    .events .site-header::after { background-image:url(images/polisci-default-lg.jpg); padding-bottom:4em; height:0; }
    
  .home-programs::after { background-image:url(images/polisci-home-programs-lg.jpg);}
  .home-section { padding:4rem 0; }
}


/* Print
----------------------------------------------------*/
@media print {
  .nav-top { display:none; }

  .home-feature-item { width:33%; }
  .home-secondary { flex-flow:row wrap; }
  .home-secondary .medium-6 { width:50%; }

  /* Faculty */
  .filters-disciplines { display:none; }
  .faculty-list { display:flex; flex-flow:row wrap; width:calc(100% + 1rem); }
  .faculty-item { width:25%; padding-right:1rem;}
}