:root {
    --bs-white: #fff;
    --bs-dark: #2e3442;
}
/*****************************************************************
 * DEFAULT - START
 ****************************************************************/
.media-copyright {
    font-size: calc(var(--font-size-copy) * 0.8);
    text-align: left;
 }

.media-copyright {
    position: absolute;
    bottom: 5px;
    right: 5px;
    display: flex;
    align-items: center;
    padding: 5px;
    background-color: var(--bs-dark);
    color: var(--bs-white);
    transition: all 0.3s ease;
}

.media-copyright i {
    order: 1;
}

.media-copyright i + .media-copyright-description {
    margin-right: 0.25rem;
}

.media-copyright .media-copyright-description {
    display: none;
    white-space: nowrap;
    font-size: 0.75rem;
    line-height: 1;
}

.media-copyright:hover .media-copyright-description,
.media-copyright:focus .media-copyright-description {
    display: block;
}
/*****************************************************************
 * DEFAULT - END
 ****************************************************************/
/*****************************************************************
 * TILE - START
 ****************************************************************/
.tile:hover .media-copyright,
.tile:focus .media-copyright {
    bottom: 15px;
    right: 20px;
}

.tile-image {
    position: relative;
}
/*****************************************************************
 * TILE - END
 ****************************************************************/
/*****************************************************************
 * TILE: HORIZONTAL - START
 ****************************************************************/
.kwp-tiles-horizontal .tile .media-copyright {
    bottom: unset;
    top: 5px;
}

.kwp-tiles-horizontal .tile:hover .media-copyright,
.kwp-tiles-horizontal .tile:focus .media-copyright {
    bottom: unset;
    top: 15px;
}
/*****************************************************************
 * TILE: HORIZONTAL - END
 ****************************************************************/
/*****************************************************************
 * TILE: GALLERY - START
 ****************************************************************/
.kwp-tiles-gallery .tile:hover .media-copyright,
.kwp-tiles-gallery .tile:focus .media-copyright {
    bottom: 5px;
    right: 5px;
}
/*****************************************************************
 * TILE: GALLERY - END
 ****************************************************************/
/*****************************************************************
 * HERO SLIDER - START
 ****************************************************************/
.kwp-hero-wrapper .media-copyright {
    z-index: 1;
}
/*****************************************************************
 * HERO SLIDER - END
 ****************************************************************/
/*****************************************************************
 * LOCATION FILTER - START
 ****************************************************************/
.item-tile:hover .item-image .media-copyright,
.item-tile:focus .item-image .media-copyright {
    display: none;
}

.item-tile .item-overlay .media-copyright {
    z-index: 1;
}

.item-tile:hover .item-overlay .media-copyright .media-copyright-description,
.item-tile:focus .item-overlay .media-copyright .media-copyright-description {
    display: block;
}
/*****************************************************************
 * LOCATION FILTER - END
 ****************************************************************/