/*************************

Styles for the buttons.
@Vivek Kumar Poddar
https://wpvkp.com/add-social-media-sharing-buttons-to-wordpress-without-plugin/

*************************/

.social-box {
    display: block;
padding: 0 0.5rem 0;
margin: 60px auto 30px auto;
}

.social-box:last-of-type {
    margin: 0 0 2px;
}

.social-btn {
    display: block;
    width: 100%;
}

a.col-2.sbtn span {
    display: none;
}

a.col-1.sbtn {
width: 115px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    padding: 6px;
    color: #fff;
    margin: 0.5% 0.5% 0 0;
    font-size: 14px;
}

a.col-1.sbtn span {
    margin: 0 0 0 8px;
}

a.col-2.sbtn {
    width: 6%;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    padding: 10px;
    color: #fff;
    margin: 0 0.5% 0 0;
    line-height: 1.825 !important;
    max-width: 50px;
    min-width: 50px;
}

.s-twitter {
	background: #03A9F4;
}
.s-twitter::before {
    font-family: fontawesome;
    content: '\f099';
}
.s-twitter:hover {
    background: #0281bb;
}


.s-facebook {
	background: #3F51B5;
}
.s-facebook::before {
    font-family: fontawesome;
    content: '\f09a';
}
a.col-1.sbtn.s-facebook:hover {
    background: #2f409f;
}

.s-url::before {
    font-family: fontawesome;
    content: '\f0c1';
}

.s-urlcopypaste {
    margin: auto auto auto 2px;
	}
.s-urlcopypaste::before {
    font-family: fontawesome;
    padding: 5px 4px 8px 2px;
    content: '\f0c5';
}
.copypasteinput { display: inline-block; }
#copy-text { background: #eaeaea; margin: auto auto auto 2px;}
#copy-text:hover {  background: #cae9ff; }



.s-whatsapp {
	background: #4CAF50;
}
.s-whatsapp::before {
    font-family: fontawesome;
    content: '\f232';
}
a.s-whatsapp:hover {
    background: #39843c;
}



.s-linkedin {
	background: #1a7baa;
}
.s-linkedin::before {
    font-family: fontawesome;
    content: '\f0e1';
}
a.s-linkedin:hover {
    background: #136288;
}


.s-pinterest {
	background: #bd081c;
}
.s-pinterest::before {
    font-family: fontawesome;
    content: '\f231';
}
a.s-pinterest:hover {
    background: #8c0615;
}






/*CUSTOM*/
.s-messenger {
	background: #006AFF;
}
.s-messenger::before {
    font-family: fontawesome;
    content: '\f39f';
}
a.s-messenger:hover {
    background: #0056d0;
}


.s-telegram {
	background: #0088cc;
}
.s-telegram::before {
    font-family: fontawesome;
    content: '\f3fe';
}
a.s-telegram:hover {
    background: #006ba0;
}



.s-instagram {
	background: #8a3ab9;
}
.s-instagram::before {
    font-family: fontawesome;
    content: '\f16d';
}
a.s-instagram:hover {
    background: #642888;
}




.s-reddit {
	background: #FF5700;
}
.s-reddit::before {
    font-family: fontawesome;
    content: '\f1a1';
}
a.s-reddit:hover {
    background: #d04700;
}




/********************************
////// Important
*******************************/

/* .social-btn a:last-of-type {
    margin: 0;
} */


@media only screen and (max-width: 1200px) {
    a.col-1.sbtn {
width: 115px;
    display: inline-block;
    text-align: center;
    border-radius: 50px;
    padding: 6px;
    color: #fff;
    margin: 0.5% 0.5% 0 0;
    font-size: 14px;
    }
}

@media only screen and (max-width: 768px) {
    a.col-1.sbtn {
        width: 46px;
    }

    a.col-1.sbtn span {
        display: none;
    }
}