/* Social media links */

#social-links .content {
    padding:2em 0
}

.social_block {}

.social_block a {  
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.social_block a:hover {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	-o-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
}


/* Social media feeds */

.social-widget-wrapper {
    width:100%;
}

.social-widget-item {
    width:100%;
    text-align:center;
    margin:.325em 0 auto;
    padding:0;
	height:auto;
	max-height:400px;
	max-width:300px;
	overflow-y:scroll;
	overflow-x:hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
}


.social-widget-item.twitter-feed {
	background:#FFF;
}

.social-widget-outer { 
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	-ms-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:space-around;
	-ms-flex-pack:distribute;
	justify-content:space-around;
	-webkit-align-content:center;
	-ms-flex-line-pack:center;
	align-content:center;
	-webkit-align-items:center;
	-ms-flex-align:center;
	align-items:center;
}

@media all and (min-width:750px) {
    .social-widget-wrapper {
        margin:0 auto;
        text-align:center;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex;
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center;
        -webkit-align-content:center;
        -ms-flex-line-pack:center;
        align-content:center;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center
    }
}

.social-share-wrapper {
    width:300px;
	background: transparent!important;
    padding:0.5em 0;
    margin:0 auto;
    text-align:center;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-align-content:center;
    -ms-flex-line-pack:center;
    align-content:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
}
a.x-share-button {
    background-color: #F3F7FA;
    padding: 5px 10px;
    border: none;
    border-radius: 25px;
    text-decoration: none;
    color: #222;
    display: flex;
    width: 88px;
	text-shadow:none!Important;
    transform: scale(0.8, 0.8);
    transform-origin: center;
    -webkit-transform: scale(0.8, 0.8);
    -moz-transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    -ms-transform: scale(0.8, 0.8);
}

a.x-share-button span {
    padding-left: 4px;
}

a.x-share-button span:last-child {
    font-size: 15px;
    padding-left: 9px;
    padding-top: 1px;
    font-weight: bold;
    letter-spacing: 1px;
}
	a.x-share-button:hover {
		text-decoration:none;
	}


.social-share-item {
    min-width:150px;
	margin:0 auto;
	text-align:center;
}

div.social_block {
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-align-content:center;
    -ms-flex-line-pack:center;
    align-content:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}

div.social_block>a {
    vertical-align:middle;
    width:60px;
    margin:0 auto;
    padding:6px;
    text-align:center;
}


ul.social_block a img {
    width:100%;
    mix-blend-mode:difference;
    text-align:center;
    margin:0 auto!important;
    padding:0!important
}