/* Nastavenie pozadia pre rozne velkosti displejov */
body {
  background: url("/obrazok/3/bg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  font-family: 'Poppins', sans-serif;
  font-size: 24px;
  color: #ededed;
}

table, nav {
  font-size: 18px;
}

/* Nastavenie farby liniek a fa ikoniek */
a, footer a, #footer-contact .fa {
  color: #ff8c00;  
}

/* Automaticky zmeni velkost obrazka aby sa zmestil do kontajnera */
img {
  max-width: 100%;
  height: auto;
}

#motive {
  margin: 0;
  border-bottom: none;
}

/* Pozadie kontextovej casti */
#content {
  background-color: #25272bef;
  margin: 15px auto;
  padding-top: 15px;
  border-radius: 10px;
  flex: 1;
}

/* Menu */
.navbar {
  background-color: #ff8c00;
  border-color: #66000000;
}
.navbar-nav > li > a {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  top: 0px;
  border-radius: 35px 0px;
  transition: 0.3s;
}

/* Zarovnanie velkosti nahladov obrazkov vo fotogalerii */
.thumbnail {
  background-color: #66000000;
  border: none;
}
.thumbnail img {
  border-radius: 20px;
  background-color: #ff8c00;
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.thumbnail:hover, .thumbnail:focus {
  transform: scale(1.1);
}

/* Responzivny iframe - mapa */
.frame-container {
  position: relative;
  overflow: hidden;
  margin: auto;
  width: 70%; /* ked menis sirku, zmen aj cislo% v padding-top */
  padding-top: calc(3*70%/4); /* 4:3 Aspect Ratio */
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Nastavenie velkosti pisma v paticke */
footer * {
  font-size: 13px;
}

#bar-footer {
  padding: 1em;
}

/* Ostranenie borderu z mobilneho zobrazenia */
.table-responsive {
  border: none;
}

/* Odstranenie vrchnej a spodnej casti, nadpisu stranky a tlacidla spat v galerii */
body > header, .rubric-main-perex + hr, #bar-poweredby, .title, .gallery-detail .btn {
  display: none;
}

/* Odstranenie divneho borderu zhora tabulky */
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: none;
}

/***************
* Custom styly *
***************/
.no-padding > thead > tr > th,
.no-padding > tbody > tr > th,
.no-padding > tfoot > tr > th,
.no-padding > thead > tr > td,
.no-padding > tbody > tr > td,
.no-padding > tfoot > tr > td {
  padding: 0;
}

/*********************
* Mobilne zariadenia *
*********************/
@media only screen and (max-width: 500px) {
  .frame-container {
    width: 100%; /* ked menis sirku, zmen aj cislo% v padding-top */
    padding-top: calc(3*100%/4); /* 4:3 Aspect Ratio */
  }
}

@media only screen and (max-width: 767px) {
  .table {
    width: 90% !important;
  }

  .table > thead > tr > th,
  .table > tbody > tr > th,
  .table > tfoot > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > td,
  .table > tfoot > tr > td {
    border: 0;
    display: block;
    margin: auto;
    width: 100% !important;
    text-align: center !important;
    white-space: inherit !important;
    padding: 1px;
  }

  .no-padding > thead > tr > th,
  .no-padding > tbody > tr > th,
  .no-padding > tfoot > tr > th,
  .no-padding > thead > tr > td,
  .no-padding > tbody > tr > td,
  .no-padding > tfoot > tr > td {
    display: table-cell !important;
    width: auto !important;
    text-align: left !important;
  }
}

@media only screen and (max-width: 991px) {
  .no-padding {
    width: 80% !important;
  }
}