@import "wiadomosci.css";
@import "bile.css";

:root {
  --col-jasny: #dbdde9;
  --col-bg-jasny: #f1f3f8;
  --col-text-jasny: #1a313c;

  --temp-col-10: #fff;
  --temp-col-20: #000000;
  --temp-col-50: #e2f4e6;
  --temp-col-100: #a5efba;
  --temp-col-200: #84e9a0;
  --temp-col-300: #64e487;
  --temp-col-400: #44de6f;
  --temp-col-450: rgb(38 213 86);
  --temp-col-500: #26d657;
  --temp-col-600: #24af4b;
  --temp-col-700: #1d8e3d;
  --temp-col-800: #166d2f;
  --temp-col-900: #035c1d;
  --temp-col-1000: #181818;
  --temp-col-1100: #313131;
}

* {
  margin: 0;
  padding: 0;
  border-spacing: 0;
}

.text-color {
  color: var(--temp-col-10);
}

.text-color-2 {
  color: var(--temp-col-20);
}

.gold-color {
  color: var(--temp-col-500) !important;
}

.bg-color-main {
  background: var(--temp-col-450);
}

.bg-color-1 {
  background: var(--temp-col-1000);
}

.bg-color-2 {
  background: var(--temp-col-1100);
}

.menu-adam {
  background: none;
  color: var(--temp-col-10);
}

.menu-adam .active {
  background: var(--temp-col-1000);
}

.menu-adam .nav-item .nav-link {
  color: var(--temp-col-20);
}

.menu-adam .nav-item .active {
  background: var(--temp-col-1000);
  color: var(--temp-col-10);
}

.menu-adam .nav-item .nav-link:not(.active) {
  background: linear-gradient(90deg, #1eab45, var(--temp-col-450));
  border: 1px red;
}

.menu-adam .nav-item .nav-link:not(.active):hover {
  background: linear-gradient(0deg, #1eab45, var(--temp-col-450));
  color: var(--temp-col-10);
  border: none;
}

.menu-adam .nav-item {
  display: flex;
  align-items: stretch;
}

.menu-adam .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}

.btn-adam {
  background: var(--temp-col-450);
  border: var(--temp-col-450);
  color: var(--temp-col-20);
}

.btn-adam:hover {
  background: var(--temp-col-1100);
  border: var(--temp-col-1100);
  color: var(--temp-col-10);
}

.pagination .page-item.active .page-link {
  background-color: var(--temp-col-450);
  border-color: var(--temp-col-450);
  color: var(--temp-col-20);
}

.pagination .page-link {
  color: var(--temp-col-450);
}

@import url("new.css");

.pointer {
  cursor: pointer !important;
}

.top-header {
  border-bottom: 1px solid var(--temp-col-300);
}

.form-check-input:checked {
  background-color: #0d6e;
  border-color: #0d6e;
}

.bg-top {
  background-image: url('/images/bg-1920.jpg');
  min-height: 500px;
  background-position: top;
  background-repeat: no-repeat;
  /* background-size: cover; */
}

.content-border {
  border: 1px solid var(--temp-col-400) !important
}

.content-bg {
  background: linear-gradient(0deg, var(--temp-col-700) 0%, var(--temp-col-800) 100%);
}

.width-600 {
  width: 100%;
}

.width-800 {
  width: 100%;
}

.width-1000 {
  width: 100%;
}

.width-1200 {
  width: 100%;
}

.premium-color {
  color: var(--temp-col-600);
}

.bg-image {
  filter: blur(8px) grayscale(.95);
  -webkit-filter: blur(8px) grayscale(.95);
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.3;
  transition: all 0.5s;
}

.bg-image:hover {
  filter: blur(2px) grayscale(.5);
  -webkit-filter: blur(2px) grayscale(.5);
  height: 300px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.75;
  transition: all 0.2s;
}

.bg-text {
  position: absolute;
  top: -300px;
  left: 5px;
  /* transform: translate(-50%, -50%); */
  z-index: 2;
  /* width: 80%; */
  /* padding: 20px; */
  /* text-align: center; */
}

.w-60 {
  width: 60% !important;
}

.scrollbar {
  height: 350px;
  scrollbar-color: var(--temp-col-600) var(--temp-col-200) !important;
}

.chart {
  opacity: 0.75;
  width: 100%;
  height: 280px;
  transition: all 0.5s;
}

.chart:hover {
  opacity: 1;
  transition: all 0.2s;
}

.hover-icon {
  text-shadow: 0px 0px 10px var(--temp-col-900);
  transition: all 1s;
}

.hover-icon:hover {
  text-shadow: 0px 0px 25px var(--temp-col-500);
  transition: all 0.5s;
}


.MsoNormal img {
  border-radius: 15px !important;
  box-shadow: 0 25px 10px -25px #000 !important;
  width: 100%;
}



/* //? -------------MOBILE----------------- */
@media only screen and (max-width: 1279px) {
  .width-600 {
    width: 600px !important;
  }

  .width-800 {
    width: 800px !important;
  }

  .width-1000 {
    width: 1200px !important;
  }

  .width-1200 {
    width: 1200px !important;
  }
}