/*==================================================
CUSTOM - OVERWRITES THE SASS GENERATED STYLESHEET
==================================================*/

@font-face {
  font-family: 'Montserrat';
  src: local("Montserrat"), url('/Themes/TheBootstrapTheme/Content/Fonts/Montserrat-regular.ttf');
}
@font-face {
  font-family: 'Poppins';
  src: local("Poppins"), url('/Themes/TheBootstrapTheme/Content/Fonts/Poppins-Regular.ttf');
}

.aktualne {
  margin-top: -5em;
}

.monitor .section {
  padding: 0;
}

/* SKRYTI IKONY, KTERA SE ZOBRAZUJE MIMO */
.monitor.content-wrapper:before {
  display: none;
}

/* SKRYVANI EU LOGA */

body.trochu-jina-kariera img.logoFinancovanoEU,
body.profesi-zlinskeho-kraje img.logoFinancovanoEU,
body.trochu-jina-karierapro-divky img.logoFinancovanoEU,
body.trochu-jina-karierapro-chlapce img.logoFinancovanoEU {
  display: inline-block;
  background-image: url(/Themes/TheBootstrapTheme/Content/Images/financovanoEU.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: transparent;
}

@media only screen and (max-width: 560px) {
  body.trochu-jina-kariera img.logoFinancovanoEU,
  body.profesi-zlinskeho-kraje img.logoFinancovanoEU,
  body.trochu-jina-karierapro-divky img.logoFinancovanoEU,
  body.trochu-jina-karierapro-chlapce img.logoFinancovanoEU {
    display: none;
  }
}

  body.trochu-jina-karierapro-divky .monitor,
  body.trochu-jina-karierapro-chlapce .monitor {
    padding: 0px !important;
  }

  @media only screen and (max-width: 560px) {
    .page-header__caption, .article__body, .info-box, .text {
      padding-left: 15px;
      padding-right: 15px;
    }
  }

  /*
@media only screen and (max-width: 560px)
.page-header__caption, .article__body, .info-box, .text {
    padding-left: 15px;
    padding-right: 15px;
}
*/

  .inversed a {
    color: #fff;
    text-decoration: none
  }

    .inversed a:hover {
      color: #fff;
    }

  .inversed .tile {
    background-color: #0a3965;
    background-color: #ffcc4d;
    color:#0a3965;
  }

  .inversed .tile__header:before {
    background-color: #0a3965;    
  }

  .inversed .tile__footer {
    background-color: #0a3965;
    color: #fff;
  }

  .inversed .tile:hover .tile__header {
    background-color: #fff;
    color: #0a3965
  }

  .inversed .tile:hover .tile__footer {
    background-color: #ffcc4d;
    color: #0a3965
  }

  /**/

  .nestereo .page-header__inner {
    position: relative;
    background-color: #0a3965;
    width: 100%
  }

    .nestereo .page-header__inner:before {
      display: none;
    }

  .nestereo .page-header__title:before {
    display: none;
  }

  .nestereo .button:before, .nestereo .tile__footer:before, .nestereo .post__footer:before {
    display: none;
  }

  .nestereo .button:after, .nestereo .tile__footer:after, .nestereo .post__footer:after {
    display: none;
  }

  body.trochu-jina-kariera .button.article__more {
    color: #f26441;
    background-color: #ffffff;
    font-weight: bold;
  }

  div.align__center {
    text-align: center;
  }

    div.align__center > a.button {
      padding-left: 15px !important;
      padding-right: 15px !important;
    }

  section.section.c-gray.nestereo {
    background-color: #ffffff;
  }

  .nestereo article.article__girl h3 a {
    color: #FCF7EE;
  }

  .nestereo article.article__boy h3 a {
    color: #F8FAF5;
  }

  .nestereo article.article p,
  .nestereo article p,
  .nestereo .page-header__caption {
    color: #34332E !important;
  }

#obrazek-proti-proudu-wrapper {
  background-image: url(/Media/Default/nestereo/img/protiprouduuzke.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-color: transparent;
  width: 100%;
  min-height:200px;
  /*height:calc(100% / 3);*/
}
#obrazek-proti-proudu-wrapper img {
  display:none;
}

.trochu-jina-kariera article.article {
width: 50%;
border:5px solid white;
}

