body .login-container div.psolo-social-login-block { width: 100%; }
.login-container:not(.psolo-popup-modal) .psolo-social-login-block { background: #f2f2f2;  border:1px solid #dfdfdf; border-radius: 4px;  margin-bottom: 40px!important;  }
.psolo-social-login-padding { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin: 0 -4px;  padding: 0 25px 25px; }
h2.psolo-title { margin: 0 0 20px; font-weight: 500; font-size: 18px; border-bottom: 1px solid #dfdfdf;  padding: 20px 25px; }
.social_button { padding: 0; border:0; border-radius: 50px; margin:4px; }
.social_button > a { padding: 10px 15px 10px 50px; display: flex; align-items: center; moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;  -webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out; border-radius: 4px; overflow: hidden; text-decoration: none; background-size: 300% 100%; font-size: 14px; color:#fff; position: relative; min-width: auto;  background-image: linear-gradient(to right, #e75516, #ff9a44, #ff9900, #ff9900);
    box-shadow: 0 4px 15px 0 rgba(252, 104, 110, 0.75); box-shadow: none!important; font-weight: 600; }
.social_button > a:hover { text-decoration: none; background-position: 100% 0;  moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;  transition: all .4s ease-in-out; }
.social_button > a > i { color: #fff; width: 40px; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 20px; position: absolute; left: 0; top: 0; background:#ff9900 ; }
.social_button:hover { background: transparent; }
.social_button.social_button_facebook > a {background-image: linear-gradient(to right, #2f4b87, #4481eb, #2f4b87, #2f4b87);
    box-shadow: 0 2px 10px 0 rgba(65, 132, 234, 0.75); }
.social_button.social_button_facebook > a i { background: #2f4b87; }
.social_button.social_button_google > a {  background-image: linear-gradient(to right, #e34133, #992318, #992318, #992318);
    box-shadow: 0 2px 10px 0 rgba(229, 66, 10, 0.75); }
.social_button.social_button_google > a i { background:#992318; }
.social_button.social_button_twitter > a { background-image: linear-gradient(to right, #006dfd, #4481eb, #3c88ec, #0887d6);
    box-shadow: 0 2px 10px 0 rgba(65, 132, 234, 0.75); }
.social_button.social_button_twitter > a i { background:#3c88ec; }
.social_button.social_button_linkedin > a { background-image: linear-gradient(to right, #00638d, #2d9fe3, #25aae1, #2d9fe3);
    box-shadow: 0 2px 10px 0 rgba(65, 132, 234, 0.75); }
.social_button.social_button_linkedin > a i { background:#25aae1; }
.social_button.social_button_yahoo > a {  background-image: linear-gradient(to right, #6253e1, #852D91, #600095, #600095);
    box-shadow: 0 2px 10px 0 rgba(126, 52, 161, 0.75); }
.social_button.social_button_yahoo > a i { background:#600095; }
.social_button.social_button_github > a { background-image: linear-gradient(to right, #0a0a0a, #565656, #0a0a0a, #0a0a0a);
    box-shadow: 0 2px 10px 0 rgba(65, 132, 234, 0.75);  }
.social_button.social_button_github > a i { background:#0a0a0a; }
.social_button.social_button_foursquare > a { background-image: linear-gradient(to right, #fa4778, #f15e64, #f15e64, #fa4778);
    box-shadow: 0 2px 10px 0 rgba(65, 132, 234, 0.75);  }
.social_button.social_button_foursquare > a i { background:#f15e64 ; }
.social_button.social_button_disqus > a { background-image: linear-gradient(to right, #003b6c, #007ce3, #003b6c, #003b6c);
    box-shadow: 0 2px 10px 0 rgba(45, 54, 65, 0.75); }
.social_button.social_button_disqus > a i { background:#003b6c; }
.social_button.social_button_reddit > a {  background-image: linear-gradient(to right, #b63202, #f15e64, #e14e53, #e2373f);  box-shadow: 0 2px 14px rgba(242, 97, 103, .4);}
.social_button.social_button_reddit > a i { background:#b63202; }





.social-accounts .psolo-unlinks { display: flex; list-style: none;  padding: 0; flex-wrap: wrap;  margin: 0;  grid-gap: 30px; }
.social-accounts .psolo-unlinks .psolo-link-line { margin: 0;  display: flex;  flex-direction: column;  align-items: center;  background: #fff;  box-shadow: 2px 2px 12px rgb(0 0 0 / 10%);    border-radius: 5px; padding: 40px 20px 20px;  width: 18%; }
li.psolo-link-line .social-icons:not(.psolo-unlink) { width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 50%;  background: #f0f0f0;  color: #000;
    font-size: 24px; margin-bottom: 10px; text-decoration: none; position: relative; }
.social-accounts .psolo-unlinks .psolo-link-line   .psolo-link-name { text-transform: uppercase; font-weight: 700; text-align: center; width: 100%; }
a.psolo-link-unlink.social-icons.psolo-unlink { text-decoration: none; background: #5a5a5a; display: inline-block; width: 100%; text-align: center; padding: 8px 0px; color: #fff; border-radius: 5px; margin-top: 40px;
    text-decoration: none; text-transform: uppercase; transition: all 350ms ease-in-out; }
    a.psolo-link-unlink.social-icons.psolo-unlink:hover { background:#ff5501; }

.psolo-facebook { background: #3B5998!important; color:#fff!important; }
.psolo-twitter { background: #1DA1F2!important; color:#fff!important; }
.psolo-google { background: #DB4A39!important; color:#fff!important; }
.psolo-yahoo { background: #430297!important; color:#fff!important; }
.psolo-amazon { background: #f79400!important; color:#fff!important; }
.psolo-linkedin { background: #0E76A8!important; color:#fff!important; }
.psolo-github { background: #23282d!important; color:#fff!important; }
.psolo-foursquare { background: #fa4778!important; color:#fff!important; }
.psolo-disqus { background: #2e9fff!important; color:#fff!important; }
i.fa-disqus {  width:20px; height: 20px; }
i.fa-disqus:before {  content:''; background: url('../images/disqus.svg')no-repeat center top; position: absolute; left:0; margin: 0 auto; top: 50%; transform: translateY(-50%); width:20px; height: 20px; background-size: 100%; background-position: center center; right: 0; }

.psolo-social-login-modal.modal-popup .modal-inner-wrap { width: 100%; max-width: 400px; }  
.psolo-social-login-modal.modal-popup .psolo-social-login-padding { display: flex; margin-top: 10px; justify-content: center; grid-gap: 0; padding: 0; }
.psolo-social-login-modal.modal-popup .psolo-social-login-padding .psolo-social-login-box { margin: 4px; }
.psolo-social-login-modal.modal-popup .psolo-social-login-padding .psolo-social-login-box .psolo-social-login-button { min-width: 101px; }
.psolo-social-login-modal.modal-popup .psolo-social-login-block { margin-bottom: 0; }
.psolo-social-login-modal.modal-popup h2 { display: none; }



@media only screen and (max-width: 567px) {
    .social-accounts .psolo-unlinks { display: grid;  list-style: none; padding: 0; flex-wrap: wrap;  margin: 0; grid-gap: 20px; grid-template-columns: 1fr 1fr 1fr; }
    .social-accounts .psolo-unlinks .psolo-link-line { width: auto; }
    .psolo-social-login-modal.modal-popup .psolo-social-login-padding { flex-wrap: wrap; }
}
@media only screen and (max-width: 479px) {
    .social-accounts .psolo-unlinks {  grid-template-columns: 1fr 1fr; }
    .social_button { width: 47%; }
    .social_button > a { min-width: auto; }
    .psolo-social-login-modal.modal-popup .psolo-social-login-padding .psolo-social-login-box .psolo-social-login-button { min-width: auto; }
}