[Summary view] [Print] [Text view]

   1  .wp-block-social-links {
   2    box-sizing: border-box;
   3    padding-right: 0;
   4    padding-left: 0;
   5    text-indent: 0;
   6    margin-right: 0;
   7    background: none;
   8  }
   9  .wp-block-social-links .wp-social-link a,
  10  .wp-block-social-links .wp-social-link a:hover {
  11    text-decoration: none;
  12    border-bottom: 0;
  13    box-shadow: none;
  14  }
  15  .wp-block-social-links .wp-social-link svg {
  16    width: 1em;
  17    height: 1em;
  18  }
  19  .wp-block-social-links .wp-social-link span:not(.screen-reader-text) {
  20    margin-right: 0.5em;
  21    margin-left: 0.5em;
  22    font-size: 0.65em;
  23  }
  24  .wp-block-social-links.has-small-icon-size {
  25    font-size: 16px;
  26  }
  27  .wp-block-social-links, .wp-block-social-links.has-normal-icon-size {
  28    font-size: 24px;
  29  }
  30  .wp-block-social-links.has-large-icon-size {
  31    font-size: 36px;
  32  }
  33  .wp-block-social-links.has-huge-icon-size {
  34    font-size: 48px;
  35  }
  36  .wp-block-social-links.aligncenter {
  37    justify-content: center;
  38    display: flex;
  39  }
  40  .wp-block-social-links.alignright {
  41    justify-content: flex-end;
  42  }
  43  
  44  .wp-block-social-link {
  45    display: block;
  46    border-radius: 9999px;
  47  }
  48  @media not (prefers-reduced-motion) {
  49    .wp-block-social-link {
  50      transition: transform 0.1s ease;
  51    }
  52  }
  53  .wp-block-social-link {
  54    height: auto;
  55  }
  56  .wp-block-social-link a {
  57    align-items: center;
  58    display: flex;
  59    line-height: 0;
  60  }
  61  .wp-block-social-link:hover {
  62    transform: scale(1.1);
  63  }
  64  
  65  .wp-block-social-links .wp-block-social-link.wp-social-link {
  66    display: inline-block;
  67    margin: 0;
  68    padding: 0;
  69  }
  70  .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited,
  71  .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg {
  72    color: currentColor;
  73    fill: currentColor;
  74  }
  75  
  76  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link {
  77    background-color: #f0f0f0;
  78    color: #444;
  79  }
  80  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-amazon {
  81    background-color: #f90;
  82    color: #fff;
  83  }
  84  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bandcamp {
  85    background-color: #1ea0c3;
  86    color: #fff;
  87  }
  88  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-behance {
  89    background-color: #0757fe;
  90    color: #fff;
  91  }
  92  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky {
  93    background-color: #0a7aff;
  94    color: #fff;
  95  }
  96  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-codepen {
  97    background-color: #1e1f26;
  98    color: #fff;
  99  }
 100  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-deviantart {
 101    background-color: #02e49b;
 102    color: #fff;
 103  }
 104  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-discord {
 105    background-color: #5865f2;
 106    color: #fff;
 107  }
 108  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dribbble {
 109    background-color: #e94c89;
 110    color: #fff;
 111  }
 112  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-dropbox {
 113    background-color: #4280ff;
 114    color: #fff;
 115  }
 116  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-etsy {
 117    background-color: #f45800;
 118    color: #fff;
 119  }
 120  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook {
 121    background-color: #0866ff;
 122    color: #fff;
 123  }
 124  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-fivehundredpx {
 125    background-color: #000;
 126    color: #fff;
 127  }
 128  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-flickr {
 129    background-color: #0461dd;
 130    color: #fff;
 131  }
 132  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-foursquare {
 133    background-color: #e65678;
 134    color: #fff;
 135  }
 136  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-github {
 137    background-color: #24292d;
 138    color: #fff;
 139  }
 140  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-goodreads {
 141    background-color: #eceadd;
 142    color: #382110;
 143  }
 144  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-google {
 145    background-color: #ea4434;
 146    color: #fff;
 147  }
 148  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-gravatar {
 149    background-color: #1d4fc4;
 150    color: #fff;
 151  }
 152  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram {
 153    background-color: #f00075;
 154    color: #fff;
 155  }
 156  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-lastfm {
 157    background-color: #e21b24;
 158    color: #fff;
 159  }
 160  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin {
 161    background-color: #0d66c2;
 162    color: #fff;
 163  }
 164  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-mastodon {
 165    background-color: #3288d4;
 166    color: #fff;
 167  }
 168  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-medium {
 169    background-color: #000;
 170    color: #fff;
 171  }
 172  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-meetup {
 173    background-color: #f6405f;
 174    color: #fff;
 175  }
 176  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-patreon {
 177    background-color: #000;
 178    color: #fff;
 179  }
 180  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pinterest {
 181    background-color: #e60122;
 182    color: #fff;
 183  }
 184  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-pocket {
 185    background-color: #ef4155;
 186    color: #fff;
 187  }
 188  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-reddit {
 189    background-color: #ff4500;
 190    color: #fff;
 191  }
 192  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-skype {
 193    background-color: #0478d7;
 194    color: #fff;
 195  }
 196  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-snapchat {
 197    background-color: #fefc00;
 198    color: #fff;
 199    stroke: #000;
 200  }
 201  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-soundcloud {
 202    background-color: #ff5600;
 203    color: #fff;
 204  }
 205  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-spotify {
 206    background-color: #1bd760;
 207    color: #fff;
 208  }
 209  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-telegram {
 210    background-color: #2aabee;
 211    color: #fff;
 212  }
 213  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-threads {
 214    background-color: #000;
 215    color: #fff;
 216  }
 217  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tiktok {
 218    background-color: #000;
 219    color: #fff;
 220  }
 221  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-tumblr {
 222    background-color: #011835;
 223    color: #fff;
 224  }
 225  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitch {
 226    background-color: #6440a4;
 227    color: #fff;
 228  }
 229  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-twitter {
 230    background-color: #1da1f2;
 231    color: #fff;
 232  }
 233  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vimeo {
 234    background-color: #1eb7ea;
 235    color: #fff;
 236  }
 237  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-vk {
 238    background-color: #4680c2;
 239    color: #fff;
 240  }
 241  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-wordpress {
 242    background-color: #3499cd;
 243    color: #fff;
 244  }
 245  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-whatsapp {
 246    background-color: #25d366;
 247    color: #fff;
 248  }
 249  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-x {
 250    background-color: #000;
 251    color: #fff;
 252  }
 253  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-yelp {
 254    background-color: #d32422;
 255    color: #fff;
 256  }
 257  :where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-youtube {
 258    background-color: #f00;
 259    color: #fff;
 260  }
 261  
 262  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link {
 263    background: none;
 264  }
 265  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link svg {
 266    width: 1.25em;
 267    height: 1.25em;
 268  }
 269  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-amazon {
 270    color: #f90;
 271  }
 272  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bandcamp {
 273    color: #1ea0c3;
 274  }
 275  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-behance {
 276    color: #0757fe;
 277  }
 278  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-bluesky {
 279    color: #0a7aff;
 280  }
 281  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-codepen {
 282    color: #1e1f26;
 283  }
 284  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-deviantart {
 285    color: #02e49b;
 286  }
 287  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-discord {
 288    color: #5865f2;
 289  }
 290  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dribbble {
 291    color: #e94c89;
 292  }
 293  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-dropbox {
 294    color: #4280ff;
 295  }
 296  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-etsy {
 297    color: #f45800;
 298  }
 299  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-facebook {
 300    color: #0866ff;
 301  }
 302  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-fivehundredpx {
 303    color: #000;
 304  }
 305  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-flickr {
 306    color: #0461dd;
 307  }
 308  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-foursquare {
 309    color: #e65678;
 310  }
 311  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-github {
 312    color: #24292d;
 313  }
 314  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-goodreads {
 315    color: #382110;
 316  }
 317  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-google {
 318    color: #ea4434;
 319  }
 320  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-gravatar {
 321    color: #1d4fc4;
 322  }
 323  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-instagram {
 324    color: #f00075;
 325  }
 326  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-lastfm {
 327    color: #e21b24;
 328  }
 329  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-linkedin {
 330    color: #0d66c2;
 331  }
 332  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-mastodon {
 333    color: #3288d4;
 334  }
 335  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-medium {
 336    color: #000;
 337  }
 338  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-meetup {
 339    color: #f6405f;
 340  }
 341  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-patreon {
 342    color: #000;
 343  }
 344  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pinterest {
 345    color: #e60122;
 346  }
 347  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-pocket {
 348    color: #ef4155;
 349  }
 350  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-reddit {
 351    color: #ff4500;
 352  }
 353  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-skype {
 354    color: #0478d7;
 355  }
 356  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-snapchat {
 357    color: #fff;
 358    stroke: #000;
 359  }
 360  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-soundcloud {
 361    color: #ff5600;
 362  }
 363  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-spotify {
 364    color: #1bd760;
 365  }
 366  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-telegram {
 367    color: #2aabee;
 368  }
 369  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-threads {
 370    color: #000;
 371  }
 372  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tiktok {
 373    color: #000;
 374  }
 375  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-tumblr {
 376    color: #011835;
 377  }
 378  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitch {
 379    color: #6440a4;
 380  }
 381  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-twitter {
 382    color: #1da1f2;
 383  }
 384  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vimeo {
 385    color: #1eb7ea;
 386  }
 387  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-vk {
 388    color: #4680c2;
 389  }
 390  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-whatsapp {
 391    color: #25d366;
 392  }
 393  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-wordpress {
 394    color: #3499cd;
 395  }
 396  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-x {
 397    color: #000;
 398  }
 399  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-yelp {
 400    color: #d32422;
 401  }
 402  :where(.wp-block-social-links.is-style-logos-only) .wp-social-link-youtube {
 403    color: #f00;
 404  }
 405  
 406  .wp-block-social-links.is-style-pill-shape .wp-social-link {
 407    width: auto;
 408  }
 409  
 410  :root :where(.wp-block-social-links .wp-social-link a) {
 411    padding: 0.25em;
 412  }
 413  
 414  :root :where(.wp-block-social-links.is-style-logos-only .wp-social-link a) {
 415    padding: 0;
 416  }
 417  
 418  :root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link a) {
 419    padding-right: 0.6666666667em;
 420    padding-left: 0.6666666667em;
 421  }
 422  
 423  .wp-block-social-links:not(.has-icon-color):not(.has-icon-background-color) .wp-social-link-snapchat .wp-block-social-link-label {
 424    color: #000;
 425  }