/************************************
DIVERSE
************************************/

.icon-big-rounded {
    font-size: 40px !important;
}

/************************************
LISTS
************************************/

/* Lists */
.list-inline .list-inline-divider {
    font-weight: bold;
    color: var(--color-links);
}

.list-group-item {
    background: none;
    border: 1px solid #ddd;
}

a.list-group-item {
    text-decoration: none;
}

.list-group-item-sm {
    padding: .75rem .50rem;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    background-color: #f7f8fa;
}

.list-group-flush .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush .list-group-item:last-child {
    border-bottom: 0;
}

.list-group-noborder .list-group-item {
    border: none !important;
    padding: .5rem 0;
}

/************************************
CARDS
************************************/
.card {
  border-color: var(--border-color);
  border-radius: var(--border-radius);
  height: 100%;
}

.card-img,
.card-img-top {
    width: 100%;
    border-radius: 0;
}

/* Card click */
.card-click a.card-title,
.card-click a.card-text-link {
  color: inherit;
  text-decoration: none;
}

  .card-click a.card-title:hover,
  .card-click a.card-title:focus,
  .card-textbox:hover h1,
  .card-textbox:hover h2,
  .card-textbox:hover h3,
  .card-textbox:hover h4,
  .card-textbox:hover h5 {
    text-decoration: none;
  }


.card-click:hover {
  border-color: var(--border-color-medium);
  cursor: pointer;
}

@media (min-width: 768px) {
  .card-click:hover {
    box-shadow: var(--shadow-large);
  }
}

.card[data-has-hover="true"]:hover {
  background-color: var(--hover-background) !important;
}


/* Card btn */
.card-btn {
  border-color: transparent;
}
  .card-btn:hover {
    border-color: var(--border-color);
    background-color: var(--color-light);
    cursor: pointer;
  }

  .card-btn .card-icon {
    font-size: 3rem;
  }

  .card-btn:not(.active) .card-icon {
    color: var(--color-primary)
  }

  .card-btn:not(.active) .card-text {
    color: var(--color-primary)
  }

  .card-btn.active {
    color: var(--color-primary-text);
    border-color: var(--border-color-medium);
    background-color: var(--color-primary-alt-2);
  }

.card-img-overlay {
    color: #fff;
}

/* Card titles */
.card-title {
  font-weight: var(--font-weight-bold-body);
  margin-bottom: 1rem;
}

.card-large-title {
  font-size: 2rem;
  line-height: 2rem;
}

@media (min-width: 769px) {
  .card-article-list .col-image {
        max-width: 290px;
    }
}

.card-img-overlay-bottom {
    bottom: 0;
    top: auto;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.01) 1%, rgba(0,0,0,0.65) 98%, rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.65) 98%,rgba(0,0,0,0.65) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.01) 1%,rgba(0,0,0,0.65) 98%,rgba(0,0,0,0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}

.icon-size-1 {
  font-size: 1.4rem;
}

.icon-size-2 {
  font-size: 2rem;
}

.icon-size-3 {
  font-size: 2.8rem;
}

.icon-size-4 {
  font-size: 3.5rem;
}

.icon-position-left {
  padding-right: 1rem;
}

.icon-position-top {
  padding-bottom: 1rem;
}

.icon-position-right {
  padding-left: 1rem;
}