/**
 * Instagram Feed Component Styles
 *
 * @package JPK
 */

.instagram-feed {
    .instagram-feed-wrapper {
        justify-content: space-between;
        align-items: flex-end;
        margin-bottom: var(--spacing-md);
    }
    .instagram-feed-heading {
        @media (max-width: 576px) {
            width: 100%;
        }
        h2 {
            margin-bottom: 0px;

            @media (max-width: 576px) {
                text-align: center;
                margin-bottom: var(--spacing-sm);
            }
        }
    }
    .instagram-feed-link {
        padding-left: 20px;

        @media (max-width: 576px) {
            padding-left: 0px;
            margin: 0px auto;
        }
    }
    #sb_instagram.sbi_col_4 #sbi_images {
        @media (max-width: 992px) {
            grid-template-columns: repeat(3, 1fr);
        }
        @media (max-width: 768px) {
            grid-template-columns: repeat(2, 1fr);
        }
        @media (max-width: 576px) {
            grid-template-columns: repeat(1, 1fr);
        }
        .sbi_item {
            &:last-of-type {
                @media (max-width: 992px) {
                    display: none;
                }
            }
            &:nth-last-child(2) {
                @media (max-width: 768px) {
                    display: none;
                }
            }
            &:nth-last-child(3) {
                @media (max-width: 576px) {
                    display: none;
                }
            }
        }
    }
}