/************************************
BLOCK EDITOR
************************************/

.block {
  padding: var(--block-padding) 0 var(--block-padding) 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

  .block.block-compact-top {
    padding-top: 0 !important;
  }

  .block.block-compact-bottom {
    padding-bottom: 0 !important;
  }

.block-content > *:last-child {
  margin-bottom: 0;
}

.container-no-padding-sides,
.column-no-padding-sides {
  padding-left: 0;
  padding-right: 0;
}
/************************************
GRID
************************************/
.block.block-grid {
  padding: var(--block-padding) 0 calc(var(--block-padding) - var(--grid-col-margin));
}

.grid-row + .grid-row {
  margin-top: calc(var(--block-padding));
  padding-top: calc(-1 * var(--block-padding));
}

.grid-col {
  margin-bottom: var(--grid-col-margin);
}

.grid-col > div + div {
  margin-top: var(--grid-col-margin);
}

.grid-row-inner > .grid-col:last-child{
  margin-bottom: 0;
}

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

/* Lists */
.list-group-item {
  border-width: 1px;
  border-style: solid;
  border-color: var(--border-color);
}

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

.list-group.list-group-sm .list-group-item {
  padding: 7.6px 5px;
}

.list-group.list-group-lg .list-group-item {
  padding: 1.75rem 1rem;
}

.list-group-item .list-group-item-title {
  font-size: var(--font-size-h5);
}

a.list-group-item:hover .list-group-item-title,
a.list-group-item:focus .list-group-item-title {
  color: var(--color-links);
}

.list-group-item-link:after {
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -23px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 30px;
  content: "\f105";
  color: var(--color-links);
  margin-left: 20px;
}

.list-group-item-link.icon-external-link:after {
  content: "\f08e";
}

.list-group-item-link.icon-angle-right:after {
  content: "\f105";
}

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

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

/************************************
CARDS
************************************/
.card {
  border-color: var(--border-color);
  border-radius: var(--border-radius);
  border-width: 2px;
}

@media (max-width:575px) {
  .card-img-flex {
    max-width: 100px;
    display: block;
  }
}

@media (min-width:576px) {
  .card-img-flex {
    max-width: 140px;
  }
}

/*.card-img, .card-img-top {
  border-radius: 0 !important;
}*/

/* Card icons */
.card-icon {
  color: var(--color-primary);
  line-height: 0;
}

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

.icon-size-medium {
  font-size: 1.7rem;
}

.icon-size-large {
  font-size: 2.7rem;
}

.icon-align-top {
  margin-bottom: 1rem;
}

@media (max-width:767px) {
  .icon-align-left {
    padding-right: 1rem;
  }

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

@media (min-width:768px) {
  .icon-align-left {
    padding-right: 1rem;
  }

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

/* Card textbox */
.card-textbox h1,
.card-textbox h2,
.card-textbox h3,
.card-textbox h4,
.card-textbox h5{
  margin-bottom: 0;
}
/* Card label */
.card-badge {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 1;
  width: fit-content;
  color: #fff;
  font-size: .7rem;
  padding: .5rem 1rem;
  border-radius: 0 var(--border-radius) var(--border-radius) 0;
}

.card-badge.card-badge-relative {
  position: relative;
}

/* Card titles */
.card-title {
  font-size: var(--font-size-h5);
  display: block;
  margin-bottom: 0;
}

.card-title + * {
  margin-top: 1rem;
}

/* 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 {
    color: var(--color-links);
    text-decoration: none;
  }

.card-click:hover {
  border-color: var(--color-primary);
}

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

.card-click:hover .card-btn {
  color: #fff !important;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.card-text p:last-child {
  margin-bottom: 0;
}

.card-footer {
  border: none;
  background-color: transparent;
}