[ Index ] |
PHP Cross Reference of WordPress Trunk (Updated Daily) |
[Summary view] [Print] [Text view]
1 /* ------------------------------------------- */ 2 3 /* Twenty Twenty Editor Styles — Block Editor 4 /* ------------------------------------------- */ 5 6 .editor-styles-wrapper { 7 background: #f5efe0; 8 color: #000; 9 letter-spacing: -0.015em; 10 -moz-font-smoothing: antialiased; 11 -webkit-font-smoothing: antialiased; 12 } 13 14 .editor-styles-wrapper > * { 15 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 16 font-size: 18px; 17 } 18 19 @supports ( font-variation-settings: normal ) { 20 21 .editor-styles-wrapper > * { 22 font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 23 } 24 25 } 26 27 .block-editor-default-block-appender textarea.block-editor-default-block-appender__content { 28 color: inherit; 29 font-family: inherit; 30 font-size: inherit; 31 } 32 33 /* Fonts ------------------------------------- */ 34 35 /* 36 * Chrome renders extra-wide characters for the Hoefler Text font. 37 * This results in a jumping cursor when typing in both the Classic and block 38 * editors. The following font-face override fixes the issue by manually 39 * inserting a custom font that includes just a Hoefler Text space replacement 40 * for that character instead. 41 */ 42 @font-face { 43 font-family: NonBreakingSpaceOverride; 44 src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff"); 45 } 46 47 /* Structure --------------------------------- */ 48 49 .wp-block { 50 max-width: 610px; 51 } 52 53 .wp-block[data-align="wide"] .wp-block[data-align="wide"], 54 .wp-block[data-align="full"] .wp-block[data-align="wide"] { 55 max-width: 1200px; 56 } 57 58 .wp-block .wp-block[data-type="core/group"]:not([data-align="full"]):not([data-align="wide"]):not([data-align="left"]):not([data-align="right"]), 59 .wp-block .wp-block[data-type="core/cover"]:not([data-align="full"]):not([data-align="wide"]):not([data-align="left"]):not([data-align="right"]) { 60 margin-right: auto; 61 margin-left: auto; 62 max-width: 610px; 63 } 64 65 .wp-block .wp-block[data-align="full"] { 66 margin-right: 0; 67 margin-left: 0; 68 } 69 70 *[data-align="right"] .wp-block-edit, 71 *[data-align="left"] .wp-block-edit { 72 max-width: 50%; 73 } 74 75 .wp-block[data-align="wide"] { 76 max-width: 1200px; 77 } 78 79 .wp-block[data-align="full"] { 80 max-width: none; 81 } 82 83 .editor-styles-wrapper .editor-rich-text__tinymce, 84 .editor-styles-wrapper .editor-rich-text__tinymce.mce-content-body { 85 line-height: 1.5; 86 } 87 88 89 /* Font Families ------------------------------ */ 90 91 .editor-styles-wrapper p, 92 .editor-styles-wrapper ol, 93 .editor-styles-wrapper ul, 94 .editor-styles-wrapper dl, 95 .editor-styles-wrapper dt { 96 font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif; 97 letter-spacing: normal; 98 } 99 100 .editor-post-title__block .editor-post-title__input, 101 .editor-styles-wrapper .wp-block-post-title, 102 .editor-styles-wrapper h1, 103 .editor-styles-wrapper h2, 104 .editor-styles-wrapper h3, 105 .editor-styles-wrapper h4, 106 .editor-styles-wrapper h5, 107 .editor-styles-wrapper h6, 108 .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter, 109 .editor-styles-wrapper cite, 110 .editor-styles-wrapper figcaption, 111 .editor-styles-wrapper .wp-caption-text { 112 font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 113 } 114 115 @supports ( font-variation-settings: normal ) { 116 117 .editor-post-title__block .editor-post-title__input, 118 .editor-styles-wrapper .wp-block-post-title, 119 .editor-styles-wrapper h1, 120 .editor-styles-wrapper h2, 121 .editor-styles-wrapper h3, 122 .editor-styles-wrapper h4, 123 .editor-styles-wrapper h5, 124 .editor-styles-wrapper h6, 125 .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter, 126 .editor-styles-wrapper cite, 127 .editor-styles-wrapper figcaption, 128 .editor-styles-wrapper .wp-caption-text { 129 font-family: "Inter var", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif; 130 } 131 132 } 133 134 135 /* Colors ------------------------------------ */ 136 137 .editor-styles-wrapper .has-text-color a { 138 color: inherit; 139 } 140 141 /* CUSTOM COLORS */ 142 143 :root .has-accent-background-color { 144 background-color: #cd2653; 145 color: #fff; 146 } 147 148 :root .has-primary-background-color { 149 background-color: #000; 150 color: #f5efe0; 151 } 152 153 :root .has-secondary-background-color { 154 background-color: #6d6d6d; 155 color: #fff; 156 } 157 158 :root .has-subtle-background-background-color { 159 background-color: #dcd7ca; 160 color: #000; 161 } 162 163 :root .has-background-background-color { 164 background-color: #f5efe0; 165 color: #000; 166 } 167 168 :root .has-accent-color { 169 color: #cd2653; 170 } 171 172 :root .has-primary-color { 173 color: #000; 174 } 175 176 :root .has-secondary-color { 177 color: #6d6d6d; 178 } 179 180 :root .has-subtle-background-color { 181 color: #dcd7ca; 182 } 183 184 :root .has-background-color { 185 color: #f5efe0; 186 } 187 188 /* GENERAL COLORS */ 189 190 .has-black-background-color { 191 background-color: #000; 192 color: #fff; 193 } 194 195 .has-white-background-color { 196 background-color: #fff; 197 color: #000; 198 } 199 200 .has-black-color { 201 color: #000; 202 } 203 204 .has-white-color { 205 color: #fff; 206 } 207 208 209 /* Typography -------------------------------- */ 210 211 .editor-styles-wrapper a { 212 color: #cd2653; 213 text-decoration: underline; 214 } 215 216 .editor-styles-wrapper a:focus, 217 .editor-styles-wrapper a:hover { 218 text-decoration: none; 219 } 220 221 .editor-post-title__block .editor-post-title__input, 222 .editor-styles-wrapper .wp-block-post-title, 223 .editor-styles-wrapper h1, 224 .editor-styles-wrapper h2, 225 .editor-styles-wrapper h3, 226 .editor-styles-wrapper h4, 227 .editor-styles-wrapper h5, 228 .editor-styles-wrapper h6 { 229 font-feature-settings: "lnum"; 230 font-variant-numeric: lining-nums; 231 font-weight: 700; 232 letter-spacing: -0.0415625em; 233 line-height: 1.25; 234 margin-top: 40px; 235 margin-bottom: 25px; 236 } 237 238 .editor-post-title__block .editor-post-title__input, 239 .editor-styles-wrapper .wp-block-post-title, 240 .editor-styles-wrapper h1, 241 .editor-styles-wrapper .heading-size-1 { 242 font-size: 36px; 243 font-weight: 800; 244 line-height: 1.138888889; 245 } 246 247 .editor-styles-wrapper h2, 248 .editor-styles-wrapper .heading-size-2 { 249 font-size: 32px; 250 } 251 252 .editor-styles-wrapper h3, 253 .editor-styles-wrapper .heading-size-3 { 254 font-size: 28px; 255 } 256 257 .editor-styles-wrapper h4, 258 .editor-styles-wrapper .heading-size-4 { 259 font-size: 24px; 260 } 261 262 .editor-styles-wrapper h5, 263 .editor-styles-wrapper .heading-size-5 { 264 font-size: 21px; 265 } 266 267 .editor-styles-wrapper h6, 268 .editor-styles-wrapper .heading-size-6 { 269 font-size: 16px; 270 letter-spacing: 0.03125em; 271 text-transform: uppercase; 272 } 273 274 .editor-styles-wrapper li, 275 .editor-styles-wrapper p, 276 .editor-styles-wrapper p.wp-block-paragraph { 277 line-height: 1.4; 278 } 279 280 /* POST TITLE */ 281 282 .editor-styles-wrapper .wp-block-post-title { 283 max-width: 1000px; 284 margin: 0 auto; 285 text-align: center; 286 } 287 288 .wp-block.editor-post-title__block { 289 max-width: 1000px; 290 } 291 292 .editor-styles-wrapper .editor-post-title__block .editor-post-title__input { 293 margin: 0; 294 text-align: center; 295 } 296 297 .editor-styles-wrapper .wp-block-post-title.has-text-align-left { 298 text-align: left; 299 } 300 301 .editor-styles-wrapper .wp-block-post-title.has-text-align-right { 302 text-align: right; 303 } 304 305 /* DROP CAP */ 306 307 .editor-styles-wrapper .has-drop-cap:not(:focus)::first-letter { 308 color: #cd2653; 309 font-size: 5.1em; 310 font-weight: 800; 311 margin: 0.05em 0 0 0.1em; 312 } 313 314 315 /* Monospace --------------------------------- */ 316 317 .editor-styles-wrapper code, 318 .editor-styles-wrapper kbd, 319 .editor-styles-wrapper pre, 320 .editor-styles-wrapper samp { 321 font-family: monospace; 322 } 323 324 .editor-styles-wrapper kbd, 325 .editor-styles-wrapper pre, 326 .editor-styles-wrapper samp { 327 border-radius: 0; 328 font-size: 0.9em; 329 padding: 4px 6px; 330 } 331 332 .editor-styles-wrapper pre { 333 border-color: #dcd7ca; 334 border-radius: 0; 335 line-height: 1.5; 336 padding: 1em; 337 } 338 339 .editor-styles-wrapper pre code { 340 font-size: 1em; 341 } 342 343 344 /* Custom Text Sizes ------------------------- */ 345 346 .editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce, 347 .editor-styles-wrapper p.has-large-font-size.editor-rich-text__tinymce.mce-content-body, 348 .editor-styles-wrapper p.has-larger-font-size.editor-rich-text__tinymce, 349 .editor-styles-wrapper p.has-larger-font-size.editor-rich-text__tinymce.mce-content-body { 350 line-height: 1.4; 351 } 352 353 .editor-styles-wrapper p.has-small-font-size { 354 font-size: 0.842em; 355 } 356 357 .editor-styles-wrapper p.has-normal-font-size, 358 .editor-styles-wrapper p.has-regular-font-size { 359 font-size: 1em; 360 } 361 362 .editor-styles-wrapper p.has-medium-font-size { 363 font-size: 1.1em; 364 } 365 366 .editor-styles-wrapper p.has-large-font-size { 367 font-size: 1.25em; 368 } 369 370 .editor-styles-wrapper p.has-larger-font-size { 371 font-size: 1.5em; 372 } 373 374 375 /* Post Media -------------------------------- */ 376 377 .editor-styles-wrapper figure { 378 margin: 0; 379 } 380 381 .editor-styles-wrapper .alignleft, 382 .editor-styles-wrapper .alignright { 383 margin-bottom: 1.2em; 384 max-width: 260px; 385 } 386 387 .editor-styles-wrapper .wp-caption .alignleft, 388 .editor-styles-wrapper .wp-caption .alignright { 389 margin-bottom: 0; 390 } 391 392 .editor-styles-wrapper .alignleft { 393 margin-left: 1em; 394 } 395 396 .editor-styles-wrapper .alignright { 397 margin-right: 1em; 398 } 399 400 .editor-styles-wrapper figcaption { 401 color: #6d6d6d; 402 font-size: 15px; 403 font-weight: 500; 404 line-height: 1.2; 405 margin-top: 5px; 406 text-align: inherit; 407 } 408 409 410 /* Forms ------------------------------------- */ 411 412 .editor-styles-wrapper fieldset { 413 border: 2px solid #dcd7ca; 414 padding: 20px; 415 } 416 417 .editor-styles-wrapper legend { 418 font-size: 0.85em; 419 font-weight: 700; 420 padding: 0 10px; 421 } 422 423 .editor-styles-wrapper label { 424 font-size: 15px; 425 font-weight: 600; 426 } 427 428 429 /* Block: Base Margins ---------------------- */ 430 431 /* Block: Shared Widget Styles -------------- */ 432 433 .editor-styles-wrapper ul.wp-block-archives, 434 .editor-styles-wrapper ul.wp-block-categories, 435 .editor-styles-wrapper ul.wp-block-latest-posts, 436 .editor-styles-wrapper ul.wp-block-categories__list { 437 font-family: inherit; 438 list-style: none; 439 margin: 40px 0; 440 padding-right: 0; 441 } 442 443 .editor-styles-wrapper ul.wp-block-latest-posts { 444 margin-right: auto; 445 margin-left: auto; 446 } 447 448 .editor-styles-wrapper ul.wp-block-categories__list ul { 449 margin: 0; 450 } 451 452 .editor-styles-wrapper ul.wp-block-archives li, 453 .editor-styles-wrapper ul.wp-block-categories li, 454 .editor-styles-wrapper ul.wp-block-latest-posts li, 455 .editor-styles-wrapper ul.wp-block-categories__list li { 456 color: #6d6d6d; 457 line-height: 1.476; 458 margin: 5px 0 0 0; 459 } 460 461 .editor-styles-wrapper ul.wp-block-archives li li, 462 .editor-styles-wrapper ul.wp-block-categories li li, 463 .editor-styles-wrapper ul.wp-block-categories__list li li, 464 .editor-styles-wrapper ul.wp-block-latest-posts li li { 465 margin-right: 20px; 466 } 467 468 .editor-styles-wrapper .wp-block-archives li > a, 469 .editor-styles-wrapper .wp-block-categories li > a, 470 .editor-styles-wrapper .wp-block-latest-posts li > a { 471 font-weight: 700; 472 text-decoration: none; 473 } 474 475 .editor-styles-wrapper .wp-block-archives li > a:focus, 476 .editor-styles-wrapper .wp-block-archives li > a:hover, 477 .editor-styles-wrapper .wp-block-categories li > a:focus, 478 .editor-styles-wrapper .wp-block-categories li > a:hover, 479 .editor-styles-wrapper .wp-block-latest-posts li > a:focus, 480 .editor-styles-wrapper .wp-block-latest-posts li > a:hover { 481 font-weight: 700; 482 text-decoration: none; 483 } 484 485 .editor-styles-wrapper .wp-block-archives.aligncenter, 486 .editor-styles-wrapper .wp-block-categories.aligncenter { 487 text-align: center; 488 } 489 490 .editor-styles-wrapper .wp-block-latest-comments time, 491 .editor-styles-wrapper .wp-block-latest-posts time { 492 color: #6d6d6d; 493 font-size: 0.7em; 494 font-weight: 600; 495 letter-spacing: normal; 496 line-height: 1.476; 497 margin-top: 0.15em; 498 } 499 500 501 /* Block: Table ------------------------------ */ 502 503 .editor-styles-wrapper .wp-block-table { 504 border-collapse: collapse; 505 border-spacing: 0; 506 empty-cells: show; 507 font-size: 18px; 508 margin-bottom: 1.1em; 509 width: 100%; 510 } 511 512 .editor-styles-wrapper .wp-block-table, 513 .editor-styles-wrapper .wp-block-table * { 514 border-color: #dcd7ca; 515 } 516 517 .editor-styles-wrapper .wp-block-table table:where(.has-text-color) * { 518 border-color: currentColor; 519 } 520 521 .editor-styles-wrapper .wp-block-table tr { 522 border: none; 523 } 524 525 .editor-styles-wrapper .wp-block-table caption { 526 background: #dcd7ca; 527 text-align: center; 528 } 529 530 .editor-styles-wrapper .wp-block-table th, 531 .editor-styles-wrapper .wp-block-table td { 532 line-height: 1.4; 533 margin: 0; 534 overflow: visible; 535 padding: 0; 536 } 537 538 .editor-styles-wrapper .wp-block-table .wp-block-table__cell-content { 539 padding: 0.5em; 540 } 541 542 .editor-styles-wrapper .wp-block-table thead { 543 vertical-align: bottom; 544 white-space: nowrap; 545 text-align: inherit; 546 } 547 548 .editor-styles-wrapper .wp-block-table th { 549 font-weight: 700; 550 text-align: inherit; /* Prevents the header from being centered by default*/ 551 } 552 553 .editor-styles-wrapper .wp-block-table th.has-text-align-center { 554 text-align: center; 555 } 556 557 .editor-styles-wrapper .wp-block-table th.has-text-align-right { 558 text-align: left; 559 } 560 561 .editor-styles-wrapper .wp-block-table th.has-text-align-left { 562 text-align: right; 563 } 564 565 /* STYLE: STRIPES */ 566 567 .editor-styles-wrapper .wp-block-table.is-style-stripes { 568 border: 1px solid #dcd7ca; 569 } 570 571 .editor-styles-wrapper .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { 572 background: #dcd7ca; 573 } 574 575 576 /* Block: Separator -------------------------- */ 577 578 hr.wp-block-separator { 579 border-top: 1px solid #6d6d6d; 580 color: #6d6d6d; 581 margin: 30px 0; 582 } 583 584 hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { 585 max-width: 100%; 586 } 587 588 hr.wp-block-separator:not(.is-style-dots) { 589 background: linear-gradient(to right, currentColor calc(50% - 16px), transparent calc(50% - 16px), transparent calc(50% + 16px), currentColor calc(50% + 16px)); 590 background-color: transparent !important; 591 border: none; 592 height: 1px; 593 overflow: visible; 594 position: relative; 595 } 596 597 .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) { 598 height: 1px; 599 } 600 601 hr.wp-block-separator:not(.is-style-dots)::before, 602 hr.wp-block-separator:not(.is-style-dots)::after { 603 background: currentColor; 604 content: ""; 605 display: block; 606 height: 16px; 607 position: absolute; 608 top: calc(50% - 8px); 609 transform: rotate(-22.5deg); 610 width: 1px; 611 } 612 613 .editor-styles-wrapper hr.wp-block-separator::before { 614 right: calc(50% - 5px); 615 left: auto; 616 } 617 618 .editor-styles-wrapper hr.wp-block-separator::after { 619 left: calc(50% - 5px); 620 right: auto; 621 border-radius: 0; 622 } 623 624 /* STYLE: DOTS */ 625 626 hr.wp-block-separator.is-style-dots::before { 627 font-size: 32px; 628 font-weight: 700; 629 letter-spacing: 1em; 630 padding-right: 1em; 631 } 632 633 634 /* Block: Quote ------------------------------ */ 635 636 .editor-styles-wrapper blockquote { 637 margin: 0; 638 } 639 640 .editor-styles-wrapper .wp-block-quote { 641 border-color: #cd2653; 642 border-style: solid; 643 border-width: 0 2px 0 0; 644 margin-top: 20px; 645 margin-bottom: 20px; 646 padding: 5px 20px 5px 0; 647 } 648 649 .editor-styles-wrapper .wp-block-quote.has-text-align-center, 650 .editor-styles-wrapper .wp-block-quote[style*="text-align:center"], 651 .editor-styles-wrapper .wp-block-quote[style*="text-align: center"] { 652 border-width: 0; 653 padding: 5px 0; 654 } 655 656 .editor-styles-wrapper .wp-block-quote.has-text-align-right, 657 .editor-styles-wrapper .wp-block-quote[style*="text-align:right"], 658 .editor-styles-wrapper .wp-block-quote[style*="text-align: right"] { 659 border-width: 0 0 0 2px; 660 padding: 5px 0 5px 20px; 661 } 662 663 .editor-styles-wrapper cite, 664 .editor-styles-wrapper .wp-block-quote__citation, 665 .editor-styles-wrapper .wp-block-quote cite, 666 .editor-styles-wrapper .wp-block-quote footer { 667 color: #6d6d6d; 668 font-size: 14px; 669 font-weight: 600; 670 line-height: 1.25; 671 } 672 673 .editor-styles-wrapper .wp-block-quote cite { 674 font-style: normal; 675 } 676 677 .editor-styles-wrapper .wp-block-quote.has-text-color cite, 678 .editor-styles-wrapper .wp-block-quote.has-background cite, 679 .editor-styles-wrapper .has-background .wp-block-quote cite { 680 color: inherit; 681 } 682 683 .editor-styles-wrapper .wp-block-quote p { 684 color: inherit; 685 font-weight: 400; 686 margin: 0 0 20px 0; 687 letter-spacing: inherit; 688 } 689 690 .editor-styles-wrapper .wp-block-quote.is-style-plain { 691 border-width: 0; 692 padding: 5px 20px; 693 } 694 695 .editor-styles-wrapper .wp-block-quote.is-style-large { 696 border: none; 697 padding: 0; 698 } 699 700 .editor-styles-wrapper .wp-block-quote.is-style-large p { 701 font-family: inherit; 702 font-size: 24px; 703 font-style: normal; 704 font-weight: 700; 705 letter-spacing: -0.035714286em; 706 line-height: 1.285714286; 707 } 708 709 .editor-styles-wrapper .wp-block-quote.is-style-large .wp-block-quote__citation, 710 .editor-styles-wrapper .wp-block-quote.is-style-large cite, 711 .editor-styles-wrapper .wp-block-quote.is-style-large footer { 712 font-size: 16px; 713 } 714 715 716 /* Block: Code, Verse and Preformatted ------- */ 717 718 .editor-styles-wrapper .wp-block-code { 719 color: inherit; 720 } 721 722 .editor-styles-wrapper pre, 723 .editor-styles-wrapper .wp-block-code { 724 border: 1px solid #dcd7ca; 725 border-radius: 0; 726 padding: 30px; 727 } 728 729 .editor-styles-wrapper .wp-block-freeform.block-library-rich-text__tinymce pre, 730 .editor-styles-wrapper .wp-block-preformatted pre, 731 .editor-styles-wrapper .wp-block-code .block-editor-plain-text, 732 .editor-styles-wrapper .wp-block-verse pre { 733 background: transparent; 734 color: inherit; 735 font-family: monospace; 736 font-size: 16px; 737 } 738 739 /* Block: Cover ------------------------------ */ 740 741 .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container, 742 .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container { 743 margin: 0 auto; 744 width: calc(100% - 40px); 745 } 746 747 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"], 748 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] { 749 height: auto; 750 max-height: none; 751 } 752 753 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover { 754 text-align: right; 755 } 756 757 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover { 758 text-align: left; 759 } 760 761 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit, 762 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit { 763 float: none; 764 margin-right: 0; 765 margin-left: 0; 766 max-width: 100%; 767 } 768 769 .wp-block-cover-image .wp-block-cover-image-text, 770 .wp-block-cover-image .wp-block-cover-text, 771 .wp-block-cover-image h2, 772 .wp-block-cover .wp-block-cover-image-text, 773 .wp-block-cover .wp-block-cover-text { 774 max-width: 100%; 775 } 776 777 .editor-styles-wrapper .wp-block-cover a { 778 color: inherit; 779 } 780 781 /* Block: Shared Media Styles ---------------- */ 782 783 .wp-block[data-type*="core-embed"][data-align="full"] figcaption, 784 .wp-block[data-type="core/image"][data-align="full"] figcaption, 785 .wp-block[data-type="core/gallery"][data-align="full"] .blocks-gallery-caption { 786 padding: 0 14px; 787 } 788 789 /* Block: Paragraph -------------------------- */ 790 791 /* Block: Pullquote -------------------------- */ 792 793 .editor-styles-wrapper .wp-block-pullquote { 794 border: 0 solid; 795 color: inherit; 796 padding: 0; 797 position: relative; 798 text-align: center; 799 } 800 801 .editor-styles-wrapper .wp-block-pullquote::before { 802 background: #fff; 803 border-radius: 50%; 804 color: #cd2653; 805 content: "”"; 806 display: block; 807 font-size: 62px; 808 font-weight: 500; 809 line-height: 1.2; 810 margin: 0 auto 15px auto; 811 text-align: center; 812 height: 44px; 813 width: 44px; 814 } 815 816 .editor-styles-wrapper .wp-block .wp-block-pullquote p { 817 font-family: inherit; 818 font-size: 28px; 819 font-weight: 700; 820 line-height: 1.178571429; 821 letter-spacing: -0.041785714em; 822 margin-bottom: 20px; 823 } 824 825 .editor-styles-wrapper .wp-block .wp-block-pullquote p:last-child { 826 margin-bottom: 0; 827 } 828 829 .editor-styles-wrapper .wp-block .wp-block-pullquote p, 830 .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p, 831 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p, 832 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p { 833 font-size: 28px; 834 } 835 836 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"], 837 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] { 838 height: auto; 839 max-height: none; 840 } 841 842 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote, 843 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote.is-style-solid-color blockquote { 844 text-align: right; 845 } 846 847 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote, 848 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote.is-style-solid-color blockquote { 849 text-align: left; 850 } 851 852 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit, 853 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit { 854 float: none; 855 margin-right: 0; 856 margin-left: 0; 857 max-width: 100%; 858 } 859 860 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit .wp-block-pullquote::before { 861 margin-left: 0; 862 } 863 864 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit .wp-block-pullquote::before { 865 margin-right: 0; 866 } 867 868 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color::before { 869 left: 20px; 870 transform: translateY(-50%); 871 } 872 873 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color::before { 874 right: 20px; 875 transform: translateY(-50%); 876 } 877 878 .editor-styles-wrapper .wp-block-pullquote[style*="letter-spacing"] p { 879 letter-spacing: inherit; 880 } 881 882 .editor-styles-wrapper .wp-block-pullquote__citation, 883 .editor-styles-wrapper .wp-block-pullquote cite, 884 .editor-styles-wrapper .wp-block-pullquote footer { 885 color: #6d6d6d; 886 font-size: 16px; 887 font-weight: 500; 888 margin-top: 12px; 889 text-transform: none; 890 } 891 892 .editor-styles-wrapper .wp-block-pullquote.has-text-color cite, 893 .editor-styles-wrapper .wp-block-pullquote.has-background cite, 894 .editor-styles-wrapper .has-background .wp-block-pullquote cite { 895 color: inherit; 896 } 897 898 /* STYLE: SOLID COLOR */ 899 900 .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color { 901 padding: 30px 20px; 902 position: relative; 903 } 904 905 .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color::before { 906 position: absolute; 907 top: 0; 908 right: 50%; 909 transform: translateY(-50%) translateX(50%); 910 } 911 912 .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote { 913 max-width: 100%; 914 text-align: center; 915 } 916 917 .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation, 918 .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote cite, 919 .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color .wp-block-pullquote footer { 920 color: inherit; 921 } 922 923 924 /* Block: Verse ------------------------------ */ 925 926 .editor-styles-wrapper .wp-block-verse pre, 927 .editor-styles-wrapper pre.wp-block-verse { 928 font-size: 0.9em; 929 } 930 931 932 /* Block: Button ----------------------------- */ 933 934 :root .editor-styles-wrapper .wp-block-button__link, 935 :root .editor-styles-wrapper .wp-block-file__button { 936 background: #cd2653; 937 border-radius: 0; 938 color: #fff; 939 font-size: 15px; 940 font-weight: 600; 941 letter-spacing: 0.0333em; 942 line-height: 1.25; 943 padding: 1.1em 1.44em; 944 text-transform: uppercase; 945 } 946 947 .wp-block-buttons[style*="text-transform"] .wp-block-button__link, 948 .wp-block-button[style*="text-transform"] .wp-block-button__link { 949 text-transform: inherit; 950 } 951 952 .wp-block-buttons[style*="letter-spacing"] .wp-block-button__link, 953 .wp-block-button[style*="letter-spacing"] .wp-block-button__link { 954 letter-spacing: inherit; 955 } 956 957 .editor-styles-wrapper .wp-block-button .wp-block-button__link.mce-content-body { 958 line-height: 1.1; 959 } 960 961 .editor-styles-wrapper .wp-block-button__link:hover, 962 .editor-styles-wrapper .wp-block-file__button:hover { 963 text-decoration: underline; 964 } 965 966 /* BUTTON STYLE: OUTLINE */ 967 968 .editor-styles-wrapper .is-style-outline .wp-block-button__link, 969 .editor-styles-wrapper .is-style-outline.wp-block-button__link { 970 background: none; 971 border-color: currentColor; 972 color: #cd2653; 973 padding: calc(1.1em - 2px) calc(1.44em - 2px); 974 } 975 976 /* BUTTON STYLE: SQUARED */ 977 978 .editor-styles-wrapper .is-style-squared .wp-block-button__link, 979 .editor-styles-wrapper .is-style-squared.wp-block-button__link { 980 border-radius: 0; 981 } 982 983 984 /* Block: Latest Comments -------------------- */ 985 986 .editor-styles-wrapper .wp-block-latest-comments { 987 font-family: inherit; 988 margin-right: auto; 989 } 990 991 .editor-styles-wrapper .wp-block-latest-comments li.wp-block-latest-comments__comment { 992 font-size: inherit; 993 margin-bottom: 20px; 994 } 995 996 .editor-styles-wrapper .wp-block-latest-comments li.wp-block-latest-comments__comment:last-child { 997 margin-bottom: 0; 998 } 999 1000 .editor-styles-wrapper .wp-block-latest-comments__comment-meta, 1001 .editor-styles-wrapper .wp-block-latest-comments__comment-excerpt { 1002 margin-right: 0 !important; 1003 } 1004 1005 .editor-styles-wrapper .wp-block-latest-comments__comment-meta { 1006 font-weight: 700; 1007 } 1008 1009 .editor-styles-wrapper .wp-block-latest-comments__comment-meta a { 1010 text-decoration: none; 1011 } 1012 1013 .editor-styles-wrapper .wp-block-latest-comments__comment-meta a:focus, 1014 .editor-styles-wrapper .wp-block-latest-comments__comment-meta a:hover { 1015 text-decoration: none; 1016 } 1017 1018 /* HAS AVATAR */ 1019 1020 .editor-styles-wrapper .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment { 1021 display: flex; 1022 } 1023 1024 .editor-styles-wrapper .wp-block-latest-comments.has-avatars img.avatar { 1025 flex-shrink: 0; 1026 margin: 5px 0 0 15px; 1027 } 1028 1029 /* HAS EXCERPT */ 1030 1031 .editor-styles-wrapper .wp-block-latest-comments__comment-excerpt { 1032 margin: 0; 1033 } 1034 1035 .editor-styles-wrapper .wp-block-latest-comments__comment-excerpt p { 1036 font-family: inherit; 1037 font-size: 0.7em; 1038 margin: 10px 0 0; 1039 } 1040 1041 1042 /* Block: Latest Posts ----------------------- */ 1043 1044 .editor-styles-wrapper ul.wp-block-latest-posts:not(.is-grid) li { 1045 margin-top: 15px; 1046 } 1047 1048 /* STYLE: GRID */ 1049 1050 .editor-styles-wrapper .wp-block-latest-posts.is-grid li { 1051 border-color: #dcd7ca; 1052 } 1053 1054 .editor-styles-wrapper ul.wp-block-latest-posts.is-grid li { 1055 border-style: solid; 1056 border-width: 2px 0 0; 1057 line-height: 1.25; 1058 margin: 20px 0 16px 10px; 1059 padding-top: 12px; 1060 } 1061 1062 .editor-styles-wrapper .wp-block-latest-posts__post-excerpt { 1063 font-size: 0.95em; 1064 line-height: 1.4; 1065 margin-top: 15px; 1066 } 1067 1068 /* Block: Shortcode -------------------------- */ 1069 1070 .editor-styles-wrapper .wp-block-shortcode textarea { 1071 color: #191e23; 1072 } 1073 1074 /* Block: Embed ------------------------------ */ 1075 1076 .editor-styles-wrapper .wp-block-embed { 1077 margin-bottom: 30px; 1078 margin-top: 30px; 1079 } 1080 1081 .editor-styles-wrapper .wp-block[data-type*="core-embed"][data-align="center"] * { 1082 margin-right: auto; 1083 margin-left: auto; 1084 } 1085 1086 /* Block: File ------------------------------- */ 1087 1088 .editor-styles-wrapper .wp-block-file { 1089 background: none; 1090 padding: 0; 1091 } 1092 1093 .editor-styles-wrapper .wp-block-file__content-wrapper { 1094 align-items: center; 1095 display: flex; 1096 justify-content: space-between; 1097 } 1098 1099 .editor-styles-wrapper .wp-block-file .wp-block-file__textlink { 1100 color: #cd2653; 1101 font-weight: 700; 1102 text-decoration: none; 1103 } 1104 1105 .editor-styles-wrapper .wp-block-file .wp-block-file__textlink:focus, 1106 .editor-styles-wrapper .wp-block-file .wp-block-file__textlink:hover { 1107 text-decoration: underline; 1108 } 1109 1110 .editor-styles-wrapper .wp-block-file .wp-block-file__button { 1111 font-size: 14px; 1112 padding: 1em 1.25em; 1113 } 1114 1115 /* Block: Image ------------------------------ */ 1116 1117 .editor-styles-wrapper .wp-block-image { 1118 margin-bottom: 30px; 1119 margin-top: 30px; 1120 } 1121 1122 /* Block: Group ------------------------------ */ 1123 1124 .editor-styles-wrapper .wp-block-group.has-background { 1125 padding: 20px; 1126 } 1127 1128 .wp-block-group .wp-block[data-type="core/heading"]:first-child * { 1129 margin-top: 0; 1130 } 1131 1132 .wp-block[data-type="core/group"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align="full"], 1133 .wp-block[data-type="core/group"][data-align="full"] > .editor-block-list__block-edit > div > .wp-block-group.has-background > .wp-block-group__inner-container > .editor-inner-blocks > .editor-block-list__layout > .wp-block[data-align="full"] { 1134 margin-right: 0; 1135 width: 100%; 1136 } 1137 1138 /* Block: List ------------------------------- */ 1139 1140 .editor-styles-wrapper ul.block-editor-block-list__block:where(:not(.has-background)), 1141 .editor-styles-wrapper ol.block-editor-block-list__block:where(:not(.has-background)), 1142 .editor-styles-wrapper ul ul, 1143 .editor-styles-wrapper ol ul { 1144 padding-right: 1.3em; 1145 } 1146 1147 .editor-styles-wrapper ul.block-editor-block-list__block.wp-block-social-links { 1148 padding-right: 0; 1149 } 1150 1151 .wp-block-list li { 1152 margin-top: 0.5rem; 1153 } 1154 1155 .wp-block-list.has-background > .wp-block-list-item { 1156 margin-right: 2rem; 1157 } 1158 1159 /* Block: Post Template ---------------- */ 1160 1161 .editor-styles-wrapper ul.wp-block-post-template { 1162 padding-right: 0; 1163 } 1164 1165 1166 /* X. Media Queries 1167 /* ------------------------------------------- */ 1168 1169 1170 @media ( min-width: 480px ) { 1171 1172 1173 /* STRUCTURE */ 1174 1175 .editor-styles-wrapper .wp-block[data-align="right"] { 1176 margin-left: 0; 1177 } 1178 1179 .editor-styles-wrapper .wp-block[data-align="left"] { 1180 margin: 0; 1181 } 1182 1183 /* BLOCK: COVER */ 1184 1185 .wp-block[data-type="core/cover"][data-align="left"] [data-block], 1186 .wp-block[data-type="core/cover"][data-align="right"] [data-block] { 1187 margin-top: 0; 1188 } 1189 1190 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit { 1191 float: left; 1192 margin-right: 20px; 1193 max-width: 260px; 1194 } 1195 1196 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit { 1197 float: right; 1198 margin-left: 20px; 1199 max-width: 260px; 1200 } 1201 1202 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-pullquote::before { 1203 margin-left: 0; 1204 } 1205 1206 .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-pullquote::before { 1207 margin-right: 0; 1208 } 1209 1210 /* BLOCK: PULL QUOTE */ 1211 1212 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"], 1213 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] { 1214 height: 0; 1215 max-width: 260px; 1216 } 1217 1218 .wp-block[data-type="core/pullquote"][data-align="left"] [data-block], 1219 .wp-block[data-type="core/pullquote"][data-align="right"] [data-block] { 1220 margin-top: 0; 1221 } 1222 1223 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit { 1224 float: left; 1225 margin-right: 20px; 1226 max-width: 260px; 1227 } 1228 1229 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit { 1230 float: right; 1231 margin-left: 20px; 1232 max-width: 260px; 1233 } 1234 1235 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote::before { 1236 margin-left: 0; 1237 } 1238 1239 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote::before { 1240 margin-right: 0; 1241 } 1242 1243 1244 } 1245 1246 @media ( min-width: 600px ) { 1247 1248 1249 /* BLOCK: SHARED MEDIA STYLES */ 1250 1251 .wp-block[data-type*="core-embed"][data-align="full"] figcaption, 1252 .wp-block[data-type="core/image"][data-align="full"] figcaption, 1253 .wp-block[data-type="core/gallery"][data-align="full"] .blocks-gallery-caption { 1254 padding: 0 45px; 1255 } 1256 1257 /* BLOCK: COLUMNS */ 1258 1259 .editor-styles-wrapper .wp-block[data-type="core/column"] h1, 1260 .editor-styles-wrapper .wp-block[data-type="core/column"] h2, 1261 .editor-styles-wrapper .wp-block[data-type="core/column"] h3, 1262 .editor-styles-wrapper .wp-block[data-type="core/column"] h4, 1263 .editor-styles-wrapper .wp-block[data-type="core/column"] h5, 1264 .editor-styles-wrapper .wp-block[data-type="core/column"] h6 { 1265 margin: 35px 0 20px 0; 1266 } 1267 1268 /* BLOCK: PULLQUOTE */ 1269 1270 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .block-editor-block-list__block-edit { 1271 margin-left: -30px; 1272 } 1273 1274 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .block-editor-block-list__block-edit { 1275 margin-right: -30px; 1276 } 1277 1278 1279 } 1280 1281 @media ( min-width: 700px ) { 1282 1283 /* STRUCTURE */ 1284 1285 .editor-styles-wrapper > * { 1286 font-size: 21px; 1287 } 1288 1289 /* TYPOGRAPHY */ 1290 1291 .editor-post-title__block .editor-post-title__input, 1292 .editor-styles-wrapper .wp-block-post-title, 1293 .editor-styles-wrapper h1, 1294 .editor-styles-wrapper .heading-size-1 { 1295 font-size: 64px; 1296 } 1297 1298 .editor-styles-wrapper h2, 1299 .editor-styles-wrapper .heading-size-2 { 1300 font-size: 48px; 1301 } 1302 1303 .editor-styles-wrapper h3, 1304 .editor-styles-wrapper .heading-size-3 { 1305 font-size: 40px; 1306 } 1307 1308 .editor-styles-wrapper h4, 1309 .editor-styles-wrapper .heading-size-4 { 1310 font-size: 32px; 1311 } 1312 1313 .editor-styles-wrapper h5, 1314 .editor-styles-wrapper .heading-size-5 { 1315 font-size: 24px; 1316 } 1317 1318 .editor-styles-wrapper li, 1319 .editor-styles-wrapper p, 1320 .editor-styles-wrapper p.wp-block-paragraph { 1321 line-height: 1.476; 1322 } 1323 1324 /* FORMS */ 1325 1326 .editor-styles-wrapper fieldset { 1327 padding: 30px; 1328 } 1329 1330 .editor-styles-wrapper legend { 1331 padding: 0 15px; 1332 } 1333 1334 /* BLOCK: BASE MARGINS */ 1335 1336 /* BLOCK: BUTTON */ 1337 1338 :root .editor-styles-wrapper .wp-block-button__link, 1339 :root .editor-styles-wrapper .wp-block-file__button { 1340 font-size: 17px; 1341 } 1342 1343 /* BLOCK: COLUMNS */ 1344 1345 .wp-block-column { 1346 font-size: 16px; 1347 } 1348 1349 /* BLOCK: COVER */ 1350 1351 .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container, 1352 .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container { 1353 width: calc(100% - 80px); 1354 } 1355 1356 /* BLOCK: GROUP */ 1357 1358 .editor-styles-wrapper .wp-block:not([data-align="wide"]):not([data-align="full"]) div:not([class*="__inner-container"]) .wp-block-group.has-background, 1359 .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="wide"] .wp-block-group.has-background, 1360 .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="full"] .wp-block-group.has-background { 1361 padding: 40px; 1362 } 1363 1364 .editor-styles-wrapper .wp-block[data-align="wide"] .wp-block-group.has-background, 1365 .editor-styles-wrapper .wp-block[data-align="full"] .wp-block-group.has-background { 1366 padding: 80px; 1367 } 1368 1369 /* BLOCK: LATEST POSTS */ 1370 1371 /* BLOCK: PULLQUOTE */ 1372 1373 .editor-styles-wrapper .wp-block .wp-block-pullquote p, 1374 .editor-styles-wrapper .wp-block-pullquote.is-style-solid-color blockquote > .block-editor-rich-text p, 1375 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .editor-rich-text p, 1376 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .editor-rich-text p { 1377 font-size: 32px; 1378 } 1379 1380 .editor-styles-wrapper .wp-block-pullquote__citation, 1381 .editor-styles-wrapper .wp-block-pullquote cite, 1382 .editor-styles-wrapper .wp-block-pullquote footer { 1383 margin-top: 20px; 1384 } 1385 1386 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote::before, 1387 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote::before { 1388 font-size: 113px; 1389 height: 80px; 1390 margin-bottom: 20px; 1391 width: 80px; 1392 } 1393 1394 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote.is-style-solid-color, 1395 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote.is-style-solid-color { 1396 padding: 60px 40px 40px; 1397 } 1398 1399 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote:not(.is-style-solid-color) { 1400 padding-right: 10px; 1401 padding-left: 10px; 1402 } 1403 1404 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] blockquote p, 1405 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p { 1406 font-size: 48px; 1407 line-height: 1.203125; 1408 } 1409 1410 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] p, 1411 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] p { 1412 font-size: 32px; 1413 line-height: 1.1875; 1414 } 1415 1416 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color p, 1417 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color p { 1418 font-size: 26px; 1419 } 1420 1421 /* BLOCK: TABLE */ 1422 1423 .editor-styles-wrapper table.wp-block-table { 1424 font-size: 18px; 1425 } 1426 1427 /* BLOCK: SEPARATOR */ 1428 1429 hr.wp-block-separator { 1430 margin-bottom: 60px; 1431 margin-top: 60px; 1432 } 1433 1434 } 1435 1436 1437 @media ( min-width: 1000px ) { 1438 1439 1440 /* BLOCK: COLUMNS */ 1441 1442 .wp-block-column { 1443 font-size: 18px; 1444 } 1445 1446 /* BLOCK: SEPARATOR */ 1447 1448 hr.wp-block-separator { 1449 margin-bottom: 80px; 1450 margin-top: 80px; 1451 } 1452 1453 hr.wp-block-separator.is-style-wide { 1454 margin-right: auto; 1455 margin-left: auto; 1456 } 1457 1458 1459 } 1460 1461 1462 @media ( min-width: 1220px ) { 1463 1464 1465 /* TYPOGRAPHY */ 1466 1467 .editor-post-title__block .editor-post-title__input, 1468 .editor-styles-wrapper .wp-block-post-title, 1469 .editor-styles-wrapper h1, 1470 .editor-styles-wrapper .heading-size-1 { 1471 font-size: 84px; 1472 } 1473 1474 .editor-styles-wrapper h6, 1475 .editor-styles-wrapper .heading-size-6 { 1476 font-size: 18px; 1477 } 1478 1479 /* BLOCK: PULLQUOTE */ 1480 1481 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote.is-style-solid-color, 1482 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote.is-style-solid-color { 1483 padding: 90px 40px 80px; 1484 } 1485 1486 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] blockquote p, 1487 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="full"] blockquote p { 1488 font-size: 64px; 1489 } 1490 1491 /* BLOCK: SEPARATOR */ 1492 1493 hr.wp-block-separator.is-style-wide { 1494 margin-right: auto; 1495 margin-left: auto; 1496 } 1497 1498 } 1499 1500 1501 @media ( min-width: 1360px ) { 1502 1503 1504 /* STRUCTURE */ 1505 1506 .editor-styles-wrapper .wp-block[data-align="left"], 1507 .editor-styles-wrapper .wp-block[data-align="right"] { 1508 margin: 0 auto; 1509 max-width: 1220px; 1510 } 1511 1512 1513 /* BLOCK: PULLQUOTE */ 1514 1515 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"] .is-style-solid-color::before, 1516 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] .is-style-solid-color::before { 1517 top: 0; 1518 } 1519 1520 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="left"], 1521 .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"] { 1522 margin: 0 auto; 1523 max-width: 1220px; 1524 } 1525 1526 /* BLOCK: SEPARATOR */ 1527 1528 hr.wp-block-separator.is-style-wide { 1529 margin-right: auto; 1530 margin-left: auto; 1531 } 1532 1533 1534 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated : Fri Nov 15 08:20:01 2024 | Cross-referenced by PHPXref |