body { 
  padding-top: 70px; 
}

body.reset {
  padding-top: 0px;
}

.duzy-napis{
  display:none;
}

@media (max-width: 992px) {
  body.reset {
    padding-top: 10px;
  }
  .duzy-napis {
    display:block; 
  }
  .jumbotron.frontpage {
    padding-left: 10px !important;
    padding-right: 10px !important;
    background: url(../assets/tlo.jpg) 66.75% / 100%;
    background-repeat: no-repeat;

  }
}

@media (min-width: 560px) {
  @media (max-width: 992px) {
    .row {
      padding-left: 40px !important;
      padding-right: 40px !important;
    }
  }
}

@media (max-width: 991px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none !important;
  }
  .navbar-nav {
      float: none !important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

/* Navbar-toggle dla języków obcych */
.navbar-default .navbar-toggle {
  background-color: #337ab7;
  border-color: #2e6da4;
}

.navbar-default .navbar-toggle:focus  { 
  background-color: #286090;
  border-color: #122b40;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #d7d7e7;
}

.navbar-default .navbar-toggle:hover  { 
  background-color: #316394;
  border-color: #2e6da4;
}

/* Odnosniki w navie */
.jezyki-btn {
  background-color: #dff0d8;
}

.jezyki-btn a {
  color: #3c763d !important;
}

.jezyki-btn a:hover {
  color: #2B542C !important;
}

.polski-btn {
  background-color: #d9edf7;
}
.polski-btn a {
  color: #31708f !important;  
}
.polski-btn a:hover {
  color: #1D4254 !important;  
}

footer {
  padding: 16px 0;
  border-top: 1px solid #e1e1e8;
  margin-top: 24px;
}

footer.reset {
  margin-top: 0; 
}

footer p {
  margin-left: 24px; 
  margin-right: 24px; 
}

h1,h2,h3,h4,h4 {
  overflow: wrap;
}

h2 {
  font-weight: 600;
}

.jumbotron.frontpage {
  padding-left: 0px;
  padding-right: 0px;
  background-size: cover;
}

.row.wrapper {
  margin-top: 10px;
}

.ad-wrapper {
 margin-top: 1em;
 margin-bottom: 1em; 
}

/* Span classes */

.faded {
  opacity: 0.65;
  font-weight: 500; 
}

.font-brand {
  font-family: 'Indie Flower', cursive; 
}

.font-white {
  color: #222;
}

/* Override bootstrap defaults */

.navbar-default .navbar-brand {
  font-family: 'Indie Flower', cursive;
  font-size: 2em;
  font-weight: 700;
  color: #444;
}

.navbar-default .navbar-brand:hover {
  color: #111;
}

.panel {
  padding: 0;
}

/* Main site style */

@media all {
  .frontpage {
    background: none;
    padding-top: 10px: 
  }
}

@media (min-width: 992px) {
  .frontpage {
    background: url(../assets/tlo.jpg) 66.75% / 100%;
    background-repeat: no-repeat;
    padding-top: 500px;
  min-height:750px;
  }
}

.btn-sub {
  font-size: 1.5em;
  padding: 20px;
}

@media (max-width: 992px) {
  .btn-sub {
    width: 100%;
    margin-bottom: 4px;
  }
}

.wrapper {
  margin-left: 4px;
  margin-right: 4px;
}

.description {
  font-size: 1.2em;
  margin-bottom: 8px;
}

.topic {
  padding: 9px 14px;
  margin-bottom: 14px;
  background-color: #fefefe;
  border: 1px solid #e1e1e8;
  border-radius: 4px;
}

.topic {
  font-size: 1.2em;
}

.topic > p {
  margin-bottom: 10px;
}

p:last-child {
  margin-bottom: 0;
}

.unsure > .small::after,
.unsure > .panel-heading::after {
  content: " (NIEPOTWIERDZONY)";
  opacity: 0.65;
  font-weight: 500;
}

/* Stary styl tematów (naprzemiennie szary - zielony) */
.topic:nth-child(even) {
    background-color: #d9edf7;
    border-color: #bce8f1;
}

/* Nowy styl tematów (niepewny jest ostrzegawczo żółty) */
.topic.unsure {
  background-color: #fcf8e3;
}

.chmurki {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.chmurka {
  border: 1px solid #286090;
  border-radius: 4px;
  background-color: #fff;
  padding: 8px;
  margin: 4px;
}

#error-wrapper,
#success-wrapper {
  display: none;
}

.mar-bot {
  margin-bottom: 20px;
}

.col-nopad {
  margin-top: 0;
}
#group-alert{
  background: #fefefe;
  border-radius: 10px;
  font-size: 20px;
  padding: 20px 0px 30px;
  width: 400px;
  max-width: 95%;
  height: max-content;
  max-height: 200px;
  top:0;
  left:0;
  right: 0;
  bottom: 0;
  position: fixed;
  margin:auto;
  overflow-y: scroll;
  display: none;
  flex-direction: column;
  justify-content: center;
  z-index: 99999;
}
#group-alert .button-group{
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}
#group-alert .button-group .btn-success{
  background-color: #007bff;
  border-color: #007bff;
  color: #fff;
}

#group-alert .button-group .btn-default{
  background: #6c757d;
  border-color:#6c757d;
  color: #fff;
}