Refactor in progress
This commit is contained in:
Mike Conrad
96
index.html
96
index.html
File diff suppressed because one or more lines are too long
560
wp-content/themes/bjork/assets/chunk.css
Normal file
560
wp-content/themes/bjork/assets/chunk.css
Normal file
@ -0,0 +1,560 @@
|
|||||||
|
@charset "UTF-8";.wp-block-separator {
|
||||||
|
border: none;
|
||||||
|
border-top: 2px solid
|
||||||
|
}
|
||||||
|
.wp-block-columns {
|
||||||
|
align-items: normal!important;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap!important
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 782px) {
|
||||||
|
.wp-block-columns {
|
||||||
|
flex-wrap:nowrap!important
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 782px) {
|
||||||
|
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
|
||||||
|
flex-basis:0;
|
||||||
|
flex-grow: 1
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
|
||||||
|
flex-grow: 0
|
||||||
|
}
|
||||||
|
}
|
||||||
|
:where(.wp-block-columns) {
|
||||||
|
margin-bottom: 1.75em
|
||||||
|
}
|
||||||
|
.wp-block-column {
|
||||||
|
flex-grow: 1;
|
||||||
|
min-width: 0;
|
||||||
|
overflow-wrap: break-word;
|
||||||
|
word-break: break-word
|
||||||
|
}
|
||||||
|
:root {
|
||||||
|
--wp--preset--aspect-ratio--square: 1;
|
||||||
|
--wp--preset--aspect-ratio--4-3: 4/3;
|
||||||
|
--wp--preset--aspect-ratio--3-4: 3/4;
|
||||||
|
--wp--preset--aspect-ratio--3-2: 3/2;
|
||||||
|
--wp--preset--aspect-ratio--2-3: 2/3;
|
||||||
|
--wp--preset--aspect-ratio--16-9: 16/9;
|
||||||
|
--wp--preset--aspect-ratio--9-16: 9/16;
|
||||||
|
--wp--preset--color--black: #000000;
|
||||||
|
--wp--preset--color--cyan-bluish-gray: #abb8c3;
|
||||||
|
--wp--preset--color--white: #ffffff;
|
||||||
|
--wp--preset--color--pale-pink: #f78da7;
|
||||||
|
--wp--preset--color--vivid-red: #cf2e2e;
|
||||||
|
--wp--preset--color--luminous-vivid-orange: #ff6900;
|
||||||
|
--wp--preset--color--luminous-vivid-amber: #fcb900;
|
||||||
|
--wp--preset--color--light-green-cyan: #7bdcb5;
|
||||||
|
--wp--preset--color--vivid-green-cyan: #00d084;
|
||||||
|
--wp--preset--color--pale-cyan-blue: #8ed1fc;
|
||||||
|
--wp--preset--color--vivid-cyan-blue: #0693e3;
|
||||||
|
--wp--preset--color--vivid-purple: #9b51e0;
|
||||||
|
--wp--preset--color--foreground: #111111;
|
||||||
|
--wp--preset--color--background: #FFFFFF;
|
||||||
|
--wp--preset--color--primary: #5857FF;
|
||||||
|
--wp--preset--color--secondary: #6B6A6A;
|
||||||
|
--wp--preset--color--tertiary: #E2E2E2;
|
||||||
|
--wp--preset--color--quaternary: #F3F2F2;
|
||||||
|
--wp--preset--color--custom-color-1: #68d2e8;
|
||||||
|
--wp--preset--color--custom-color-2: #fdde55;
|
||||||
|
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
|
||||||
|
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
|
||||||
|
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
|
||||||
|
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
|
||||||
|
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
|
||||||
|
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
|
||||||
|
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
|
||||||
|
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
|
||||||
|
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
|
||||||
|
--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
|
||||||
|
--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
|
||||||
|
--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
|
||||||
|
--wp--preset--gradient--foreground-to-background: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--background));
|
||||||
|
--wp--preset--gradient--foreground-to-primary: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--primary));
|
||||||
|
--wp--preset--gradient--foreground-to-secondary: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--secondary));
|
||||||
|
--wp--preset--gradient--foreground-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--quaternary));
|
||||||
|
--wp--preset--gradient--foreground-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--tertiary));
|
||||||
|
--wp--preset--gradient--background-to-foreground: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--foreground));
|
||||||
|
--wp--preset--gradient--background-to-primary: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--primary));
|
||||||
|
--wp--preset--gradient--background-to-secondary: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--secondary));
|
||||||
|
--wp--preset--gradient--background-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--quaternary));
|
||||||
|
--wp--preset--gradient--background-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--tertiary));
|
||||||
|
--wp--preset--gradient--primary-to-background: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--background));
|
||||||
|
--wp--preset--gradient--primary-to-foreground: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--foreground));
|
||||||
|
--wp--preset--gradient--primary-to-secondary: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--secondary));
|
||||||
|
--wp--preset--gradient--primary-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--quaternary));
|
||||||
|
--wp--preset--gradient--primary-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--tertiary));
|
||||||
|
--wp--preset--gradient--secondary-to-background: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--background));
|
||||||
|
--wp--preset--gradient--secondary-to-foreground: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--foreground));
|
||||||
|
--wp--preset--gradient--secondary-to-primary: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--primary));
|
||||||
|
--wp--preset--gradient--secondary-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--quaternary));
|
||||||
|
--wp--preset--gradient--secondary-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--tertiary));
|
||||||
|
--wp--preset--gradient--tertiary-to-background: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--background));
|
||||||
|
--wp--preset--gradient--tertiary-to-foreground: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--foreground));
|
||||||
|
--wp--preset--gradient--tertiary-to-primary: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--primary));
|
||||||
|
--wp--preset--gradient--tertiary-to-secondary: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--secondary));
|
||||||
|
--wp--preset--gradient--tertiary-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--quaternary));
|
||||||
|
--wp--preset--gradient--quaternary-to-background: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--background));
|
||||||
|
--wp--preset--gradient--quaternary-to-foreground: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--foreground));
|
||||||
|
--wp--preset--gradient--quaternary-to-primary: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--primary));
|
||||||
|
--wp--preset--gradient--quaternary-to-secondary: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--secondary));
|
||||||
|
--wp--preset--gradient--quaternary-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--tertiary));
|
||||||
|
--wp--preset--font-size--small: clamp(16px, 1rem + ((1vw - 3.2px) * 0.147), 18px);
|
||||||
|
--wp--preset--font-size--medium: clamp(17px, 1.063rem + ((1vw - 3.2px) * 0.294), 21px);
|
||||||
|
--wp--preset--font-size--large: clamp(21px, 1.313rem + ((1vw - 3.2px) * 0.221), 24px);
|
||||||
|
--wp--preset--font-size--x-large: clamp(25.014px, 1.563rem + ((1vw - 3.2px) * 1.249), 42px);
|
||||||
|
--wp--preset--font-size--tiny: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.147), 16px);
|
||||||
|
--wp--preset--font-size--extra-large: clamp(24px, 1.5rem + ((1vw - 3.2px) * 0.588), 32px);
|
||||||
|
--wp--preset--font-size--huge: clamp(36px, 2.25rem + ((1vw - 3.2px) * 2.059), 64px);
|
||||||
|
--wp--preset--font-size--gigantic: clamp(64px, 4rem + ((1vw - 3.2px) * 2.353), 96px);
|
||||||
|
--wp--preset--font-size--heading-1: clamp(36px, 2.25rem + ((1vw - 3.2px) * 2.059), 64px);
|
||||||
|
--wp--preset--font-size--heading-2: clamp(33px, 2.063rem + ((1vw - 3.2px) * 1.691), 56px);
|
||||||
|
--wp--preset--font-size--heading-3: clamp(30px, 1.875rem + ((1vw - 3.2px) * 1.324), 48px);
|
||||||
|
--wp--preset--font-size--heading-4: clamp(27px, 1.688rem + ((1vw - 3.2px) * 0.956), 40px);
|
||||||
|
--wp--preset--font-size--heading-5: clamp(24px, 1.5rem + ((1vw - 3.2px) * 0.588), 32px);
|
||||||
|
--wp--preset--font-size--heading-6: clamp(21px, 1.313rem + ((1vw - 3.2px) * 0.441), 27px);
|
||||||
|
--wp--preset--font-family--default: "Albert Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
||||||
|
--wp--preset--font-family--system-sans-serif: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
||||||
|
--wp--preset--font-family--system-serif: ui-serif, Georgia, serif;
|
||||||
|
--wp--preset--font-family--system-monospace: ui-monospace, Menlo, Consolas, Monaco, "Liberation Mono", "Lucida Console", monospace;
|
||||||
|
--wp--preset--font-family--noto-sans-mono: "Noto Sans Mono", sans-serif;
|
||||||
|
--wp--preset--spacing--20: 12px;
|
||||||
|
--wp--preset--spacing--30: 16px;
|
||||||
|
--wp--preset--spacing--40: 24px;
|
||||||
|
--wp--preset--spacing--50: 32px;
|
||||||
|
--wp--preset--spacing--60: clamp(32px, 7.5vw, 40px);
|
||||||
|
--wp--preset--spacing--70: clamp(48px, 9vw, 64px);
|
||||||
|
--wp--preset--spacing--80: clamp( 64px, 6.666vw, 96px );
|
||||||
|
--wp--preset--spacing--10: 8px;
|
||||||
|
--wp--preset--spacing--body-gutter: clamp( 32px, 5vw, 64px );
|
||||||
|
--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
|
||||||
|
--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
|
||||||
|
--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
|
||||||
|
--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
|
||||||
|
--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
|
||||||
|
--wp--custom--spacing--baseline: 16px;
|
||||||
|
--wp--custom--spacing--small: min(32px, 6.4vw);
|
||||||
|
--wp--custom--spacing--gutter: clamp( calc( 2 * var( --wp--custom--spacing--baseline ) ), 6.666vw, calc( 4 * var( --wp--custom--spacing--baseline ) ) );
|
||||||
|
--wp--custom--spacing--outer: var( --wp--custom--spacing--gutter );
|
||||||
|
--wp--custom--typography--letter-spacing--body: -0.01em;
|
||||||
|
--wp--custom--typography--letter-spacing--heading: -0.02em;
|
||||||
|
--wp--custom--typography--letter-spacing--gigantic: -0.03em;
|
||||||
|
--wp--custom--typography--letter-spacing--uppercase: 0;
|
||||||
|
--wp--custom--typography--line-height--body: 1.5em;
|
||||||
|
--wp--custom--typography--line-height--headings--gigantic: 1.05;
|
||||||
|
--wp--custom--typography--line-height--headings--large: 1.15;
|
||||||
|
--wp--custom--typography--line-height--headings--small: 1.25;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-block-image {
|
||||||
|
--wp--preset--color--black: #000000;
|
||||||
|
--wp--preset--color--cyan-bluish-gray: #abb8c3;
|
||||||
|
--wp--preset--color--white: #ffffff;
|
||||||
|
--wp--preset--color--pale-pink: #f78da7;
|
||||||
|
--wp--preset--color--vivid-red: #cf2e2e;
|
||||||
|
--wp--preset--color--luminous-vivid-orange: #ff6900;
|
||||||
|
--wp--preset--color--luminous-vivid-amber: #fcb900;
|
||||||
|
--wp--preset--color--light-green-cyan: #7bdcb5;
|
||||||
|
--wp--preset--color--vivid-green-cyan: #00d084;
|
||||||
|
--wp--preset--color--pale-cyan-blue: #8ed1fc;
|
||||||
|
--wp--preset--color--vivid-cyan-blue: #0693e3;
|
||||||
|
--wp--preset--color--vivid-purple: #9b51e0;
|
||||||
|
--wp--preset--color--foreground: #111111;
|
||||||
|
--wp--preset--color--background: #FFFFFF;
|
||||||
|
--wp--preset--color--primary: #5857FF;
|
||||||
|
--wp--preset--color--secondary: #6B6A6A;
|
||||||
|
--wp--preset--color--tertiary: #E2E2E2;
|
||||||
|
--wp--preset--color--quaternary: #F3F2F2;
|
||||||
|
--wp--preset--color--custom-color-1: #68d2e8;
|
||||||
|
--wp--preset--color--custom-color-2: #fdde55;
|
||||||
|
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
|
||||||
|
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
|
||||||
|
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
|
||||||
|
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
|
||||||
|
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
|
||||||
|
--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
|
||||||
|
--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
|
||||||
|
--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
|
||||||
|
--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
|
||||||
|
--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
|
||||||
|
--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
|
||||||
|
--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
|
||||||
|
--wp--preset--gradient--foreground-to-background: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--background));
|
||||||
|
--wp--preset--gradient--foreground-to-primary: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--primary));
|
||||||
|
--wp--preset--gradient--foreground-to-secondary: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--secondary));
|
||||||
|
--wp--preset--gradient--foreground-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--quaternary));
|
||||||
|
--wp--preset--gradient--foreground-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--foreground), var(--wp--preset--color--tertiary));
|
||||||
|
--wp--preset--gradient--background-to-foreground: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--foreground));
|
||||||
|
--wp--preset--gradient--background-to-primary: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--primary));
|
||||||
|
--wp--preset--gradient--background-to-secondary: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--secondary));
|
||||||
|
--wp--preset--gradient--background-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--quaternary));
|
||||||
|
--wp--preset--gradient--background-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--background), var(--wp--preset--color--tertiary));
|
||||||
|
--wp--preset--gradient--primary-to-background: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--background));
|
||||||
|
--wp--preset--gradient--primary-to-foreground: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--foreground));
|
||||||
|
--wp--preset--gradient--primary-to-secondary: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--secondary));
|
||||||
|
--wp--preset--gradient--primary-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--quaternary));
|
||||||
|
--wp--preset--gradient--primary-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--primary), var(--wp--preset--color--tertiary));
|
||||||
|
--wp--preset--gradient--secondary-to-background: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--background));
|
||||||
|
--wp--preset--gradient--secondary-to-foreground: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--foreground));
|
||||||
|
--wp--preset--gradient--secondary-to-primary: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--primary));
|
||||||
|
--wp--preset--gradient--secondary-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--quaternary));
|
||||||
|
--wp--preset--gradient--secondary-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--secondary), var(--wp--preset--color--tertiary));
|
||||||
|
--wp--preset--gradient--tertiary-to-background: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--background));
|
||||||
|
--wp--preset--gradient--tertiary-to-foreground: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--foreground));
|
||||||
|
--wp--preset--gradient--tertiary-to-primary: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--primary));
|
||||||
|
--wp--preset--gradient--tertiary-to-secondary: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--secondary));
|
||||||
|
--wp--preset--gradient--tertiary-to-quaternary: linear-gradient(160deg, var(--wp--preset--color--tertiary), var(--wp--preset--color--quaternary));
|
||||||
|
--wp--preset--gradient--quaternary-to-background: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--background));
|
||||||
|
--wp--preset--gradient--quaternary-to-foreground: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--foreground));
|
||||||
|
--wp--preset--gradient--quaternary-to-primary: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--primary));
|
||||||
|
--wp--preset--gradient--quaternary-to-secondary: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--secondary));
|
||||||
|
--wp--preset--gradient--quaternary-to-tertiary: linear-gradient(160deg, var(--wp--preset--color--quaternary), var(--wp--preset--color--tertiary));
|
||||||
|
--wp--preset--font-size--small: clamp(16px, 1rem + ((1vw - 3.2px) * 0.147), 18px);
|
||||||
|
--wp--preset--font-size--medium: clamp(17px, 1.063rem + ((1vw - 3.2px) * 0.294), 21px);
|
||||||
|
--wp--preset--font-size--large: clamp(21px, 1.313rem + ((1vw - 3.2px) * 0.221), 24px);
|
||||||
|
--wp--preset--font-size--x-large: clamp(25.014px, 1.563rem + ((1vw - 3.2px) * 1.249), 42px);
|
||||||
|
--wp--preset--font-size--tiny: clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.147), 16px);
|
||||||
|
--wp--preset--font-size--extra-large: clamp(24px, 1.5rem + ((1vw - 3.2px) * 0.588), 32px);
|
||||||
|
--wp--preset--font-size--huge: clamp(36px, 2.25rem + ((1vw - 3.2px) * 2.059), 64px);
|
||||||
|
--wp--preset--font-size--gigantic: clamp(64px, 4rem + ((1vw - 3.2px) * 2.353), 96px);
|
||||||
|
--wp--preset--font-size--heading-1: clamp(36px, 2.25rem + ((1vw - 3.2px) * 2.059), 64px);
|
||||||
|
--wp--preset--font-size--heading-2: clamp(33px, 2.063rem + ((1vw - 3.2px) * 1.691), 56px);
|
||||||
|
--wp--preset--font-size--heading-3: clamp(30px, 1.875rem + ((1vw - 3.2px) * 1.324), 48px);
|
||||||
|
--wp--preset--font-size--heading-4: clamp(27px, 1.688rem + ((1vw - 3.2px) * 0.956), 40px);
|
||||||
|
--wp--preset--font-size--heading-5: clamp(24px, 1.5rem + ((1vw - 3.2px) * 0.588), 32px);
|
||||||
|
--wp--preset--font-size--heading-6: clamp(21px, 1.313rem + ((1vw - 3.2px) * 0.441), 27px);
|
||||||
|
--wp--preset--font-family--default: "Albert Sans", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
||||||
|
--wp--preset--font-family--system-sans-serif: ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
||||||
|
--wp--preset--font-family--system-serif: ui-serif, Georgia, serif;
|
||||||
|
--wp--preset--font-family--system-monospace: ui-monospace, Menlo, Consolas, Monaco, "Liberation Mono", "Lucida Console", monospace;
|
||||||
|
--wp--preset--font-family--noto-sans-mono: "Noto Sans Mono", sans-serif;
|
||||||
|
--wp--preset--spacing--10: 8px;
|
||||||
|
--wp--preset--spacing--20: 12px;
|
||||||
|
--wp--preset--spacing--30: 16px;
|
||||||
|
--wp--preset--spacing--40: 24px;
|
||||||
|
--wp--preset--spacing--50: 32px;
|
||||||
|
--wp--preset--spacing--60: clamp(32px, 7.5vw, 40px);
|
||||||
|
--wp--preset--spacing--70: clamp(48px, 9vw, 64px);
|
||||||
|
--wp--preset--spacing--80: clamp( 64px, 6.666vw, 96px );
|
||||||
|
--wp--preset--spacing--body-gutter: clamp( 32px, 5vw, 64px );
|
||||||
|
--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
|
||||||
|
--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
|
||||||
|
--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
|
||||||
|
--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
|
||||||
|
--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
|
||||||
|
--wp--custom--spacing--baseline: 16px;
|
||||||
|
--wp--custom--spacing--small: min(32px, 6.4vw);
|
||||||
|
--wp--custom--spacing--gutter: clamp( calc( 2 * var( --wp--custom--spacing--baseline ) ), 6.666vw, calc( 4 * var( --wp--custom--spacing--baseline ) ) );
|
||||||
|
--wp--custom--spacing--outer: var( --wp--custom--spacing--gutter );
|
||||||
|
--wp--custom--typography--letter-spacing--body: -0.01em;
|
||||||
|
--wp--custom--typography--letter-spacing--heading: -0.02em;
|
||||||
|
--wp--custom--typography--letter-spacing--gigantic: -0.03em;
|
||||||
|
--wp--custom--typography--letter-spacing--uppercase: 0;
|
||||||
|
--wp--custom--typography--line-height--body: 1.5em;
|
||||||
|
--wp--custom--typography--line-height--headings--gigantic: 1.05;
|
||||||
|
--wp--custom--typography--line-height--headings--large: 1.15;
|
||||||
|
--wp--custom--typography--line-height--headings--small: 1.25;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--wp--style--global--content-size: 920px;
|
||||||
|
--wp--style--global--wide-size: 1680px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(body) {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-site-blocks {
|
||||||
|
padding-top: var(--wp--style--root--padding-top);
|
||||||
|
padding-bottom: var(--wp--style--root--padding-bottom);
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-global-padding {
|
||||||
|
padding-right: var(--wp--style--root--padding-right);
|
||||||
|
padding-left: var(--wp--style--root--padding-left);
|
||||||
|
}
|
||||||
|
.has-global-padding :where(:not(.alignfull.is-layout-flow) > .has-global-padding:not(.wp-block-block, .alignfull)) {
|
||||||
|
padding-right: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
:where(.wp-site-blocks) > * {
|
||||||
|
margin-block-start: min(32px, 6.4vw); margin-block-end: 0; }
|
||||||
|
|
||||||
|
:where(.wp-site-blocks) > :first-child {
|
||||||
|
margin-block-start: 0; }
|
||||||
|
|
||||||
|
:where(.wp-site-blocks) > :last-child {
|
||||||
|
margin-block-end: 0; }
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--wp--style--block-gap: min(32px, 6.4vw);
|
||||||
|
}
|
||||||
|
|
||||||
|
.is-layout-flow > :first-child {
|
||||||
|
margin-block-start: 0;}
|
||||||
|
|
||||||
|
.is-layout-flow > :last-child {
|
||||||
|
margin-block-end: 0;}
|
||||||
|
|
||||||
|
.is-layout-flow > * {
|
||||||
|
margin-block-start: min(32px, 6.4vw);margin-block-end: 0;}
|
||||||
|
|
||||||
|
.is-layout-constrained > :first-child {
|
||||||
|
margin-block-start: 0;}
|
||||||
|
|
||||||
|
.is-layout-constrained > :last-child {
|
||||||
|
margin-block-end: 0;}
|
||||||
|
|
||||||
|
.is-layout-constrained > * {
|
||||||
|
margin-block-start: min(32px, 6.4vw);margin-block-end: 0;}
|
||||||
|
|
||||||
|
.is-layout-flex {
|
||||||
|
gap: min(32px, 6.4vw);
|
||||||
|
}
|
||||||
|
|
||||||
|
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
|
||||||
|
max-width: var(--wp--style--global--content-size);
|
||||||
|
margin-left: auto !important;
|
||||||
|
margin-right: auto !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.is-layout-constrained > .alignwide {
|
||||||
|
max-width: var(--wp--style--global--wide-size);
|
||||||
|
}
|
||||||
|
|
||||||
|
body .is-layout-flex {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.is-layout-flex {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.is-layout-flex > :is(*, div) {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root :where(body) {
|
||||||
|
background-color: var(--wp--preset--color--background);
|
||||||
|
color: var(--wp--preset--color--foreground);
|
||||||
|
font-family: var(--wp--preset--font-family--default);
|
||||||
|
font-size: var(--wp--preset--font-size--medium);
|
||||||
|
font-weight: 500;
|
||||||
|
letter-spacing: var(--wp--custom--typography--letter-spacing--body);
|
||||||
|
line-height: var(--wp--custom--typography--line-height--body);
|
||||||
|
--wp--style--root--padding-top: var(--wp--preset--spacing--body-gutter);
|
||||||
|
--wp--style--root--padding-right: var(--wp--preset--spacing--body-gutter);
|
||||||
|
--wp--style--root--padding-bottom: var(--wp--preset--spacing--body-gutter);
|
||||||
|
--wp--style--root--padding-left: var(--wp--preset--spacing--body-gutter);
|
||||||
|
}
|
||||||
|
|
||||||
|
a:where(:not(.wp-element-button)) {
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: var(--wp--custom--typography--letter-spacing--gigantic);
|
||||||
|
margin-top: .75em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
font-size: var(--wp--preset--font-size--heading-1);
|
||||||
|
line-height: var(--wp--custom--typography--line-height--headings--large);
|
||||||
|
}
|
||||||
|
|
||||||
|
:root :where(.wp-element-button, .wp-block-button__link) {
|
||||||
|
background-color: var(--wp--preset--color--custom-color-1);
|
||||||
|
border-radius: 999px;
|
||||||
|
border-width: 0;
|
||||||
|
color: var(--wp--preset--color--background);
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: var(--wp--preset--font-size--small);
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: var(--wp--custom--typography--line-height--headings--large);
|
||||||
|
padding: calc(0.667em + 2px) calc(1.333em + 2px);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-foreground-color {
|
||||||
|
color: var(--wp--preset--color--foreground) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-secondary-color {
|
||||||
|
color: var(--wp--preset--color--secondary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-tertiary-color {
|
||||||
|
color: var(--wp--preset--color--tertiary) !important;
|
||||||
|
}
|
||||||
|
.has-tertiary-background-color {
|
||||||
|
background-color: var(--wp--preset--color--tertiary) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-quaternary-background-color {
|
||||||
|
background-color: var(--wp--preset--color--quaternary) !important;
|
||||||
|
}
|
||||||
|
.has-small-font-size {
|
||||||
|
font-size: var(--wp--preset--font-size--small) !important;
|
||||||
|
}
|
||||||
|
.has-large-font-size {
|
||||||
|
font-size: var(--wp--preset--font-size--large) !important;
|
||||||
|
}
|
||||||
|
:root :where(.wp-block-button .wp-block-button__link) {
|
||||||
|
background-color: var(--wp--preset--color--custom-color-1);
|
||||||
|
}
|
||||||
|
.wp-block-buttons-is-layout-flex {
|
||||||
|
gap: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root :where(.wp-block-image img, .wp-block-image .wp-block-image__crop-area, .wp-block-image .components-placeholder) {
|
||||||
|
border-radius: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root :where(.wp-block-image) {
|
||||||
|
}
|
||||||
|
|
||||||
|
:root :where(.wp-block-navigation a:where(:not(.wp-element-button))) {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:root :where(p) {
|
||||||
|
line-height: var(--wp--custom--typography--line-height--body);
|
||||||
|
}
|
||||||
|
:root :where(.wp-block-heading) {
|
||||||
|
color: var(--wp--preset--color--custom-color-1);
|
||||||
|
}
|
||||||
|
:root {
|
||||||
|
--wp-admin-theme-color: #007cba;
|
||||||
|
--wp-admin-theme-color--rgb: 0,124,186;
|
||||||
|
--wp-admin-theme-color-darker-10: #006ba1;
|
||||||
|
--wp-admin-theme-color-darker-10--rgb: 0,107,161;
|
||||||
|
--wp-admin-theme-color-darker-20: #005a87;
|
||||||
|
--wp-admin-theme-color-darker-20--rgb: 0,90,135;
|
||||||
|
--wp-admin-border-width-focus: 2px;
|
||||||
|
--wp-block-synced-color: #7a00df;
|
||||||
|
--wp-block-synced-color--rgb: 122,0,223;
|
||||||
|
--wp-bound-block-color: var(--wp-block-synced-color)
|
||||||
|
}
|
||||||
|
.wp-element-button {
|
||||||
|
cursor: pointer
|
||||||
|
}
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--wp--preset--font-size--normal: 16px;
|
||||||
|
--wp--preset--font-size--huge: 42px
|
||||||
|
}
|
||||||
|
.has-text-align-center {
|
||||||
|
text-align: center
|
||||||
|
}
|
||||||
|
|
||||||
|
.screen-reader-text {
|
||||||
|
border: 0;
|
||||||
|
clip: rect(1px,1px,1px,1px);
|
||||||
|
clip-path: inset(50%);
|
||||||
|
height: 1px;
|
||||||
|
margin: -1px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
width: 1px;
|
||||||
|
word-wrap: normal!important
|
||||||
|
}
|
||||||
|
html :where([style*=border-width]) {
|
||||||
|
border-style: solid
|
||||||
|
}
|
||||||
|
|
||||||
|
:where(figure) {
|
||||||
|
margin: 0 0 1em
|
||||||
|
}
|
||||||
|
:root :where(.wp-block-button.is-style-outline--d5a3fe28d9e0abe13be98dee5340d80f .wp-block-button__link) {
|
||||||
|
background: transparent none;
|
||||||
|
background-color: var(--wp--preset--color--background);
|
||||||
|
border-color: currentColor;
|
||||||
|
border-width: 2px;
|
||||||
|
border-style: solid;
|
||||||
|
color: var(--wp--preset--color--custom-color-1);
|
||||||
|
padding-top: 0.667em;
|
||||||
|
padding-right: 1.33em;
|
||||||
|
padding-bottom: 0.667em;
|
||||||
|
padding-left: 1.33em;
|
||||||
|
}
|
||||||
|
.wp-container-core-navigation-is-layout-2 {
|
||||||
|
gap: 0.25em;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-container-core-social-links-is-layout-1 {
|
||||||
|
gap: 1em 1em;
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-container-core-group-is-layout-3 {
|
||||||
|
gap: 2em;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-container-core-buttons-is-layout-1 {
|
||||||
|
gap: 1em;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-container-core-group-is-layout-4 > * {
|
||||||
|
margin-block-start:0;margin-block-end:0;}
|
||||||
|
|
||||||
|
.wp-container-core-group-is-layout-4 > * + * {
|
||||||
|
margin-block-start:2rem;margin-block-end:0;}
|
||||||
|
|
||||||
|
.wp-container-core-column-is-layout-3 > * {
|
||||||
|
margin-block-start:0;margin-block-end:0;}
|
||||||
|
|
||||||
|
.wp-container-core-columns-is-layout-1 {
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-container-core-buttons-is-layout-2 {
|
||||||
|
justify-content: center;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-container-core-group-is-layout-6 {
|
||||||
|
gap: 0.5em;
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-container-core-group-is-layout-7 {
|
||||||
|
gap: 1.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-container-core-group-is-layout-8 {
|
||||||
|
gap: 1em;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-container-core-columns-is-layout-2 {
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skip-link.screen-reader-text {
|
||||||
|
border: 0;
|
||||||
|
clip: rect(1px,1px,1px,1px);
|
||||||
|
clip-path: inset(50%);
|
||||||
|
height: 1px;
|
||||||
|
margin: -1px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute !important;
|
||||||
|
width: 1px;
|
||||||
|
word-wrap: normal !important;
|
||||||
|
}
|
||||||
|
|
||||||
@ -4,6 +4,12 @@
|
|||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
vertical-align: bottom
|
vertical-align: bottom
|
||||||
}
|
}
|
||||||
|
|
||||||
.wp-block-image.has-custom-border img {
|
.wp-block-image.has-custom-border img {
|
||||||
box-sizing: border-box
|
box-sizing: border-box
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.wp-block-navigation .wp-block-navigation-item__label {
|
||||||
|
overflow-wrap: break-word
|
||||||
|
}
|
||||||
|
.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative}
|
||||||
|
|||||||
Reference in New Issue
Block a user