@import url(https://fonts.googleapis.com/css?family=Bree+Serif|Open+Sans:400,700&subset=latin-ext);
  
  ::selection {
    background: #c0d437; /* WebKit/Blink Browsers */
  }
  ::-moz-selection {
    background: #c0d437; /* Gecko Browsers */
  }
  
  a, a:visited{
    color:black;
  }
  
  a::selection {
    color:black;
  }
  
  h1 {
    display: block;
    font-family: 'Bree Serif', serif;
    font-size: 17px;
    background-color: white;
    line-height: 30px;
    padding-left: 10px;
    border: 6px solid #812991;
  }
  
  h2 {
    display: block;
    font-family: 'Bree Serif', serif;
    font-size: 17px;
    background-color: rgba(236, 0, 140, 0.50);
    line-height: 19px;
  }
  
  body {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 17px;
    background-color: #f0ebef;
  }
  
  pre {
    font-family: 'Open Sans', sans-serif;
    font-style: italic;
  }
  
  a[href^="http://"],
  a[href^="https://"] {
  background: url(external.png) center right no-repeat;
  padding-right: 12px;
  }
  
  
  a, .abo-op, .pred-op, .rasp-op, .pod-op, h1, h2{
    cursor: pointer;
  }
  
  .pred, .rasp, .abo, .pod, .vid, .work, .opencall, .talks, .irlpres, .online, .impress {
    display:none;
  }
  
  img {
    float: left;
    width: auto;
    height:auto;
    max-width: 40%;
    margin-right: 7px;
    border: solid 6px #812991;
  }
  .ui-state-focus:focus { 
    outline:none !important; 
  }
  
  #lang {
    display: inline-block;
    background-color: transparent;
    float:right;
    height: 20px;
    width: 55px;
    padding: 5px;
    font-weight: bolder;
    margin-top: 6px;
    border-right: 6px solid #EC1650;
  }
  
  
  .pod img {
    max-width: 95%;
    height: auto!important;
    margin-top: 5px;
  }
  
  .rasp>h1 {
    cursor: default;
  }
  .small {
    font-size: 10pt;
  }

  .first {
    background-image: url(img/faki-pre.svg);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    margin: -5px;
    margin-left: 2px;
    }
  
  .wip {
    background-image: url(img/faki-wip.svg);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    margin: -5px;
    margin-left: 2px;
  }

  .xxx {
    background-image: url(img/faki-18.svg);
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    background-size: contain;
    position: absolute;
    margin: -5px;
    margin-left: 2px;
 
  }

  .legonline {
    background-color: rgba(154,205,50 ,0.3 );
  }

  .remote {
    background-color:rgba(255,99,71 ,0.3 );
  }

  .inperson {
    background-color: rgba(255,255,255 ,1.0 );
  }

  .offsite {
    background-color: rgba(129,41,145, 0.3) ;
  }

  blockquote {
    margin: 10px;
  }

  .minibreak {
    display: block;
    margin-top: 10px;
}

.faki25-open {
  cursor:pointer;
}

@media all and (max-width: 550px) {

  .log {
    display:none;
  }
  
  }

hr {
    border: none;
}

body, html {width: 100%; height: 100%; margin: 0; padding: 0}
.row-container {display: table; empty-cells: show; border-collapse: collapse; width: 100%; height: 100%;}
.first-row {display: table-row; overflow: auto;}
.second-row {display: table-row; height: 100%; overflow: hidden }
.second-row iframe {width: 100%; height: 100vh; border: none; margin: 0; padding: 0; display: block;}