@media only screen and (max-width: 560px) {
    .trochu-jina-kariera article.article {
width: 100%;
border:none;
}
  }

  .trochu-jina-karierapro-divky .page-header__caption,
  .trochu-jina-karierapro-chlapce .page-header__caption {
    background-color: #E8B960;
    color: #F26441;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100' width='100'%3E%3Ccircle cx='50' cy='50' r='50' fill='%23FFD2A7' /%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='50' width='50'%3E%3Ccircle cx='25' cy='25' r='25' fill='%23C8E6E0' /%3E%3C/svg%3E") !important;
    background-position: 5% 50%, 95% 25% !important;
    background-repeat: no-repeat !important;
  }

  .trochu-jina-karierapro-chlapce .page-header__caption {
    background-color: #BFD1A0;
    color: #F26441;
  }

  .trochu-jina-karierapro-divky h1:before,
  .trochu-jina-karierapro-divky div.page-header__inner:before,
  .trochu-jina-karierapro-chlapce h1:before,
  .trochu-jina-karierapro-chlapce div.page-header__inner:before {
    display: none;
  }

  .trochu-jina-karierapro-divky .container-kariera-item h1,
  .trochu-jina-karierapro-chlapce .container-kariera-item h1 {
    font-size: 24px;
    text-align: center;
    min-height: 64px;
  }

  .container-kariera-item.girl .odvetvi,
  .container-kariera-item.girl .osoba {
    background-color: #BFD1A0;
    color: #000000;
    margin: 15px;
    padding: 15px;
  }

  .container-kariera-item.girl:nth-child(1) .odvetvi,
  .container-kariera-item.girl:nth-child(1) .osoba,
  .container-kariera-item.girl:nth-child(6) .odvetvi,
  .container-kariera-item.girl:nth-child(6) .osoba {
    background-color: #BFD1A0;
  }

  .container-kariera-item.girl:nth-child(2) .odvetvi,
  .container-kariera-item.girl:nth-child(2) .osoba,
  .container-kariera-item.girl:nth-child(8) .odvetvi,
  .container-kariera-item.girl:nth-child(8) .osoba {
    background-color: #C8E6E0;
  }

  .container-kariera-item.girl:nth-child(3) .odvetvi,
  .container-kariera-item.girl:nth-child(3) .osoba,
  .container-kariera-item.girl:nth-child(5) .odvetvi,
  .container-kariera-item.girl:nth-child(5) .osoba {
    background-color: #F3C5B9;
  }

  .container-kariera-item.girl:nth-child(4) .odvetvi,
  .container-kariera-item.girl:nth-child(4) .osoba,
  .container-kariera-item.girl:nth-child(7) .odvetvi,
  .container-kariera-item.girl:nth-child(7) .osoba {
    background-color: #E8B960;
  }
  

  .container-kariera-item.girl .osoba .obrazek01:hover {
    background-image: url(/Media/Default/nestereo/01/Ambasador.jpg);
  }  
  .container-kariera-item.girl .osoba .obrazek02:hover {
    background-image: url(/Media/Default/nestereo/02/Ambasador.jpg);
  }
  .container-kariera-item.girl .osoba .obrazek03:hover {
    background-image: url(/Media/Default/nestereo/03/Ambasador.jpg);
  }  
  .container-kariera-item.girl .osoba .obrazek04:hover {
    background-image: url(/Media/Default/nestereo/04/Ambasador.jpg);
  }  
  .container-kariera-item.girl .osoba .obrazek05:hover {
    background-image: url(/Media/Default/nestereo/05/Ambasador.jpg);
  }  
  .container-kariera-item.girl .osoba .obrazek06:hover {
    background-image: url(/Media/Default/nestereo/06/Ambasador.jpg);
  }  
  .container-kariera-item.girl .osoba .obrazek07:hover {
    background-image: url(/Media/Default/nestereo/07/Ambasador.jpg);
  }  
  .container-kariera-item.girl .osoba .obrazek08:hover {
    background-image: url(/Media/Default/nestereo/08/Ambasador.jpg);
  }
