/*default*/
.utuwb-social-share-wrap {
    min-width: 100%;
    margin: 0 -10px -10px 0;
}
.utuwb-social-share-networks-wrap {
    display: flex;
    flex-wrap: wrap;
}

.utuwb-social-share-network{
    padding: 0 10px 10px 0;
}

.utuwb-social-share {
    display: inline-flex;
}

.utuwb-network-icon i {
    width: 1em;
    height: 1em;
    position: relative;
    display: block;
    text-align: center;
}
.utuwb-social-share-network a {
    display: block;
}
.utuwb-social-share-network.utuwb-icon-only a {
    display: inline-block;
}
.utuwb-social-share-network .utuwb-social-share {
    width: 100%;
}
.utuwb-social-share .utuwb-network-icon,
.utuwb-social-share .utuwb-network-label,
.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-social-share,
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-social-share{
    background-color: #0170b9;
    color: #0170b9;

}
.utuwb-social-share .utuwb-network-icon,
.utuwb-social-share .utuwb-network-label{
    line-height: 1;
    font-size: 13px;
    transition: all 0.3s;
}
.utuwb-social-share .utuwb-network-label{
    width: 100%;
}
.utuwb-social-share-network.utuwb-icon-only .utuwb-network-icon,
.utuwb-social-share-network.utuwb-text-only .utuwb-network-label {
    color: #fff;
    padding: 10px;
}
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-social-share {
    background-color: #0170b9;
    color: #0170b9;

}
.utuwb-social-share-wrap.utuwb-column-1 .utuwb-social-share-network {
    width: 100%;
}
.utuwb-social-share-wrap.utuwb-column-2 .utuwb-social-share-network {
    width: 50%;
}
.utuwb-social-share-wrap.utuwb-column-3 .utuwb-social-share-network {
    width: 33.33%;
}
.utuwb-social-share-wrap.utuwb-column-4 .utuwb-social-share-network {
    width: 25%;
}
.utuwb-social-share-wrap.utuwb-column-5 .utuwb-social-share-network {
    width: 20%;
}
.utuwb-social-share-wrap.utuwb-column-6 .utuwb-social-share-network {
    width: 16.66%;
}
/*---------layout 1----------*/

.utuwb-social-share-wrap.utuwb-layout-1 .utuwb-network-icon,
.utuwb-social-share-wrap.utuwb-layout-1 .utuwb-network-label{
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    min-height: 30px;
    color: #fff;
}
.utuwb-social-share-wrap.utuwb-layout-1 .utuwb-network-label {
    padding: 0 10px;
    border-left: 1px solid #fff;
    justify-content: flex-start;
}
/*-------------layout 2------------*/
.utuwb-social-share-wrap.utuwb-layout-2 .utuwb-network-icon {
    min-width: 40px;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 10px 0;
    color: #fff;
}

.utuwb-social-share-wrap.utuwb-layout-2 .utuwb-social-share {
    flex-direction: column;
    align-items: flex-start;
}

.utuwb-social-share-wrap.utuwb-layout-2 .utuwb-network-label {
    background: transparent;
    width: auto;
}

/*---------layout 3----------*/

.utuwb-social-share-wrap.utuwb-layout-3 .utuwb-network-icon,
.utuwb-social-share-wrap.utuwb-layout-3 .utuwb-network-label{
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    min-height: 30px;
}
.utuwb-social-share-wrap.utuwb-layout-3 .utuwb-network-icon{
    color: #fff;
}
.utuwb-social-share-wrap.utuwb-layout-3 .utuwb-network-label {
    background-color: transparent;
    justify-content: flex-start;
    width: auto;
}
.utuwb-social-share-wrap.utuwb-layout-3 .utuwb-network-icon~.utuwb-network-label {
    padding: 0 0 0 15px;
}
/*---------layout 4 and 5-------------*/
.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-network-icon,
.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-network-label,
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-network-icon,
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-network-label{
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    min-height: 30px;
}

