/* --- New Songs
-------------------------------------------------------- */
.wp-block-new-songs {
    .swiper-wrapper {
        overflow: hidden;
        border-radius: 12px;
    }
}

.wp-block-music-playlist,
.wp-block-upcoming-events {
    .wp-block-media-text__media {
        img {
            overflow: hidden;
            border-radius: 12px;
        }
    }
}


/* --- Upcoming Events
-------------------------------------------------------- */

.wp-block-upcoming-events,
.wp-block-latest-news {
    .wp-block-button__link {
        margin-top: 0;;
    }

    a {
        text-decoration: none;
    }
}

.event-lists {
    .event-list {
        .event-details {
            justify-content: space-between;
            align-items: center;
            display: flex;
        }
        .event-btn {
            grid-area: span 1 / span 1 / span 1 / span 1;
        }
        .event-location {
            flex: 1;
            margin-right: 20px;
        }
        .event-date {
            margin-right: 20px;
        }
    }
}

@media screen and (max-width: 767px) {

    .event-lists {
        .event-list {
            .event-details {
                grid-column-gap: 0px;
                    grid-row-gap: 0px;
                    grid-template-rows: auto auto;
                    grid-template-columns: 1fr 1fr;
                    grid-auto-columns: 1fr;
                            grid-auto-flow: column;
                    justify-items: end;
                    display: grid;
            }
            .event-date,
            .event-location {
                justify-self: start;
            }
            .event-btn {
                grid-area: span 2 / span 1 / span 2 / span 1;
            }
        }
    }
}


@media screen and (max-width: 640px) {

        .event-lists {
            .event-list {
                .event-details {
                    grid-template-rows: auto auto auto;
                    grid-template-columns: 1fr;
                }
            }
        }
}

@media screen and (max-width: 479px) {

    .event-lists {
        .event-list {
           .event-btn {
                grid-area: span 1 / span 1 / span 1 / span 1;
                justify-self: start;
            }
        }
    }
}


/* New Songs */
.song-lists {
    ul {
        list-style-type: none;
        counter-reset: li;
        li {
            list-style: none;
            padding-bottom: 21px;
            margin-bottom: 21px;
            border-bottom: 1px solid var(--wp--preset--color--border-default-color);

            a {
                text-decoration: none;
            }
            &:before {
                counter-increment: li;
                content: counter(li, decimal-leading-zero) " ";
                color: var(--wp--preset--color--foreground);
                margin-right: 0.25em;
                opacity: .3;
                font-size: var(--wp--preset--font-size--upper-heading)
            }
            a {
                transition: 0.3s;
                &:after {
                    content: "\2192";
                    transform: translateX(-30px);
                    opacity: 0;
                    padding-left: 5px;
                    transition: 0.3s;
                    display: inline-block;
                    font-weight: 700;
                }
                &:hover {
                    &:after {
                        transform: translateX(0);
                        opacity: 1;
                    }
                }
            }
        }
        > li.block-editor-block-list__block {
            display: flex;
            align-items: center;
            gap: 5px;
        }
    }
}

.wp-block-new-songs {
    .wp-block-columns {
        gap: 60px;
    }
}

.wp-block-latest-videos {
    .fse-slider-wrapper {
        .wp-block-fse-pro-slider {
            .wp-block-embed {
                background-color: var(--wp--preset--color--border-default-color);
                border-radius: 16px;
                overflow: hidden;
                iframe {
                    border-radius: 16px;
                    overflow: hidden;
                }
            }
        }
        .swiper-button {
            background: var(--wp--preset--color--border-default-color);
            color: var(--wp--preset--color--foreground);
            &:hover {
                background: var(--wp--preset--color--foreground);
                color: var(--wp--preset--color--background);
            }
            &:after {
                font-size: 13px;
            }
        }
        .swiper-button-prev {
            left: -22px;
            &:after {
                margin-left: 14px;
            }
        }
        .swiper-button-next {
            right: -22px;
            &:after {
                margin-right: 14px;
            }
        }

    }
    .music-bg-design {
        position: relative;
        &:before {
            content: "";
            background-color: var(--wp--preset--color--secondary);
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: calc(100% + 80px);
            height: 80%;
            display: block;
            position: absolute;
            border-radius: 16px;
        }
    }
}

.album-singles {
    .wp-block-image {
        border-radius: 16px;
        overflow: hidden;
    }
    a {
        text-decoration: none;
    }
}


.wp-block-team-band {
    .wp-block-social-links.is-style-logos-only {
        gap: 0px !important;
        .wp-block-social-link-anchor {
            border-radius: 50%;
            svg {
                height: 18px;
                width: 18px;
            }
        }

    }
}