.container-kariera-item.girl .osoba .obrazek09:hover {
    background-image: url(/Media/Default/nestereo/09/Ambasador.jpg);
  }  
  .container-kariera-item.girl .osoba .obrazek10:hover {
    background-image: url(/Media/Default/nestereo/10/Ambasador.jpg);
  }
  .container-kariera-item.girl .osoba .obrazek11:hover {
    background-image: url(/Media/Default/nestereo/11/Ambasador.jpg);
  }
  .container-kariera-item.girl .osoba .obrazek12:hover {
    background-image: url(/Media/Default/nestereo/12/Ambasador.jpg);
  }
  .container-kariera-item.girl .osoba .obrazek13:hover {
    background-image: url(/Media/Default/nestereo/13/Ambasador.jpg);
  }

  .container-kariera-item.girl .osoba .obrazek01 {
    background-image: url(/Media/Default/nestereo/01/AmbasadorCB.jpg);
  }  
  .container-kariera-item.girl .osoba .obrazek02 {
    background-image: url(/Media/Default/nestereo/02/AmbasadorCB.jpg);
  }
  .container-kariera-item.girl .osoba .obrazek03 {
    background-image: url(/Media/Default/nestereo/03/AmbasadorCB.jpg);
  }  
  .container-kariera-item.girl .osoba .obrazek04 {
    background-image: url(/Media/Default/nestereo/04/AmbasadorCB.jpg);
  }  
  .container-kariera-item.girl .osoba .obrazek05 {
    background-image: url(/Media/Default/nestereo/05/AmbasadorCB.jpg);
  }  
  .container-kariera-item.girl .osoba .obrazek06 {
    background-image: url(/Media/Default/nestereo/06/AmbasadorCB.jpg);
  }  
  .container-kariera-item.girl .osoba .obrazek07 {
    background-image: url(/Media/Default/nestereo/07/AmbasadorCB.jpg);
  }  
  .container-kariera-item.girl .osoba .obrazek08 {
    background-image: url(/Media/Default/nestereo/08/AmbasadorCB.jpg);
  }
.container-kariera-item.girl .osoba .obrazek09 {
    background-image: url(/Media/Default/nestereo/09/AmbasadorCB.jpg);
  }  
  .container-kariera-item.girl .osoba .obrazek10 {
    background-image: url(/Media/Default/nestereo/10/AmbasadorCB.jpg);
  }
  .container-kariera-item.girl .osoba .obrazek11 {
    background-image: url(/Media/Default/nestereo/11/AmbasadorCB.jpg);
  }
  .container-kariera-item.girl .osoba .obrazek12 {
    background-image: url(/Media/Default/nestereo/12/AmbasadorCB.jpg);
  }
  .container-kariera-item.girl .osoba .obrazek13 {
    background-image: url(/Media/Default/nestereo/13/AmbasadorCB.jpg);
  }

  .container-kariera-item .odvetvi {
    text-transform: uppercase;
  }

    .container-kariera-item .odvetvi .buttons {
      display: grid;
      grid: 26px / auto auto auto;
    }

  .container-kariera-item .osoba .buttons {
    display: grid;
    grid: 26px / auto 50px;
  }

  .container-kariera-item .odvetvi .btn-download,
  .container-kariera-item .osoba .btn-download {
    background-image: url(/Themes/TheBootstrapTheme/Content/Images/download.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-decoration: none;
  }

  .container-kariera-item .odvetvi .btn-comics {
    background-image: url(/Themes/TheBootstrapTheme/Content/Images/comment.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    text-decoration: none;
  }

  .container-kariera-item .osoba .obrazek {
    min-height: 200px;
    /*background-image: url(/Media/Default/profese/7.jpg);*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-top-right-radius: 25px;
    margin: 15px;
  }

  .container-kariera-item .osoba .jmeno {
    font-weight: bold;
    margin-left: 15px;
  }

  .container-kariera-item .osoba .povolani {
    font-size: small;
    margin-left: 15px;
    min-height: 42px;
  }
  /* audio */

  .container-kariera-item .audio {
    padding: 0px;
    margin: 15px;
  }

    .container-kariera-item .audio audio {
      width: 100%;
    }

  audio::-webkit-media-controls-panel {
    background-color: white;
  }

  audio::-webkit-media-controls-volume-slider {
    background-color: #F3C5B9;
    border-radius: 25px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .trochu-jina-kariera h1,
  .trochu-jina-kariera h2,
  .trochu-jina-kariera h3,
  .trochu-jina-karierapro-divky h1,
  .trochu-jina-karierapro-chlapce h1 {
    text-transform: uppercase;
  }

  .trochu-jina-kariera,
  .trochu-jina-karierapro-divky,
  .trochu-jina-karierapro-chlapce {
    font-family: 'Montserrat',sans-serif;
  }

  .trochu-jina-kariera h1, .trochu-jina-kariera h2, .trochu-jina-kariera h3,
  .trochu-jina-karierapro-divky h1, .trochu-jina-karierapro-divky h2, .trochu-jina-karierapro-divky h3,
  .trochu-jina-karierapro-chlapce h1, .trochu-jina-karierapro-chlapce h2, .trochu-jina-karierapro-chlapce h3 {
    font-family: 'Poppins',sans-serif;
    font-weight: bold;
  }

    .trochu-jina-karierapro-divky p.perex,
    .trochu-jina-karierapro-chlapce p.perex {
      color: black;
    }

div.osoba {
cursor:pointer;
}

@media only screen and (min-width: 1279px) {
    .trochu-jina-kariera .article__body {
        padding-left: 2.35294em;
        padding-right: 2.35294em;
    }
}