.raadtac-social-grid {
    width: 100%;
    box-sizing: border-box;
}
.raadtac-social-grid--parent { width: 100%; max-width: none; }
.raadtac-social-grid--viewport {
    width: 100vw;
    max-width: none;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}
.raadtac-social-grid__inner {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}
.raadtac-social-grid__heading-wrap { text-align: center; }
.raadtac-social-grid__title {
    margin: 0;
    padding: 0;
    line-height: 1.2;
    letter-spacing: .18em;
    font-weight: 400;
}
.raadtac-social-grid__handle {
    display: block;
    margin: 4px 0 0;
    padding: 0;
    color: inherit;
    text-decoration: none;
    line-height: 1.2;
    letter-spacing: .18em;
}
.raadtac-social-grid__grid {
    --raadtac-social-columns: 4;
    --raadtac-social-ratio: 1 / 1;
    --raadtac-social-mobile-card-width: 84%;
    --raadtac-social-mobile-side-padding: 16px;
    display: grid;
    grid-template-columns: repeat(var(--raadtac-social-columns), minmax(0, 1fr));
    width: 100%;
    box-sizing: border-box;
    align-items: start;
}
.raadtac-social-grid__card {
    display: block;
    min-width: 0;
    color: inherit;
    text-decoration: none;
}
.raadtac-social-grid__media {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.raadtac-social-grid__grid--forced .raadtac-social-grid__media {
    aspect-ratio: var(--raadtac-social-ratio);
}
.raadtac-social-grid__grid--natural .raadtac-social-grid__media {
    aspect-ratio: auto;
}
.raadtac-social-grid__image {
    display: block;
    width: 100% !important;
    transition-property: transform;
    transition-duration: 300ms;
    transition-timing-function: ease;
}
.elementor .raadtac-social-grid__media > img.raadtac-social-grid__image {
    width: 100% !important;
    max-width: 100% !important;
}
.raadtac-social-grid__grid--forced .raadtac-social-grid__image {
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover;
    object-position: center center;
}
.raadtac-social-grid__grid--natural .raadtac-social-grid__image {
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    object-position: center center !important;
}
.raadtac-social-grid__overlay {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 300ms;
    transition-timing-function: ease;
    pointer-events: none;
}
.raadtac-social-grid__icon {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(.88);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    opacity: 0;
    transition-property: opacity, transform;
    transition-duration: 300ms;
    transition-timing-function: ease;
    pointer-events: none;
}
.raadtac-social-grid__icon i,
.raadtac-social-grid__icon svg { display: block; }
.raadtac-social-grid__card:hover .raadtac-social-grid__overlay,
.raadtac-social-grid__card:focus-visible .raadtac-social-grid__overlay { opacity: 1; }
.raadtac-social-grid__card:hover .raadtac-social-grid__icon,
.raadtac-social-grid__card:focus-visible .raadtac-social-grid__icon {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
@media (hover: none) {
    .raadtac-social-grid__card:active .raadtac-social-grid__overlay { opacity: 1; }
    .raadtac-social-grid__card:active .raadtac-social-grid__icon { opacity: 1; transform: translate(-50%, -50%) scale(1); }
}
@media (max-width: 767px) {
    .raadtac-social-grid__grid--mobile-scroll {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        padding-left: var(--raadtac-social-mobile-side-padding);
        padding-right: var(--raadtac-social-mobile-side-padding);
        -webkit-overflow-scrolling: touch;
        scroll-behavior: auto;
        scrollbar-width: none;
        box-sizing: border-box;
    }
    .raadtac-social-grid__grid--mobile-scroll::-webkit-scrollbar { display: none; width: 0; height: 0; }
    .raadtac-social-grid__grid--mobile-scroll > .raadtac-social-grid__card,
    .raadtac-social-grid__grid--mobile-scroll > a.raadtac-social-grid__card {
        flex: 0 0 var(--raadtac-social-mobile-card-width);
        width: var(--raadtac-social-mobile-card-width);
        max-width: var(--raadtac-social-mobile-card-width);
        min-width: 0;
    }
}