.rate {
	background:white;
}

.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate > span {
    float:right;
    cursor:pointer;
    font-size:15px;
    color:#ccc;
}
.rate > span >span {
    font-size:25px;
    color:#ccc;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '\2605';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
.card h5 {
  font-size: 1rem;
  font-weight: 600;
}
.card p {
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.card i.fab, .card i.fas {
  transition: color 0.3s;
}
.card a:hover i {
  color: #007bff;
}

.card h5 {
  font-size: 1rem;
  font-weight: 600;
}
.card p {
  font-size: 0.9rem;
  margin-bottom: 0.5rem;
}
.card i.fab, .card i.fas {
  transition: color 0.3s;
}
.card a:hover i {
  color: #007bff;
}


						
.rate {
	background:white;
}

.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate > span {
    float:right;
    cursor:pointer;
    font-size:15px;
    color:#ccc;
}
.rate > span >span {
    font-size:25px;
    color:#ccc;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:30px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '\2605';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}
.commentform { position:absolute;left:-5000px;}

  .navbar-modern {
    background-color: #0d6efd; /* klasyczny Bootstrap primary */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); /* subtelny cień */
    font-weight: 500;
  }

  .navbar-modern .navbar-brand {
    font-size: 1.15rem;
    letter-spacing: 0.5px;
    color: #fff;
  }

  .navbar-modern .navbar-brand:hover {
    text-decoration: none;
  }

  .navbar-modern .nav-link {
    color: #eaeaea;
    transition: color 0.2s ease;
  }

  .navbar-modern .nav-link:hover {
    color: #ffffff;
  }

  .navbar-modern .navbar-toggler {
    border: none;
    padding: 0.25rem 0.5rem;
  }

  .navbar-modern .navbar-toggler:focus {
    outline: none;
    box-shadow: none;
  }