.utuwb-social-share-wrap.utuwb-layout-4,
.utuwb-social-share-wrap.utuwb-layout-5 {
    display: flex;
    align-items: center;
}

.utuwb-share-button {
    padding: 0 10px 10px 0;
    margin-right: 15px;
    display: inline-flex;
    flex-basis: initial;
    line-height: 1;
}

.utuwb-share-button .utuwb-share-icon {
    margin-right: 10px;
}

.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-network-icon,
.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-network-label,
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-network-icon,
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-network-label {
    background: transparent;
}
.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-network-icon,
.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-network-label{
    border: 1px solid currentColor;
    transition: all 0.3s;

}
.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-network-icon~.utuwb-network-label{
    border-left: 0;
}
.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-social-share-network .utuwb-social-share:not(:hover){
    background-color: transparent;   
}
.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-social-share-network .utuwb-social-share:hover div[class*="utuwb-network"]{
    color: #fff;   
}
.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-network-label,
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-network-label{
    padding: 0 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-social-share-networks-wrap,
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-social-share-networks-wrap{
    width: 100%;
}
/*--------------layout 5-------------*/
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-social-share-network .utuwb-social-share div[class*="utuwb-network"]{
    color: #fff;   

}
.utuwb-social-share-wrap.utuwb-layout-5 {
    overflow: hidden;
    margin: 0;
    align-items: stretch;
}
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-share-button {
    position: relative;
    background-color: #0170b9;
    color: #fff;
    padding: 10px;
    height: auto;
    min-height: 30px;
    font-size: 13px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    z-index: 1;
    cursor: pointer;
}

.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-social-share-network {
    padding: 0;
}
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-social-share-networks-wrap{
    transform: translateX(-150%);
    transition: all 0.3s;
    line-height: 1;
}
.utuwb-social-share-wrap.utuwb-layout-5.utuwb-active .utuwb-social-share-networks-wrap {
    transform: translateX(0%);
}

.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-social-share-network>a,
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-social-share-network .utuwb-social-share {
    height: 100%;
    width: 100%;
    align-items: center;
}
/*social color*/
.utuwb-social-share-facebook .utuwb-network-icon,
.utuwb-social-share-facebook .utuwb-network-label,
.utuwb-social-share-facebook-f .utuwb-network-icon,
.utuwb-social-share-facebook-f .utuwb-network-label,
.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-social-share-facebook,
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-social-share-facebook {
    background-color: #3b5998;
    color: #3b5998;
}
.utuwb-social-share-twitter .utuwb-network-icon,
.utuwb-social-share-twitter .utuwb-network-label,
.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-social-share-twitter,
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-social-share-twitter {
    background-color: #1da1f2;
    color: #1da1f2;
}
.utuwb-social-share-pinterest .utuwb-network-icon,
.utuwb-social-share-pinterest .utuwb-network-label,
.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-social-share-pinterest,
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-social-share-pinterest {
    background-color: #bd081c;
    color: #bd081c;
}
.utuwb-social-share-linkedin .utuwb-network-icon,
.utuwb-social-share-linkedin .utuwb-network-label,
.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-social-share-linkedin,
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-social-share-linkedin {
    background-color: #0077b5;
    color: #0077b5;
}
.utuwb-social-share-tumblr .utuwb-network-icon,
.utuwb-social-share-tumblr .utuwb-network-label,
.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-social-share-tumblr,
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-social-share-tumblr {
    background-color: #35465c;
    color: #35465c;
}
.utuwb-social-share-reddit .utuwb-network-icon,
.utuwb-social-share-reddit .utuwb-network-label,
.utuwb-social-share-wrap.utuwb-layout-4 .utuwb-social-share-reddit,
.utuwb-social-share-wrap.utuwb-layout-5 .utuwb-social-share-reddit {
    background-color: #ff4500;
    color: #ff4500;
}