/**
 * Theme made for julijborstnik.eu
 *
 * @author  Uroš Gustinčič
 */

@font-face {
  font-family: 'Tahoma';
  src: url('../font/tahoma.ttf');
}

@font-face {
  font-family: 'Tahoma bold';
  src: url('../font/tahomabd.ttf');
}

/* monospace font za kodo */
@font-face {
  font-family: 'Droid Sans Mono';
  src: url('../font/DroidSansMono-Regular.ttf');
}

body {
font-family: 'Tahoma', sans-serif;
}

p {margin-bottom: 0.5rem;} /* popravi spacing med paragrafi */

/* spremeni default font size za headinge */
.h1, h1 {font-size: 1.75rem;} /* default je 2.5rem */
.h2, h2 {font-size: 1.6rem;} /* default je 2rem */
.h3, h3 {font-size: 1.45rem;} /* default je 1.75rem */
.h4, h4 {font-size: 1.3rem;} /* default je 1.5rem */
.h5, h5 {font-size: 1.15rem;} /* default je 1.25rem */
/* .h6, h6 {font-size: 1rem;}*/ /* default je 1rem */

#domov-home-button {
  width: 1.3rem;
}

#en-sl-button {
  border: 1px solid #575759;
  height: 1.31rem;
  margin-top: 0.56rem;
}
#en-sl-button-a {
  margin-top:-0.63rem; margin-left:-0.31rem; margin-right:-0.19rem;
}

.belo_prosojno_ozadje {
  /* belo (prosojno) ozadje */
  background: rgb(255,255,255); /* Fallback for web browsers that dont support RGBa */
  background:rgba(255,255,255,0.7); 
}

.navadenfont {
  font-family: 'Tahoma';
}
.boldfont {
  font-family: 'Tahoma bold';
}

#podstran_title {
  font-family: 'Tahoma bold';
}

#juli-kontakt {
  font-family: 'Tahoma bold';
}
#social-gumbi {
  height: 45px;
}

.cv_ref a {color: #d28d0d;}

/* Kazalo (za navodila) */
#kazalo {display: inline-block; color: green; border: 1px solid green;}
#kazalo_napis {font-size: 1.6rem; margin: 2px 5px 2px 5px;}
#kazalo_horizontalna_crta {border-style: none none solid none; border-width: 5px;}
#kazalo_vsebina {margin: 2px 5px 2px 5px;}
#kazalo_vsebina hr {margin-top: 0rem; margin-bottom: 0rem;}
.nazaj_na_kazalo {font-size: 1rem; float: right;}
.nazaj_na_kazalo a {color: green;}


/* Bootstrap Media Query */
  /*Extra small devices - default*/

    /* default style napišeš točno tule */
  .menu-font {
    font-size: 0.73rem;
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 0.8rem;
  }
  #domov-home-button { width: 1rem; }
  #en-sl-button { margin-top: 0.3rem; }
  #en-sl-button-a { margin-top:-0.34rem; }
  .pravokotnicek {
    max-width: 100%;
  }
  .video_pravokotnicek {
    width: 70vw;
  }
}
  .BIO_levi {width: 100%;}
  .BIO_desni {width: 100%;}

  /*sm devices*/
@media (min-width: 576px) {
  .menu-font {
    font-size: 0.95rem;
    margin-bottom: .5rem;
    font-weight: 700;
    line-height: 1.15;
  }
  #en-sl-button { margin-top: 0.45rem; }
  #en-sl-button-a { margin-top:-0.49rem; }
  #domov-home-button { width: 1.1rem; }
  .pravokotnicek {
    width: 250px;
  }
  .blok_slikic_kvadratek {
    width: 150px;
  }
  .video_pravokotnicek {
    width: 220px;
  }
}

  /*md devices*/
