/*@import url(./cssImports/client/root-color.css);*/
@import url(./cssImports/client/custom-style.css);
@import url(./cssImports/client/modal.css);
@import url(./cssImports/client/navbar.css);
@import url(./cssImports/client/custom-btn.css);
@import url(./cssImports/client/footer.css);
@import url(./cssImports/client/header.css);
@import url(./cssImports/client/form-group.css);
@import url(./cssImports/client/media-query.css);
@import url(./cssImports/client/mobile-sidebar.css);

/*  nav btn */

.nav-btn{
  /* padding:12px !important; */
  border-radius: 10px !important;
  font-size: 16px !important;
  margin-right: 30px !important;
  font-weight: 500  !important;
}

.nav-btn:hover{
  background: var(--hover_nav) !important;
  color: white !important;
  }


*::-webkit-scrollbar-thumb {
  background: var(--bg-mode) !important;
}


*::-webkit-scrollbar {
  width: 0.4em;
}



a {
text-decoration: none;
}

.darkmode-text {
  color: rgb(23, 53, 150) !important;
}

.bg-img {
  width: 100% !important;
  height: 100vh !important;
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center !important;
  background-attachment: fixed !important;

}


.main-color {
  background-color:var(--text-mode);
}


.main-color2 {
  background-color: #434E58;
}


.nav-link:hover {
  background-color: #3D556D;
  transition: 1s;
}


.list-group-item img {
  filter: grayscale(40%);
}

.list-group-item img:hover {
  filter: grayscale(0%);
}


.item .title {
  color: #EDF1F5;
}


.item:hover .title {
  color: #273746;
}






.socials a:hover {
transform:scale(1.08);
transition:.8s;
}

.slider-title{
  position: absolute;
  top: 0;
  left: 0;
  width:70%;    
  height:100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  font-size:30px !important;
  overflow: hidden !important;
}


.postSwiper{
  background:transparent !important;
  
}

.postSwiper .swiper-slide{
  background:transparent !important
}

.postSwiper .swiper-slide img{
  width:130px !important;
  height:80px !important;
}