.insta{
    margin-top:50px;
    padding:10px;
    background-color: $white-color;
    overflow: hidden;
    .insta-title{
        margin-bottom: 15px;
        text-align: center;
        svg{
            margin-right: 10px;
        }
        h3{
            @include display-flex(flex);
            @include justify-content-center;
            @include align-items-center;
            font-size: 1.5rem;
            font-weight: 400;
        }
    }
    .widget_instagram-feed-widget{
        margin-top:1.2rem;
    } 
    #sb_instagram .sb_instagram_header a {
        @include display-flex(flex);
        @include justify-content-center;
        @include align-items-center;
        width: 100%;
    }
    #sb_instagram{
        #sbi_load{
            margin-top:.6125rem;
            .sbi_load_btn{
                background-color: $pink-color;
            }
            .sbi_follow_btn{
                a{
                    background-color: $orange-color;
                    &:hover{
                        background-color: $pink-color;
                    }
                }
            }
        }
        .sb_instagram_header .sbi_header_img{
            background-color: transparent;
            border:1px solid $border-color;
            svg{
                color:$body-color !important;
            }
        }
    }
    
    .insta-item{
        padding:5px;
        figure{
            position: relative;
            margin:0 0 .6125rem 0;
            figcaption{
                position:absolute;
                width: 0;
                height: 100%;
                content:'';
                top:0;
                bottom:0;
                left:0;
                background-color: rgba($pink-color,.7);
                visibility: hidden;
                opacity: 0;
                @include transition(width .7s ease-in-out);
                @include display-flex(flex);
                @include justify-content-center;
                @include align-items-center;
                @include flex-direction-column(column);
                z-index: 1;
                .icons{
                    @include display-flex(flex);
                    @include justify-content-center;
                    @include align-items-center;
                    a{
                        color:$white-color;
                        position: relative;
                        z-index: 2;
                        margin:0 auto;
                        text-align: center;
                        &:not(:last-child){
                            margin-right: 10px;
                        }
                    }
                }
                
            }
            &:hover{
                figcaption{
                    right:0;
                    visibility: visible;
                    opacity: 1;
                    width: 100%;
                }
            }
        }
    }
    .insta-slider{
        .slick-dotted.slick-slider {
            margin: 0;
        }
    }
}