@media (min-width: 768px) {
  .menu-font {
    font-size: 0.73rem;
    font-weight: 700;
    line-height: 0.73rem;
  }
  #en-sl-button { margin-top: 0.25rem; }
  #en-sl-button-a { margin-top:-0.3rem; }
  #domov-home-button { width: 0.9rem; }
  .pravokotnicek {
    width: 320px;
  }
  .blok_slikic_kvadratek {
    width: 150px;
  }
  .video_pravokotnicek {
    width: 310px;
  }
  .BIO_levi {width: 75%;}
  .BIO_desni {width: 25%;}
}

  /*lg devices*/
@media (min-width: 992px) {
  .menu-font {
    font-size: 1.12rem;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
  }
  #en-sl-button { margin-top: 0.56rem; }
  #en-sl-button-a { margin-top:-0.63rem; }
  #domov-home-button { width: 1.3rem; }
  .pravokotnicek {
    width: 280px;
  }
  .blok_slikic_kvadratek {
    width: 160px;
  }
  .video_pravokotnicek {
    width: 280px;
  }
}

  /*xl devices*/
@media (min-width: 1200px) {
  .menu-font {
    font-size: 0.98rem;
    margin-bottom: .5rem;
    font-weight: 600;
    line-height: 1.2;
  }
  .pravokotnicek {
    /*width: 320px;*/
    width: 290px;
  }
  .blok_slikic_kvadratek {
    width: 190px;
  }
  .video_pravokotnicek {
    width: 340px;
  }
}

  /*dodatno - mal več kot xl devices (zaradi menuja, ki je širši)*/
@media (min-width: 1280px) {
  .menu-font {
    font-size: 1.15rem;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
  }
}
/* KONC Bootstrap Media Query*/

/* PopupKvadratki Media Query */
  /*Extra small devices - default*/

    /* default style napišeš točno tule */
  #BasicBrics_popup {
    font-size: 1rem;
    padding-top: 1.5%;
  }
  #TheFutureOfWork_popup {
    font-size: 1rem;
    padding-top: 3%;
  }
  #PhaseTransitions_popup {
    font-size: 1rem;
    padding-top: 5%;
  }
  #NatureAndMe_popup {
    font-size: 1rem;
    padding-top: 10%;
  }
  #Teaching_popup {
    max-width: 50vw;
    margin-left: 25vw;
    font-size: 1rem;
    line-height: 1.2rem;
    padding-top: 12%;
  }
  #ThreeDAnd_popup {
    font-size: 1rem;
    padding-top: 10%;
  }
  #WithOthers_popup {
    font-size: 1rem;
    line-height: 1.2rem;
    padding-top: 10%;
  }
  #BIO_popup {
    font-size: 1rem;
    line-height: 1.2rem;
    padding-top: 20%;
  }

  /*sm devices*/
@media (min-width: 576px) {
  #Teaching_popup {
    max-width: 80vw;
    margin-left: 20vw;
  }
}

  /*md devices*/ /* telefon - zaslon horizontalno */
@media (min-width: 768px) {
  #Teaching_popup {
    max-width: 90vw;
    margin-left: 0;
  }

}

  /*lg devices*/
@media (min-width: 992px) {
  #BasicBrics_popup {
    font-size: 1.3rem;
  }
  #TheFutureOfWork_popup {
    font-size: 1.3rem;
  }
  #PhaseTransitions_popup {
    font-size: 1.3rem;
  }
  #NatureAndMe_popup {
    font-size: 1.3rem;
  }
  #Teaching_popup {
    font-size: 1.3rem;
  }
  .Teaching_popup_tekst {
    min-height: 3.4rem;
  }
  #ThreeDAnd_popup {
    font-size: 1.3rem;
  }
  #WithOthers_popup {
    font-size: 1.3rem;
  }
  #BIO_popup {
    font-size: 1.3rem;
  }
}

  /*xl devices*/
@media (min-width: 1200px) {
}

  /*dodatno - mal več kot xl devices (zaradi menuja, ki je širši)*/
@media (min-width: 1280px) {

}
/* KONC PopupKvadratki Media Query */

