@charset "UTF-8";
.school-baner {
  display: flex;
  align-items: stretch;
  justify-content: center;
  margin-top: 80px;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  position: relative;
  min-height: 120px; }
  .school-baner .school-logo {
    position: absolute;
    bottom: -40px;
    left: 20px; }

.bg-green {
  background-image: url(../assets/images/bg-green.png);
  margin-bottom: 40px; }

.nav-fixed-top {
  display: flex;
  justify-content: center;
  background-color: #fff; }
  @media (max-width: 480px) {
    .nav-fixed-top .btn--circle {
      width: auto;
      padding: 0 16px; }
      .nav-fixed-top .btn--circle i {
        margin-left: 4px; } }

.nav-bip-fb {
  margin: 0;
  text-align: right;
  display: flex; }
  .nav-bip-fb .btn:hover {
    background-color: #6eb744; }
  .nav-bip-fb .bip,
  .nav-bip-fb .fb {
    overflow: hidden; }

.nazwaszkoly h2 {
  font-size: 24px; }
  .nazwaszkoly h2 small {
    font-weight: 300;
    font-size: 24px; }

.typszkoly {
  font-size: 14px;
  padding-top: 20px; }
  .typszkoly img {
    vertical-align: middle;
    margin-right: 8px;
    border: solid 2px #e7eaf2;
    border-radius: 16px; }

.szkola-nav ul {
  padding-bottom: 40px; }

.szkola-nav hr {
  clear: both;
  width: 100%; }

.szkola-nav a {
  margin-right: 12px;
  margin-bottom: 8px; }

.szkola-stats .panel {
  margin-bottom: 24px; }
  .szkola-stats .panel span.h1 {
    font-weight: 900; }
  .szkola-stats .panel hr {
    margin-top: 0; }
  .szkola-stats .panel a {
    color: #6eb744;
    font-weight: 700; }
  .szkola-stats .panel .green-ball {
    list-style: none;
    font-size: 14px;
    font-weight: 700;
    padding-left: 0;
    line-height: 32px; }
    .szkola-stats .panel .green-ball li {
      font-size: 14px;
      font-weight: 700;
      padding-left: 0;
      line-height: 32px; }
    .szkola-stats .panel .green-ball li::before {
      content: "• ";
      color: #6eb744; }

.szkola-left h2,
.szkola-left .h2 {
  font-size: 20px;
  font-weight: 700; }
  .szkola-left h2 small,
  .szkola-left .h2 small {
    display: block;
    font-size: 14px; }

.szkola-left .list-infra li {
  margin-bottom: 24px; }
  .szkola-left .list-infra li i {
    margin-right: 24px;
    float: left; }
  .szkola-left .list-infra li p {
    display: flex;
    align-content: space-between;
    flex-direction: column;
    flex-wrap: wrap; }
    .szkola-left .list-infra li p .font-weight-bold {
      font-size: 16px;
      display: block; }
    .szkola-left .list-infra li p .text-muted {
      font-size: 14px;
      display: block;
      line-height: 20px;
      padding-top: 4px; }

.szkola-left .szkola-kontakt {
  font-size: 14px; }
  .szkola-left .szkola-kontakt li {
    margin-bottom: 20px; }
    .szkola-left .szkola-kontakt li li {
      margin-bottom: 0; }

.mapa {
  border-radius: 24px;
  margin-bottom: 40px;
  margin-top: 20px; }

.school_year_select {
  padding-right: 32px; }

.charts-title {
  font-size: 20px;
  margin-bottom: 24px; }
  .charts-title small {
    font-size: 14px;
    display: block; }

.green-ball {
  list-style: none;
  font-size: 14px;
  font-weight: 700;
  padding-left: 0;
  line-height: 32px; }
  .green-ball li::before {
    content: "• ";
    color: #6eb744; }