/* Clubbin cards */

.clubbin-card, .clubbin-card-skeleton {
  height: 554px;
  width: 345px;
}

.card-logo {
  /* min-width: 100px;
  max-width: 200px; */
  width: 100px;
}
  
.clubbin-card-button {
  height: 50px;
  border-radius: 2px;
}
  
#loadMore {
  height: 35px;
}
  
.loadmore {
  background-image: linear-gradient(to top, #ffffff, #ffffff, #ffffffe8, #ffffff82);
  height: 30px;
  position: absolute;
  bottom: 62px;
}

.cardsContainer .scrollableContent::-webkit-scrollbar {
  background: transparent; /* Chrome/Safari/Webkit */
  width: 0px;
}

/* Skeletons (for clubbin cards) */


.skeleton-card-image {
  width: 100%;
  padding-top: 70%;
}
  
.skeleton-card-logo {
  width: 100px;
  padding-top: 15%;
}
  
.skeleton-card-line-1 {
  width: 90%;
  height: 12px;
}
.skeleton-card-line-2 {
  width: 60%;
  height: 12px;
}
  
.skeleton-card-btn {
  width: 100%;
  padding-top: 15%;
}
  
.block-section .block-section-title {
  margin-right: 2px;
  margin-left: 2px;
}
  
.expandable.expanded .overflow-scroll {
  overflow: visible!important;
}
  
.expandable.expanded.clubbin-card {
  height: auto!important;
}

.clubbin-card.expandable p {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: initial;
  overflow: hidden;
}

.overflow-clubbin-container{
  -ms-overflow-style: none;  /* Internet Explorer 10+ */
  scrollbar-width: none;  /* Firefox */
}
.overflow-clubbin-container::-webkit-scrollbar { 
  display: none;  /* Safari and Chrome */
}