/* MARKDOWN RAZNI STYLI */

  /* TABLES */
  table td, table th {
    padding: .3rem;
    vertical-align: top;
  }
  /* TABLE STYLI - ORIGINAL */
  /*table { border-spacing: 0; }
  td, th {
      padding: 0.4rem 1rem;
      vertical-align: top;
  }
  th {
      font-weight: bold;
      text-align: center;
      background: #f5f5f5;
      color: #333;
  }
  td, th {                                         border: 1px solid #ccc; }
  tr:not(:last-child) td, tr:not(:last-child) th { border-bottom: 0 none; }
  thead tr:last-child th {                         border-bottom: 0 none; }
  td:not(:last-child), th:not(:last-child) {       border-right: 0 none; }
  tr:first-child td:first-child, tr:first-child th:first-child { border-top-left-radius: 0.3rem; }
  tr:first-child td:last-child, tr:first-child th:last-child {   border-top-right-radius: 0.3rem; }
  tbody tr:last-child td:first-child {                           border-bottom-left-radius: 0.3rem; }
  tbody tr:last-child td:last-child {                            border-bottom-right-radius: 0.3rem; }
  table thead + tbody tr:first-child td {                        border-radius: 0 !important; }
  .table-responsive { overflow-x: auto; }
  .table-responsive > table { margin-bottom: 0; }
  */
  /* KONC TABLE STYLI - ORIGINAL */

  /* definitions list */
  dd { margin-left: 2rem; }

  /* BLOCKQUOTE */
  blockquote {
      font-style: italic;
      margin-left: 1rem;
      padding-left: 1rem;
  }

  /*** CODE ***/
  code {
      margin: 0 0.1rem;
      padding: 0.1rem 0.2rem;
      border: 1px solid #ccc;
      border-radius: 0.3rem;
      background: #f5f5f5;
      font-family: 'Droid Sans Mono', 'Courier New', 'Courier', monospace;
      font-size: 0.85rem;
      line-height: 1.9824;
  }
  pre {
      padding: 0 1rem;
      border: 1px solid #ccc;
      border-radius: 0.3rem;
      background: #f5f5f5;
  }
  pre code {
      display: block;
      margin: 0;
      padding: 1.1111rem 0;
      border: 0 none;
      background: transparent;
      overflow-x: auto;
      line-height: 1.4;
  }

  /* FORMS */
  label, fieldset legend { font-weight: bold; }
  input:not([type="checkbox"]):not([type="radio"]), button, select, textarea, fieldset, fieldset legend {
      border: 1px solid #ccc;
      border-radius: 0.3rem;
      background: #fff;
      -webkit-transition: none .2s ease-in;
              transition: none .2s ease-in;
      -webkit-transition-property: border-color, background, box-shadow;
              transition-property: border-color, background, box-shadow;
  }
  input:not([type="checkbox"]):not([type="radio"]), button, select, textarea {
      padding: 0.5rem 1rem;
      outline: 0 none;
      font-size: 1rem;
  }
  input:focus:not([type="checkbox"]):not([type="radio"]), button:focus, select:focus, textarea:focus {
      border-color: #2EAE9B;
      box-shadow: 0 0 8px #2EAE9B;
  }
  input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, button:focus,
  input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
      background: #f5f5f5;
      cursor: pointer;
  }
  textarea, select[multiple] {
      vertical-align: bottom;
      overflow: auto;
  }
  fieldset {
      padding: 1rem;
      background: #f5f5f5;
  }
  fieldset legend { padding: 0 0.5rem; }
  fieldset label, fieldset input, fieldset button,
  fieldset select, fieldset textarea {
      margin: 0.2em 0.5rem;
  }
  fieldset label:first-child, fieldset input:first-child, fieldset button:first-child,
  fieldset select:first-child, fieldset textarea:first-child {
      margin-left: 0;
  }
  fieldset label:last-child, fieldset input:last-child, fieldset button:last-child,
  fieldset select:last-child, fieldset textarea:last-child {
      margin-right: 0;
  }

/* KONC MARKDOWN RAZNI STYLI */