/**
* Boostrap ressources :
*
* http://getbootstrap.com/css/
*
* Themes :
*
* Clear and uptodate summary of classes, sizes ect ..
* http://responsive.vermilion.com/compare.php?framework=bootstrap
*
* Uptodate list of bugs on different browsers/os
* http://getbootstrap.com/browser-bugs/
*
*/
@CHARSET "UTF-8";
@-ms-viewport {
  width: device-width
}
html, body {
  font-size: 100%;
}
body {
 position: relative;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale; /* Firefox 25*/
}
h2.page-title {
 margin-bottom: 1em;
 font-size: 2.5em;
 white-space: nowrap;
}
p.position {
 font-size:1.1em;
 font-weight:bold;
 margin-bottom:0;
}
img.portrait {
 max-width: 250px;
}
p {
 margin-top: 0.8em !important;
}
p.intro {
 font-size:large;
}
p.spacy {
 line-height: 1.7em;
 margin: 1em;
}
/** No margin on some lists **/
ul.bio, ul.talks, ul.teaching { 
  padding-inline-start: 0;
}
/* Video */
div.youtube-video-item span.title {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
}
div.youtube-video-item span.desc {
    display: block;
    font-size: 1.1em;
    margin-bottom:1em;
}
/* PDF embeded */
div.pdf-item span.title {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
}
div.pdf-item span.desc {
    display: block;
    font-size: 1.1em;
    margin-bottom:1em;
}

/* Document */
div.document-item a.title {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
}
div.document-item span.desc {
    display: block;
    font-size: 1.1em;
    margin-bottom:1em;
}
/* Text */
div.text-item span.title {
    display: block;
    font-size: 1.2em;
    font-weight: bold;
}
div.text-item span.desc {
    display: block;
    font-size: 1.1em;
    margin-bottom:1em;
}
/* Related docs */
h5.related-doc {
 font-size: large;
}
a.related-doc {
 display: list-item;
 margin-left: 2em;
 text-decoration: underline;
}
/* Tab contents */
.tab-content {
 padding: 2em 0;
 /*border: 1px solid #ddd*/;
 border-top: 0;
 border-bottom-right-radius: 4px;
 border-bottom-left-radius: 4px;
}
ul.media-list a {
 color:#212529;
}
/* Publications */
ul.publications a.title {
 display:block;
 font-size:1.2em;
 font-style:italic;
 color:rgb(49, 92, 192);
}
ul.publications span.authors {
}
ul.publications span.ref {
 font-weight:bold;
}

ul.publications li {
    margin: 10px 0;
}

/* EMBEDED PDF and Videos size depending on screen size */
/* Respecting the breakpoints of bootstrap */
/* xs default */
div.pdf-item embed {
 margin: 1em 0;
 padding: 0;
 min-width:350px;
 width:100%;
 min-height:500px;
 height:auto;
}
div.youtube-video-item iframe {
 margin: 1em 0;
 padding: 0;
 min-width:350px;
 width:100%;
 min-height:250px;
 height:auto;
}
/* sm */
@media (min-width: 576px) { 
 div.pdf-item embed { 
  min-width:560px;
  min-height:750px;
 }
 div.youtube-video-item iframe {
  min-width:560px;
  min-height:315px;
 }
}
/* md */
@media (min-width: 768px) { 
 div.pdf-item embed { 
  min-width:720px;
  min-height:900px;
 }
 div.youtube-video-item iframe {
  min-width:750px;
  min-height:422px;
 }
}
/* lg */
@media (min-width: 992px) { 
 div.pdf-item embed { 
   min-width:960px;
   min-height:1120px;
 }
 div.youtube-video-item iframe {
  min-width:960px;
  min-height:540px;
 }

}
/* xl */
@media (min-width: 1200px) { 
 div.embeded-pdf embed { 
  min-width:1150px;
   min-height:1250px;
 }
 div.youtube-video-item iframe {
  min-width:960px;
  min-height:540px;
 }
}
/* Blackboard background for the jumbotron. stolen from Hugo :)*/
.jumbotron { 
 background-image: url(../images/tableau_noir.jpg);
 background-size: cover;
 background-attachment: fixed;
 background-position-x: center;
 /* Inside jumbotron text in white a bit larger than elsewhere */
 color:white;
 font-size: 1.1em;
}
/* Links color in jumbotron */
.jumbotron a {
 color:#d0e4f9;
}
/* increase picture margin top on small screen to avoid collision with title */
@media (max-width: 992px) {
 img.portrait {
  margin-top: 4em;
 }
}
/* On very small devices */
@media (max-width: 750px) {
 img.portrait {
  display:block;
  float: none !important;
  margin:auto;
  margin-top: 5em;
  margin-bottom: 1em;
 }
 h2.page-title {
  white-space: normal;
  text-align:center;
  font-size:2em;
  position: absolute;
  top: 0.5em;
 }
}
/* Navigation TABS */

/* NON active links grey color ( lighter than default active color ) */
.nav-link {
 color: #777;
}
/* ON very small screen reduce margin / padding to fit on 1 line */
@media (max-width:450px) {
 .nav-link{ 
  padding: .5rem;
 }
}
/* On medium and higher use big fonts */
@media(min-width:751px) {
 .nav-link{
  font-weight:bold;
  font-size: 1.2rem; 
 }
}