.tile-image-component {
    .content-block {
        overflow: hidden !important;
        height: 100%;
    }
}

.content-block-body {
    height: 100%;
}

// Tile Settings Divider
.tile-settings-divider hr{
    border-top: 1px solid $gray-300;
    margin-top: 0;
    margin-bottom: 5px;
}

// Adds absolutely positioned footer to components
.tile-blog-component, .tile-policy-component, .tile-discuss-component {

    .js-tile-body-container {
        margin-bottom: 54px;
    }

    .card-footer-pages {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 10;
        background: $gray-100;
    }
}

// Hides border on pages cards
.item-shadow,
.grid-stack .grid-stack-item-content,
.slider-button,
.announcement,
.grid-stack .card.grid-stack-item-content {
    border: none;
}

// Adds card shadow to pages items dependant on theme settings
.item-shadow,
.grid-stack .grid-stack-item-content,
.grid-stack .card.grid-stack-item-content,
.slider-button,
.announcement,
.pages-index .navbar-app {
    box-shadow: var(--theme-card-shadow);
}