@import '../../../../assets/scss/abstracts/variables';
@import '../../../../assets/scss/abstracts/mixins';

@property --color-rdg-gambling-center-title {syntax: "<color>";inherits: true;initial-value: #111111;}
@property --color-rdg-gambling-center-article-a {syntax: "<color>";inherits: true;initial-value: #3a96e0;}
@property --color-rdg-gambling-center-article-a-hover {syntax: "<color>";inherits: true;initial-value: #03467d;}

.rdg-blocks .rdg-gambling-center {
    .preview-thumbs {
        background-image: url('../images/rdg-gambling-center-template-preview.jpg');
    }
    .content {
        width: 100%;
        display: flex;
        flex-direction: column;

        .title {
            margin-bottom: 1rem;
            color: var(--color-rdg-gambling-center-title);
        }

        .posts {
            margin-left: 1.5rem;

            article {
                margin-bottom: 1rem;

                a {
                    color: var(--color-rdg-gambling-center-article-a);

                    &:hover {
                        color: var(--color-rdg-gambling-center-article-a-hover);
                    }
                }
            }
        }

        @include message;
    }
}

.acf-block-preview {
    .rdg-gambling-center {
        .posts {
            article {
                a {
                    text-decoration: none;
                }
            }
        }
    }
}
