Changeset 49633
- Timestamp:
- 11/17/2020 06:58:52 PM (4 years ago)
- Location:
- trunk/src/wp-content/themes/twentytwentyone
- Files:
-
- 1 added
- 13 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/wp-content/themes/twentytwentyone/assets/css/ie-editor.css
r49574 r49633 9 9 10 10 /* Font Family */ 11 --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);12 --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);13 11 14 12 /* Font Size */ 15 --global--font-size-base: 1.25rem;16 --global--font-size-xs: 1rem;17 --global--font-size-sm: 1.125rem;18 --global--font-size-md: 1.25rem;19 --global--font-size-lg: 1.5rem;20 --global--font-size-xl: 2.25rem;21 --global--font-size-xxl: 4rem;22 --global--font-size-xxxl: 5rem;23 --global--font-size-page-title: var(--global--font-size-xxl);24 --global--letter-spacing: normal;25 13 26 14 /* Line Height */ 27 --global--line-height-body: 1.7;28 --global--line-height-heading: 1.3;29 --global--line-height-page-title: 1.1;30 15 31 16 /* Headings */ 32 --heading--font-family: var(--global--font-primary);33 --heading--font-size-h6: var(--global--font-size-xs);34 --heading--font-size-h5: var(--global--font-size-sm);35 --heading--font-size-h4: var(--global--font-size-lg);36 --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));37 --heading--font-size-h2: var(--global--font-size-xl);38 --heading--font-size-h1: var(--global--font-size-page-title);39 --heading--letter-spacing-h6: 0.05em;40 --heading--letter-spacing-h5: 0.05em;41 --heading--letter-spacing-h4: var(--global--letter-spacing);42 --heading--letter-spacing-h3: var(--global--letter-spacing);43 --heading--letter-spacing-h2: var(--global--letter-spacing);44 --heading--letter-spacing-h1: var(--global--letter-spacing);45 --heading--line-height-h6: var(--global--line-height-heading);46 --heading--line-height-h5: var(--global--line-height-heading);47 --heading--line-height-h4: var(--global--line-height-heading);48 --heading--line-height-h3: var(--global--line-height-heading);49 --heading--line-height-h2: var(--global--line-height-heading);50 --heading--line-height-h1: var(--global--line-height-page-title);51 --heading--font-weight: normal;52 --heading--font-weight-page-title: 300;53 --heading--font-weight-strong: 600;54 17 55 18 /* Block: Latest posts */ 56 --latest-posts--title-font-family: var(--heading--font-family);57 --latest-posts--title-font-size: var(--heading--font-size-h3);58 --latest-posts--description-font-family: var(--global--font-secondary);59 --latest-posts--description-font-size: var(--global--font-size-sm);60 --list--font-family: var(--global--font-secondary);61 --definition-term--font-family: var(--global--font-primary);62 19 63 20 /* Colors */ 64 --global--color-black: #000;65 --global--color-dark-gray: #28303d;66 --global--color-gray: #39414d;67 --global--color-light-gray: #f0f0f0;68 --global--color-green: #d1e4dd;69 --global--color-blue: #d1dfe4;70 --global--color-purple: #d1d1e4;71 --global--color-red: #e4d1d1;72 --global--color-orange: #e4dad1;73 --global--color-yellow: #eeeadd;74 --global--color-white: #fff;75 --global--color-white-50: rgba(255, 255, 255, 0.5);76 --global--color-white-90: rgba(255, 255, 255, 0.9);77 --global--color-primary: var(--global--color-dark-gray);78 21 79 22 /* Body text color, site title, footer text color. */ 80 --global--color-secondary: var(--global--color-gray);81 23 82 24 /* Headings */ 83 --global--color-primary-hover: var(--global--color-primary);84 --global--color-background: var(--global--color-green);85 25 86 26 /* Mint, default body background */ 87 --global--color-border: var(--global--color-primary);88 27 89 28 /* Used for borders (separators) */ 90 29 91 30 /* Spacing */ 92 --global--spacing-unit: 20px;93 --global--spacing-measure: unset;94 --global--spacing-horizontal: 25px;95 --global--spacing-vertical: 30px;96 31 97 32 /* Elevation */ 98 --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);99 33 100 34 /* Forms */ 101 --form--font-family: var(--global--font-secondary);102 --form--font-size: var(--global--font-size-sm);103 --form--line-height: var(--global--line-height-body);104 --form--color-text: var(--global--color-dark-gray);105 --form--color-ranged: var(--global--color-secondary);106 --form--label-weight: 500;107 --form--border-color: var(--global--color-secondary);108 --form--border-width: 3px;109 --form--border-radius: 0;110 --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));111 35 112 36 /* Cover block */ 113 --cover--height: calc(15 * var(--global--spacing-vertical));114 --cover--color-foreground: var(--global--color-white);115 --cover--color-background: var(--global--color-black);116 37 117 38 /* Buttons */ 118 --button--color-text: var(--global--color-background);119 --button--color-text-hover: var(--global--color-secondary);120 --button--color-text-active: var(--global--color-secondary);121 --button--color-background: var(--global--color-secondary);122 --button--color-background-active: var(--global--color-background);123 --button--font-family: var(--global--font-primary);124 --button--font-size: var(--global--font-size-base);125 --button--font-weight: 500;126 --button--line-height: 1.5;127 --button--border-width: 3px;128 --button--border-radius: 0;129 --button--padding-vertical: 15px;130 --button--padding-horizontal: calc(2 * var(--button--padding-vertical));131 39 132 40 /* entry */ 133 --entry-header--color: var(--global--color-primary);134 --entry-header--color-link: currentColor;135 --entry-header--color-hover: var(--global--color-primary-hover);136 --entry-header--color-focus: var(--global--color-secondary);137 --entry-header--font-size: var(--heading--font-size-h2);138 --entry-content--font-family: var(--global--font-secondary);139 --entry-author-bio--font-family: var(--heading--font-family);140 --entry-author-bio--font-size: var(--heading--font-size-h4);141 41 142 42 /* Header */ 143 --branding--color-text: var(--global--color-primary);144 --branding--color-link: var(--global--color-primary);145 --branding--color-link-hover: var(--global--color-secondary);146 --branding--title--font-family: var(--global--font-primary);147 --branding--title--font-size: var(--global--font-size-lg);148 --branding--title--font-size-mobile: var(--heading--font-size-h4);149 --branding--title--font-weight: normal;150 --branding--title--text-transform: uppercase;151 --branding--description--font-family: var(--global--font-secondary);152 --branding--description--font-size: var(--global--font-size-sm);153 --branding--description--font-family: var(--global--font-secondary);154 --branding--logo--max-width: 300px;155 --branding--logo--max-height: 100px;156 --branding--logo--max-width-mobile: 96px;157 --branding--logo--max-height-mobile: 96px;158 43 159 44 /* Main navigation */ 160 --primary-nav--font-family: var(--global--font-secondary);161 --primary-nav--font-family-mobile: var(--global--font-primary);162 --primary-nav--font-size: var(--global--font-size-md);163 --primary-nav--font-size-sub-menu: var(--global--font-size-xs);164 --primary-nav--font-size-mobile: var(--global--font-size-sm);165 --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);166 --primary-nav--font-size-button: var(--global--font-size-xs);167 --primary-nav--font-style: normal;168 --primary-nav--font-style-sub-menu-mobile: normal;169 --primary-nav--font-weight: normal;170 --primary-nav--font-weight-button: 500;171 --primary-nav--color-link: var(--global--color-primary);172 --primary-nav--color-link-hover: var(--global--color-primary-hover);173 --primary-nav--color-text: var(--global--color-primary);174 --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));175 --primary-nav--border-color: var(--global--color-primary);176 45 177 46 /* Pagination */ 178 --pagination--color-text: var(--global--color-primary);179 --pagination--color-link-hover: var(--global--color-primary-hover);180 --pagination--font-family: var(--global--font-secondary);181 --pagination--font-size: var(--global--font-size-lg);182 --pagination--font-weight: normal;183 --pagination--font-weight-strong: 600;184 47 185 48 /* Footer */ 186 --footer--color-text: var(--global--color-primary);187 --footer--color-link: var(--global--color-primary);188 --footer--color-link-hover: var(--global--color-primary-hover);189 --footer--font-family: var(--global--font-primary);190 --footer--font-size: var(--global--font-size-sm);191 49 192 50 /* Block: Pull quote */ 193 --pullquote--font-family: var(--global--font-primary);194 --pullquote--font-size: var(--heading--font-size-h3);195 --pullquote--font-style: normal;196 --pullquote--letter-spacing: var(--heading--letter-spacing-h4);197 --pullquote--line-height: var(--global--line-height-heading);198 --pullquote--border-width: 3px;199 --pullquote--border-color: var(--global--color-primary);200 --pullquote--color-foreground: var(--global--color-primary);201 --pullquote--color-background: var(--global--color-background);202 --quote--font-family: var(--global--font-secondary);203 --quote--font-size: var(--global--font-size-md);204 --quote--font-size-large: var(--global--font-size-xl);205 --quote--font-style: normal;206 --quote--font-weight: 700;207 --quote--font-weight-strong: bolder;208 --quote--font-style-large: normal;209 --quote--font-style-cite: normal;210 --quote--line-height: var(--global--line-height-body);211 --quote--line-height-large: 1.35;212 --separator--border-color: var(--global--color-border);213 --separator--height: 1px;214 51 215 52 /* Block: Table */ 216 --table--stripes-border-color: var(--global--color-light-gray);217 --table--stripes-background-color: var(--global--color-light-gray);218 --table--has-background-text-color: var(--global--color-dark-gray);219 53 220 54 /* Widgets */ 221 --widget--line-height-list: 1.9;222 --widget--line-height-title: 1.4;223 --widget--font-weight-title: 700;224 --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));225 55 226 56 /* Admin-bar height */ 227 --global--admin-bar--height: 0;228 }229 230 .admin-bar {231 --global--admin-bar--height: 32px;232 }233 @media only screen and (max-width: 782px) {234 235 .admin-bar {236 --global--admin-bar--height: 46px;237 }238 }239 240 @media only screen and (min-width: 652px) {241 242 :root {243 --global--font-size-xl: 2.5rem;244 --global--font-size-xxl: 6rem;245 --global--font-size-xxxl: 9rem;246 --heading--font-size-h3: 2rem;247 --heading--font-size-h2: 3rem;248 }249 57 } 250 58 … … 260 68 * Root Media Query Variables 261 69 */ 262 :root {263 --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);264 --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));265 --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));266 --responsive--alignfull-width: 100%;267 --responsive--alignright-margin: var(--global--spacing-horizontal);268 --responsive--alignleft-margin: var(--global--spacing-horizontal);269 }270 271 @media only screen and (min-width: 482px) {272 273 :root {274 --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);275 --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));276 --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));277 --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));278 }279 }280 @media only screen and (min-width: 822px) {281 282 :root {283 --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);284 --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);285 }286 }287 70 288 71 /** … … 290 73 */ 291 74 .default-max-width { 292 max-width: var(--responsive--aligndefault-width);75 max-width: calc(100vw - 30px); 293 76 margin-left: auto; 294 77 margin-right: auto; 295 78 } 79 @media only screen and (min-width: 482px) { 80 81 .default-max-width { 82 max-width: min(calc(100vw - 100px), 610px); 83 } 84 } 85 @media only screen and (min-width: 822px) { 86 87 .default-max-width { 88 max-width: min(calc(100vw - 200px), 610px); 89 } 90 } 296 91 297 92 .wide-max-width { 298 max-width: var(--responsive--alignwide-width);93 max-width: calc(100vw - 30px); 299 94 margin-left: auto; 300 95 margin-right: auto; … … 303 98 @media only screen and (min-width: 482px) { 304 99 100 .wide-max-width { 101 max-width: calc(100vw - 100px); 102 } 103 } 104 105 @media only screen and (min-width: 822px) { 106 107 .wide-max-width { 108 max-width: min(calc(100vw - 200px), 1240px); 109 } 110 } 111 112 @media only screen and (min-width: 482px) { 113 305 114 .full-max-width { 306 max-width: var(--responsive--alignfull-width);115 max-width: 100%; 307 116 width: auto; 308 117 margin-left: auto; … … 314 123 padding: 0; 315 124 position: relative; 316 margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);125 margin: 30px 0 30px 25px; 317 126 } 318 127 319 128 blockquote > * { 320 margin-top: var(--global--spacing-unit);321 margin-bottom: var(--global--spacing-unit);129 margin-top: 20px; 130 margin-bottom: 20px; 322 131 } 323 132 … … 331 140 332 141 blockquote p { 333 letter-spacing: var(--heading--letter-spacing-h4); 334 font-family: var(--quote--font-family); 335 font-size: var(--quote--font-size); 336 font-style: var(--quote--font-style); 337 font-weight: var(--quote--font-weight); 338 line-height: var(--quote--line-height); 339 } 340 341 blockquote cite, 142 letter-spacing: normal; 143 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 144 font-size: 1.25rem; 145 font-style: normal; 146 font-weight: 700; 147 line-height: 1.7; 148 } 149 150 blockquote cite { 151 font-weight: normal; 152 color: #28303d; 153 font-size: 1rem; 154 letter-spacing: normal; 155 } 156 342 157 blockquote footer { 343 158 font-weight: normal; 344 color: var(--global--color-primary);345 font-size: var(--global--font-size-xs);346 letter-spacing: var(--global--letter-spacing);159 color: #28303d; 160 font-size: 1rem; 161 letter-spacing: normal; 347 162 } 348 163 … … 352 167 } 353 168 354 blockquote.alignleft p, 355 blockquote.alignright p { 356 font-size: var(--heading--font-size-h5); 169 blockquote.alignleft p { 170 font-size: 1.125rem; 357 171 max-width: inherit; 358 172 width: inherit; 359 173 } 360 174 361 blockquote.alignleft cite, 362 blockquote.alignleft footer, 363 blockquote.alignright cite, 175 blockquote.alignright p { 176 font-size: 1.125rem; 177 max-width: inherit; 178 width: inherit; 179 } 180 181 blockquote.alignleft cite { 182 font-size: 1rem; 183 letter-spacing: normal; 184 } 185 186 blockquote.alignleft footer { 187 font-size: 1rem; 188 letter-spacing: normal; 189 } 190 191 blockquote.alignright cite { 192 font-size: 1rem; 193 letter-spacing: normal; 194 } 195 364 196 blockquote.alignright footer { 365 font-size: var(--global--font-size-xs);366 letter-spacing: var(--global--letter-spacing);197 font-size: 1rem; 198 letter-spacing: normal; 367 199 } 368 200 369 201 blockquote strong { 370 font-weight: var(--quote--font-weight-strong);202 font-weight: bolder; 371 203 } 372 204 373 205 blockquote:before { 374 206 content: "“"; 375 font-size: var(--quote--font-size); 376 line-height: var(--quote--line-height); 377 } 378 379 blockquote .wp-block-quote__citation, 380 blockquote cite, 207 font-size: 1.25rem; 208 line-height: 1.7; 209 } 210 211 blockquote .wp-block-quote__citation { 212 color: #28303d; 213 font-size: 1rem; 214 font-style: normal; 215 } 216 217 blockquote cite { 218 color: #28303d; 219 font-size: 1rem; 220 font-style: normal; 221 } 222 381 223 blockquote footer { 382 color: var(--global--color-primary);383 font-size: var(--global--font-size-xs);384 font-style: var(--quote--font-style-cite);224 color: #28303d; 225 font-size: 1rem; 226 font-style: normal; 385 227 } 386 228 @media only screen and (max-width: 481px) { 387 229 388 230 blockquote { 389 padding-left: calc(0.5 * var(--global--spacing-horizontal));231 padding-left: 13px; 390 232 } 391 233 … … 415 257 416 258 /* Media captions */ 417 figcaption, 418 .wp-caption, 259 figcaption { 260 color: currentColor; 261 font-size: 1rem; 262 line-height: 1.7; 263 margin-top: 10px; 264 margin-bottom: 20px; 265 text-align: center; 266 } 267 268 .wp-caption { 269 color: currentColor; 270 font-size: 1rem; 271 line-height: 1.7; 272 margin-top: 10px; 273 margin-bottom: 20px; 274 text-align: center; 275 } 276 419 277 .wp-caption-text { 420 278 color: currentColor; 421 font-size: var(--global--font-size-xs);422 line-height: var(--global--line-height-body);423 margin-top: calc(0.5 * var(--global--spacing-unit));424 margin-bottom: var(--global--spacing-unit);279 font-size: 1rem; 280 line-height: 1.7; 281 margin-top: 10px; 282 margin-bottom: 20px; 425 283 text-align: center; 426 284 } … … 446 304 447 305 select { 448 border: var(--form--border-width) solid var(--form--border-color);449 border-radius: var(--form--border-radius);450 color: var(--form--color-text);451 font-size: var(--form--font-size);306 border: 3px solid #39414d; 307 border-radius: 0; 308 color: #28303d; 309 font-size: 1.125rem; 452 310 -moz-appearance: none; 453 311 -webkit-appearance: none; 454 312 appearance: none; 455 padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);456 background: var(--global--color-white)url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;457 background-position: right var(--form--spacing-unit)top 60%;313 padding: 10px 30px 10px 10px; 314 background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat; 315 background-position: right 10px top 60%; 458 316 } 459 317 … … 465 323 a { 466 324 cursor: pointer; 467 color: var(--wp--style--color--link, var(--global--color-primary));325 color: #28303d; 468 326 text-underline-offset: 3px; 469 327 text-decoration-skip-ink: all; … … 482 340 } 483 341 484 .is-dark-theme .site a:focus, 342 .is-dark-theme .site a:focus { 343 color: #d1e4dd; 344 } 345 485 346 .is-dark-theme .site a:focus .meta-nav { 486 color: var(--wp--style--color--link, var(--global--color-background));347 color: #d1e4dd; 487 348 } 488 349 489 350 .has-background-white .site a:focus { 490 351 background: rgba(0, 0, 0, 0.9); 491 color: var(--wp--style--color--link, var(--global--color-white));352 color: #fff; 492 353 } 493 354 494 355 .has-background-white .site a:focus .meta-nav { 495 color: var(--wp--style--color--link, var(--global--color-white));356 color: #fff; 496 357 } 497 358 … … 509 370 510 371 .site a:focus img { 511 outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary)); 512 } 513 514 .has-background:not(.has-background-background-color) .has-link-color a, 372 outline: 2px dotted #28303d; 373 } 374 375 .has-background:not(.has-background-background-color) .has-link-color a { 376 color: #28303d; 377 } 378 515 379 .has-background:not(.has-background-background-color).has-link-color a { 516 color: var(--wp--style--color--link, var(--global--color-primary));380 color: #28303d; 517 381 } 518 382 519 383 .wp-block-button__link { 520 line-height: var(--button--line-height);521 color: var(--button--color-text);384 line-height: 1.5; 385 color: #d1e4dd; 522 386 cursor: pointer; 523 font-weight: var(--button--font-weight);524 font-family: var(--button--font-family);525 font-size: var(--button--font-size);526 background-color: var(--button--color-background);527 border-radius: var(--button--border-radius);528 border: var(--button--border-width) solid var(--button--color-background);387 font-weight: 500; 388 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 389 font-size: 1.25rem; 390 background-color: #39414d; 391 border-radius: 0; 392 border: 3px solid #39414d; 529 393 text-decoration: none; 530 padding: var(--button--padding-vertical) var(--button--padding-horizontal);394 padding: 15px 30px; 531 395 } 532 396 … … 540 404 541 405 .wp-block-button__link:before { 542 margin-bottom: -calc( .5em * var(--button--line-height) + -.38);406 margin-bottom: -calc(1em - 0); 543 407 } 544 408 545 409 .wp-block-button__link:after { 546 margin-top: -calc( .5em * var(--button--line-height) + -.39);410 margin-top: -calc(1em - 0); 547 411 } 548 412 … … 554 418 555 419 .is-dark-theme .wp-block-button__link:focus { 556 color: var(--button--color-background);420 color: #39414d; 557 421 } 558 422 559 423 .wp-block-button__link:focus:not(.has-background) { 560 color: var(--button--color-text-hover);424 color: #39414d; 561 425 } 562 426 563 427 .wp-block-button__link:disabled { 564 background-color: var(--global--color-white-50);565 border-color: var(--global--color-white-50);566 color: var(--button--color-text-active);428 background-color: rgba(255, 255, 255, 0.5); 429 border-color: rgba(255, 255, 255, 0.5); 430 color: #39414d; 567 431 } 568 432 … … 576 440 577 441 [data-block].wp-block-buttons .wp-block-button:first-child { 578 margin-top: var(--global--spacing-vertical);442 margin-top: 30px; 579 443 } 580 444 581 445 [data-block].wp-block-buttons .wp-block-button:last-child { 582 margin-bottom: var(--global--spacing-vertical);446 margin-bottom: 30px; 583 447 } 584 448 585 449 .wp-block-button:not(.is-style-outline) .wp-block-button__link:active { 586 color: var(--button--color-text-active)!important;450 color: #39414d !important; 587 451 background: transparent !important; 588 border-color: var(--button--color-background);452 border-color: #39414d; 589 453 } 590 454 591 455 .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { 592 color: var(--button--color-text-hover)!important;456 color: #39414d !important; 593 457 background: transparent !important; 594 border-color: var(--button--color-background);458 border-color: #39414d; 595 459 } 596 460 597 461 .wp-block-button.is-style-outline .wp-block-button__link { 598 color: var(--button--color-background);462 color: #39414d; 599 463 background: transparent; 600 border: var(--button--border-width) solid currentColor; 601 padding: var(--button--padding-vertical) var(--button--padding-horizontal); 602 } 603 604 .wp-block-button.is-style-outline .wp-block-button__link:active, 464 border: 3px solid currentColor; 465 padding: 15px 30px; 466 } 467 468 .wp-block-button.is-style-outline .wp-block-button__link:active { 469 background-color: #39414d; 470 color: #d1e4dd; 471 border-color: #39414d; 472 } 473 605 474 .wp-block-button.is-style-outline .wp-block-button__link:hover { 606 background-color: var(--button--color-background);607 color: var(--button--color-text);608 border-color: var(--button--color-background);475 background-color: #39414d; 476 color: #d1e4dd; 477 border-color: #39414d; 609 478 } 610 479 611 480 .wp-block-button.is-style-outline .wp-block-button__link.has-background { 612 border-color: var(--button--color-background); 613 } 614 615 .wp-block-button.is-style-outline .wp-block-button__link.has-background:active, 481 border-color: #39414d; 482 } 483 484 .wp-block-button.is-style-outline .wp-block-button__link.has-background:active { 485 background-color: #39414d !important; 486 } 487 616 488 .wp-block-button.is-style-outline .wp-block-button__link.has-background:hover { 617 background-color: var(--button--color-background)!important;489 background-color: #39414d !important; 618 490 } 619 491 620 492 .wp-block-button.is-style-outline .wp-block-button__link.has-background:not(.has-text-color) { 621 color: var(--global--color-dark-gray); 622 } 623 624 .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color), 625 .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color), 493 color: #28303d; 494 } 495 496 .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-gray-background-color:not(.has-text-color) { 497 color: #fff; 498 } 499 500 .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-dark-gray-background-color:not(.has-text-color) { 501 color: #fff; 502 } 503 626 504 .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-black-background-color:not(.has-text-color) { 627 color: var(--global--color-white); 628 } 629 630 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-white-background-color, 631 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-green-background-color, 632 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-blue-background-color, 633 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-purple-background-color, 634 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-red-background-color, 635 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-orange-background-color, 505 color: #fff; 506 } 507 508 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-white-background-color { 509 color: #28303d; 510 } 511 512 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-green-background-color { 513 color: #28303d; 514 } 515 516 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-blue-background-color { 517 color: #28303d; 518 } 519 520 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-purple-background-color { 521 color: #28303d; 522 } 523 524 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-red-background-color { 525 color: #28303d; 526 } 527 528 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-orange-background-color { 529 color: #28303d; 530 } 531 636 532 .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-yellow-background-color { 637 color: var(--global--color-dark-gray);533 color: #28303d; 638 534 } 639 535 … … 642 538 } 643 539 644 .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active, 540 .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:active { 541 color: #d1e4dd !important; 542 border-color: #39414d; 543 } 544 645 545 .wp-block-button.is-style-outline .wp-block-button__link.has-text-color:hover { 646 color: var(--button--color-text)!important;647 border-color: var(--button--color-background);546 color: #d1e4dd !important; 547 border-color: #39414d; 648 548 } 649 549 … … 658 558 659 559 .wp-block-code code { 660 font-size: var(--global--font-size-xs);560 font-size: 1rem; 661 561 white-space: pre !important; 662 562 overflow-x: auto; … … 664 564 665 565 .wp-block-code { 666 border-color: var(--global--color-border);566 border-color: #28303d; 667 567 border-radius: 0; 668 568 border-style: solid; 669 569 border-width: 0.1rem; 670 padding: var(--global--spacing-unit);570 padding: 20px; 671 571 color: currentColor; 672 572 } 673 573 674 .wp-block-cover, 574 .wp-block-cover { 575 background-color: #000; 576 min-height: 450px; 577 margin-top: inherit; 578 margin-bottom: inherit; 579 } 580 675 581 .wp-block-cover-image { 676 background-color: var(--cover--color-background);677 min-height: var(--cover--height);582 background-color: #000; 583 min-height: 450px; 678 584 margin-top: inherit; 679 585 margin-bottom: inherit; … … 713 619 } 714 620 715 .wp-block-cover .wp-block-cover__inner-container .has-link-color a, 716 .wp-block-cover .wp-block-cover-image-text .has-link-color a, 717 .wp-block-cover .wp-block-cover-text .has-link-color a, 718 .wp-block-cover .block-editor-block-list__block .has-link-color a, 719 .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a, 720 .wp-block-cover-image .wp-block-cover-image-text .has-link-color a, 721 .wp-block-cover-image .wp-block-cover-text .has-link-color a, 621 .wp-block-cover .wp-block-cover__inner-container .has-link-color a { 622 color: #28303d; 623 } 624 625 .wp-block-cover .wp-block-cover-image-text .has-link-color a { 626 color: #28303d; 627 } 628 629 .wp-block-cover .wp-block-cover-text .has-link-color a { 630 color: #28303d; 631 } 632 633 .wp-block-cover .block-editor-block-list__block .has-link-color a { 634 color: #28303d; 635 } 636 637 .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a { 638 color: #28303d; 639 } 640 641 .wp-block-cover-image .wp-block-cover-image-text .has-link-color a { 642 color: #28303d; 643 } 644 645 .wp-block-cover-image .wp-block-cover-text .has-link-color a { 646 color: #28303d; 647 } 648 722 649 .wp-block-cover-image .block-editor-block-list__block .has-link-color a { 723 color: var(--wp--style--color--link, var(--global--color-primary)); 724 } 725 726 .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container, 727 .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text, 728 .wp-block-cover:not([class*=background-color]) .wp-block-cover-text, 729 .wp-block-cover:not([class*=background-color]) .block-editor-block-list__block, 730 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container, 731 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text, 732 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text, 650 color: #28303d; 651 } 652 653 .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container { 654 color: #fff; 655 } 656 657 .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text { 658 color: #fff; 659 } 660 661 .wp-block-cover:not([class*=background-color]) .wp-block-cover-text { 662 color: #fff; 663 } 664 665 .wp-block-cover:not([class*=background-color]) .block-editor-block-list__block { 666 color: #fff; 667 } 668 669 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container { 670 color: #fff; 671 } 672 673 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text { 674 color: #fff; 675 } 676 677 .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text { 678 color: #fff; 679 } 680 733 681 .wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block { 734 color: var(--cover--color-foreground); 735 } 736 737 .wp-block-cover h2, 738 .wp-block-cover-image h2 { 739 font-size: var(--heading--font-size-h2); 740 letter-spacing: var(--heading--letter-spacing-h2); 741 line-height: var(--heading--line-height-h2); 682 color: #fff; 683 } 684 685 .wp-block-cover h2 { 686 font-size: 2.25rem; 687 letter-spacing: normal; 688 line-height: 1.3; 742 689 padding: 0; 743 690 max-width: inherit; 744 691 text-align: inherit; 745 692 } 693 @media only screen and (min-width: 652px) { 694 695 .wp-block-cover h2 { 696 font-size: 3rem; 697 } 698 } 699 @media only screen and (min-width: 652px) { 700 701 .wp-block-cover h2 { 702 font-size: 3rem; 703 } 704 } 705 706 .wp-block-cover-image h2 { 707 font-size: 2.25rem; 708 letter-spacing: normal; 709 line-height: 1.3; 710 padding: 0; 711 max-width: inherit; 712 text-align: inherit; 713 } 714 @media only screen and (min-width: 652px) { 715 716 .wp-block-cover-image h2 { 717 font-size: 3rem; 718 } 719 } 720 @media only screen and (min-width: 652px) { 721 722 .wp-block-cover-image h2 { 723 font-size: 3rem; 724 } 725 } 746 726 747 727 .wp-block-cover h2.has-text-align-left, … … 760 740 } 761 741 762 .wp-block-cover.is-style-twentytwentyone-border, 742 .wp-block-cover.is-style-twentytwentyone-border { 743 border: 3px solid #28303d; 744 } 745 763 746 .wp-block-cover-image.is-style-twentytwentyone-border { 764 border: calc(3 * var(--separator--height)) solid var(--global--color-border);747 border: 3px solid #28303d; 765 748 } 766 749 … … 776 759 777 760 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) { 778 margin-left: calc(-2 * var(--global--spacing-horizontal));779 margin-top: calc(2.5 * var(--global--spacing-horizontal));761 margin-left: -50px; 762 margin-top: 63px; 780 763 z-index: 2; 781 764 } 782 765 783 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background), 784 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background), 785 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background), 786 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background), 787 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background), 788 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background), 789 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background), 790 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), 791 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background), 766 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background) { 767 background-color: #d1e4dd; 768 padding: 20px; 769 } 770 771 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background) { 772 background-color: #d1e4dd; 773 padding: 20px; 774 } 775 776 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background) { 777 background-color: #d1e4dd; 778 padding: 20px; 779 } 780 781 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background) { 782 background-color: #d1e4dd; 783 padding: 20px; 784 } 785 786 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background) { 787 background-color: #d1e4dd; 788 padding: 20px; 789 } 790 791 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background) { 792 background-color: #d1e4dd; 793 padding: 20px; 794 } 795 796 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background) { 797 background-color: #d1e4dd; 798 padding: 20px; 799 } 800 801 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) { 802 background-color: #d1e4dd; 803 padding: 20px; 804 } 805 806 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) { 807 background-color: #d1e4dd; 808 padding: 20px; 809 } 810 792 811 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) { 793 background-color: var(--global--color-background); 794 padding: var(--global--spacing-unit); 795 } 796 797 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), 812 background-color: #d1e4dd; 813 padding: 20px; 814 } 815 816 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background) { 817 padding-left: 50px; 818 } 819 798 820 .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) { 799 padding-left: calc(2 * var(--global--spacing-horizontal));821 padding-left: 50px; 800 822 } 801 823 … … 805 827 } 806 828 807 .wp-block[data-align=full] .wp-block-columns p:not(.has-background), 808 .wp-block[data-align=full] .wp-block-columns h1:not(.has-background), 809 .wp-block[data-align=full] .wp-block-columns h2:not(.has-background), 810 .wp-block[data-align=full] .wp-block-columns h3:not(.has-background), 811 .wp-block[data-align=full] .wp-block-columns h4:not(.has-background), 812 .wp-block[data-align=full] .wp-block-columns h5:not(.has-background), 829 .wp-block[data-align=full] .wp-block-columns p:not(.has-background) { 830 padding-left: 20px; 831 padding-right: 20px; 832 } 833 834 .wp-block[data-align=full] .wp-block-columns h1:not(.has-background) { 835 padding-left: 20px; 836 padding-right: 20px; 837 } 838 839 .wp-block[data-align=full] .wp-block-columns h2:not(.has-background) { 840 padding-left: 20px; 841 padding-right: 20px; 842 } 843 844 .wp-block[data-align=full] .wp-block-columns h3:not(.has-background) { 845 padding-left: 20px; 846 padding-right: 20px; 847 } 848 849 .wp-block[data-align=full] .wp-block-columns h4:not(.has-background) { 850 padding-left: 20px; 851 padding-right: 20px; 852 } 853 854 .wp-block[data-align=full] .wp-block-columns h5:not(.has-background) { 855 padding-left: 20px; 856 padding-right: 20px; 857 } 858 813 859 .wp-block[data-align=full] .wp-block-columns h6:not(.has-background) { 814 padding-left: var(--global--spacing-unit);815 padding-right: var(--global--spacing-unit);860 padding-left: 20px; 861 padding-right: 20px; 816 862 } 817 863 … … 828 874 829 875 .wp-block-file .wp-block-file__button { 830 line-height: var(--button--line-height);831 color: var(--button--color-text);876 line-height: 1.5; 877 color: #d1e4dd; 832 878 cursor: pointer; 833 font-weight: var(--button--font-weight);834 font-family: var(--button--font-family);835 font-size: var(--button--font-size);836 background-color: var(--button--color-background);837 border-radius: var(--button--border-radius);838 border: var(--button--border-width) solid var(--button--color-background);879 font-weight: 500; 880 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 881 font-size: 1.25rem; 882 background-color: #39414d; 883 border-radius: 0; 884 border: 3px solid #39414d; 839 885 text-decoration: none; 840 padding: var(--button--padding-vertical) var(--button--padding-horizontal);886 padding: 15px 30px; 841 887 display: inline-block; 842 888 } … … 851 897 852 898 .wp-block-file .wp-block-file__button:before { 853 margin-bottom: -calc( .5em * var(--button--line-height) + -.38);899 margin-bottom: -calc(1em - 0); 854 900 } 855 901 856 902 .wp-block-file .wp-block-file__button:after { 857 margin-top: -calc( .5em * var(--button--line-height) + -.39);903 margin-top: -calc(1em - 0); 858 904 } 859 905 … … 865 911 866 912 .is-dark-theme .wp-block-file .wp-block-file__button:focus { 867 color: var(--button--color-background);913 color: #39414d; 868 914 } 869 915 870 916 .wp-block-file .wp-block-file__button:focus:not(.has-background) { 871 color: var(--button--color-text-hover);917 color: #39414d; 872 918 } 873 919 874 920 .wp-block-file .wp-block-file__button:disabled { 875 background-color: var(--global--color-white-50);876 border-color: var(--global--color-white-50);877 color: var(--button--color-text-active);921 background-color: rgba(255, 255, 255, 0.5); 922 border-color: rgba(255, 255, 255, 0.5); 923 color: #39414d; 878 924 } 879 925 880 926 .wp-block-file .wp-block-file__button:hover { 881 color: var(--button--color-text-hover);927 color: #39414d; 882 928 background: transparent; 883 929 } … … 888 934 889 935 .wp-block-gallery figcaption a { 890 color: var(--global--color-white);936 color: #fff; 891 937 } 892 938 … … 905 951 906 952 .wp-block-group.has-background { 907 padding: var(--global--spacing-vertical);953 padding: 30px; 908 954 } 909 955 … … 914 960 915 961 .wp-block-group.is-style-twentytwentyone-border { 916 border: calc(3 * var(--separator--height)) solid var(--global--color-border);917 padding: var(--global--spacing-vertical);962 border: 3px solid #28303d; 963 padding: 30px; 918 964 } 919 965 920 966 .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] { 921 max-width: calc( var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));922 width: calc( var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical)));923 margin-left: calc(-1 * var(--global--spacing-vertical));967 max-width: calc(100% + 60px); 968 width: calc(100% + 60px); 969 margin-left: -30px; 924 970 } 925 971 … … 933 979 } 934 980 935 .wp-block-heading h1, 936 h1, 937 .h1, 938 .wp-block-heading h2, 939 h2, 940 .h2, 941 .wp-block-heading h3, 942 h3, 943 .h3, 944 .wp-block-heading h4, 945 h4, 946 .h4, 947 .wp-block-heading h5, 948 h5, 949 .h5, 950 .wp-block-heading h6, 951 h6, 981 .wp-block-heading h1 { 982 clear: both; 983 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 984 font-weight: normal; 985 } 986 987 h1 { 988 clear: both; 989 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 990 font-weight: normal; 991 } 992 993 .h1 { 994 clear: both; 995 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 996 font-weight: normal; 997 } 998 999 .wp-block-heading h2 { 1000 clear: both; 1001 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1002 font-weight: normal; 1003 } 1004 1005 h2 { 1006 clear: both; 1007 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1008 font-weight: normal; 1009 } 1010 1011 .h2 { 1012 clear: both; 1013 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1014 font-weight: normal; 1015 } 1016 1017 .wp-block-heading h3 { 1018 clear: both; 1019 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1020 font-weight: normal; 1021 } 1022 1023 h3 { 1024 clear: both; 1025 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1026 font-weight: normal; 1027 } 1028 1029 .h3 { 1030 clear: both; 1031 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1032 font-weight: normal; 1033 } 1034 1035 .wp-block-heading h4 { 1036 clear: both; 1037 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1038 font-weight: normal; 1039 } 1040 1041 h4 { 1042 clear: both; 1043 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1044 font-weight: normal; 1045 } 1046 1047 .h4 { 1048 clear: both; 1049 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1050 font-weight: normal; 1051 } 1052 1053 .wp-block-heading h5 { 1054 clear: both; 1055 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1056 font-weight: normal; 1057 } 1058 1059 h5 { 1060 clear: both; 1061 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1062 font-weight: normal; 1063 } 1064 1065 .h5 { 1066 clear: both; 1067 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1068 font-weight: normal; 1069 } 1070 1071 .wp-block-heading h6 { 1072 clear: both; 1073 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1074 font-weight: normal; 1075 } 1076 1077 h6 { 1078 clear: both; 1079 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1080 font-weight: normal; 1081 } 1082 952 1083 .h6 { 953 1084 clear: both; 954 font-family: var(--heading--font-family); 955 font-weight: var(--heading--font-weight); 956 } 957 958 .wp-block-heading h1 strong, 959 h1 strong, 960 .h1 strong, 961 .wp-block-heading h2 strong, 962 h2 strong, 963 .h2 strong, 964 .wp-block-heading h3 strong, 965 h3 strong, 966 .h3 strong, 967 .wp-block-heading h4 strong, 968 h4 strong, 969 .h4 strong, 970 .wp-block-heading h5 strong, 971 h5 strong, 972 .h5 strong, 973 .wp-block-heading h6 strong, 974 h6 strong, 1085 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1086 font-weight: normal; 1087 } 1088 1089 .wp-block-heading h1 strong { 1090 font-weight: 600; 1091 } 1092 1093 h1 strong { 1094 font-weight: 600; 1095 } 1096 1097 .h1 strong { 1098 font-weight: 600; 1099 } 1100 1101 .wp-block-heading h2 strong { 1102 font-weight: 600; 1103 } 1104 1105 h2 strong { 1106 font-weight: 600; 1107 } 1108 1109 .h2 strong { 1110 font-weight: 600; 1111 } 1112 1113 .wp-block-heading h3 strong { 1114 font-weight: 600; 1115 } 1116 1117 h3 strong { 1118 font-weight: 600; 1119 } 1120 1121 .h3 strong { 1122 font-weight: 600; 1123 } 1124 1125 .wp-block-heading h4 strong { 1126 font-weight: 600; 1127 } 1128 1129 h4 strong { 1130 font-weight: 600; 1131 } 1132 1133 .h4 strong { 1134 font-weight: 600; 1135 } 1136 1137 .wp-block-heading h5 strong { 1138 font-weight: 600; 1139 } 1140 1141 h5 strong { 1142 font-weight: 600; 1143 } 1144 1145 .h5 strong { 1146 font-weight: 600; 1147 } 1148 1149 .wp-block-heading h6 strong { 1150 font-weight: 600; 1151 } 1152 1153 h6 strong { 1154 font-weight: 600; 1155 } 1156 975 1157 .h6 strong { 976 font-weight: var(--heading--font-weight-strong); 977 } 978 979 .wp-block-heading h1[style*="--wp--typography--line-height"], 980 h1[style*="--wp--typography--line-height"], 981 .h1[style*="--wp--typography--line-height"], 982 .wp-block-heading h2[style*="--wp--typography--line-height"], 983 h2[style*="--wp--typography--line-height"], 984 .h2[style*="--wp--typography--line-height"], 985 .wp-block-heading h3[style*="--wp--typography--line-height"], 986 h3[style*="--wp--typography--line-height"], 987 .h3[style*="--wp--typography--line-height"], 988 .wp-block-heading h4[style*="--wp--typography--line-height"], 989 h4[style*="--wp--typography--line-height"], 990 .h4[style*="--wp--typography--line-height"], 991 .wp-block-heading h5[style*="--wp--typography--line-height"], 992 h5[style*="--wp--typography--line-height"], 993 .h5[style*="--wp--typography--line-height"], 994 .wp-block-heading h6[style*="--wp--typography--line-height"], 995 h6[style*="--wp--typography--line-height"], 1158 font-weight: 600; 1159 } 1160 1161 .wp-block-heading h1[style*="--wp--typography--line-height"] { 1162 line-height: --global--line-height-body; 1163 } 1164 1165 h1[style*="--wp--typography--line-height"] { 1166 line-height: --global--line-height-body; 1167 } 1168 1169 .h1[style*="--wp--typography--line-height"] { 1170 line-height: --global--line-height-body; 1171 } 1172 1173 .wp-block-heading h2[style*="--wp--typography--line-height"] { 1174 line-height: --global--line-height-body; 1175 } 1176 1177 h2[style*="--wp--typography--line-height"] { 1178 line-height: --global--line-height-body; 1179 } 1180 1181 .h2[style*="--wp--typography--line-height"] { 1182 line-height: --global--line-height-body; 1183 } 1184 1185 .wp-block-heading h3[style*="--wp--typography--line-height"] { 1186 line-height: --global--line-height-body; 1187 } 1188 1189 h3[style*="--wp--typography--line-height"] { 1190 line-height: --global--line-height-body; 1191 } 1192 1193 .h3[style*="--wp--typography--line-height"] { 1194 line-height: --global--line-height-body; 1195 } 1196 1197 .wp-block-heading h4[style*="--wp--typography--line-height"] { 1198 line-height: --global--line-height-body; 1199 } 1200 1201 h4[style*="--wp--typography--line-height"] { 1202 line-height: --global--line-height-body; 1203 } 1204 1205 .h4[style*="--wp--typography--line-height"] { 1206 line-height: --global--line-height-body; 1207 } 1208 1209 .wp-block-heading h5[style*="--wp--typography--line-height"] { 1210 line-height: --global--line-height-body; 1211 } 1212 1213 h5[style*="--wp--typography--line-height"] { 1214 line-height: --global--line-height-body; 1215 } 1216 1217 .h5[style*="--wp--typography--line-height"] { 1218 line-height: --global--line-height-body; 1219 } 1220 1221 .wp-block-heading h6[style*="--wp--typography--line-height"] { 1222 line-height: --global--line-height-body; 1223 } 1224 1225 h6[style*="--wp--typography--line-height"] { 1226 line-height: --global--line-height-body; 1227 } 1228 996 1229 .h6[style*="--wp--typography--line-height"] { 997 line-height: var(--wp--typography--line-height, --global--line-height-body); 998 } 999 1000 .wp-block-heading h1, 1001 h1, 1230 line-height: --global--line-height-body; 1231 } 1232 1233 .wp-block-heading h1 { 1234 font-size: 4rem; 1235 letter-spacing: normal; 1236 line-height: 1.1; 1237 } 1238 1239 @media only screen and (min-width: 652px) { 1240 1241 .wp-block-heading h1 { 1242 font-size: 6rem; 1243 } 1244 } 1245 1246 h1 { 1247 font-size: 4rem; 1248 letter-spacing: normal; 1249 line-height: 1.1; 1250 } 1251 1252 @media only screen and (min-width: 652px) { 1253 1254 h1 { 1255 font-size: 6rem; 1256 } 1257 } 1258 1002 1259 .h1 { 1003 font-size: var(--heading--font-size-h1); 1004 letter-spacing: var(--heading--letter-spacing-h1); 1005 line-height: var(--heading--line-height-h1); 1006 } 1007 1008 .wp-block-heading h2, 1009 h2, 1260 font-size: 4rem; 1261 letter-spacing: normal; 1262 line-height: 1.1; 1263 } 1264 1265 @media only screen and (min-width: 652px) { 1266 1267 .h1 { 1268 font-size: 6rem; 1269 } 1270 } 1271 1272 .wp-block-heading h2 { 1273 font-size: 2.25rem; 1274 letter-spacing: normal; 1275 line-height: 1.3; 1276 } 1277 1278 @media only screen and (min-width: 652px) { 1279 1280 .wp-block-heading h2 { 1281 font-size: 3rem; 1282 } 1283 } 1284 1285 @media only screen and (min-width: 652px) { 1286 1287 .wp-block-heading h2 { 1288 font-size: 3rem; 1289 } 1290 } 1291 1292 h2 { 1293 font-size: 2.25rem; 1294 letter-spacing: normal; 1295 line-height: 1.3; 1296 } 1297 1298 @media only screen and (min-width: 652px) { 1299 1300 h2 { 1301 font-size: 3rem; 1302 } 1303 } 1304 1305 @media only screen and (min-width: 652px) { 1306 1307 h2 { 1308 font-size: 3rem; 1309 } 1310 } 1311 1010 1312 .h2 { 1011 font-size: var(--heading--font-size-h2); 1012 letter-spacing: var(--heading--letter-spacing-h2); 1013 line-height: var(--heading--line-height-h2); 1014 } 1015 1016 .wp-block-heading h3, 1017 h3, 1313 font-size: 2.25rem; 1314 letter-spacing: normal; 1315 line-height: 1.3; 1316 } 1317 1318 @media only screen and (min-width: 652px) { 1319 1320 .h2 { 1321 font-size: 3rem; 1322 } 1323 } 1324 1325 @media only screen and (min-width: 652px) { 1326 1327 .h2 { 1328 font-size: 3rem; 1329 } 1330 } 1331 1332 .wp-block-heading h3 { 1333 font-size: 2rem; 1334 letter-spacing: normal; 1335 line-height: 1.3; 1336 } 1337 1338 @media only screen and (min-width: 652px) { 1339 1340 .wp-block-heading h3 { 1341 font-size: 2rem; 1342 } 1343 } 1344 1345 h3 { 1346 font-size: 2rem; 1347 letter-spacing: normal; 1348 line-height: 1.3; 1349 } 1350 1351 @media only screen and (min-width: 652px) { 1352 1353 h3 { 1354 font-size: 2rem; 1355 } 1356 } 1357 1018 1358 .h3 { 1019 font-size: var(--heading--font-size-h3); 1020 letter-spacing: var(--heading--letter-spacing-h3); 1021 line-height: var(--heading--line-height-h3); 1022 } 1023 1024 .wp-block-heading h4, 1025 h4, 1359 font-size: 2rem; 1360 letter-spacing: normal; 1361 line-height: 1.3; 1362 } 1363 1364 @media only screen and (min-width: 652px) { 1365 1366 .h3 { 1367 font-size: 2rem; 1368 } 1369 } 1370 1371 .wp-block-heading h4 { 1372 font-size: 1.5rem; 1373 font-weight: 600; 1374 letter-spacing: normal; 1375 line-height: 1.3; 1376 } 1377 1378 h4 { 1379 font-size: 1.5rem; 1380 font-weight: 600; 1381 letter-spacing: normal; 1382 line-height: 1.3; 1383 } 1384 1026 1385 .h4 { 1027 font-size: var(--heading--font-size-h4); 1028 font-weight: var(--heading--font-weight-strong); 1029 letter-spacing: var(--heading--letter-spacing-h4); 1030 line-height: var(--heading--line-height-h4); 1031 } 1032 1033 .wp-block-heading h5, 1034 h5, 1386 font-size: 1.5rem; 1387 font-weight: 600; 1388 letter-spacing: normal; 1389 line-height: 1.3; 1390 } 1391 1392 .wp-block-heading h5 { 1393 font-size: 1.125rem; 1394 font-weight: 600; 1395 letter-spacing: 0.05em; 1396 line-height: 1.3; 1397 } 1398 1399 h5 { 1400 font-size: 1.125rem; 1401 font-weight: 600; 1402 letter-spacing: 0.05em; 1403 line-height: 1.3; 1404 } 1405 1035 1406 .h5 { 1036 font-size: var(--heading--font-size-h5); 1037 font-weight: var(--heading--font-weight-strong); 1038 letter-spacing: var(--heading--letter-spacing-h5); 1039 line-height: var(--heading--line-height-h5); 1040 } 1041 1042 .wp-block-heading h6, 1043 h6, 1407 font-size: 1.125rem; 1408 font-weight: 600; 1409 letter-spacing: 0.05em; 1410 line-height: 1.3; 1411 } 1412 1413 .wp-block-heading h6 { 1414 font-size: 1rem; 1415 font-weight: 600; 1416 letter-spacing: 0.05em; 1417 line-height: 1.3; 1418 } 1419 1420 h6 { 1421 font-size: 1rem; 1422 font-weight: 600; 1423 letter-spacing: 0.05em; 1424 line-height: 1.3; 1425 } 1426 1044 1427 .h6 { 1045 font-size: var(--heading--font-size-h6);1046 font-weight: var(--heading--font-weight-strong);1047 letter-spacing: var(--heading--letter-spacing-h6);1048 line-height: var(--heading--line-height-h6);1428 font-size: 1rem; 1429 font-weight: 600; 1430 letter-spacing: 0.05em; 1431 line-height: 1.3; 1049 1432 } 1050 1433 1051 1434 [data-type="core/html"] textarea { 1052 color: var(--global--color-dark-gray);1435 color: #28303d; 1053 1436 border-radius: 0; 1054 padding: var(--global--spacing-unit);1437 padding: 20px; 1055 1438 } 1056 1439 … … 1065 1448 1066 1449 /* Block Styles */ 1067 .wp-block-image.is-style-twentytwentyone-border img, 1450 .wp-block-image.is-style-twentytwentyone-border img { 1451 border: 3px solid #28303d; 1452 } 1453 1068 1454 .wp-block-image.is-style-twentytwentyone-image-frame img { 1069 border: calc(3 * var(--separator--height)) solid var(--global--color-border);1455 border: 3px solid #28303d; 1070 1456 } 1071 1457 1072 1458 .wp-block-image.is-style-twentytwentyone-image-frame img { 1073 padding: var(--global--spacing-unit);1459 padding: 20px; 1074 1460 } 1075 1461 … … 1083 1469 1084 1470 .wp-block-latest-posts:not(.is-grid) > li { 1085 margin-top: calc(1.666 * var(--global--spacing-vertical));1086 margin-bottom: calc(1.666 * var(--global--spacing-vertical));1471 margin-top: 50px; 1472 margin-bottom: 50px; 1087 1473 } 1088 1474 … … 1101 1487 1102 1488 .wp-block-latest-posts.is-grid > li { 1103 margin-bottom: var(--global--spacing-vertical);1489 margin-bottom: 30px; 1104 1490 } 1105 1491 … … 1109 1495 1110 1496 .wp-block-latest-posts > li > * { 1111 margin-top: calc(0.333 * var(--global--spacing-vertical));1112 margin-bottom: calc(0.333 * var(--global--spacing-vertical));1497 margin-top: 10px; 1498 margin-bottom: 10px; 1113 1499 } 1114 1500 … … 1123 1509 .wp-block-latest-posts > li > a { 1124 1510 display: inline-block; 1125 font-family: var(--latest-posts--title-font-family); 1126 font-size: var(--latest-posts--title-font-size); 1127 font-weight: var(--heading--font-weight); 1128 line-height: var(--global--line-height-heading); 1129 margin-bottom: calc(0.333 * var(--global--spacing-vertical)); 1511 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1512 font-size: 2rem; 1513 font-weight: normal; 1514 line-height: 1.3; 1515 margin-bottom: 10px; 1516 } 1517 @media only screen and (min-width: 652px) { 1518 1519 .wp-block-latest-posts > li > a { 1520 font-size: 2rem; 1521 } 1130 1522 } 1131 1523 1132 1524 .wp-block-latest-posts .wp-block-latest-posts__post-author { 1133 color: var(--global--color-primary);1134 font-size: var(--global--font-size-md);1135 line-height: var(--global--line-height-body);1525 color: #28303d; 1526 font-size: 1.25rem; 1527 line-height: 1.7; 1136 1528 } 1137 1529 1138 1530 .wp-block-latest-posts .wp-block-latest-posts__post-date { 1139 color: var(--global--color-primary);1140 font-size: var(--global--font-size-xs);1141 line-height: var(--global--line-height-body);1531 color: #28303d; 1532 font-size: 1rem; 1533 line-height: 1.7; 1142 1534 } 1143 1535 … … 1147 1539 } 1148 1540 1149 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, 1541 .wp-block-latest-posts .wp-block-latest-posts__post-excerpt { 1542 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1543 font-size: 1.125rem; 1544 line-height: 1.7; 1545 margin-top: 20px; 1546 } 1547 1150 1548 .wp-block-latest-posts .wp-block-latest-posts__post-full-content { 1151 font-family: var(--latest-posts--description-font-family);1152 font-size: var(--latest-posts--description-font-size);1153 line-height: var(--global--line-height-body);1154 margin-top: calc(0.666 * var(--global--spacing-vertical));1549 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1550 font-size: 1.125rem; 1551 line-height: 1.7; 1552 margin-top: 20px; 1155 1553 } 1156 1554 1157 1555 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers { 1158 border-top: calc(3 * var(--separator--height)) solid var(--global--color-border); 1159 border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border); 1160 } 1161 1162 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li, 1556 border-top: 3px solid #28303d; 1557 border-bottom: 3px solid #28303d; 1558 } 1559 1560 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li { 1561 padding-bottom: 30px; 1562 border-bottom: 1px solid #28303d; 1563 margin-top: 30px; 1564 margin-bottom: 30px; 1565 } 1566 1163 1567 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li { 1164 padding-bottom: var(--global--spacing-vertical);1165 border-bottom: var(--separator--height) solid var(--global--color-border);1166 margin-top: var(--global--spacing-vertical);1167 margin-bottom: var(--global--spacing-vertical);1568 padding-bottom: 30px; 1569 border-bottom: 1px solid #28303d; 1570 margin-top: 30px; 1571 margin-bottom: 30px; 1168 1572 } 1169 1573 … … 1175 1579 1176 1580 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid { 1177 box-shadow: inset 0 -1px 0 0 var(--global--color-border);1178 border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border);1581 box-shadow: inset 0 -1px 0 0 #28303d; 1582 border-bottom: 2px solid #28303d; 1179 1583 } 1180 1584 1181 1585 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li { 1182 1586 margin: 0; 1183 padding-top: var(--global--spacing-vertical);1184 padding-right: var(--global--spacing-horizontal);1587 padding-top: 30px; 1588 padding-right: 25px; 1185 1589 } 1186 1590 1187 1591 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child { 1188 padding-bottom: var(--global--spacing-vertical);1592 padding-bottom: 30px; 1189 1593 } 1190 1594 @media screen and (min-width: 600px) { 1191 1595 1192 1596 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li { 1193 width: calc((100% / 2));1597 width: 50%; 1194 1598 } 1195 1599 1196 1600 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li { 1197 width: calc((100% / 3));1601 width: 33%; 1198 1602 } 1199 1603 1200 1604 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li { 1201 width: calc((100% / 4));1605 width: 25%; 1202 1606 } 1203 1607 1204 1608 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li { 1205 width: calc((100% / 5));1609 width: 20%; 1206 1610 } 1207 1611 1208 1612 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li { 1209 width: calc((100% / 6));1613 width: 17%; 1210 1614 } 1211 1615 } 1212 1616 1213 1617 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li { 1214 border: calc(3 * var(--separator--height)) solid var(--global--color-border);1215 padding: var(--global--spacing-vertical) var(--global--spacing-horizontal);1618 border: 3px solid #28303d; 1619 padding: 30px 25px; 1216 1620 } 1217 1621 1218 1622 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child { 1219 padding-bottom: var(--global--spacing-vertical);1220 margin-bottom: var(--global--spacing-vertical);1623 padding-bottom: 30px; 1624 margin-bottom: 30px; 1221 1625 } 1222 1626 1223 1627 .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li { 1224 margin-top: var(--global--spacing-horizontal);1225 margin-bottom: var(--global--spacing-horizontal);1628 margin-top: 25px; 1629 margin-bottom: 25px; 1226 1630 } 1227 1631 … … 1269 1673 } 1270 1674 1271 ul, 1675 ul { 1676 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1677 margin: 30px 0; 1678 padding-left: 50px; 1679 } 1680 1272 1681 ol { 1273 font-family: var(--list--font-family);1274 margin: var(--global--spacing-vertical)0;1275 padding-left: calc(2 * var(--global--spacing-horizontal));1682 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1683 margin: 30px 0; 1684 padding-left: 50px; 1276 1685 } 1277 1686 … … 1296 1705 1297 1706 dt { 1298 font-family: var(--definition-term--font-family);1707 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1299 1708 font-weight: bold; 1300 1709 } … … 1306 1715 1307 1716 .wp-block-media-text .wp-block-media-text__content { 1308 padding: var(--global--spacing-horizontal);1717 padding: 25px; 1309 1718 } 1310 1719 … … 1318 1727 1319 1728 .wp-block-media-text.is-style-twentytwentyone-border { 1320 border: calc(3 * var(--separator--height)) solid var(--global--color-border);1729 border: 3px solid #28303d; 1321 1730 } 1322 1731 1323 1732 .wp-block-navigation .wp-block-navigation__container { 1324 background: var(--global--color-background);1733 background: #d1e4dd; 1325 1734 padding: 0; 1326 1735 } 1327 1736 1328 1737 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content { 1329 padding: var(--primary-nav--padding);1738 padding: 13px; 1330 1739 } 1331 1740 1332 1741 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { 1333 font-family: var(--primary-nav--font-family);1334 font-size: var(--primary-nav--font-size);1335 font-weight: var(--primary-nav--font-weight);1742 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1743 font-size: 1.25rem; 1744 font-weight: normal; 1336 1745 } 1337 1746 1338 1747 .wp-block-navigation .has-child .wp-block-navigation__container { 1339 box-shadow: var(--global--elevation); 1340 } 1341 1342 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, 1748 box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); 1749 } 1750 1751 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover { 1752 color: #28303d; 1753 } 1754 1343 1755 .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus { 1344 color: var(--primary-nav--color-link-hover);1756 color: #28303d; 1345 1757 } 1346 1758 … … 1350 1762 1351 1763 p { 1352 line-height: var(--wp--typography--line-height, --global--line-height-body);1764 line-height: --global--line-height-body; 1353 1765 } 1354 1766 1355 1767 p.has-background { 1356 padding: var(--global--spacing-unit);1768 padding: 20px; 1357 1769 } 1358 1770 … … 1360 1772 overflow-x: auto; 1361 1773 white-space: pre !important; 1362 font-size: var(--global--font-size-xs);1774 font-size: 1rem; 1363 1775 } 1364 1776 1365 1777 .wp-block-pullquote { 1366 padding: calc(2 * var(--global--spacing-unit))0;1778 padding: 40px 0; 1367 1779 text-align: center; 1368 border-width: var(--pullquote--border-width);1780 border-width: 3px; 1369 1781 border-bottom-style: solid; 1370 1782 border-top-style: solid; … … 1384 1796 1385 1797 .wp-block-pullquote p { 1386 font-family: var(--pullquote--font-family);1387 font-size: var(--pullquote--font-size);1388 font-style: var(--pullquote--font-style);1798 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1799 font-size: 2rem; 1800 font-style: normal; 1389 1801 font-weight: 700; 1390 letter-spacing: var(--pullquote--letter-spacing);1391 line-height: var(--pullquote--line-height);1802 letter-spacing: normal; 1803 line-height: 1.3; 1392 1804 margin: 0; 1805 } 1806 @media only screen and (min-width: 652px) { 1807 1808 .wp-block-pullquote p { 1809 font-size: 2rem; 1810 } 1393 1811 } 1394 1812 … … 1397 1815 } 1398 1816 1399 .wp-block-pullquote .wp-block-pullquote__citation, 1400 .wp-block-pullquote cite, 1817 .wp-block-pullquote .wp-block-pullquote__citation { 1818 font-size: 1rem; 1819 font-style: normal; 1820 text-transform: none; 1821 } 1822 1823 .wp-block-pullquote cite { 1824 font-size: 1rem; 1825 font-style: normal; 1826 text-transform: none; 1827 } 1828 1401 1829 .wp-block-pullquote footer { 1402 font-size: var(--global--font-size-xs);1403 font-style: var(--pullquote--font-style);1830 font-size: 1rem; 1831 font-style: normal; 1404 1832 text-transform: none; 1405 1833 } … … 1412 1840 margin-left: auto; 1413 1841 margin-right: auto; 1414 padding: calc(2.5 * var(--global--spacing-unit));1415 border-width: var(--pullquote--border-width);1842 padding: 50px; 1843 border-width: 3px; 1416 1844 border-style: solid; 1417 border-color: var(--pullquote--border-color);1845 border-color: #28303d; 1418 1846 } 1419 1847 @media (min-width: 600px) { 1420 1848 1421 1849 .wp-block-pullquote.is-style-solid-color { 1422 padding: calc(5 * var(--global--spacing-unit));1850 padding: 100px; 1423 1851 } 1424 1852 } … … 1428 1856 } 1429 1857 1430 .wp-block-pullquote.is-style-solid-color.alignleft blockquote, 1858 .wp-block-pullquote.is-style-solid-color.alignleft blockquote { 1859 padding-left: 20px; 1860 padding-right: 20px; 1861 max-width: inherit; 1862 } 1863 1431 1864 .wp-block-pullquote.is-style-solid-color.alignright blockquote { 1432 padding-left: var(--global--spacing-unit);1433 padding-right: var(--global--spacing-unit);1865 padding-left: 20px; 1866 padding-right: 20px; 1434 1867 max-width: inherit; 1435 1868 } … … 1441 1874 1442 1875 .wp-block-pullquote.is-style-solid-color blockquote p { 1443 font-size: var(--pullquote--font-size); 1876 font-size: 2rem; 1877 } 1878 @media only screen and (min-width: 652px) { 1879 1880 .wp-block-pullquote.is-style-solid-color blockquote p { 1881 font-size: 2rem; 1882 } 1444 1883 } 1445 1884 … … 1451 1890 1452 1891 .wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote { 1453 padding: 0 calc(2 * var(--global--spacing-unit));1892 padding: 0 40px; 1454 1893 } 1455 1894 … … 1457 1896 position: relative; 1458 1897 border-left: none; 1459 margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal);1898 margin: 30px auto 30px 25px; 1460 1899 } 1461 1900 1462 1901 .wp-block-quote p { 1463 font-family: var(--quote--font-family);1464 font-size: var(--quote--font-size);1465 font-style: var(--quote--font-style);1466 font-weight: var(--quote--font-weight);1467 line-height: var(--quote--line-height);1902 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1903 font-size: 1.25rem; 1904 font-style: normal; 1905 font-weight: 700; 1906 line-height: 1.7; 1468 1907 } 1469 1908 1470 1909 .wp-block-quote strong { 1471 font-weight: var(--quote--font-weight-strong);1910 font-weight: bolder; 1472 1911 } 1473 1912 1474 1913 .wp-block-quote:before { 1475 1914 content: "“"; 1476 font-size: var(--quote--font-size);1477 line-height: var(--quote--line-height);1915 font-size: 1.25rem; 1916 line-height: 1.7; 1478 1917 position: absolute; 1479 left: calc(-0.5 * var(--global--spacing-horizontal));1918 left: -12px; 1480 1919 } 1481 1920 1482 1921 .wp-block-quote .wp-block-quote__citation { 1483 color: var(--global--color-primary);1484 font-size: var(--global--font-size-xs);1485 font-style: var(--quote--font-style-cite);1922 color: #28303d; 1923 font-size: 1rem; 1924 font-style: normal; 1486 1925 } 1487 1926 … … 1494 1933 1495 1934 .wp-block-quote.has-text-align-right { 1496 margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical)auto;1935 margin: 30px 25px 30px auto; 1497 1936 padding-right: 0; 1498 1937 border-right: none; … … 1502 1941 content: "”"; 1503 1942 left: initial; 1504 right: calc(-0.5 * var(--global--spacing-horizontal));1943 right: -12px; 1505 1944 } 1506 1945 1507 1946 .wp-block-quote.has-text-align-center { 1508 margin: var(--global--spacing-vertical)auto;1947 margin: 30px auto; 1509 1948 } 1510 1949 … … 1513 1952 } 1514 1953 1515 .wp-block-quote.is-large, 1954 .wp-block-quote.is-large { 1955 padding-left: 0; 1956 1957 /* Resetting margins to match _block-container.scss */ 1958 margin-top: 30px; 1959 margin-bottom: 30px; 1960 } 1961 1516 1962 .wp-block-quote.is-style-large { 1517 1963 padding-left: 0; 1518 1964 1519 1965 /* Resetting margins to match _block-container.scss */ 1520 margin-top: var(--global--spacing-vertical); 1521 margin-bottom: var(--global--spacing-vertical); 1522 } 1523 1524 .wp-block-quote.is-large p, 1966 margin-top: 30px; 1967 margin-bottom: 30px; 1968 } 1969 1970 .wp-block-quote.is-large p { 1971 font-size: 2.25rem; 1972 font-style: normal; 1973 line-height: 1.35; 1974 } 1975 @media only screen and (min-width: 652px) { 1976 1977 .wp-block-quote.is-large p { 1978 font-size: 2.5rem; 1979 } 1980 } 1981 1525 1982 .wp-block-quote.is-style-large p { 1526 font-size: var(--quote--font-size-large); 1527 font-style: var(--quote--font-style-large); 1528 line-height: var(--quote--line-height-large); 1529 } 1530 1531 .wp-block-quote.is-large:before, 1983 font-size: 2.25rem; 1984 font-style: normal; 1985 line-height: 1.35; 1986 } 1987 @media only screen and (min-width: 652px) { 1988 1989 .wp-block-quote.is-style-large p { 1990 font-size: 2.5rem; 1991 } 1992 } 1993 1994 .wp-block-quote.is-large:before { 1995 font-size: 2.25rem; 1996 line-height: 1.35; 1997 left: -25px; 1998 } 1999 @media only screen and (min-width: 652px) { 2000 2001 .wp-block-quote.is-large:before { 2002 font-size: 2.5rem; 2003 } 2004 } 2005 1532 2006 .wp-block-quote.is-style-large:before { 1533 font-size: var(--quote--font-size-large); 1534 line-height: var(--quote--line-height-large); 1535 left: calc(-1 * var(--global--spacing-horizontal)); 1536 } 1537 1538 .wp-block-quote.is-large.has-text-align-right:before, 2007 font-size: 2.25rem; 2008 line-height: 1.35; 2009 left: -25px; 2010 } 2011 @media only screen and (min-width: 652px) { 2012 2013 .wp-block-quote.is-style-large:before { 2014 font-size: 2.5rem; 2015 } 2016 } 2017 2018 .wp-block-quote.is-large.has-text-align-right:before { 2019 left: initial; 2020 right: -25px; 2021 } 2022 1539 2023 .wp-block-quote.is-style-large.has-text-align-right:before { 1540 2024 left: initial; 1541 right: calc(-1 * var(--global--spacing-horizontal));2025 right: -25px; 1542 2026 } 1543 2027 @media only screen and (max-width: 481px) { 1544 2028 1545 .wp-block-quote.is-large, 2029 .wp-block-quote.is-large { 2030 padding-left: 25px; 2031 } 2032 1546 2033 .wp-block-quote.is-style-large { 1547 padding-left: var(--global--spacing-horizontal);2034 padding-left: 25px; 1548 2035 } 1549 2036 … … 1553 2040 } 1554 2041 1555 .wp-block-quote.is-large.has-text-align-right, 2042 .wp-block-quote.is-large.has-text-align-right { 2043 padding-left: 0; 2044 padding-right: 25px; 2045 } 2046 1556 2047 .wp-block-quote.is-style-large.has-text-align-right { 1557 2048 padding-left: 0; 1558 padding-right: var(--global--spacing-horizontal);2049 padding-right: 25px; 1559 2050 } 1560 2051 … … 1567 2058 1568 2059 .wp-block-quote { 1569 padding-left: calc(0.5 * var(--global--spacing-horizontal));2060 padding-left: 13px; 1570 2061 } 1571 2062 … … 1576 2067 .wp-block-quote.has-text-align-right { 1577 2068 padding-left: 0; 1578 padding-right: calc(0.5 * var(--global--spacing-horizontal));2069 padding-right: 13px; 1579 2070 } 1580 2071 … … 1608 2099 1609 2100 .wp-block-rss:not(.is-grid) > li { 1610 margin-top: calc(1.666 * var(--global--spacing-vertical));1611 margin-bottom: calc(1.666 * var(--global--spacing-vertical));2101 margin-top: 50px; 2102 margin-bottom: 50px; 1612 2103 } 1613 2104 … … 1621 2112 1622 2113 .wp-block-rss.is-grid > li { 1623 margin-bottom: var(--global--spacing-vertical);2114 margin-bottom: 30px; 1624 2115 } 1625 2116 … … 1642 2133 1643 2134 .wp-block-rss > li > * { 1644 margin-top: calc(0.333 * var(--global--spacing-vertical));1645 margin-bottom: calc(0.333 * var(--global--spacing-vertical));2135 margin-top: 10px; 2136 margin-bottom: 10px; 1646 2137 } 1647 2138 … … 1656 2147 .wp-block-rss .wp-block-rss__item-title > a { 1657 2148 display: inline-block; 1658 font-family: var(--latest-posts--title-font-family); 1659 font-size: var(--latest-posts--title-font-size); 1660 font-weight: var(--heading--font-weight); 1661 line-height: var(--global--line-height-heading); 1662 margin-bottom: calc(0.333 * var(--global--spacing-vertical)); 2149 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2150 font-size: 2rem; 2151 font-weight: normal; 2152 line-height: 1.3; 2153 margin-bottom: 10px; 2154 } 2155 @media only screen and (min-width: 652px) { 2156 2157 .wp-block-rss .wp-block-rss__item-title > a { 2158 font-size: 2rem; 2159 } 1663 2160 } 1664 2161 1665 2162 .wp-block-rss .wp-block-rss__item-author { 1666 color: var(--global--color-primary);1667 font-size: var(--global--font-size-md);1668 line-height: var(--global--line-height-body);2163 color: #28303d; 2164 font-size: 1.25rem; 2165 line-height: 1.7; 1669 2166 } 1670 2167 1671 2168 .wp-block-rss .wp-block-rss__item-publish-date { 1672 color: var(--global--color-primary);1673 font-size: var(--global--font-size-xs);1674 line-height: var(--global--line-height-body);2169 color: #28303d; 2170 font-size: 1rem; 2171 line-height: 1.7; 1675 2172 } 1676 2173 … … 1680 2177 } 1681 2178 1682 .wp-block-rss .wp-block-rss__item-excerpt, 2179 .wp-block-rss .wp-block-rss__item-excerpt { 2180 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2181 font-size: 1.125rem; 2182 line-height: 1.7; 2183 margin-top: 20px; 2184 } 2185 1683 2186 .wp-block-rss .wp-block-rss__item-full-content { 1684 font-family: var(--latest-posts--description-font-family);1685 font-size: var(--latest-posts--description-font-size);1686 line-height: var(--global--line-height-body);1687 margin-top: calc(0.666 * var(--global--spacing-vertical));2187 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2188 font-size: 1.125rem; 2189 line-height: 1.7; 2190 margin-top: 20px; 1688 2191 } 1689 2192 1690 2193 .wp-block-rss.alignfull { 1691 padding-left: var(--global--spacing-unit);1692 padding-right: var(--global--spacing-unit);2194 padding-left: 20px; 2195 padding-right: 20px; 1693 2196 } 1694 2197 … … 1700 2203 1701 2204 .wp-block-search { 1702 max-width: var(--responsive--aligndefault-width); 2205 max-width: calc(100vw - 30px); 2206 } 2207 2208 @media only screen and (min-width: 482px) { 2209 2210 .wp-block-search { 2211 max-width: min(calc(100vw - 100px), 610px); 2212 } 2213 } 2214 2215 @media only screen and (min-width: 822px) { 2216 2217 .wp-block-search { 2218 max-width: min(calc(100vw - 200px), 610px); 2219 } 1703 2220 } 1704 2221 1705 2222 .wp-block-search .wp-block-search__label { 1706 font-size: var(--form--font-size);1707 font-weight: var(--form--label-weight);1708 margin-bottom: calc(var(--global--spacing-vertical) / 3);2223 font-size: 1.125rem; 2224 font-weight: 500; 2225 margin-bottom: 10px; 1709 2226 } 1710 2227 1711 2228 .wp-block-search .wp-block-search__input { 1712 border: var(--form--border-width) solid var(--form--border-color);1713 border-radius: var(--form--border-radius);1714 font-family: var(--form--font-family);1715 font-size: var(--form--font-size);1716 line-height: var(--form--line-height);2229 border: 3px solid #39414d; 2230 border-radius: 0; 2231 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2232 font-size: 1.125rem; 2233 line-height: 1.7; 1717 2234 max-width: inherit; 1718 margin-right: calc(-1 * var(--button--border-width));1719 padding: var(--form--spacing-unit);2235 margin-right: -3px; 2236 padding: 10px; 1720 2237 } 1721 2238 1722 2239 .is-dark-theme .wp-block-search .wp-block-search__input { 1723 background: var(--global--color-white-90); 1724 } 1725 1726 .is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__input, 1727 .is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__input, 1728 .is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__input, 1729 .is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__input, 1730 .is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__input, 1731 .is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__input, 2240 background: rgba(255, 255, 255, 0.9); 2241 } 2242 2243 .is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__input { 2244 border-color: #28303d; 2245 } 2246 2247 .is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__input { 2248 border-color: #28303d; 2249 } 2250 2251 .is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__input { 2252 border-color: #28303d; 2253 } 2254 2255 .is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__input { 2256 border-color: #28303d; 2257 } 2258 2259 .is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__input { 2260 border-color: #28303d; 2261 } 2262 2263 .is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__input { 2264 border-color: #28303d; 2265 } 2266 1732 2267 .is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__input { 1733 border-color: var(--form--color-text); 1734 } 1735 1736 .has-background.has-gray-background-color .wp-block-search .wp-block-search__input, 1737 .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input, 2268 border-color: #28303d; 2269 } 2270 2271 .has-background.has-gray-background-color .wp-block-search .wp-block-search__input { 2272 border-color: #fff; 2273 } 2274 2275 .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__input { 2276 border-color: #fff; 2277 } 2278 1738 2279 .has-background.has-black-background-color .wp-block-search .wp-block-search__input { 1739 border-color: var(--global--color-white);2280 border-color: #fff; 1740 2281 } 1741 2282 1742 2283 .wp-block-search .wp-block-search__button { 1743 line-height: var(--button--line-height);1744 color: var(--button--color-text);2284 line-height: 1.5; 2285 color: #d1e4dd; 1745 2286 cursor: pointer; 1746 font-weight: var(--button--font-weight);1747 font-family: var(--button--font-family);1748 font-size: var(--button--font-size);1749 background-color: var(--button--color-background);1750 border-radius: var(--button--border-radius);1751 border: var(--button--border-width) solid var(--button--color-background);2287 font-weight: 500; 2288 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2289 font-size: 1.25rem; 2290 background-color: #39414d; 2291 border-radius: 0; 2292 border: 3px solid #39414d; 1752 2293 text-decoration: none; 1753 padding: var(--button--padding-vertical) var(--button--padding-horizontal);2294 padding: 15px 30px; 1754 2295 box-shadow: none; 1755 2296 margin-left: 0; 1756 2297 background-color: transparent; 1757 color: var(--button--color-text-hover);2298 color: #39414d; 1758 2299 } 1759 2300 … … 1767 2308 1768 2309 .wp-block-search .wp-block-search__button:before { 1769 margin-bottom: -calc( .5em * var(--button--line-height) + -.38);2310 margin-bottom: -calc(1em - 0); 1770 2311 } 1771 2312 1772 2313 .wp-block-search .wp-block-search__button:after { 1773 margin-top: -calc( .5em * var(--button--line-height) + -.39);2314 margin-top: -calc(1em - 0); 1774 2315 } 1775 2316 … … 1781 2322 1782 2323 .is-dark-theme .wp-block-search .wp-block-search__button:focus { 1783 color: var(--button--color-background);2324 color: #39414d; 1784 2325 } 1785 2326 1786 2327 .wp-block-search .wp-block-search__button:focus:not(.has-background) { 1787 color: var(--button--color-text-hover);2328 color: #39414d; 1788 2329 } 1789 2330 1790 2331 .wp-block-search .wp-block-search__button:disabled { 1791 background-color: var(--global--color-white-50);1792 border-color: var(--global--color-white-50);1793 color: var(--button--color-text-active);2332 background-color: rgba(255, 255, 255, 0.5); 2333 border-color: rgba(255, 255, 255, 0.5); 2334 color: #39414d; 1794 2335 } 1795 2336 1796 2337 .wp-block-search .wp-block-search__button:hover { 1797 color: var(--button--color-text);1798 background-color: var(--button--color-background);2338 color: #d1e4dd; 2339 background-color: #39414d; 1799 2340 } 1800 2341 1801 2342 .wp-block-search .wp-block-search__button.has-icon { 1802 padding: calc(2 * var(--button--padding-vertical)) calc(0.5 * var(--button--padding-horizontal));2343 padding: 30px 15px; 1803 2344 } 1804 2345 … … 1808 2349 } 1809 2350 1810 .has-background.has-gray-background-color .wp-block-search .wp-block-search__button, 1811 .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button, 2351 .has-background.has-gray-background-color .wp-block-search .wp-block-search__button { 2352 color: #fff; 2353 border-color: currentColor; 2354 } 2355 2356 .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button { 2357 color: #fff; 2358 border-color: currentColor; 2359 } 2360 1812 2361 .has-background.has-black-background-color .wp-block-search .wp-block-search__button { 1813 color: var(--global--color-white);2362 color: #fff; 1814 2363 border-color: currentColor; 1815 2364 } 1816 2365 1817 .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover, 1818 .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover, 2366 .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover { 2367 color: #fff; 2368 background-color: #39414d; 2369 border-color: #fff; 2370 } 2371 2372 .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover { 2373 color: #fff; 2374 background-color: #39414d; 2375 border-color: #fff; 2376 } 2377 1819 2378 .has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover { 1820 color: var(--global--color-white); 1821 background-color: var(--button--color-background); 1822 border-color: var(--global--color-white); 1823 } 1824 1825 .is-dark-theme .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover, 1826 .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover, 2379 color: #fff; 2380 background-color: #39414d; 2381 border-color: #fff; 2382 } 2383 2384 .is-dark-theme .has-background.has-gray-background-color .wp-block-search .wp-block-search__button:hover { 2385 color: #d1e4dd; 2386 background-color: #39414d; 2387 } 2388 2389 .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search .wp-block-search__button:hover { 2390 color: #d1e4dd; 2391 background-color: #39414d; 2392 } 2393 1827 2394 .is-dark-theme .has-background.has-black-background-color .wp-block-search .wp-block-search__button:hover { 1828 color: var(--button--color-text); 1829 background-color: var(--button--color-background); 1830 } 1831 1832 .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover, 1833 .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover, 1834 .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover, 1835 .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover, 1836 .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover, 1837 .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover, 2395 color: #d1e4dd; 2396 background-color: #39414d; 2397 } 2398 2399 .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover { 2400 color: #fff; 2401 background-color: #39414d; 2402 border-color: #39414d; 2403 } 2404 2405 .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover { 2406 color: #fff; 2407 background-color: #39414d; 2408 border-color: #39414d; 2409 } 2410 2411 .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover { 2412 color: #fff; 2413 background-color: #39414d; 2414 border-color: #39414d; 2415 } 2416 2417 .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover { 2418 color: #fff; 2419 background-color: #39414d; 2420 border-color: #39414d; 2421 } 2422 2423 .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover { 2424 color: #fff; 2425 background-color: #39414d; 2426 border-color: #39414d; 2427 } 2428 2429 .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover { 2430 color: #fff; 2431 background-color: #39414d; 2432 border-color: #39414d; 2433 } 2434 1838 2435 .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover { 1839 color: var(--global--color-white); 1840 background-color: var(--form--border-color); 1841 border-color: var(--form--border-color); 1842 } 1843 1844 .is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button, 1845 .is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button, 1846 .is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button, 1847 .is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button, 1848 .is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button, 1849 .is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button, 2436 color: #fff; 2437 background-color: #39414d; 2438 border-color: #39414d; 2439 } 2440 2441 .is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button { 2442 color: #28303d; 2443 border-color: currentColor; 2444 } 2445 2446 .is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button { 2447 color: #28303d; 2448 border-color: currentColor; 2449 } 2450 2451 .is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button { 2452 color: #28303d; 2453 border-color: currentColor; 2454 } 2455 2456 .is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button { 2457 color: #28303d; 2458 border-color: currentColor; 2459 } 2460 2461 .is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button { 2462 color: #28303d; 2463 border-color: currentColor; 2464 } 2465 2466 .is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button { 2467 color: #28303d; 2468 border-color: currentColor; 2469 } 2470 1850 2471 .is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button { 1851 color: var(--form--color-text);2472 color: #28303d; 1852 2473 border-color: currentColor; 1853 2474 } 1854 2475 1855 .is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover, 1856 .is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover, 1857 .is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover, 1858 .is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover, 1859 .is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover, 1860 .is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover, 2476 .is-dark-theme .has-background.has-white-background-color .wp-block-search .wp-block-search__button:hover { 2477 color: #fff; 2478 background-color: #d1e4dd; 2479 border-color: #d1e4dd; 2480 } 2481 2482 .is-dark-theme .has-background.has-green-background-color .wp-block-search .wp-block-search__button:hover { 2483 color: #fff; 2484 background-color: #d1e4dd; 2485 border-color: #d1e4dd; 2486 } 2487 2488 .is-dark-theme .has-background.has-blue-background-color .wp-block-search .wp-block-search__button:hover { 2489 color: #fff; 2490 background-color: #d1e4dd; 2491 border-color: #d1e4dd; 2492 } 2493 2494 .is-dark-theme .has-background.has-purple-background-color .wp-block-search .wp-block-search__button:hover { 2495 color: #fff; 2496 background-color: #d1e4dd; 2497 border-color: #d1e4dd; 2498 } 2499 2500 .is-dark-theme .has-background.has-red-background-color .wp-block-search .wp-block-search__button:hover { 2501 color: #fff; 2502 background-color: #d1e4dd; 2503 border-color: #d1e4dd; 2504 } 2505 2506 .is-dark-theme .has-background.has-orange-background-color .wp-block-search .wp-block-search__button:hover { 2507 color: #fff; 2508 background-color: #d1e4dd; 2509 border-color: #d1e4dd; 2510 } 2511 1861 2512 .is-dark-theme .has-background.has-yellow-background-color .wp-block-search .wp-block-search__button:hover { 1862 color: var(--global--color-white);1863 background-color: var(--button--color-text);1864 border-color: var(--button--color-text);2513 color: #fff; 2514 background-color: #d1e4dd; 2515 border-color: #d1e4dd; 1865 2516 } 1866 2517 … … 1877 2528 1878 2529 .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button { 1879 padding: var(--button--padding-vertical) var(--button--padding-horizontal);2530 padding: 15px 30px; 1880 2531 } 1881 2532 1882 2533 .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button { 1883 color: var(--button--color-text);2534 color: #d1e4dd; 1884 2535 border-color: currentColor; 1885 2536 } 1886 2537 1887 2538 .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover { 1888 color: var(--global--color-white); 1889 background-color: var(--button--color-text); 1890 border-color: var(--button--color-text); 1891 } 1892 1893 .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button, 1894 .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button, 2539 color: #fff; 2540 background-color: #d1e4dd; 2541 border-color: #d1e4dd; 2542 } 2543 2544 .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button { 2545 color: #39414d; 2546 border-color: currentColor; 2547 } 2548 2549 .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button { 2550 color: #39414d; 2551 border-color: currentColor; 2552 } 2553 1895 2554 .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button { 1896 color: var(--button--color-text-hover);2555 color: #39414d; 1897 2556 border-color: currentColor; 1898 2557 } 1899 2558 1900 .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover, 1901 .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover, 2559 .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover { 2560 color: #fff; 2561 background-color: #39414d; 2562 border-color: #39414d; 2563 } 2564 2565 .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover { 2566 color: #fff; 2567 background-color: #39414d; 2568 border-color: #39414d; 2569 } 2570 1902 2571 .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover { 1903 color: var(--global--color-white); 1904 background-color: var(--button--color-background); 1905 border-color: var(--button--color-background); 1906 } 1907 1908 .is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button, 1909 .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button, 2572 color: #fff; 2573 background-color: #39414d; 2574 border-color: #39414d; 2575 } 2576 2577 .is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button { 2578 color: #d1e4dd; 2579 border-color: currentColor; 2580 } 2581 2582 .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button { 2583 color: #d1e4dd; 2584 border-color: currentColor; 2585 } 2586 1910 2587 .is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button { 1911 color: var(--button--color-text);2588 color: #d1e4dd; 1912 2589 border-color: currentColor; 1913 2590 } 1914 2591 1915 .is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover, 1916 .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover, 2592 .is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover { 2593 color: #fff; 2594 background-color: #d1e4dd; 2595 border-color: #d1e4dd; 2596 } 2597 2598 .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover { 2599 color: #fff; 2600 background-color: #d1e4dd; 2601 border-color: #d1e4dd; 2602 } 2603 1917 2604 .is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__button:hover { 1918 color: var(--global--color-white);1919 background-color: var(--button--color-text);1920 border-color: var(--button--color-text);2605 color: #fff; 2606 background-color: #d1e4dd; 2607 border-color: #d1e4dd; 1921 2608 } 1922 2609 … … 1929 2616 } 1930 2617 1931 .wp-block-separator, 1932 hr { 1933 border-bottom: var(--separator--height) solid var(--separator--border-color); 2618 .wp-block-separator { 2619 border-bottom: 1px solid #28303d; 1934 2620 clear: both; 1935 2621 opacity: 1; 1936 2622 } 1937 2623 1938 .wp-block-separator[style*="text-align:right"], 1939 .wp-block-separator[style*="text-align: right"], 1940 hr[style*="text-align:right"], 2624 hr { 2625 border-bottom: 1px solid #28303d; 2626 clear: both; 2627 opacity: 1; 2628 } 2629 2630 .wp-block-separator[style*="text-align:right"] { 2631 border-right-color: #28303d; 2632 } 2633 2634 .wp-block-separator[style*="text-align: right"] { 2635 border-right-color: #28303d; 2636 } 2637 2638 hr[style*="text-align:right"] { 2639 border-right-color: #28303d; 2640 } 2641 1941 2642 hr[style*="text-align: right"] { 1942 border-right-color: var(--separator--border-color); 1943 } 1944 1945 .wp-block-separator:not(.is-style-dots), 2643 border-right-color: #28303d; 2644 } 2645 2646 .wp-block-separator:not(.is-style-dots) { 2647 max-width: calc(100vw - 30px); 2648 } 2649 @media only screen and (min-width: 482px) { 2650 2651 .wp-block-separator:not(.is-style-dots) { 2652 max-width: min(calc(100vw - 100px), 610px); 2653 } 2654 } 2655 @media only screen and (min-width: 822px) { 2656 2657 .wp-block-separator:not(.is-style-dots) { 2658 max-width: min(calc(100vw - 200px), 610px); 2659 } 2660 } 2661 1946 2662 hr:not(.is-style-dots) { 1947 max-width: var(--responsive--aligndefault-width); 2663 max-width: calc(100vw - 30px); 2664 } 2665 @media only screen and (min-width: 482px) { 2666 2667 hr:not(.is-style-dots) { 2668 max-width: min(calc(100vw - 100px), 610px); 2669 } 2670 } 2671 @media only screen and (min-width: 822px) { 2672 2673 hr:not(.is-style-dots) { 2674 max-width: min(calc(100vw - 200px), 610px); 2675 } 1948 2676 } 1949 2677 … … 1955 2683 } 1956 2684 1957 .wp-block-separator.is-style-twentytwentyone-separator-thick, 2685 .wp-block-separator.is-style-twentytwentyone-separator-thick { 2686 border-bottom-width: 3px; 2687 } 2688 1958 2689 hr.is-style-twentytwentyone-separator-thick { 1959 border-bottom-width: calc(3 * var(--separator--height));2690 border-bottom-width: 3px; 1960 2691 } 1961 2692 … … 1979 2710 } 1980 2711 1981 .wp-block-separator.is-style-dots:before, 2712 .wp-block-separator.is-style-dots:before { 2713 color: #28303d; 2714 } 2715 1982 2716 hr.is-style-dots:before { 1983 color: var(--separator--border-color);2717 color: #28303d; 1984 2718 } 1985 2719 … … 2001 2735 2002 2736 .wp-block-social-links.is-style-twentytwentyone-social-icons-color button { 2003 color: var(--global--color-primary);2737 color: #28303d; 2004 2738 } 2005 2739 … … 2008 2742 } 2009 2743 2010 table th, 2744 table th { 2745 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2746 } 2747 2011 2748 .wp-block-table th { 2012 font-family: var(--heading--font-family); 2013 } 2014 2015 table td, 2016 table th, 2017 .wp-block-table td, 2749 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 2750 } 2751 2752 table td { 2753 padding: 10px; 2754 } 2755 2756 table th { 2757 padding: 10px; 2758 } 2759 2760 .wp-block-table td { 2761 padding: 10px; 2762 } 2763 2018 2764 .wp-block-table th { 2019 padding: calc(0.5 * var(--global--spacing-unit)); 2020 } 2021 2022 table.is-style-regular .has-background, 2023 table.is-style-stripes .has-background thead tr, 2024 table.is-style-stripes .has-background tfoot tr, 2025 table.is-style-stripes .has-background tbody tr:nth-child(even), 2026 .wp-block-table.is-style-regular .has-background, 2027 .wp-block-table.is-style-stripes .has-background thead tr, 2028 .wp-block-table.is-style-stripes .has-background tfoot tr, 2765 padding: 10px; 2766 } 2767 2768 table.is-style-regular .has-background { 2769 color: #28303d; 2770 } 2771 2772 table.is-style-stripes .has-background thead tr { 2773 color: #28303d; 2774 } 2775 2776 table.is-style-stripes .has-background tfoot tr { 2777 color: #28303d; 2778 } 2779 2780 table.is-style-stripes .has-background tbody tr:nth-child(even) { 2781 color: #28303d; 2782 } 2783 2784 .wp-block-table.is-style-regular .has-background { 2785 color: #28303d; 2786 } 2787 2788 .wp-block-table.is-style-stripes .has-background thead tr { 2789 color: #28303d; 2790 } 2791 2792 .wp-block-table.is-style-stripes .has-background tfoot tr { 2793 color: #28303d; 2794 } 2795 2029 2796 .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(even) { 2030 color: var(--table--has-background-text-color); 2031 } 2032 2033 table.is-style-stripes, 2797 color: #28303d; 2798 } 2799 2800 table.is-style-stripes { 2801 border-color: #f0f0f0; 2802 } 2803 2034 2804 .wp-block-table.is-style-stripes { 2035 border-color: var(--table--stripes-border-color);2805 border-color: #f0f0f0; 2036 2806 } 2037 2807 … … 2043 2813 } 2044 2814 2045 table.is-style-stripes tbody tr:nth-child(odd), 2815 table.is-style-stripes tbody tr:nth-child(odd) { 2816 background-color: #f0f0f0; 2817 } 2818 2046 2819 .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { 2047 background-color: var(--table--stripes-background-color);2820 background-color: #f0f0f0; 2048 2821 } 2049 2822 … … 2070 2843 font-weight: bold; 2071 2844 text-align: left; 2072 margin-bottom: var(--global--spacing-unit);2845 margin-bottom: 20px; 2073 2846 color: currentColor; 2074 2847 } … … 2076 2849 .wp-calendar-nav { 2077 2850 text-align: left; 2078 margin-top: calc(var(--global--spacing-unit) / 2);2851 margin-top: 10px; 2079 2852 } 2080 2853 … … 2101 2874 } 2102 2875 2103 :root .is-extra-small-text, 2876 :root .is-extra-small-text { 2877 font-size: 1rem; 2878 } 2879 2104 2880 :root .has-extra-small-font-size { 2105 font-size: var(--global--font-size-xs); 2106 } 2107 2108 :root .is-small-text, 2881 font-size: 1rem; 2882 } 2883 2884 :root .is-small-text { 2885 font-size: 1.125rem; 2886 } 2887 2109 2888 :root .has-small-font-size { 2110 font-size: var(--global--font-size-sm); 2111 } 2112 2113 :root .is-regular-text, 2114 :root .has-regular-font-size, 2115 :root .is-normal-font-size, 2116 :root .has-normal-font-size, 2889 font-size: 1.125rem; 2890 } 2891 2892 :root .is-regular-text { 2893 font-size: 1.25rem; 2894 } 2895 2896 :root .has-regular-font-size { 2897 font-size: 1.25rem; 2898 } 2899 2900 :root .is-normal-font-size { 2901 font-size: 1.25rem; 2902 } 2903 2904 :root .has-normal-font-size { 2905 font-size: 1.25rem; 2906 } 2907 2117 2908 :root .has-medium-font-size { 2118 font-size: var(--global--font-size-base); 2119 } 2120 2121 :root .is-large-text, 2909 font-size: 1.25rem; 2910 } 2911 2912 :root .is-large-text { 2913 font-size: 1.5rem; 2914 line-height: 1.3; 2915 } 2916 2122 2917 :root .has-large-font-size { 2123 font-size: var(--global--font-size-lg); 2124 line-height: var(--global--line-height-heading); 2125 } 2126 2127 :root .is-larger-text, 2128 :root .has-larger-font-size, 2129 :root .is-extra-large-text, 2918 font-size: 1.5rem; 2919 line-height: 1.3; 2920 } 2921 2922 :root .is-larger-text { 2923 font-size: 2.5rem; 2924 line-height: 1.3; 2925 } 2926 @media only screen and (min-width: 652px) { 2927 2928 :root .is-larger-text { 2929 font-size: 2.5rem; 2930 } 2931 } 2932 2933 :root .has-larger-font-size { 2934 font-size: 2.5rem; 2935 line-height: 1.3; 2936 } 2937 @media only screen and (min-width: 652px) { 2938 2939 :root .has-larger-font-size { 2940 font-size: 2.5rem; 2941 } 2942 } 2943 2944 :root .is-extra-large-text { 2945 font-size: 2.5rem; 2946 line-height: 1.3; 2947 } 2948 @media only screen and (min-width: 652px) { 2949 2950 :root .is-extra-large-text { 2951 font-size: 2.5rem; 2952 } 2953 } 2954 2130 2955 :root .has-extra-large-font-size { 2131 font-size: var(--global--font-size-xl); 2132 line-height: var(--global--line-height-heading); 2133 } 2134 2135 :root .is-huge-text, 2956 font-size: 2.5rem; 2957 line-height: 1.3; 2958 } 2959 @media only screen and (min-width: 652px) { 2960 2961 :root .has-extra-large-font-size { 2962 font-size: 2.5rem; 2963 } 2964 } 2965 2966 :root .is-huge-text { 2967 font-size: 6rem; 2968 line-height: 1.3; 2969 font-weight: 300; 2970 } 2971 @media only screen and (min-width: 652px) { 2972 2973 :root .is-huge-text { 2974 font-size: 6rem; 2975 } 2976 } 2977 2136 2978 :root .has-huge-font-size { 2137 font-size: var(--global--font-size-xxl); 2138 line-height: var(--global--line-height-heading); 2139 font-weight: var(--heading--font-weight-page-title); 2140 } 2141 2142 :root .is-gigantic-text, 2979 font-size: 6rem; 2980 line-height: 1.3; 2981 font-weight: 300; 2982 } 2983 @media only screen and (min-width: 652px) { 2984 2985 :root .has-huge-font-size { 2986 font-size: 6rem; 2987 } 2988 } 2989 2990 :root .is-gigantic-text { 2991 font-size: 9rem; 2992 line-height: 1.3; 2993 font-weight: 300; 2994 } 2995 @media only screen and (min-width: 652px) { 2996 2997 :root .is-gigantic-text { 2998 font-size: 9rem; 2999 } 3000 } 3001 2143 3002 :root .has-gigantic-font-size { 2144 font-size: var(--global--font-size-xxxl); 2145 line-height: var(--global--line-height-heading); 2146 font-weight: var(--heading--font-weight-page-title); 3003 font-size: 9rem; 3004 line-height: 1.3; 3005 font-weight: 300; 3006 } 3007 @media only screen and (min-width: 652px) { 3008 3009 :root .has-gigantic-font-size { 3010 font-size: 9rem; 3011 } 2147 3012 } 2148 3013 … … 2152 3017 */ 2153 3018 .wp-block.editor-post-title__block { 2154 border-bottom: 3px solid var(--global--color-border); 2155 padding-bottom: calc(2 * var(--global--spacing-vertical)); 2156 margin-bottom: calc(3 * var(--global--spacing-vertical)); 2157 max-width: var(--responsive--alignwide-width); 3019 border-bottom: 3px solid #28303d; 3020 padding-bottom: 60px; 3021 margin-bottom: 90px; 3022 max-width: calc(100vw - 30px); 3023 } 3024 @media only screen and (min-width: 482px) { 3025 3026 .wp-block.editor-post-title__block { 3027 max-width: calc(100vw - 100px); 3028 } 3029 } 3030 @media only screen and (min-width: 822px) { 3031 3032 .wp-block.editor-post-title__block { 3033 max-width: min(calc(100vw - 200px), 1240px); 3034 } 2158 3035 } 2159 3036 2160 3037 .wp-block.editor-post-title__block .editor-post-title__input { 2161 color: var(--global--color-secondary); 2162 font-family: var(--heading--font-family); 2163 font-size: var(--global--font-size-page-title); 2164 font-weight: var(--heading--font-weight-page-title); 2165 line-height: var(--heading--line-height-h1); 3038 color: #39414d; 3039 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3040 font-size: 4rem; 3041 font-weight: 300; 3042 line-height: 1.1; 3043 } 3044 @media only screen and (min-width: 652px) { 3045 3046 .wp-block.editor-post-title__block .editor-post-title__input { 3047 font-size: 6rem; 3048 } 2166 3049 } 2167 3050 2168 3051 .wp-block.block-editor-default-block-appender > textarea { 2169 font-family: var(--global--font-secondary);2170 font-size: var(--global--font-size-md);3052 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3053 font-size: 1.25rem; 2171 3054 } 2172 3055 2173 3056 .has-primary-color[class] { 2174 color: var(--global--color-primary);3057 color: #28303d; 2175 3058 } 2176 3059 2177 3060 .has-secondary-color[class] { 2178 color: var(--global--color-secondary);3061 color: #39414d; 2179 3062 } 2180 3063 … … 2191 3074 2192 3075 .has-primary-background-color[class] { 2193 background-color: var(--global--color-primary);2194 color: var(--global--color-background);3076 background-color: #28303d; 3077 color: #d1e4dd; 2195 3078 } 2196 3079 2197 3080 .has-secondary-background-color[class] { 2198 background-color: var(--global--color-secondary);2199 color: var(--global--color-background);3081 background-color: #39414d; 3082 color: #d1e4dd; 2200 3083 } 2201 3084 2202 3085 .has-white-background-color[class] { 2203 background-color: var(--global--color-white);2204 color: var(--global--color-secondary);3086 background-color: #fff; 3087 color: #39414d; 2205 3088 } 2206 3089 2207 3090 .has-black-background-color[class] { 2208 background-color: var(--global--color-black);2209 color: var(--global--color-primary);3091 background-color: #000; 3092 color: #28303d; 2210 3093 } 2211 3094 … … 2214 3097 */ 2215 3098 [data-block] { 2216 margin-top: var(--global--spacing-vertical);2217 margin-bottom: var(--global--spacing-vertical);3099 margin-top: 30px; 3100 margin-bottom: 30px; 2218 3101 } 2219 3102 … … 2228 3111 /* Block Alignments */ 2229 3112 .wp-block { 2230 max-width: var(--responsive--aligndefault-width); 2231 } 2232 2233 .wp-block[data-align=wide], 3113 max-width: calc(100vw - 30px); 3114 } 3115 @media only screen and (min-width: 482px) { 3116 3117 .wp-block { 3118 max-width: min(calc(100vw - 100px), 610px); 3119 } 3120 } 3121 @media only screen and (min-width: 822px) { 3122 3123 .wp-block { 3124 max-width: min(calc(100vw - 200px), 610px); 3125 } 3126 } 3127 3128 .wp-block[data-align=wide] { 3129 max-width: calc(100vw - 30px); 3130 } 3131 @media only screen and (min-width: 482px) { 3132 3133 .wp-block[data-align=wide] { 3134 max-width: calc(100vw - 100px); 3135 } 3136 } 3137 @media only screen and (min-width: 822px) { 3138 3139 .wp-block[data-align=wide] { 3140 max-width: min(calc(100vw - 200px), 1240px); 3141 } 3142 } 3143 2234 3144 .wp-block.alignwide { 2235 max-width: var(--responsive--alignwide-width); 3145 max-width: calc(100vw - 30px); 3146 } 3147 @media only screen and (min-width: 482px) { 3148 3149 .wp-block.alignwide { 3150 max-width: calc(100vw - 100px); 3151 } 3152 } 3153 @media only screen and (min-width: 822px) { 3154 3155 .wp-block.alignwide { 3156 max-width: min(calc(100vw - 200px), 1240px); 3157 } 2236 3158 } 2237 3159 … … 2243 3165 .alignleft { 2244 3166 margin: 0; 2245 margin-right: var(--global--spacing-horizontal);3167 margin-right: 25px; 2246 3168 } 2247 3169 2248 3170 .alignright { 2249 3171 margin: 0; 2250 margin-left: var(--global--spacing-horizontal);3172 margin-left: 25px; 2251 3173 } 2252 3174 2253 3175 .has-drop-cap:not(:focus)::first-letter { 2254 font-family: var(--heading--font-family);2255 font-weight: var(--heading--font-weight);3176 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3177 font-weight: normal; 2256 3178 line-height: 0.66; 2257 3179 text-transform: uppercase; … … 2259 3181 float: left; 2260 3182 margin: 0.1em 0.1em 0 0; 2261 font-size: calc(1.2 * var(--heading--font-size-h1)); 3183 font-size: 5rem; 3184 } 3185 3186 @media only screen and (min-width: 652px) { 3187 3188 .has-drop-cap:not(:focus)::first-letter { 3189 font-size: 7rem; 3190 } 2262 3191 } 2263 3192 … … 2266 3195 .wp-block[data-align=left] > * { 2267 3196 max-width: 290px; 2268 margin-right: var(--global--spacing-horizontal);3197 margin-right: 25px; 2269 3198 } 2270 3199 2271 3200 .wp-block[data-align=right] > * { 2272 3201 max-width: 290px; 2273 margin-left: var(--global--spacing-horizontal);3202 margin-left: 25px; 2274 3203 } 2275 3204 } 2276 3205 2277 3206 html { 2278 font-family: var(--global--font-secondary);2279 line-height: var(--global--line-height-body);3207 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3208 line-height: 1.7; 2280 3209 } 2281 3210 2282 3211 body { 2283 --wp--typography--line-height: var(--global--line-height-body); 2284 color: var(--global--color-primary); 2285 background-color: var(--global--color-background); 2286 font-family: var(--global--font-secondary); 2287 font-size: var(--global--font-size-base); 3212 color: #28303d; 3213 background-color: #d1e4dd; 3214 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 3215 font-size: 1.25rem; 2288 3216 font-weight: normal; 2289 3217 -moz-osx-font-smoothing: grayscale; … … 2292 3220 2293 3221 .wp-block a { 2294 color: var(--wp--style--color--link, var(--global--color-primary));3222 color: #28303d; 2295 3223 } 2296 3224 … … 2300 3228 2301 3229 .wp-block a:focus { 2302 outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));3230 outline: 2px solid #28303d; 2303 3231 text-decoration: none; 2304 3232 } 2305 3233 2306 .has-background:not(.has-background-background-color) .has-link-color a, 3234 .has-background:not(.has-background-background-color) .has-link-color a { 3235 color: #28303d; 3236 } 3237 2307 3238 .has-background:not(.has-background-background-color).has-link-color a { 2308 color: var(--wp--style--color--link, var(--global--color-primary));3239 color: #28303d; 2309 3240 } 2310 3241 … … 2315 3246 2316 3247 .has-black-color[class] { 2317 color: var(--global--color-black);3248 color: #000; 2318 3249 } 2319 3250 2320 3251 .has-gray-color[class] { 2321 color: var(--global--color-gray);3252 color: #39414d; 2322 3253 } 2323 3254 2324 3255 .has-dark-gray-color[class] { 2325 color: var(--global--color-dark-gray);3256 color: #28303d; 2326 3257 } 2327 3258 2328 3259 .has-green-color[class] { 2329 color: var(--global--color-green);3260 color: #d1e4dd; 2330 3261 } 2331 3262 2332 3263 .has-blue-color[class] { 2333 color: var(--global--color-blue);3264 color: #d1dfe4; 2334 3265 } 2335 3266 2336 3267 .has-purple-color[class] { 2337 color: var(--global--color-purple);3268 color: #d1d1e4; 2338 3269 } 2339 3270 2340 3271 .has-red-color[class] { 2341 color: var(--global--color-red);3272 color: #e4d1d1; 2342 3273 } 2343 3274 2344 3275 .has-orange-color[class] { 2345 color: var(--global--color-orange);3276 color: #e4dad1; 2346 3277 } 2347 3278 2348 3279 .has-yellow-color[class] { 2349 color: var(--global--color-yellow);3280 color: #eeeadd; 2350 3281 } 2351 3282 2352 3283 .has-white-color[class] { 2353 color: var(--global--color-white);3284 color: #fff; 2354 3285 } 2355 3286 … … 2366 3297 2367 3298 .has-black-background-color[class] { 2368 background-color: var(--global--color-black);3299 background-color: #000; 2369 3300 } 2370 3301 2371 3302 .has-gray-background-color[class] { 2372 background-color: var(--global--color-gray);3303 background-color: #39414d; 2373 3304 } 2374 3305 2375 3306 .has-dark-gray-background-color[class] { 2376 background-color: var(--global--color-dark-gray);3307 background-color: #28303d; 2377 3308 } 2378 3309 2379 3310 .has-green-background-color[class] { 2380 background-color: var(--global--color-green);3311 background-color: #d1e4dd; 2381 3312 } 2382 3313 2383 3314 .has-blue-background-color[class] { 2384 background-color: var(--global--color-blue);3315 background-color: #d1dfe4; 2385 3316 } 2386 3317 2387 3318 .has-purple-background-color[class] { 2388 background-color: var(--global--color-purple);3319 background-color: #d1d1e4; 2389 3320 } 2390 3321 2391 3322 .has-red-background-color[class] { 2392 background-color: var(--global--color-red);3323 background-color: #e4d1d1; 2393 3324 } 2394 3325 2395 3326 .has-orange-background-color[class] { 2396 background-color: var(--global--color-orange);3327 background-color: #e4dad1; 2397 3328 } 2398 3329 2399 3330 .has-yellow-background-color[class] { 2400 background-color: var(--global--color-yellow);3331 background-color: #eeeadd; 2401 3332 } 2402 3333 2403 3334 .has-white-background-color[class] { 2404 background-color: var(--global--color-white); 2405 } 2406 2407 :not(.has-text-color).has-black-background-color[class], 2408 :not(.has-text-color).has-gray-background-color[class], 3335 background-color: #fff; 3336 } 3337 3338 :not(.has-text-color).has-black-background-color[class] { 3339 color: #fff; 3340 } 3341 3342 :not(.has-text-color).has-gray-background-color[class] { 3343 color: #fff; 3344 } 3345 2409 3346 :not(.has-text-color).has-dark-gray-background-color[class] { 2410 color: var(--global--color-white); 2411 } 2412 2413 :not(.has-text-color).has-green-background-color[class], 2414 :not(.has-text-color).has-blue-background-color[class], 2415 :not(.has-text-color).has-purple-background-color[class], 2416 :not(.has-text-color).has-red-background-color[class], 2417 :not(.has-text-color).has-orange-background-color[class], 2418 :not(.has-text-color).has-yellow-background-color[class], 3347 color: #fff; 3348 } 3349 3350 :not(.has-text-color).has-green-background-color[class] { 3351 color: #28303d; 3352 } 3353 3354 :not(.has-text-color).has-blue-background-color[class] { 3355 color: #28303d; 3356 } 3357 3358 :not(.has-text-color).has-purple-background-color[class] { 3359 color: #28303d; 3360 } 3361 3362 :not(.has-text-color).has-red-background-color[class] { 3363 color: #28303d; 3364 } 3365 3366 :not(.has-text-color).has-orange-background-color[class] { 3367 color: #28303d; 3368 } 3369 3370 :not(.has-text-color).has-yellow-background-color[class] { 3371 color: #28303d; 3372 } 3373 2419 3374 :not(.has-text-color).has-white-background-color[class] { 2420 color: var(--global--color-dark-gray);3375 color: #28303d; 2421 3376 } 2422 3377 2423 3378 .has-purple-to-yellow-gradient-background { 2424 background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow));3379 background: linear-gradient(160deg, #d1d1e4, #eeeadd); 2425 3380 } 2426 3381 2427 3382 .has-yellow-to-purple-gradient-background { 2428 background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple));3383 background: linear-gradient(160deg, #eeeadd, #d1d1e4); 2429 3384 } 2430 3385 2431 3386 .has-green-to-yellow-gradient-background { 2432 background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow));3387 background: linear-gradient(160deg, #d1e4dd, #eeeadd); 2433 3388 } 2434 3389 2435 3390 .has-yellow-to-green-gradient-background { 2436 background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green));3391 background: linear-gradient(160deg, #eeeadd, #d1e4dd); 2437 3392 } 2438 3393 2439 3394 .has-red-to-yellow-gradient-background { 2440 background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow));3395 background: linear-gradient(160deg, #e4d1d1, #eeeadd); 2441 3396 } 2442 3397 2443 3398 .has-yellow-to-red-gradient-background { 2444 background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red));3399 background: linear-gradient(160deg, #eeeadd, #e4d1d1); 2445 3400 } 2446 3401 2447 3402 .has-purple-to-red-gradient-background { 2448 background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red));3403 background: linear-gradient(160deg, #d1d1e4, #e4d1d1); 2449 3404 } 2450 3405 2451 3406 .has-red-to-purple-gradient-background { 2452 background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple));2453 } 3407 background: linear-gradient(160deg, #e4d1d1, #d1d1e4); 3408 } -
trunk/src/wp-content/themes/twentytwentyone/assets/css/ie.css
r49574 r49633 102 102 103 103 /* Font Family */ 104 --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);105 --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);106 104 107 105 /* Font Size */ 108 --global--font-size-base: 1.25rem;109 --global--font-size-xs: 1rem;110 --global--font-size-sm: 1.125rem;111 --global--font-size-md: 1.25rem;112 --global--font-size-lg: 1.5rem;113 --global--font-size-xl: 2.25rem;114 --global--font-size-xxl: 4rem;115 --global--font-size-xxxl: 5rem;116 --global--font-size-page-title: var(--global--font-size-xxl);117 --global--letter-spacing: normal;118 106 119 107 /* Line Height */ 120 --global--line-height-body: 1.7;121 --global--line-height-heading: 1.3;122 --global--line-height-page-title: 1.1;123 108 124 109 /* Headings */ 125 --heading--font-family: var(--global--font-primary);126 --heading--font-size-h6: var(--global--font-size-xs);127 --heading--font-size-h5: var(--global--font-size-sm);128 --heading--font-size-h4: var(--global--font-size-lg);129 --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));130 --heading--font-size-h2: var(--global--font-size-xl);131 --heading--font-size-h1: var(--global--font-size-page-title);132 --heading--letter-spacing-h6: 0.05em;133 --heading--letter-spacing-h5: 0.05em;134 --heading--letter-spacing-h4: var(--global--letter-spacing);135 --heading--letter-spacing-h3: var(--global--letter-spacing);136 --heading--letter-spacing-h2: var(--global--letter-spacing);137 --heading--letter-spacing-h1: var(--global--letter-spacing);138 --heading--line-height-h6: var(--global--line-height-heading);139 --heading--line-height-h5: var(--global--line-height-heading);140 --heading--line-height-h4: var(--global--line-height-heading);141 --heading--line-height-h3: var(--global--line-height-heading);142 --heading--line-height-h2: var(--global--line-height-heading);143 --heading--line-height-h1: var(--global--line-height-page-title);144 --heading--font-weight: normal;145 --heading--font-weight-page-title: 300;146 --heading--font-weight-strong: 600;147 110 148 111 /* Block: Latest posts */ 149 --latest-posts--title-font-family: var(--heading--font-family);150 --latest-posts--title-font-size: var(--heading--font-size-h3);151 --latest-posts--description-font-family: var(--global--font-secondary);152 --latest-posts--description-font-size: var(--global--font-size-sm);153 --list--font-family: var(--global--font-secondary);154 --definition-term--font-family: var(--global--font-primary);155 112 156 113 /* Colors */ 157 --global--color-black: #000;158 --global--color-dark-gray: #28303d;159 --global--color-gray: #39414d;160 --global--color-light-gray: #f0f0f0;161 --global--color-green: #d1e4dd;162 --global--color-blue: #d1dfe4;163 --global--color-purple: #d1d1e4;164 --global--color-red: #e4d1d1;165 --global--color-orange: #e4dad1;166 --global--color-yellow: #eeeadd;167 --global--color-white: #fff;168 --global--color-white-50: rgba(255, 255, 255, 0.5);169 --global--color-white-90: rgba(255, 255, 255, 0.9);170 --global--color-primary: var(--global--color-dark-gray);171 114 172 115 /* Body text color, site title, footer text color. */ 173 --global--color-secondary: var(--global--color-gray);174 116 175 117 /* Headings */ 176 --global--color-primary-hover: var(--global--color-primary);177 --global--color-background: var(--global--color-green);178 118 179 119 /* Mint, default body background */ 180 --global--color-border: var(--global--color-primary);181 120 182 121 /* Used for borders (separators) */ 183 122 184 123 /* Spacing */ 185 --global--spacing-unit: 20px;186 --global--spacing-measure: unset;187 --global--spacing-horizontal: 25px;188 --global--spacing-vertical: 30px;189 124 190 125 /* Elevation */ 191 --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);192 126 193 127 /* Forms */ 194 --form--font-family: var(--global--font-secondary);195 --form--font-size: var(--global--font-size-sm);196 --form--line-height: var(--global--line-height-body);197 --form--color-text: var(--global--color-dark-gray);198 --form--color-ranged: var(--global--color-secondary);199 --form--label-weight: 500;200 --form--border-color: var(--global--color-secondary);201 --form--border-width: 3px;202 --form--border-radius: 0;203 --form--spacing-unit: calc(0.5 * var(--global--spacing-unit));204 128 205 129 /* Cover block */ 206 --cover--height: calc(15 * var(--global--spacing-vertical));207 --cover--color-foreground: var(--global--color-white);208 --cover--color-background: var(--global--color-black);209 130 210 131 /* Buttons */ 211 --button--color-text: var(--global--color-background);212 --button--color-text-hover: var(--global--color-secondary);213 --button--color-text-active: var(--global--color-secondary);214 --button--color-background: var(--global--color-secondary);215 --button--color-background-active: var(--global--color-background);216 --button--font-family: var(--global--font-primary);217 --button--font-size: var(--global--font-size-base);218 --button--font-weight: 500;219 --button--line-height: 1.5;220 --button--border-width: 3px;221 --button--border-radius: 0;222 --button--padding-vertical: 15px;223 --button--padding-horizontal: calc(2 * var(--button--padding-vertical));224 132 225 133 /* entry */ 226 --entry-header--color: var(--global--color-primary);227 --entry-header--color-link: currentColor;228 --entry-header--color-hover: var(--global--color-primary-hover);229 --entry-header--color-focus: var(--global--color-secondary);230 --entry-header--font-size: var(--heading--font-size-h2);231 --entry-content--font-family: var(--global--font-secondary);232 --entry-author-bio--font-family: var(--heading--font-family);233 --entry-author-bio--font-size: var(--heading--font-size-h4);234 134 235 135 /* Header */ 236 --branding--color-text: var(--global--color-primary);237 --branding--color-link: var(--global--color-primary);238 --branding--color-link-hover: var(--global--color-secondary);239 --branding--title--font-family: var(--global--font-primary);240 --branding--title--font-size: var(--global--font-size-lg);241 --branding--title--font-size-mobile: var(--heading--font-size-h4);242 --branding--title--font-weight: normal;243 --branding--title--text-transform: uppercase;244 --branding--description--font-family: var(--global--font-secondary);245 --branding--description--font-size: var(--global--font-size-sm);246 --branding--description--font-family: var(--global--font-secondary);247 --branding--logo--max-width: 300px;248 --branding--logo--max-height: 100px;249 --branding--logo--max-width-mobile: 96px;250 --branding--logo--max-height-mobile: 96px;251 136 252 137 /* Main navigation */ 253 --primary-nav--font-family: var(--global--font-secondary);254 --primary-nav--font-family-mobile: var(--global--font-primary);255 --primary-nav--font-size: var(--global--font-size-md);256 --primary-nav--font-size-sub-menu: var(--global--font-size-xs);257 --primary-nav--font-size-mobile: var(--global--font-size-sm);258 --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm);259 --primary-nav--font-size-button: var(--global--font-size-xs);260 --primary-nav--font-style: normal;261 --primary-nav--font-style-sub-menu-mobile: normal;262 --primary-nav--font-weight: normal;263 --primary-nav--font-weight-button: 500;264 --primary-nav--color-link: var(--global--color-primary);265 --primary-nav--color-link-hover: var(--global--color-primary-hover);266 --primary-nav--color-text: var(--global--color-primary);267 --primary-nav--padding: calc(0.66 * var(--global--spacing-unit));268 --primary-nav--border-color: var(--global--color-primary);269 138 270 139 /* Pagination */ 271 --pagination--color-text: var(--global--color-primary);272 --pagination--color-link-hover: var(--global--color-primary-hover);273 --pagination--font-family: var(--global--font-secondary);274 --pagination--font-size: var(--global--font-size-lg);275 --pagination--font-weight: normal;276 --pagination--font-weight-strong: 600;277 140 278 141 /* Footer */ 279 --footer--color-text: var(--global--color-primary);280 --footer--color-link: var(--global--color-primary);281 --footer--color-link-hover: var(--global--color-primary-hover);282 --footer--font-family: var(--global--font-primary);283 --footer--font-size: var(--global--font-size-sm);284 142 285 143 /* Block: Pull quote */ 286 --pullquote--font-family: var(--global--font-primary);287 --pullquote--font-size: var(--heading--font-size-h3);288 --pullquote--font-style: normal;289 --pullquote--letter-spacing: var(--heading--letter-spacing-h4);290 --pullquote--line-height: var(--global--line-height-heading);291 --pullquote--border-width: 3px;292 --pullquote--border-color: var(--global--color-primary);293 --pullquote--color-foreground: var(--global--color-primary);294 --pullquote--color-background: var(--global--color-background);295 --quote--font-family: var(--global--font-secondary);296 --quote--font-size: var(--global--font-size-md);297 --quote--font-size-large: var(--global--font-size-xl);298 --quote--font-style: normal;299 --quote--font-weight: 700;300 --quote--font-weight-strong: bolder;301 --quote--font-style-large: normal;302 --quote--font-style-cite: normal;303 --quote--line-height: var(--global--line-height-body);304 --quote--line-height-large: 1.35;305 --separator--border-color: var(--global--color-border);306 --separator--height: 1px;307 144 308 145 /* Block: Table */ 309 --table--stripes-border-color: var(--global--color-light-gray);310 --table--stripes-background-color: var(--global--color-light-gray);311 --table--has-background-text-color: var(--global--color-dark-gray);312 146 313 147 /* Widgets */ 314 --widget--line-height-list: 1.9;315 --widget--line-height-title: 1.4;316 --widget--font-weight-title: 700;317 --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit));318 148 319 149 /* Admin-bar height */ 320 --global--admin-bar--height: 0;321 }322 323 .admin-bar {324 --global--admin-bar--height: 32px;325 }326 @media only screen and (max-width: 782px) {327 328 .admin-bar {329 --global--admin-bar--height: 46px;330 }331 }332 333 @media only screen and (min-width: 652px) {334 335 :root {336 --global--font-size-xl: 2.5rem;337 --global--font-size-xxl: 6rem;338 --global--font-size-xxxl: 9rem;339 --heading--font-size-h3: 2rem;340 --heading--font-size-h2: 3rem;341 }342 150 } 343 151 … … 732 540 * Root Media Query Variables 733 541 */ 734 :root {735 --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6);736 --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal));737 --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal));738 --responsive--alignfull-width: 100%;739 --responsive--alignright-margin: var(--global--spacing-horizontal);740 --responsive--alignleft-margin: var(--global--spacing-horizontal);741 }742 743 @media only screen and (min-width: 482px) {744 745 :root {746 --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px);747 --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal));748 --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));749 --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width)));750 }751 }752 @media only screen and (min-width: 822px) {753 754 :root {755 --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px);756 --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px);757 }758 }759 542 760 543 /** 761 544 * Extends 762 545 */ 763 .post-thumbnail, 764 .entry-content .wp-audio-shortcode, 765 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), 766 *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), 767 .default-max-width { 768 max-width: var(--responsive--aligndefault-width); 546 .post-thumbnail { 547 max-width: calc(100vw - 30px); 769 548 margin-left: auto; 770 549 margin-right: auto; 771 550 } 772 773 .widget-area, 774 .pagination, 775 .comments-pagination, 776 .post-navigation, 777 .site-footer, 778 .site-header, 779 .alignwide, 780 .wide-max-width { 781 max-width: var(--responsive--alignwide-width); 551 @media only screen and (min-width: 482px) { 552 553 .post-thumbnail { 554 max-width: min(calc(100vw - 100px), 610px); 555 } 556 } 557 @media only screen and (min-width: 822px) { 558 559 .post-thumbnail { 560 max-width: min(calc(100vw - 200px), 610px); 561 } 562 } 563 564 .entry-content .wp-audio-shortcode { 565 max-width: calc(100vw - 30px); 782 566 margin-left: auto; 783 567 margin-right: auto; 784 568 } 785 786 .alignfull, 787 .wp-block-group .wp-block-group__inner-container > *.alignfull, 788 .full-max-width { 789 max-width: var(--responsive--alignfull-width); 790 width: var(--responsive--alignfull-width); 569 @media only screen and (min-width: 482px) { 570 571 .entry-content .wp-audio-shortcode { 572 max-width: min(calc(100vw - 100px), 610px); 573 } 574 } 575 @media only screen and (min-width: 822px) { 576 577 .entry-content .wp-audio-shortcode { 578 max-width: min(calc(100vw - 200px), 610px); 579 } 580 } 581 582 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { 583 max-width: calc(100vw - 30px); 791 584 margin-left: auto; 792 585 margin-right: auto; 793 586 } 794 795 587 @media only screen and (min-width: 482px) { 796 588 797 .alignfull, 798 .full-max-width { 799 max-width: var(--responsive--alignfull-width); 589 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { 590 max-width: min(calc(100vw - 100px), 610px); 591 } 592 } 593 @media only screen and (min-width: 822px) { 594 595 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { 596 max-width: min(calc(100vw - 200px), 610px); 597 } 598 } 599 600 *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { 601 max-width: calc(100vw - 30px); 602 margin-left: auto; 603 margin-right: auto; 604 } 605 @media only screen and (min-width: 482px) { 606 607 *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { 608 max-width: min(calc(100vw - 100px), 610px); 609 } 610 } 611 @media only screen and (min-width: 822px) { 612 613 *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce) { 614 max-width: min(calc(100vw - 200px), 610px); 615 } 616 } 617 618 .default-max-width { 619 max-width: calc(100vw - 30px); 620 margin-left: auto; 621 margin-right: auto; 622 } 623 @media only screen and (min-width: 482px) { 624 625 .default-max-width { 626 max-width: min(calc(100vw - 100px), 610px); 627 } 628 } 629 @media only screen and (min-width: 822px) { 630 631 .default-max-width { 632 max-width: min(calc(100vw - 200px), 610px); 633 } 634 } 635 636 .widget-area { 637 max-width: calc(100vw - 30px); 638 margin-left: auto; 639 margin-right: auto; 640 } 641 642 @media only screen and (min-width: 482px) { 643 644 .widget-area { 645 max-width: calc(100vw - 100px); 646 } 647 } 648 649 @media only screen and (min-width: 822px) { 650 651 .widget-area { 652 max-width: min(calc(100vw - 200px), 1240px); 653 } 654 } 655 656 .pagination { 657 max-width: calc(100vw - 30px); 658 margin-left: auto; 659 margin-right: auto; 660 } 661 662 @media only screen and (min-width: 482px) { 663 664 .pagination { 665 max-width: calc(100vw - 100px); 666 } 667 } 668 669 @media only screen and (min-width: 822px) { 670 671 .pagination { 672 max-width: min(calc(100vw - 200px), 1240px); 673 } 674 } 675 676 .comments-pagination { 677 max-width: calc(100vw - 30px); 678 margin-left: auto; 679 margin-right: auto; 680 } 681 682 @media only screen and (min-width: 482px) { 683 684 .comments-pagination { 685 max-width: calc(100vw - 100px); 686 } 687 } 688 689 @media only screen and (min-width: 822px) { 690 691 .comments-pagination { 692 max-width: min(calc(100vw - 200px), 1240px); 693 } 694 } 695 696 .post-navigation { 697 max-width: calc(100vw - 30px); 698 margin-left: auto; 699 margin-right: auto; 700 } 701 702 @media only screen and (min-width: 482px) { 703 704 .post-navigation { 705 max-width: calc(100vw - 100px); 706 } 707 } 708 709 @media only screen and (min-width: 822px) { 710 711 .post-navigation { 712 max-width: min(calc(100vw - 200px), 1240px); 713 } 714 } 715 716 .site-footer { 717 max-width: calc(100vw - 30px); 718 margin-left: auto; 719 margin-right: auto; 720 } 721 722 @media only screen and (min-width: 482px) { 723 724 .site-footer { 725 max-width: calc(100vw - 100px); 726 } 727 } 728 729 @media only screen and (min-width: 822px) { 730 731 .site-footer { 732 max-width: min(calc(100vw - 200px), 1240px); 733 } 734 } 735 736 .site-header { 737 max-width: calc(100vw - 30px); 738 margin-left: auto; 739 margin-right: auto; 740 } 741 742 @media only screen and (min-width: 482px) { 743 744 .site-header { 745 max-width: calc(100vw - 100px); 746 } 747 } 748 749 @media only screen and (min-width: 822px) { 750 751 .site-header { 752 max-width: min(calc(100vw - 200px), 1240px); 753 } 754 } 755 756 .alignwide { 757 max-width: calc(100vw - 30px); 758 margin-left: auto; 759 margin-right: auto; 760 } 761 762 @media only screen and (min-width: 482px) { 763 764 .alignwide { 765 max-width: calc(100vw - 100px); 766 } 767 } 768 769 @media only screen and (min-width: 822px) { 770 771 .alignwide { 772 max-width: min(calc(100vw - 200px), 1240px); 773 } 774 } 775 776 .wide-max-width { 777 max-width: calc(100vw - 30px); 778 margin-left: auto; 779 margin-right: auto; 780 } 781 782 @media only screen and (min-width: 482px) { 783 784 .wide-max-width { 785 max-width: calc(100vw - 100px); 786 } 787 } 788 789 @media only screen and (min-width: 822px) { 790 791 .wide-max-width { 792 max-width: min(calc(100vw - 200px), 1240px); 793 } 794 } 795 796 .alignfull { 797 max-width: 100%; 798 width: 100%; 799 margin-left: auto; 800 margin-right: auto; 801 } 802 803 .wp-block-group .wp-block-group__inner-container > *.alignfull { 804 max-width: 100%; 805 width: 100%; 806 margin-left: auto; 807 margin-right: auto; 808 } 809 810 .full-max-width { 811 max-width: 100%; 812 width: 100%; 813 margin-left: auto; 814 margin-right: auto; 815 } 816 817 @media only screen and (min-width: 482px) { 818 819 .alignfull { 820 max-width: 100%; 800 821 width: auto; 801 822 margin-left: auto; 802 823 margin-right: auto; 803 824 } 804 } 805 806 .entry-header .post-thumbnail, 807 .singular .post-thumbnail, 808 .alignfull [class*=inner-container] > .alignwide, 825 826 .full-max-width { 827 max-width: 100%; 828 width: auto; 829 margin-left: auto; 830 margin-right: auto; 831 } 832 } 833 834 .entry-header .post-thumbnail { 835 margin-left: auto; 836 margin-right: auto; 837 width: calc(100vw - 30px); 838 max-width: 100%; 839 } 840 @media only screen and (min-width: 482px) { 841 842 .entry-header .post-thumbnail { 843 width: calc(100vw - 100px); 844 } 845 } 846 @media only screen and (min-width: 822px) { 847 848 .entry-header .post-thumbnail { 849 width: min(calc(100vw - 200px), 1240px); 850 } 851 } 852 853 .singular .post-thumbnail { 854 margin-left: auto; 855 margin-right: auto; 856 width: calc(100vw - 30px); 857 max-width: 100%; 858 } 859 @media only screen and (min-width: 482px) { 860 861 .singular .post-thumbnail { 862 width: calc(100vw - 100px); 863 } 864 } 865 @media only screen and (min-width: 822px) { 866 867 .singular .post-thumbnail { 868 width: min(calc(100vw - 200px), 1240px); 869 } 870 } 871 872 .alignfull [class*=inner-container] > .alignwide { 873 margin-left: auto; 874 margin-right: auto; 875 width: calc(100vw - 30px); 876 max-width: 100%; 877 } 878 @media only screen and (min-width: 482px) { 879 880 .alignfull [class*=inner-container] > .alignwide { 881 width: calc(100vw - 100px); 882 } 883 } 884 @media only screen and (min-width: 822px) { 885 886 .alignfull [class*=inner-container] > .alignwide { 887 width: min(calc(100vw - 200px), 1240px); 888 } 889 } 890 809 891 .alignwide [class*=inner-container] > .alignwide { 810 892 margin-left: auto; 811 893 margin-right: auto; 812 width: var(--responsive--alignwide-width); 813 max-width: var(--responsive--alignfull-width); 814 } 815 894 width: calc(100vw - 30px); 895 max-width: 100%; 896 } 816 897 @media only screen and (min-width: 482px) { 817 898 899 .alignwide [class*=inner-container] > .alignwide { 900 width: calc(100vw - 100px); 901 } 902 } 903 @media only screen and (min-width: 822px) { 904 905 .alignwide [class*=inner-container] > .alignwide { 906 width: min(calc(100vw - 200px), 1240px); 907 } 908 } 909 910 @media only screen and (min-width: 482px) { 911 818 912 .entry-content > .alignleft { 819 913 820 914 /*rtl:ignore*/ 821 margin-left: var(--responsive--alignleft-margin);915 margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); 822 916 823 917 /*rtl:ignore*/ 824 margin-right: var(--global--spacing-horizontal); 918 margin-right: 25px; 919 } 920 @media only screen and (min-width: 482px) { 921 922 .entry-content > .alignleft { 923 margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); 924 } 925 } 926 @media only screen and (min-width: 482px) { 927 928 .entry-content > .alignleft { 929 margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); 930 } 931 } 932 @media only screen and (min-width: 822px) { 933 934 .entry-content > .alignleft { 935 margin-left: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); 936 } 825 937 } 826 938 } … … 830 942 831 943 /*rtl:ignore*/ 832 margin-left: var(--global--spacing-horizontal);944 margin-left: 25px; 833 945 834 946 /*rtl:ignore*/ 835 margin-right: var(--responsive--alignright-margin); 947 margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); 948 } 949 @media only screen and (min-width: 482px) { 950 951 .entry-content > .alignright { 952 margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); 953 } 954 } 955 @media only screen and (min-width: 482px) { 956 957 .entry-content > .alignright { 958 margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); 959 } 960 } 961 @media only screen and (min-width: 822px) { 962 963 .entry-content > .alignright { 964 margin-right: calc(50vw - min(calc(100vw - 4 * 25px), 610px) *1); 965 } 836 966 } 837 967 } … … 850 980 * - Set vertical padding and horizontal margins 851 981 */ 852 .site-header, 853 .site-main, 854 .widget-area, 855 .site-footer { 856 padding-top: var(--global--spacing-vertical); 857 padding-bottom: var(--global--spacing-vertical); 982 .site-header { 983 padding-top: 30px; 984 padding-bottom: 30px; 858 985 margin-left: auto; 859 986 margin-right: auto; 860 987 } 861 988 989 .site-main { 990 padding-top: 30px; 991 padding-bottom: 30px; 992 margin-left: auto; 993 margin-right: auto; 994 } 995 996 .widget-area { 997 padding-top: 30px; 998 padding-bottom: 30px; 999 margin-left: auto; 1000 margin-right: auto; 1001 } 1002 1003 .site-footer { 1004 padding-top: 30px; 1005 padding-bottom: 30px; 1006 margin-left: auto; 1007 margin-right: auto; 1008 } 1009 862 1010 .site-header { 863 padding-top: calc(0.75 * var(--global--spacing-vertical));864 padding-bottom: calc(2 * var(--global--spacing-vertical));1011 padding-top: 23px; 1012 padding-bottom: 60px; 865 1013 } 866 1014 @media only screen and (min-width: 482px) { 867 1015 868 1016 .site-header { 869 padding-bottom: calc(3 * var(--global--spacing-vertical));1017 padding-bottom: 90px; 870 1018 } 871 1019 } … … 876 1024 */ 877 1025 .site-main > * { 878 margin-top: calc(3 * var(--global--spacing-vertical));879 margin-bottom: calc(3 * var(--global--spacing-vertical));1026 margin-top: 90px; 1027 margin-bottom: 90px; 880 1028 } 881 1029 … … 904 1052 * - Set margins 905 1053 */ 906 .entry-header, 907 .post-thumbnail, 908 .entry-content, 909 .entry-footer, 1054 .entry-header { 1055 margin-top: 30px; 1056 margin-right: auto; 1057 margin-bottom: 30px; 1058 margin-left: auto; 1059 } 1060 1061 .post-thumbnail { 1062 margin-top: 30px; 1063 margin-right: auto; 1064 margin-bottom: 30px; 1065 margin-left: auto; 1066 } 1067 1068 .entry-content { 1069 margin-top: 30px; 1070 margin-right: auto; 1071 margin-bottom: 30px; 1072 margin-left: auto; 1073 } 1074 1075 .entry-footer { 1076 margin-top: 30px; 1077 margin-right: auto; 1078 margin-bottom: 30px; 1079 margin-left: auto; 1080 } 1081 910 1082 .author-bio { 911 margin-top: var(--global--spacing-vertical);1083 margin-top: 30px; 912 1084 margin-right: auto; 913 margin-bottom: var(--global--spacing-vertical);1085 margin-bottom: 30px; 914 1086 margin-left: auto; 915 1087 } … … 919 1091 * - Sets spacing-vertical margin logic 920 1092 */ 921 .site-main > article > *, 922 .site-main > .not-found > *, 923 .entry-content > *, 924 [class*=inner-container] > *, 1093 .site-main > article > * { 1094 margin-top: 20px; 1095 margin-bottom: 20px; 1096 } 1097 1098 .site-main > .not-found > * { 1099 margin-top: 20px; 1100 margin-bottom: 20px; 1101 } 1102 1103 .entry-content > * { 1104 margin-top: 20px; 1105 margin-bottom: 20px; 1106 } 1107 1108 [class*=inner-container] > * { 1109 margin-top: 20px; 1110 margin-bottom: 20px; 1111 } 1112 925 1113 .wp-block-template-part > * { 926 margin-top: calc(0.666 * var(--global--spacing-vertical));927 margin-bottom: calc(0.666 * var(--global--spacing-vertical));1114 margin-top: 20px; 1115 margin-bottom: 20px; 928 1116 } 929 1117 @media only screen and (min-width: 482px) { 930 1118 931 .site-main > article > *, 932 .site-main > .not-found > *, 933 .entry-content > *, 934 [class*=inner-container] > *, 1119 .site-main > article > * { 1120 margin-top: 30px; 1121 margin-bottom: 30px; 1122 } 1123 1124 .site-main > .not-found > * { 1125 margin-top: 30px; 1126 margin-bottom: 30px; 1127 } 1128 1129 .entry-content > * { 1130 margin-top: 30px; 1131 margin-bottom: 30px; 1132 } 1133 1134 [class*=inner-container] > * { 1135 margin-top: 30px; 1136 margin-bottom: 30px; 1137 } 1138 935 1139 .wp-block-template-part > * { 936 margin-top: var(--global--spacing-vertical);937 margin-bottom: var(--global--spacing-vertical);1140 margin-top: 30px; 1141 margin-bottom: 30px; 938 1142 } 939 1143 } … … 955 1159 } 956 1160 957 .site-footer > *, 1161 .site-footer > * { 1162 margin-top: 20px; 1163 margin-bottom: 20px; 1164 } 1165 958 1166 .widget-area > * { 959 margin-top: calc(0.666 * var(--global--spacing-vertical));960 margin-bottom: calc(0.666 * var(--global--spacing-vertical));1167 margin-top: 20px; 1168 margin-bottom: 20px; 961 1169 } 962 1170 @media only screen and (min-width: 482px) { 963 1171 964 .site-footer > *, 1172 .site-footer > * { 1173 margin-top: 30px; 1174 margin-bottom: 30px; 1175 } 1176 965 1177 .widget-area > * { 966 margin-top: var(--global--spacing-vertical);967 margin-bottom: var(--global--spacing-vertical);1178 margin-top: 30px; 1179 margin-bottom: 30px; 968 1180 } 969 1181 } … … 973 1185 * - Sets spacing-unit margins 974 1186 */ 975 .entry-header > *, 976 .post-thumbnail > *, 977 .page-content > *, 978 .comment-content > *, 1187 .entry-header > * { 1188 margin-top: 20px; 1189 margin-bottom: 20px; 1190 } 1191 1192 .post-thumbnail > * { 1193 margin-top: 20px; 1194 margin-bottom: 20px; 1195 } 1196 1197 .page-content > * { 1198 margin-top: 20px; 1199 margin-bottom: 20px; 1200 } 1201 1202 .comment-content > * { 1203 margin-top: 20px; 1204 margin-bottom: 20px; 1205 } 1206 979 1207 .widget > * { 980 margin-top: var(--global--spacing-unit);981 margin-bottom: var(--global--spacing-unit);1208 margin-top: 20px; 1209 margin-bottom: 20px; 982 1210 } 983 1211 … … 1020 1248 } 1021 1249 1022 .entry-content > *.alignfull + .alignleft, 1250 .entry-content > *.alignfull + .alignleft { 1251 margin-top: 30px; 1252 } 1253 1023 1254 .entry-content > *.alignfull + .alignright { 1024 margin-top: var(--global--spacing-vertical);1255 margin-top: 30px; 1025 1256 } 1026 1257 … … 1067 1298 /* Apply border-box across the entire page. */ 1068 1299 box-sizing: border-box; 1069 font-family: var(--global--font-secondary);1070 line-height: var(--global--line-height-body);1300 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1301 line-height: 1.7; 1071 1302 } 1072 1303 … … 1081 1312 1082 1313 body { 1083 font-size: var(--global--font-size-base);1314 font-size: 1.25rem; 1084 1315 font-weight: normal; 1085 color: var(--global--color-primary);1316 color: #28303d; 1086 1317 text-align: left; 1087 background-color: var(--global--color-background);1318 background-color: #d1e4dd; 1088 1319 } 1089 1320 … … 1122 1353 padding: 0; 1123 1354 position: relative; 1124 margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal);1355 margin: 30px 0 30px 25px; 1125 1356 } 1126 1357 1127 1358 blockquote > * { 1128 margin-top: var(--global--spacing-unit);1129 margin-bottom: var(--global--spacing-unit);1359 margin-top: 20px; 1360 margin-bottom: 20px; 1130 1361 } 1131 1362 … … 1139 1370 1140 1371 blockquote p { 1141 letter-spacing: var(--heading--letter-spacing-h4); 1142 font-family: var(--quote--font-family); 1143 font-size: var(--quote--font-size); 1144 font-style: var(--quote--font-style); 1145 font-weight: var(--quote--font-weight); 1146 line-height: var(--quote--line-height); 1147 } 1148 1149 blockquote cite, 1372 letter-spacing: normal; 1373 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 1374 font-size: 1.25rem; 1375 font-style: normal; 1376 font-weight: 700; 1377 line-height: 1.7; 1378 } 1379 1380 blockquote cite { 1381 font-weight: normal; 1382 color: #28303d; 1383 font-size: 1rem; 1384 letter-spacing: normal; 1385 } 1386 1150 1387 blockquote footer { 1151 1388 font-weight: normal; 1152 color: var(--global--color-primary);1153 font-size: var(--global--font-size-xs);1154 letter-spacing: var(--global--letter-spacing);1389 color: #28303d; 1390 font-size: 1rem; 1391 letter-spacing: normal; 1155 1392 } 1156 1393 … … 1160 1397 } 1161 1398 1162 blockquote.alignleft p, 1163 blockquote.alignright p { 1164 font-size: var(--heading--font-size-h5); 1399 blockquote.alignleft p { 1400 font-size: 1.125rem; 1165 1401 max-width: inherit; 1166 1402 width: inherit; 1167 1403 } 1168 1404 1169 blockquote.alignleft cite, 1170 blockquote.alignleft footer, 1171 blockquote.alignright cite, 1405 blockquote.alignright p { 1406 font-size: 1.125rem; 1407 max-width: inherit; 1408 width: inherit; 1409 } 1410 1411 blockquote.alignleft cite { 1412 font-size: 1rem; 1413 letter-spacing: normal; 1414 } 1415 1416 blockquote.alignleft footer { 1417 font-size: 1rem; 1418 letter-spacing: normal; 1419 } 1420 1421 blockquote.alignright cite { 1422 font-size: 1rem; 1423 letter-spacing: normal; 1424 } 1425 1172 1426 blockquote.alignright footer { 1173 font-size: var(--global--font-size-xs);1174 letter-spacing: var(--global--letter-spacing);1427 font-size: 1rem; 1428 letter-spacing: normal; 1175 1429 } 1176 1430 1177 1431 blockquote strong { 1178 font-weight: var(--quote--font-weight-strong);1432 font-weight: bolder; 1179 1433 } 1180 1434 1181 1435 blockquote:before { 1182 1436 content: "“"; 1183 font-size: var(--quote--font-size); 1184 line-height: var(--quote--line-height); 1185 } 1186 1187 blockquote .wp-block-quote__citation, 1188 blockquote cite, 1437 font-size: 1.25rem; 1438 line-height: 1.7; 1439 } 1440 1441 blockquote .wp-block-quote__citation { 1442 color: #28303d; 1443 font-size: 1rem; 1444 font-style: normal; 1445 } 1446 1447 blockquote cite { 1448 color: #28303d; 1449 font-size: 1rem; 1450 font-style: normal; 1451 } 1452 1189 1453 blockquote footer { 1190 color: var(--global--color-primary);1191 font-size: var(--global--font-size-xs);1192 font-style: var(--quote--font-style-cite);1454 color: #28303d; 1455 font-size: 1rem; 1456 font-style: normal; 1193 1457 } 1194 1458 @media only screen and (max-width: 481px) { 1195 1459 1196 1460 blockquote { 1197 padding-left: calc(0.5 * var(--global--spacing-horizontal));1461 padding-left: 13px; 1198 1462 } 1199 1463 … … 1203 1467 } 1204 1468 1205 input[type=text], 1206 input[type=email], 1207 input[type=url], 1208 input[type=password], 1209 input[type=search], 1210 input[type=number], 1211 input[type=tel], 1212 input[type=date], 1213 input[type=month], 1214 input[type=week], 1215 input[type=time], 1216 input[type=datetime], 1217 input[type=datetime-local], 1218 input[type=color], 1469 input[type=text] { 1470 border: 3px solid #39414d; 1471 border-radius: 0; 1472 color: #28303d; 1473 line-height: 1.7; 1474 padding: 10px; 1475 margin: 0 2px; 1476 } 1477 1478 input[type=email] { 1479 border: 3px solid #39414d; 1480 border-radius: 0; 1481 color: #28303d; 1482 line-height: 1.7; 1483 padding: 10px; 1484 margin: 0 2px; 1485 } 1486 1487 input[type=url] { 1488 border: 3px solid #39414d; 1489 border-radius: 0; 1490 color: #28303d; 1491 line-height: 1.7; 1492 padding: 10px; 1493 margin: 0 2px; 1494 } 1495 1496 input[type=password] { 1497 border: 3px solid #39414d; 1498 border-radius: 0; 1499 color: #28303d; 1500 line-height: 1.7; 1501 padding: 10px; 1502 margin: 0 2px; 1503 } 1504 1505 input[type=search] { 1506 border: 3px solid #39414d; 1507 border-radius: 0; 1508 color: #28303d; 1509 line-height: 1.7; 1510 padding: 10px; 1511 margin: 0 2px; 1512 } 1513 1514 input[type=number] { 1515 border: 3px solid #39414d; 1516 border-radius: 0; 1517 color: #28303d; 1518 line-height: 1.7; 1519 padding: 10px; 1520 margin: 0 2px; 1521 } 1522 1523 input[type=tel] { 1524 border: 3px solid #39414d; 1525 border-radius: 0; 1526 color: #28303d; 1527 line-height: 1.7; 1528 padding: 10px; 1529 margin: 0 2px; 1530 } 1531 1532 input[type=date] { 1533 border: 3px solid #39414d; 1534 border-radius: 0; 1535 color: #28303d; 1536 line-height: 1.7; 1537 padding: 10px; 1538 margin: 0 2px; 1539 } 1540 1541 input[type=month] { 1542 border: 3px solid #39414d; 1543 border-radius: 0; 1544 color: #28303d; 1545 line-height: 1.7; 1546 padding: 10px; 1547 margin: 0 2px; 1548 } 1549 1550 input[type=week] { 1551 border: 3px solid #39414d; 1552 border-radius: 0; 1553 color: #28303d; 1554 line-height: 1.7; 1555 padding: 10px; 1556 margin: 0 2px; 1557 } 1558 1559 input[type=time] { 1560 border: 3px solid #39414d; 1561 border-radius: 0; 1562 color: #28303d; 1563 line-height: 1.7; 1564 padding: 10px; 1565 margin: 0 2px; 1566 } 1567 1568 input[type=datetime] { 1569 border: 3px solid #39414d; 1570 border-radius: 0; 1571 color: #28303d; 1572 line-height: 1.7; 1573 padding: 10px; 1574 margin: 0 2px; 1575 } 1576 1577 input[type=datetime-local] { 1578 border: 3px solid #39414d; 1579 border-radius: 0; 1580 color: #28303d; 1581 line-height: 1.7; 1582 padding: 10px; 1583 margin: 0 2px; 1584 } 1585 1586 input[type=color] { 1587 border: 3px solid #39414d; 1588 border-radius: 0; 1589 color: #28303d; 1590 line-height: 1.7; 1591 padding: 10px; 1592 margin: 0 2px; 1593 } 1594 1219 1595 .site textarea { 1220 border: var(--form--border-width) solid var(--form--border-color);1221 border-radius: var(--form--border-radius);1222 color: var(--form--color-text);1223 line-height: var(--global--line-height-body);1224 padding: var(--form--spacing-unit);1596 border: 3px solid #39414d; 1597 border-radius: 0; 1598 color: #28303d; 1599 line-height: 1.7; 1600 padding: 10px; 1225 1601 margin: 0 2px; 1226 1602 } 1227 1603 1228 input[type=text]:focus, 1229 input[type=email]:focus, 1230 input[type=url]:focus, 1231 input[type=password]:focus, 1232 input[type=search]:focus, 1233 input[type=number]:focus, 1234 input[type=tel]:focus, 1235 input[type=date]:focus, 1236 input[type=month]:focus, 1237 input[type=week]:focus, 1238 input[type=time]:focus, 1239 input[type=datetime]:focus, 1240 input[type=datetime-local]:focus, 1241 input[type=color]:focus, 1604 input[type=text]:focus { 1605 color: #28303d; 1606 outline-offset: 2px; 1607 outline: 2px dotted #39414d; 1608 } 1609 1610 input[type=email]:focus { 1611 color: #28303d; 1612 outline-offset: 2px; 1613 outline: 2px dotted #39414d; 1614 } 1615 1616 input[type=url]:focus { 1617 color: #28303d; 1618 outline-offset: 2px; 1619 outline: 2px dotted #39414d; 1620 } 1621 1622 input[type=password]:focus { 1623 color: #28303d; 1624 outline-offset: 2px; 1625 outline: 2px dotted #39414d; 1626 } 1627 1628 input[type=search]:focus { 1629 color: #28303d; 1630 outline-offset: 2px; 1631 outline: 2px dotted #39414d; 1632 } 1633 1634 input[type=number]:focus { 1635 color: #28303d; 1636 outline-offset: 2px; 1637 outline: 2px dotted #39414d; 1638 } 1639 1640 input[type=tel]:focus { 1641 color: #28303d; 1642 outline-offset: 2px; 1643 outline: 2px dotted #39414d; 1644 } 1645 1646 input[type=date]:focus { 1647 color: #28303d; 1648 outline-offset: 2px; 1649 outline: 2px dotted #39414d; 1650 } 1651 1652 input[type=month]:focus { 1653 color: #28303d; 1654 outline-offset: 2px; 1655 outline: 2px dotted #39414d; 1656 } 1657 1658 input[type=week]:focus { 1659 color: #28303d; 1660 outline-offset: 2px; 1661 outline: 2px dotted #39414d; 1662 } 1663 1664 input[type=time]:focus { 1665 color: #28303d; 1666 outline-offset: 2px; 1667 outline: 2px dotted #39414d; 1668 } 1669 1670 input[type=datetime]:focus { 1671 color: #28303d; 1672 outline-offset: 2px; 1673 outline: 2px dotted #39414d; 1674 } 1675 1676 input[type=datetime-local]:focus { 1677 color: #28303d; 1678 outline-offset: 2px; 1679 outline: 2px dotted #39414d; 1680 } 1681 1682 input[type=color]:focus { 1683 color: #28303d; 1684 outline-offset: 2px; 1685 outline: 2px dotted #39414d; 1686 } 1687 1242 1688 .site textarea:focus { 1243 color: var(--form--color-text);1689 color: #28303d; 1244 1690 outline-offset: 2px; 1245 outline: 2px dotted var(--form--border-color);1691 outline: 2px dotted #39414d; 1246 1692 } 1247 1693 … … 1264 1710 } 1265 1711 1266 .is-dark-theme input[type=text], 1267 .is-dark-theme input[type=email], 1268 .is-dark-theme input[type=url], 1269 .is-dark-theme input[type=password], 1270 .is-dark-theme input[type=search], 1271 .is-dark-theme input[type=number], 1272 .is-dark-theme input[type=tel], 1273 .is-dark-theme input[type=date], 1274 .is-dark-theme input[type=month], 1275 .is-dark-theme input[type=week], 1276 .is-dark-theme input[type=time], 1277 .is-dark-theme input[type=datetime], 1278 .is-dark-theme input[type=datetime-local], 1279 .is-dark-theme input[type=color], 1712 .is-dark-theme input[type=text] { 1713 background: rgba(255, 255, 255, 0.9); 1714 } 1715 1716 .is-dark-theme input[type=email] { 1717 background: rgba(255, 255, 255, 0.9); 1718 } 1719 1720 .is-dark-theme input[type=url] { 1721 background: rgba(255, 255, 255, 0.9); 1722 } 1723 1724 .is-dark-theme input[type=password] { 1725 background: rgba(255, 255, 255, 0.9); 1726 } 1727 1728 .is-dark-theme input[type=search] { 1729 background: rgba(255, 255, 255, 0.9); 1730 } 1731 1732 .is-dark-theme input[type=number] { 1733 background: rgba(255, 255, 255, 0.9); 1734 } 1735 1736 .is-dark-theme input[type=tel] { 1737 background: rgba(255, 255, 255, 0.9); 1738 } 1739 1740 .is-dark-theme input[type=date] { 1741 background: rgba(255, 255, 255, 0.9); 1742 } 1743 1744 .is-dark-theme input[type=month] { 1745 background: rgba(255, 255, 255, 0.9); 1746 } 1747 1748 .is-dark-theme input[type=week] { 1749 background: rgba(255, 255, 255, 0.9); 1750 } 1751 1752 .is-dark-theme input[type=time] { 1753 background: rgba(255, 255, 255, 0.9); 1754 } 1755 1756 .is-dark-theme input[type=datetime] { 1757 background: rgba(255, 255, 255, 0.9); 1758 } 1759 1760 .is-dark-theme input[type=datetime-local] { 1761 background: rgba(255, 255, 255, 0.9); 1762 } 1763 1764 .is-dark-theme input[type=color] { 1765 background: rgba(255, 255, 255, 0.9); 1766 } 1767 1280 1768 .is-dark-theme .site textarea { 1281 background: var(--global--color-white-90);1769 background: rgba(255, 255, 255, 0.9); 1282 1770 } 1283 1771 … … 1287 1775 1288 1776 .is-dark-theme input[type=search]:focus { 1289 outline-color: var(--global--color-background);1777 outline-color: #d1e4dd; 1290 1778 } 1291 1779 1292 1780 input[type=color] { 1293 padding: calc(var(--form--spacing-unit) / 2);1294 height: calc(4 * var(--form--spacing-unit));1781 padding: 5px; 1782 height: 40px; 1295 1783 } 1296 1784 … … 1303 1791 1304 1792 select { 1305 border: var(--form--border-width) solid var(--form--border-color);1306 color: var(--form--color-text);1793 border: 3px solid #39414d; 1794 color: #28303d; 1307 1795 -moz-appearance: none; 1308 1796 -webkit-appearance: none; 1309 1797 appearance: none; 1310 line-height: var(--global--line-height-body);1311 padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit);1312 background: var(--global--color-white)url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;1313 background-position: right var(--form--spacing-unit)top 60%;1798 line-height: 1.7; 1799 padding: 10px 30px 10px 10px; 1800 background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat; 1801 background-position: right 10px top 60%; 1314 1802 } 1315 1803 1316 1804 select:focus { 1317 1805 outline-offset: 2px; 1318 outline: 2px dotted var(--form--border-color);1806 outline: 2px dotted #39414d; 1319 1807 } 1320 1808 1321 1809 .is-dark-theme select { 1322 background: var(--global--color-white-90) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat;1323 background-position: right var(--form--spacing-unit)top 60%;1810 background: rgba(255, 255, 255, 0.9) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>") no-repeat; 1811 background-position: right 10px top 60%; 1324 1812 } 1325 1813 … … 1329 1817 1330 1818 label { 1331 font-size: var(--form--font-size);1332 font-weight: var(--form--label-weight);1333 margin-bottom: calc(var(--global--spacing-vertical) / 3);1819 font-size: 1.125rem; 1820 font-weight: 500; 1821 margin-bottom: 10px; 1334 1822 } 1335 1823 … … 1341 1829 @supports (-webkit-appearance: none) or (-moz-appearance: none) { 1342 1830 1343 input[type=checkbox], 1831 input[type=checkbox] { 1832 -webkit-appearance: none; 1833 -moz-appearance: none; 1834 position: relative; 1835 width: 25px; 1836 height: 25px; 1837 border: 3px solid #39414d; 1838 background: #fff; 1839 } 1840 1344 1841 input[type=radio] { 1345 1842 -webkit-appearance: none; … … 1348 1845 width: 25px; 1349 1846 height: 25px; 1350 border: var(--form--border-width) solid var(--form--border-color);1351 background: var(--global--color-white);1847 border: 3px solid #39414d; 1848 background: #fff; 1352 1849 } 1353 1850 … … 1357 1854 } 1358 1855 1359 .is-dark-theme input[type=checkbox], 1856 .is-dark-theme input[type=checkbox] { 1857 background: rgba(255, 255, 255, 0.9); 1858 } 1859 1360 1860 .is-dark-theme input[type=radio] { 1361 background: var(--global--color-white-90);1861 background: rgba(255, 255, 255, 0.9); 1362 1862 } 1363 1863 1364 1864 input[type=checkbox]:focus { 1365 1865 outline-offset: 2px; 1366 outline: 2px dotted var(--form--border-color);1866 outline: 2px dotted #39414d; 1367 1867 } 1368 1868 … … 1376 1876 width: 7px; 1377 1877 height: 13px; 1378 border: 3px solid var(--form--color-text);1878 border: 3px solid #28303d; 1379 1879 border-top: 0; 1380 1880 border-left: 0; … … 1383 1883 1384 1884 input[type=checkbox]:checked { 1385 color: var(--form--color-text);1885 color: #28303d; 1386 1886 } 1387 1887 … … 1396 1896 input[type=radio]:focus { 1397 1897 outline-offset: 2px; 1398 outline: 2px dotted var(--form--border-color);1898 outline: 2px dotted #39414d; 1399 1899 } 1400 1900 … … 1409 1909 height: 11px; 1410 1910 border-radius: 50%; 1411 background: var(--form--color-text);1911 background: #28303d; 1412 1912 } 1413 1913 1414 1914 input[type=radio]:checked { 1415 border: 4px solid var(--form--border-color);1915 border: 4px solid #39414d; 1416 1916 } 1417 1917 … … 1422 1922 input[type=radio]:checked:focus { 1423 1923 outline-offset: 4px; 1424 outline: 2px dotted var(--form--border-color); 1425 } 1426 } 1427 1428 input[type=checkbox] + label, 1924 outline: 2px dotted #39414d; 1925 } 1926 } 1927 1928 input[type=checkbox] + label { 1929 display: inline-block; 1930 padding-left: 10px; 1931 font-size: 1rem; 1932 vertical-align: top; 1933 } 1934 1429 1935 input[type=radio] + label { 1430 1936 display: inline-block; 1431 1937 padding-left: 10px; 1432 font-size: var(--global--font-size-xs);1938 font-size: 1rem; 1433 1939 vertical-align: top; 1434 1940 } … … 1447 1953 /* Specific width is required for Firefox. */ 1448 1954 height: 6px; 1449 background: var(--form--color-ranged);1955 background: #39414d; 1450 1956 border-radius: 6px; 1451 1957 outline-offset: 10px; … … 1458 1964 input[type=range]::-webkit-slider-thumb { 1459 1965 -webkit-appearance: none; 1460 border: 3px solid var(--form--color-ranged);1966 border: 3px solid #39414d; 1461 1967 height: 25px; 1462 1968 width: 25px; 1463 1969 border-radius: 50%; 1464 background: var(--global--color-background);1970 background: #d1e4dd; 1465 1971 cursor: pointer; 1466 1972 } 1467 1973 1468 1974 input[type=range]::-moz-range-thumb { 1469 border: 3px solid var(--form--color-ranged);1975 border: 3px solid #39414d; 1470 1976 height: 25px; 1471 1977 width: 25px; 1472 1978 border-radius: 50%; 1473 background: var(--global--color-background);1979 background: #d1e4dd; 1474 1980 cursor: pointer; 1475 1981 } … … 1481 1987 border-radius: 6px; 1482 1988 border-width: 19px 0; 1483 border-color: var(--global--color-background);1989 border-color: #d1e4dd; 1484 1990 background: transparent; 1485 1991 color: transparent; … … 1488 1994 1489 1995 input[type=range]::-ms-fill-upper { 1490 background: var(--form--color-ranged);1996 background: #39414d; 1491 1997 border-radius: 6px; 1492 1998 } 1493 1999 1494 2000 input[type=range]::-ms-fill-lower { 1495 background: var(--form--color-ranged);2001 background: #39414d; 1496 2002 border-radius: 6px; 1497 2003 } 1498 2004 1499 2005 input[type=range]::-ms-thumb { 1500 border: 3px solid var(--form--color-ranged);2006 border: 3px solid #39414d; 1501 2007 height: 25px; 1502 2008 width: 25px; 1503 2009 border-radius: 50%; 1504 background: var(--global--color-background);2010 background: #d1e4dd; 1505 2011 cursor: pointer; 1506 2012 } … … 1508 2014 fieldset { 1509 2015 display: grid; 1510 border-color: var(--global--color-secondary);1511 padding: var(--global--spacing-horizontal);2016 border-color: #39414d; 2017 padding: 25px; 1512 2018 } 1513 2019 1514 2020 fieldset legend { 1515 font-size: var(--global--font-size-lg);2021 font-size: 1.5rem; 1516 2022 } 1517 2023 … … 1521 2027 1522 2028 fieldset input:not([type=submit]) { 1523 margin-bottom: var(--global--spacing-unit);2029 margin-bottom: 20px; 1524 2030 } 1525 2031 … … 1529 2035 } 1530 2036 1531 fieldset input[type=radio] + label, 2037 fieldset input[type=radio] + label { 2038 font-size: 1.125rem; 2039 padding-left: 0; 2040 margin-bottom: 20px; 2041 } 2042 1532 2043 fieldset input[type=checkbox] + label { 1533 font-size: var(--form--font-size);2044 font-size: 1.125rem; 1534 2045 padding-left: 0; 1535 margin-bottom: var(--global--spacing-unit);2046 margin-bottom: 20px; 1536 2047 } 1537 2048 … … 1541 2052 1542 2053 .post-password-message { 1543 font-size: var(--global--font-size-lg);2054 font-size: 1.5rem; 1544 2055 } 1545 2056 … … 1556 2067 .post-password-form input[type=password] { 1557 2068 flex-grow: 1; 1558 margin-top: calc(var(--global--spacing-vertical) / 3);1559 margin-right: calc(0.66 * var(--global--spacing-horizontal));2069 margin-top: 10px; 2070 margin-right: 17px; 1560 2071 } 1561 2072 1562 2073 .post-password-form__submit { 1563 margin-top: calc(var(--global--spacing-vertical) / 3);2074 margin-top: 10px; 1564 2075 } 1565 2076 @media only screen and (min-width: 592px) { 1566 2077 1567 2078 .post-password-form__submit { 1568 margin-left: calc(0.4 * var(--global--spacing-horizontal));2079 margin-left: 10px; 1569 2080 } 1570 2081 } … … 1590 2101 1591 2102 /* Media captions */ 1592 figcaption, 1593 .wp-caption, 2103 figcaption { 2104 color: currentColor; 2105 font-size: 1rem; 2106 line-height: 1.7; 2107 margin-top: 10px; 2108 margin-bottom: 20px; 2109 text-align: center; 2110 } 2111 2112 .wp-caption { 2113 color: currentColor; 2114 font-size: 1rem; 2115 line-height: 1.7; 2116 margin-top: 10px; 2117 margin-bottom: 20px; 2118 text-align: center; 2119 } 2120 1594 2121 .wp-caption-text { 1595 2122 color: currentColor; 1596 font-size: var(--global--font-size-xs);1597 line-height: var(--global--line-height-body);1598 margin-top: calc(0.5 * var(--global--spacing-unit));1599 margin-bottom: var(--global--spacing-unit);2123 font-size: 1rem; 2124 line-height: 1.7; 2125 margin-top: 10px; 2126 margin-bottom: 20px; 1600 2127 text-align: center; 1601 2128 } … … 1645 2172 a { 1646 2173 cursor: pointer; 1647 color: var(--wp--style--color--link, var(--global--color-primary));2174 color: #28303d; 1648 2175 text-underline-offset: 3px; 1649 2176 text-decoration-skip-ink: all; … … 1662 2189 } 1663 2190 1664 .is-dark-theme .site a:focus, 2191 .is-dark-theme .site a:focus { 2192 color: #d1e4dd; 2193 } 2194 1665 2195 .is-dark-theme .site a:focus .meta-nav { 1666 color: var(--wp--style--color--link, var(--global--color-background));2196 color: #d1e4dd; 1667 2197 } 1668 2198 1669 2199 .has-background-white .site a:focus { 1670 2200 background: rgba(0, 0, 0, 0.9); 1671 color: var(--wp--style--color--link, var(--global--color-white));2201 color: #fff; 1672 2202 } 1673 2203 1674 2204 .has-background-white .site a:focus .meta-nav { 1675 color: var(--wp--style--color--link, var(--global--color-white));2205 color: #fff; 1676 2206 } 1677 2207 … … 1689 2219 1690 2220 .site a:focus img { 1691 outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary)); 1692 } 1693 1694 .h