﻿.featured-news-tile:not(:last-child) {
    border-right: 1px solid rgba(var(--skobeloff-rgb, 0, 110, 105), 0.3);
}

.featured-news-item {
    position: relative;
    height: 90px;
    padding: 8px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
    z-index: 1;
}

    .featured-news-item:hover, .featured-news-item:focus {
        background-color: var(--navy-hex, #08313f);
        border-radius: var(--radius, 0.313rem);
        box-shadow: var(--shadow);
    }

    .featured-news-item .title h6 {
        color: var(--skobeloff-hex, #006e69);
        display: block;
        height: 40px;
        overflow: hidden;
    }

    .featured-news-item .title p {
        color: var(--skobeloff-hex, #006e69);
    }

    .featured-news-item:hover .title h6 {
        color: var(--white-hex, #ffffff);
    }

    .featured-news-item:hover .title p {
        color: var(--white-hex, #ffffff);
    }

    .featured-news-item .image {
        text-align: center;
        justify-content: center;
        align-items: center;
        display: flex;
    }

        .featured-news-item .image .wrapper {
            position: relative;
            width: 120px;
            height: 70px;
            overflow: hidden;
            border-radius: var(--radius, 0.313rem);
        }

            .featured-news-item .image .wrapper img {
                position: absolute;
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: var(--radius, 0.313rem);
            }

    .featured-news-item .edit-mode-wrapper {
        position: absolute;
        display: inline-block;
        width: 100%;
        bottom: 0;
        right: 0;
        text-align: end;
        justify-content: end;
    }

    .featured-news-tile .custom-dropdown {
        position: absolute;
        overflow: scroll;
        padding-top: 10px;
        min-width: 300px;
        max-height: 300px;
        box-sizing: border-box;
        background: var(--white-hex, #ffffff);
        border: 1px solid var(--light-hex, #e3e3e3);
        border-radius: var(--radius, 0.313rem);
        box-shadow: var(--shadow, 0 0.5rem 1rem rgba(0, 0, 0, 0.15));
        z-index: 100;
    }

    .featured-news-tile .custom-dropdown .custom-dropdown-item {
        padding: 5px 15px;
    }

        .featured-news-tile .custom-dropdown .custom-dropdown-item:hover {
            color: var(--white-hex, #ffffff);
            background-color: var(--teal-hex, #2eb5b2);
        }

        .featured-news-tile .custom-dropdown .custom-dropdown-item label {
            margin-bottom: 0;
        }

    .featured-news-tile .custom-dropdown .clickable:hover {
        cursor: pointer;
    }

.featured-news-tile .featured-search-icon {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background-color: transparent;
    padding: 8px 3px;
    transition: all 0.3s ease;
    z-index: 9;
}
