.social-menu{
    position: absolute;
    left: -50px;
    top: 30%;
  }

.menu-social-menu-container{
    position: fixed;
    z-index: 999;
    background: $menu-color;
   #social-menu {
        ul{
            list-style: none; 
            display: inline-block;
         }
        a {
            content: "";
            position: relative;
            color: transparent;
            display: inline-block;
            width: 40px;
            overflow: hidden;
            
           
        }
        a:after {
            text-indent: 0;
            display: block;
            float: left;
            font-family: "Font Awesome 5 Brands";
            font-weight: 400;
            visibility: visible;
            font-size: 16px;
            position: absolute;
            top: 0;
        }
        a[href*="twitter.com"] {
            &:after {
                content: "\f099";
                color: #fff;
                background: #00aced;
            }
        }
        
        a[href*="github.com"] {
            &:after {
                content: "\f09b";
                color: black;
            }
        }
        
        a[href*="linkedin.com"] {
            &:after {
                content: "\f0e1";
                background: #007bb6;
                color: #fff;
            }
        }
        
        a[href*="instagram.com"] {
            &:after {
                content: "\f16d";
                color: #fff;
                background:#cd486b; 
            }
        }
        
        
        a[href*="facebook.com"] {
            &:after {
                content: "\f39e";
                color: #fff;
               background: #517fa4;
            }
        }
        
        a[href*="pinterest.com"] {
            &:after {
                content: "\f0d3";
                color: #fff;
                background: #517fa4;
            }
        }
        a[href*="tumbler.com"] {
            &:after {
                content: "\f174";
                color: #517fa4;
            }
        }
        a[href*="wordpress.com"] {
            &:after {
                content: "\f39e";
                color: #517fa4;
            }
        }
        
        a[href*="wordpress.org"] {
            &:after {
                content: "\f19a";
                color: #517fa4;
            }
        }
        a[href*="youtube.com"] {
            &:after {
                content: "\f431";
                color: #517fa4;
            }
        }
        a[href*="wikipedia.com"] {
            &:after {
                content: "\f266";
                color: #517fa4;
            }
        }
        
        
        a[href$="/feed/"] {
            &:after {
                text-indent: 0;
                display: block;
                float: left;
                font-family: "Font Awesome 5 Free";
                font-weight: 900;
                content: "\f09e";
                color: #ff9900;
            }

        }
        a:after{
            background: #fff;
        }
    }
    
}

.menu-social-menu-container #social-menu a:after{
    padding: 6px 12px;
    border-radius: 20%;
    position: relative;
    background: #fff;
  
}
#social-menu a:after{
    background: $menu-color !important;
    color: #fff !important;
}

@media only screen and(max-width:992px){
    .search-form{
        display: none;
    }
}