.block_social a:hover,
.block_social a:hover {
    opacity: 0.7;
}

.block_social .stijl2 .facebook a,
.block_social .stijl4 .facebook a {
    color: #4b70ab;
}

.block_social .stijl2 .linkedin a,
.block_social .stijl4 .linkedin a {
    color: #0087be;
}

.block_social .stijl2 .twitter a,
.block_social .stijl4 .twitter a {
    color: #32b9e7;
}

.block_social .stijl2 .rss a,
.block_social .stijl4 .rss a {
    color: #FB7629;
}

.block_social .stijl2 .vimeo a,
.block_social .stijl4 .vimeo a {
    color: #4dbfe3;
}

.block_social .stijl2 .youtube a,
.block_social .stijl4 .youtube a {
    color: #FF0000;
}

.block_social .stijl2 .googleplus a,
.block_social .stijl4 .googleplus a {
    color: #fa5432;
}

.block_social .stijl2 .mail a,
.block_social .stijl4 .mail a {
    color: #0072C6;
}

.block_social .stijl2 .pinterest a,
.block_social .stijl4 .pinterest a {
    color: #C92228;
}

.block_social .stijl2 .instagram a,
.block_social .stijl4 .instagram a {
    color: #8941a7;
}

.block_social .stijl2 .whatsapp a,
.block_social .stijl4 .whatsapp a {
    color: #25d366;
}

.block_social .stijl2 .shoppingcart a,
.block_social .stijl4 .shoppingcart a {
    color: lightgray;
}

.block_social .stijl2 .calendar a,
.block_social .stijl4 .calendar a {
    color: #e04f4f;
}

.content .block_social a,
.top .block_social a,
.footer .block_social a {
    font-size: 70px;
    margin-left: 5px;
    line-height: 60px;
    color: var(--icon-color);
    text-decoration: none !important;
    display: inline-block;
}

.block_social .stijl1:not(#right_of_screen) a,
.block_social .stijl2:not(#right_of_screen) a {
    padding: 4px;
}

.block_social .square a:not(.btn),
.block_social .round a:not(.btn) {
    font-size: 55px;
}

.block_social .stijl3 .svg-inline--fa,
.block_social .stijl4 .svg-inline--fa {
    vertical-align: text-top;
}

.block_social .stijl3 .fa-whatsapp.svg-inline--fa,
.block_social .stijl4 .fa-whatsapp.svg-inline--fa {
    vertical-align: unset;
}

.block_social .stijl1 .shoppingcart .svg-inline--fa,
.block_social .stijl2 .shoppingcart .svg-inline--fa,
.block_social .stijl1 .calendar .svg-inline--fa,
.block_social .stijl2 .calendar .svg-inline--fa {
    vertical-align: unset;
}

/* WhatsApp button styling */
.block_social #right_of_screen {
    position: fixed;
    right: 0;
    top: 25%;
    vertical-align: initial;
    max-width: 65px;
    z-index: 99999;
    background-color: white;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    padding-left: 3px;
    box-shadow: 0 2px 12px rgba(136, 136, 136, 1);
}

.block_social #right_of_screen span::after {
    position: absolute;
    content: '';
    background-color: white;
    z-index: -1;
}

.block_social #right_of_screen span.square::after,
.block_social #right_of_screen span.round::after {
    margin-top: 8px;
    width: 46.375px;
    height: 46.375px;
    left: 5px;
}

.block_social #right_of_screen span.square>a,
.block_social #right_of_screen span.round>a {
    font-size: 53px !important;
}

.block_social #right_of_screen.stijl1 span::after,
.block_social #right_of_screen.stijl2 span::after {
    border-radius: 10%;
}

.block_social #right_of_screen span.instagram.square::after {
    border-radius: 30%;
}

.block_social #right_of_screen span.calendar::after {
    width: 38.00px;
    height: 28.00px;
    left: 15px;
    margin-top: 20px;
    border-radius: 20% !important;
}

.block_social #right_of_screen.stijl3 span.calendar::after,
.block_social #right_of_screen.stijl4 span.calendar::after {
    margin-top: 17px;
}

.block_social #right_of_screen.stijl3 span.whatsapp::after,
.block_social #right_of_screen.stijl4 span.whatsapp::after {
    margin-left: 12px;
    width: 43.00px;
    height: 43.00px;
    left: 0px;
    margin-top: 3px;
    border-radius: 50%;
}

.socialicons a i {
    top: -4px;
    position: relative;
}

@media (max-width: 767.98px) {
    .block_social #right_of_screen {
        display: none;
    }
}

.block_social .floating-wa:not(.admin_mode) {
    bottom: 15px;
    transition: opacity 0.5s ease 0s;
    position: fixed;
    z-index: 9999999;
    height: 65px;
}

.block_social .floating-wa.left {
    left: 15px;
}

.block_social .floating-wa.right {
    right: 15px;
}

.block_social .floating-wa a,
.block_social .floating-wa a img {
    display: inline-block;
    width: 65px;
    height: 65px;
}

/* Instagram koppeling styling */
.block_social .stijl8 .instagram-feed {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
}

.block_social .stijl8 .instagram-post {
    flex: 1 1 calc(20% - 12px);
    overflow: hidden;
    position: relative;
    padding: 6px;
    /* Smaller padding */
}

.block_social .stijl8 .instagram-post img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    aspect-ratio: 3/4;
}

.block_social .stijl8 .carousel-item img {
    object-fit: cover;
    aspect-ratio: 3/4;
}

.block_social .stijl9 .instagram-feed {
    display: flex;
}

.block_social .stijl9 .instagram-post-large {
    flex: 1;
    overflow: hidden;
    position: relative;
    padding: 8px;
}

.block_social .stijl9 .instagram-post-large img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    aspect-ratio: 3/4;
    /* Ensuring square aspect ratio */
}

.block_social .stijl9 .instagram-small-container {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.block_social .stijl9 .instagram-small-row {
    display: flex;
    flex: 1;
}

.block_social .stijl9 .instagram-post-small {
    flex: 1;
    overflow: hidden;
    position: relative;
    padding: 8px;
}

.block_social .stijl9 .instagram-post-small img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    aspect-ratio: 3/4;
}

/* Show instagram-feed only on screens wider than 992px */
@media (max-width: 991.98px) {

    .block_social .stijl8 .instagram-feed,
    .block_social .stijl9 .instagram-feed {
        display: none;
    }
}

/* Show mobielCarousel only on screens smaller than 992px */
@media (min-width: 992px) {

    .block_social .stijl8 .carousel,
    .block_social .stijl9 .carousel {
        display: none;
    }
}