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