body {font-family: 'Montserrat', sans-serif; font-weight: 400; position: relative; color: #333;}
/*h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif; font-weight: 200;}*/

h1 {font-size: 30px; font-weight: 800; text-transform: uppercase; margin-bottom: 15px;}
h1.hp {font-size: 50px; font-weight: 400; margin-bottom: 30px;}
h2 {font-size: 20px; font-weight: 800;/*text-transform: uppercase;*/}
h3 {font-size: 16px; font-weight: 400; margin-bottom: 1rem;}
h4 {font-size: 16px; font-weight: 800;}

h1 span {font-weight: 400;}
h2 span {font-weight: 400;}

p {line-height: 2;}

a {color: #1b7ac5; font-weight: 400;}
p a:hover {border-bottom: 1px solid #1b7ac5; text-decoration: none;}
.bgDark a {color: #6fbefd;} 
.bgDark p a:hover {border-bottom: 1px solid #6fbefd; text-decoration: none;}

h2 a {color: #000; font-weight: 800}
h2 a:hover {color: #000; border-bottom: none; text-decoration: none;}

strong {font-weight: 500;}
hr {border-top: 1px solid #f3ede2;}

ul.odr li {padding-bottom: 8px; padding-top: 8px;}

.upper {text-transform: uppercase;}

.carousel h5 {font-size: 2.6rem; font-weight: 200;}
.carousel p {text-transform: uppercase; letter-spacing: 2px;}

.carousel-control-prev-icon {
    background-color: rgba(0,0,0,0.5);
    background-image: url(img/sipka-l.png);
    width: 40px;
    height: 50px;
    background-size: 70% 70%;
}
.carousel-control-next-icon {
    background-color: rgba(0,0,0,0.5);
    background-image: url(img/sipka-p.png);
    width: 40px;
    height: 50px;
    background-size: 70% 70%;
}

.bgDark {background: #222; color: #eee;}
.claim {font-size: 50px; font-weight: 800; margin-bottom: 30px; text-transform: uppercase; color: #ccc;}

nav.bg-dark { background-color: rgba(0,0,0,0.8) !important; }
#navbar .nav-link {font-size: 1.4rem; font-weight: 200;}
.navbar-dark .navbar-nav .nav-link { color: #fff; }

/* položky menu dál od sebe */
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link { padding-right: 1rem; padding-left: 1rem;}
}

.carousel-caption {background-color: rgba(0,0,0,0.5); left: 0%; right: 0%; padding-bottom: 30px; }
.carousel-indicators {bottom: 10px;}


/* obsah */

.titulek {text-transform: uppercase; letter-spacing: 2px; color: #000; font-weight: 400;}
.bgDark .titulek, .pruhTmava .titulek {color: #909295;}

.ramecek {border: 1px solid #222; text-align: center; padding: 20px;}
.nejvetsi {font-size: 120px; line-height: 120px; font-weight: 800; text-transform: uppercase;}
.vetsi {font-size: 80px; line-height: 80px; font-weight: 200; text-transform: uppercase; color: #909295;}
.velke {font-size: 20px; font-weight: 400; text-transform: uppercase; color: #909295;}

.ib {display: inline-block;}

.pruhSvetla:nth-child(odd) {background: #eee; color: #000;}
.pruhSvetla:nth-child(even) {background: #f8f8f8; color: #000;}

.pruhTmava {background: #222; color: #fff;}

.btn, .btn-lg {border-radius: 0;}


/* HLAVICKA BYTY */
.hlavickaByty {
  height: 50vh;
  background-size: cover;
  background-position: 50% 50%;
  border-radius: 0;
  position: relative;
  background-image: url(img/motiv-domy.jpg);
}
.hlavickaObsahByty {
  -webkit-transform: translateY(25vh);
  transform: translateY(25vh);
  text-align: right;
}
.hlavickaObsahByty h1 {
  font-size: 4rem;
  padding: 20px 70px;
  text-align: right;
  text-transform: uppercase;
  width: 45%; margin-left: auto;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f4ef+0,eee7d7+100&0.9+0,0.9+100 */
  background: -moz-linear-gradient(-45deg,  rgba(247,244,239,0.9) 0%, rgba(238,231,215,0.9) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(247,244,239,0.9) 0%,rgba(238,231,215,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(247,244,239,0.9) 0%,rgba(238,231,215,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f7f4ef', endColorstr='#e6eee7d7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.hlavickaObsahByty h1:first-line {font-weight: 400;}

@media (max-width: 2300px) {
  /*.hlavickaObsahByty {-webkit-transform: translateY(50vh); transform: translateY(50vh); text-align: right; }*/
  .hlavickaObsahByty h1 {width: 55%; padding: 20px 50px; font-size: 2.5rem;} 
}
@media (max-width: 1180px) {
  .hlavickaObsahByty h1 {font-size: 2rem;} 
}
@media (max-width: 774px) {
  .hlavickaObsahByty h1 {font-size: 1.5rem;} 
}
@media (max-width: 500px) {
  .hlavickaObsahByty h1 {width: 80%; padding: 20px; font-size: 1rem;} 
}


/* ------------- */
/* --- OBSAH --- */
/* ------------- */
#projekt h2 {padding-top: 100px;}

.bgGradient {

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7f4ef+0,eee7d7+100&0.9+0,0.9+100 */
background: -moz-linear-gradient(-45deg,  rgba(247,244,239,0.9) 0%, rgba(238,231,215,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(247,244,239,0.9) 0%,rgba(238,231,215,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(247,244,239,0.9) 0%,rgba(238,231,215,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f7f4ef', endColorstr='#e6eee7d7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.bgGradient .card {background: transparent; border-color: #fff;}




.pruhByty {
  background: #fff url(img/duhovka-nakres-bila.jpg) no-repeat;
  background-position: right bottom;
  background-size: auto 100%;
  min-height: 500px;
}

.malinova {color: #b83c77;}

.badge {font-weight: 100; font-size: 100%; white-space: normal;}
.badge-primary {
    color: #212529;
    background: #f3f0e9;
}
.badge-primary.badge-pill {padding: 0.6em 1em;}
/*.badge-primary span {color: #b9b7b7;}*/

.table-hover tbody tr:hover {
    background-color: #f7f6f2;
    color: #000;
}
.table td, .table tbody th {vertical-align: middle;}

.btn-secondary {background-color: #343a40; border-color: #343a40; font-family: 'Yantramanav', sans-serif; font-weight: 400;}


.nav-link {
    padding: .5rem 2rem;
}
.nav-fill .nav-item, .nav-fill>.nav-link {
    text-align: left;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: #343a40;
    /*border: 1px solid #b83c77;*/
}
.nav-pills .nav-link {
    /*border: 1px solid #ddd;*/
    background-color: #f3f0e9;
    margin-left: 2px; margin-right: 2px;
    color: #212529;
}


.cardGalerie {border: none; border-radius: 0;}


.badge-secondary {
    color: #212529;
    background: #f3f0e9;
}

.table thead th {vertical-align: top;}
.table-secondary, .table-secondary>td, .table-secondary>th {
    background-color: #f3f0e9;
}


/* responzivni mapa  */
.overlay {
   background:transparent; 
   position:relative; 
   width:100%;
   height:500px; /* your iframe height */
   top:500px;  /* your iframe height */
   margin-top:-500px;  /* your iframe height */
}

#unigena a {color: #212529;}
#unigena a:hover {text-decoration: underline;}

/* pro extra velká rozlišení */
@media (min-width: 2100px) {
  .col-xxl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
  }
}

@media (min-width: 992px) {
  .d-lg-cell {
      display: table-cell!important;
  }
}
/*
@media (max-width: 2040px) {
  #lokalita .w-75 {width: 100%!important;}
}
*/
a.black {color: #212529; text-decoration: underline;}

/* galerie - zarovnaná do leva (ne doprostřed) když je málo obrázků */
.ug-thumbs-grid {left: 0 !important;}

@media (max-width: 460px) {
  .claim {font-size: 30px; margin-bottom: 20px;}
  h1.hp {font-size: 30px; margin-bottom: 20px;}
}
@media (min-width: 1200px) and (max-width: 1460px) {
  .claim {font-size: 40px;}
  h1.hp {font-size: 40px;}
}