@charset "UTF-8";

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background-image: url('/images/frontend/loader.gif');
  background-repeat: no-repeat; 
  background-color: #FFF;
  background-position: center;
}

.bg-black {
  background-color: rgba(0, 0, 0, 0.85) !important;
}

.font-robo {
  font-family: 'Roboto Mono';
}

.font-blackops {
  font-family: 'Black Ops One', cursive;
}

/*.font-unreal {
  font-family: 'UnrealT';
}*/

.font-pirata {
  font-family: 'Pirata One', cursive;
}

.font-bangers {
  font-family: 'Bangers', cursive;
}

.text-left {
  text-align: left;
}

.blog-article a {
  color: #f96332 !important;
  font-weight: bold;
}

.blog-article p {
  font-weight: 300;
  text-align: justify;
}

.blog-article li {
  font-weight: 300;
  font-size: 1.1em;
}

.blog-article {
  color: #000000 !important;
  
}

.blog-image {
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
}

.blog-article-image {
  margin: 40px 40px 40px 40px;
  display: flex;
  justify-content: center;
}

.blog-image-left {
  float: left;
  margin: 15px 15px 20px 0;
}

.blog-image-right {
  float: right;
  margin: 15px 0 20px 15px;
}

.clear {
  clear: both;
}

.modal-body img {
  transition: transform 0.3s ease-in-out;
}

.modal.show .modal-body img {
  transform: scale(1.05);
}

.img-portfolio {
  width: 100%;         /* lub np. 75%, 300px, itd. */
  max-width: 300px;    /* maksymalna szerokość */
  height: auto;        /* zachowanie proporcji */
  object-fit: auto;    /* opcjonalnie – przycinanie bez zniekształceń */
  border-radius: 8px;    /* opcjonalnie zaokrąglenie */
}