page.php000064400000001116147206564210006177 0ustar00
template-parts/header/entry-header.php000064400000000267147206564210014052 0ustar00', '' ); template-parts/header/excerpt-header.php000064400000001043147206564210014354 0ustar00
', esc_url( get_permalink() ) ), '' ); twenty_twenty_one_post_thumbnail(); ?>
template-parts/header/site-nav.php000064400000002430147206564210013203 0ustar00

template-parts/post/author-bio.php000064400000002220147206564210013260 0ustar00

%2$s', esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ), sprintf( /* translators: %s: Author name. */ esc_html__( 'View all of %s\'s posts.', 'twentytwentyone' ), get_the_author() ) ); ?>
>
', '' ); ?>
'', /* translators: %: Page number. */ 'pagelink' => esc_html__( 'Page %', 'twentytwentyone' ), ) ); ?>
template-parts/content/content-excerpt.php000064400000001313147206564210015020 0ustar00
>
template-parts/content/content.php000064400000002373147206564210013357 0ustar00
>
', '' ); ?> ', esc_url( get_permalink() ) ), '' ); ?>
'', /* translators: %: Page number. */ 'pagelink' => esc_html__( 'Page %', 'twentytwentyone' ), ) ); ?>
template-parts/content/content-page.php000064400000003044147206564210014265 0ustar00
>
'', /* translators: %: Page number. */ 'pagelink' => esc_html__( 'Page %', 'twentytwentyone' ), ) ); ?>
template-parts/content/content-none.php000064400000003330147206564210014306 0ustar00

' . esc_html( get_search_query() ) . '' ); ?>

' . wp_kses( /* translators: %s: Link to WP admin new post page. */ __( 'Ready to publish your first post? Get started here.', 'twentytwentyone' ), array( 'a' => array( 'href' => array(), ), ) ) . '

', esc_url( admin_url( 'post-new.php' ) ) ); ?>

index.php000064400000000651147206564210006375 0ustar00 Loading style.css000064400000461212147206564210006433 0ustar00@charset "UTF-8"; /* Theme Name: Twenty Twenty-One Theme URI: https://wordpress.org/themes/twentytwentyone/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog. Requires at least: 5.3 Tested up to: 6.6 Requires PHP: 5.6 Version: 2.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentyone Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org Twenty Twenty-One is distributed under the terms of the GNU GPL. */ /** * SETTINGS * File-header..........The file header for the themes style.css file. * Fonts................Any font files, if the project needs specific fonts. * Global...............Project-specific, globally available variables. * * TOOLS * Functions............Global functions. * Mixins...............Global mixins. * * GENERIC * Normalize.css........Normalise browser defaults. * Breakpoints..........Mixins and variables for responsive styles * Vertical-margins.....Vertical spacing for the main components. * Reset................Reset specific elements to make them easier to style in other contexts. * Clearings............Clearings for the main components. * * ELEMENTS * Blockquote...........Default blockquote. * Forms................Element-level form styling. * Headings.............H1–H6 * Links................Default links. * Lists................Default lists. * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video. * * BLOCKS * Audio................Specific styles for the audio block. * Button...............Specific styles for the button block. * Code.................Specific styles for the code block. * Columns..............Specific styles for the columns block. * Cover................Specific styles for the cover block. * File.................Specific styles for the file block. * Gallery..............Specific styles for the gallery block. * Group................Specific styles for the group block. * Heading..............Specific styles for the heading block. * Image................Specific styles for the image block. * Latest comments......Specific styles for the latest comments block. * Latest posts.........Specific styles for the latest posts block. * Legacy...............Specific styles for the legacy gallery. * List.................Specific styles for the list block. * Media text...........Specific styles for the media and text block. * Navigation...........Specific styles for the navigation block. * Paragraph............Specific styles for the paragraph block. * Pullquote............Specific styles for the pullquote block. * Quote................Specific styles for the quote block. * Search...............Specific styles for the search block. * Separator............Specific styles for the separator block. * Table................Specific styles for the table block. * Verse................Specific styles for the verse block. * Video................Specific styles for the video block. * Utilities............Block alignments. * * COMPONENTS * Header...............Header styles. * Footer...............Footer styles. * Comments.............Comment styles. * Archives.............Archive styles. * 404..................404 styles. * Search...............Search styles. * Navigation...........Navigation styles. * Footer Navigation....Footer Navigation styles. * Pagination...........Pagination styles. * Single...............Single page and post styles. * Posts and pages......Misc, sticky post styles. * Entry................Entry, author biography. * Widget...............Widget styles. * Editor...............Editor styles. * * UTILITIES * A11y.................Screen reader text, prefers reduced motion etc. * Color Palette........Classes for the color palette colors. * Editor Font Sizes....Editor Font Sizes. * Measure..............The width of a line of text, in characters. */ /* Categories 01 to 03 are the basics. */ /* Variables */ :root { /* Font Family */ --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); /* Font Size */ --global--font-size-base: 1.25rem; --global--font-size-xs: 1rem; --global--font-size-sm: 1.125rem; --global--font-size-md: 1.25rem; --global--font-size-lg: 1.5rem; --global--font-size-xl: 2.25rem; --global--font-size-xxl: 4rem; --global--font-size-xxxl: 5rem; --global--font-size-page-title: var(--global--font-size-xxl); --global--letter-spacing: normal; /* Line Height */ --global--line-height-body: 1.7; --global--line-height-heading: 1.3; --global--line-height-page-title: 1.1; /* Headings */ --heading--font-family: var(--global--font-primary); --heading--font-size-h6: var(--global--font-size-xs); --heading--font-size-h5: var(--global--font-size-sm); --heading--font-size-h4: var(--global--font-size-lg); --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg)); --heading--font-size-h2: var(--global--font-size-xl); --heading--font-size-h1: var(--global--font-size-page-title); --heading--letter-spacing-h6: 0.05em; --heading--letter-spacing-h5: 0.05em; --heading--letter-spacing-h4: var(--global--letter-spacing); --heading--letter-spacing-h3: var(--global--letter-spacing); --heading--letter-spacing-h2: var(--global--letter-spacing); --heading--letter-spacing-h1: var(--global--letter-spacing); --heading--line-height-h6: var(--global--line-height-heading); --heading--line-height-h5: var(--global--line-height-heading); --heading--line-height-h4: var(--global--line-height-heading); --heading--line-height-h3: var(--global--line-height-heading); --heading--line-height-h2: var(--global--line-height-heading); --heading--line-height-h1: var(--global--line-height-page-title); --heading--font-weight: normal; --heading--font-weight-page-title: 300; --heading--font-weight-strong: 600; /* Block: Latest posts */ --latest-posts--title-font-family: var(--heading--font-family); --latest-posts--title-font-size: var(--heading--font-size-h3); --latest-posts--description-font-family: var(--global--font-secondary); --latest-posts--description-font-size: var(--global--font-size-sm); --list--font-family: var(--global--font-secondary); --definition-term--font-family: var(--global--font-primary); /* Colors */ --global--color-black: #000; --global--color-dark-gray: #28303d; --global--color-gray: #39414d; --global--color-light-gray: #f0f0f0; --global--color-green: #d1e4dd; --global--color-blue: #d1dfe4; --global--color-purple: #d1d1e4; --global--color-red: #e4d1d1; --global--color-orange: #e4dad1; --global--color-yellow: #eeeadd; --global--color-white: #fff; --global--color-white-50: rgba(255, 255, 255, 0.5); --global--color-white-90: rgba(255, 255, 255, 0.9); --global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */ --global--color-secondary: var(--global--color-gray); /* Headings */ --global--color-primary-hover: var(--global--color-primary); --global--color-background: var(--global--color-green); /* Mint, default body background */ --global--color-border: var(--global--color-primary); /* Used for borders (separators) */ /* Spacing */ --global--spacing-unit: 20px; --global--spacing-measure: unset; --global--spacing-horizontal: 25px; --global--spacing-vertical: 30px; /* Elevation */ --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); /* Forms */ --form--font-family: var(--global--font-secondary); --form--font-size: var(--global--font-size-sm); --form--line-height: var(--global--line-height-body); --form--color-text: var(--global--color-dark-gray); --form--color-ranged: var(--global--color-secondary); --form--label-weight: 500; --form--border-color: var(--global--color-secondary); --form--border-width: 3px; --form--border-radius: 0; --form--spacing-unit: calc(0.5 * var(--global--spacing-unit)); /* Cover block */ --cover--height: calc(15 * var(--global--spacing-vertical)); --cover--color-foreground: var(--global--color-white); --cover--color-background: var(--global--color-black); /* Buttons */ --button--color-text: var(--global--color-background); --button--color-text-hover: var(--global--color-secondary); --button--color-text-active: var(--global--color-secondary); --button--color-background: var(--global--color-secondary); --button--color-background-active: var(--global--color-background); --button--font-family: var(--global--font-primary); --button--font-size: var(--global--font-size-base); --button--font-weight: 500; --button--line-height: 1.5; --button--border-width: 3px; --button--border-radius: 0; --button--padding-vertical: 15px; --button--padding-horizontal: calc(2 * var(--button--padding-vertical)); /* entry */ --entry-header--color: var(--global--color-primary); --entry-header--color-link: currentColor; --entry-header--color-hover: var(--global--color-primary-hover); --entry-header--color-focus: var(--global--color-secondary); --entry-header--font-size: var(--heading--font-size-h2); --entry-content--font-family: var(--global--font-secondary); --entry-author-bio--font-family: var(--heading--font-family); --entry-author-bio--font-size: var(--heading--font-size-h4); /* Header */ --branding--color-text: var(--global--color-primary); --branding--color-link: var(--global--color-primary); --branding--color-link-hover: var(--global--color-secondary); --branding--title--font-family: var(--global--font-primary); --branding--title--font-size: var(--global--font-size-lg); --branding--title--font-size-mobile: var(--heading--font-size-h4); --branding--title--font-weight: normal; --branding--title--text-transform: uppercase; --branding--description--font-family: var(--global--font-secondary); --branding--description--font-size: var(--global--font-size-sm); --branding--logo--max-width: 300px; --branding--logo--max-height: 100px; --branding--logo--max-width-mobile: 96px; --branding--logo--max-height-mobile: 96px; /* Main navigation */ --primary-nav--font-family: var(--global--font-secondary); --primary-nav--font-family-mobile: var(--global--font-primary); --primary-nav--font-size: var(--global--font-size-md); --primary-nav--font-size-sub-menu: var(--global--font-size-xs); --primary-nav--font-size-mobile: var(--global--font-size-sm); --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm); --primary-nav--font-size-button: var(--global--font-size-xs); --primary-nav--font-style: normal; --primary-nav--font-style-sub-menu-mobile: normal; --primary-nav--font-weight: normal; --primary-nav--font-weight-button: 500; --primary-nav--color-link: var(--global--color-primary); --primary-nav--color-link-hover: var(--global--color-primary-hover); --primary-nav--color-text: var(--global--color-primary); --primary-nav--padding: calc(0.66 * var(--global--spacing-unit)); --primary-nav--border-color: var(--global--color-primary); /* Pagination */ --pagination--color-text: var(--global--color-primary); --pagination--color-link-hover: var(--global--color-primary-hover); --pagination--font-family: var(--global--font-secondary); --pagination--font-size: var(--global--font-size-lg); --pagination--font-weight: normal; --pagination--font-weight-strong: 600; /* Footer */ --footer--color-text: var(--global--color-primary); --footer--color-link: var(--global--color-primary); --footer--color-link-hover: var(--global--color-primary-hover); --footer--font-family: var(--global--font-primary); --footer--font-size: var(--global--font-size-sm); /* Block: Pull quote */ --pullquote--font-family: var(--global--font-primary); --pullquote--font-size: var(--heading--font-size-h3); --pullquote--font-style: normal; --pullquote--letter-spacing: var(--heading--letter-spacing-h4); --pullquote--line-height: var(--global--line-height-heading); --pullquote--border-width: 3px; --pullquote--border-color: var(--global--color-primary); --pullquote--color-foreground: var(--global--color-primary); --pullquote--color-background: var(--global--color-background); --quote--font-family: var(--global--font-secondary); --quote--font-size: var(--global--font-size-md); --quote--font-size-large: var(--global--font-size-xl); --quote--font-style: normal; --quote--font-weight: 700; --quote--font-weight-strong: bolder; --quote--font-style-large: normal; --quote--font-style-cite: normal; --quote--line-height: var(--global--line-height-body); --quote--line-height-large: 1.35; --separator--border-color: var(--global--color-border); --separator--height: 1px; /* Block: Table */ --table--stripes-border-color: var(--global--color-light-gray); --table--stripes-background-color: var(--global--color-light-gray); --table--has-background-text-color: var(--global--color-dark-gray); /* Widgets */ --widget--line-height-list: 1.9; --widget--line-height-title: 1.4; --widget--font-weight-title: 700; --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit)); /* Admin-bar height */ --global--admin-bar--height: 0px; } .admin-bar { --global--admin-bar--height: 32px; } @media only screen and (max-width: 782px) { .admin-bar { --global--admin-bar--height: 46px; } } @media only screen and (min-width: 652px) { :root { --global--font-size-xl: 2.5rem; --global--font-size-xxl: 6rem; --global--font-size-xxxl: 9rem; --heading--font-size-h3: 2rem; --heading--font-size-h2: 3rem; } } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; text-decoration-thickness: 1px; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration-style: dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /** * Responsive Styles */ /** * Required Variables */ /** * Root Media Query Variables */ :root { --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6); --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal)); --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal)); --responsive--alignfull-width: 100%; --responsive--alignright-margin: var(--global--spacing-horizontal); --responsive--alignleft-margin: var(--global--spacing-horizontal); } @media only screen and (min-width: 482px) { :root { --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px); --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal)); --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); } } @media only screen and (min-width: 822px) { :root { --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px); --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px); } } /** * Extends */ .post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .default-max-width { max-width: var(--responsive--aligndefault-width); margin-left: auto; margin-right: auto; } .widget-area, .pagination, .comments-pagination, .post-navigation, .site-footer, .site-header, .alignwide, .wide-max-width { max-width: var(--responsive--alignwide-width); margin-left: auto; margin-right: auto; } .alignfull, .wp-block-group .wp-block-group__inner-container > *.alignfull, .full-max-width { max-width: var(--responsive--alignfull-width); width: var(--responsive--alignfull-width); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .alignfull, .full-max-width { max-width: var(--responsive--alignfull-width); width: auto; margin-left: auto; margin-right: auto; } } .entry-header .post-thumbnail, .singular .post-thumbnail, .alignfull [class*=inner-container] > .alignwide, .alignwide [class*=inner-container] > .alignwide { margin-left: auto; margin-right: auto; width: var(--responsive--alignwide-width); max-width: var(--responsive--alignfull-width); } @media only screen and (min-width: 482px) { .entry-content > .alignleft { /*rtl:ignore*/ margin-left: var(--responsive--alignleft-margin); /*rtl:ignore*/ margin-right: var(--global--spacing-horizontal); } } @media only screen and (min-width: 482px) { .entry-content > .alignright { /*rtl:ignore*/ margin-left: var(--global--spacing-horizontal); /*rtl:ignore*/ margin-right: var(--responsive--alignright-margin); } } /** * Site Structure * * - Set vertical margins and responsive widths on * top-level wrappers and content wrappers * - `--global--width-content` is a responsive variable * - See: globals/_global-width-responsive.scss */ /** * Top Level Wrappers (header, main, footer) * - Set vertical padding and horizontal margins */ .site-header, .site-main, .widget-area, .site-footer { padding-top: var(--global--spacing-vertical); padding-bottom: var(--global--spacing-vertical); margin-left: auto; margin-right: auto; } .site-header { padding-top: calc(0.75 * var(--global--spacing-vertical)); padding-bottom: calc(2 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .site-header { padding-bottom: calc(3 * var(--global--spacing-vertical)); } } /** * Site-main children wrappers * - Add double vertical margins here for clearer hierarchy */ .site-main > * { margin-top: calc(3 * var(--global--spacing-vertical)); margin-bottom: calc(3 * var(--global--spacing-vertical)); } .site-main > *:first-child { margin-top: 0; } .site-main > *:last-child { margin-bottom: 0; } /** * Set the default maximum responsive content-width */ /** * Set the wide maximum responsive content-width */ /** * Set the full maximum responsive content-width */ /* * Block & non-gutenberg content wrappers * - Set margins */ .entry-header, .post-thumbnail, .entry-content, .entry-footer, .author-bio { margin-top: var(--global--spacing-vertical); margin-right: auto; margin-bottom: var(--global--spacing-vertical); margin-left: auto; } /* * Block & non-gutenberg content wrapper children * - Sets spacing-vertical margin logic */ .site-main > article > *, .site-main > .not-found > *, .entry-content > *, [class*=inner-container] > *, .wp-block-template-part > *, .wp-block-post-template :where(li > *) { margin-top: calc(0.666 * var(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .site-main > article > *, .site-main > .not-found > *, .entry-content > *, [class*=inner-container] > *, .wp-block-template-part > *, .wp-block-post-template :where(li > *) { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .site-main > article > *:first-child, .site-main > .not-found > *:first-child, .entry-content > *:first-child, [class*=inner-container] > *:first-child, .wp-block-template-part > *:first-child, .wp-block-post-template :where(li > *):first-child { margin-top: 0; } .site-main > article > *:last-child, .site-main > .not-found > *:last-child, .entry-content > *:last-child, [class*=inner-container] > *:last-child, .wp-block-template-part > *:last-child, .wp-block-post-template :where(li > *):last-child { margin-bottom: 0; } .site-footer > *, .widget-area > * { margin-top: calc(0.666 * var(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .site-footer > *, .widget-area > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } /* * Block & non-gutenberg content wrapper children * - Sets spacing-unit margins */ .entry-header > *, .post-thumbnail > *, .page-content > *, .comment-content > *, .widget > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); } .entry-header > *:first-child, .post-thumbnail > *:first-child, .page-content > *:first-child, .comment-content > *:first-child, .widget > *:first-child { margin-top: 0; } .entry-header > *:last-child, .post-thumbnail > *:last-child, .page-content > *:last-child, .comment-content > *:last-child, .widget > *:last-child { margin-bottom: 0; } /* * .entry-content children specific controls * - Adds special margin overrides for alignment utility classes */ .entry-content > *.alignleft, .entry-content > *.alignright, .entry-content > *.alignleft:first-child + *, .entry-content > *.alignright:first-child + *, .entry-content > *.alignfull.has-background { margin-top: 0; } .entry-content > *:last-child, .entry-content > *.alignfull.has-background { margin-bottom: 0; } .entry-content > *.alignfull + .alignleft, .entry-content > *.alignfull + .alignright { margin-top: var(--global--spacing-vertical); } /** * Reset specific elements to make them easier to style in other contexts. */ html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, form, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } /** * Apply generic border-box to all elements. * See: * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ html { /* Apply border-box across the entire page. */ box-sizing: border-box; font-family: var(--global--font-secondary); line-height: var(--global--line-height-body); } /** * Relax the definition a bit, to allow components to override it manually. */ *, *::before, *::after { box-sizing: inherit; } body { font-size: var(--global--font-size-base); font-weight: normal; color: var(--global--color-primary); text-align: left; background-color: var(--global--color-background); } button { cursor: pointer; } .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */ blockquote { padding: 0; position: relative; margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal); } blockquote > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); } blockquote > *:first-child { margin-top: 0; } blockquote > *:last-child { margin-bottom: 0; } blockquote p { letter-spacing: var(--heading--letter-spacing-h4); font-family: var(--quote--font-family); font-size: var(--quote--font-size); font-style: var(--quote--font-style); font-weight: var(--quote--font-weight); line-height: var(--quote--line-height); } blockquote cite, blockquote footer { font-weight: normal; color: var(--global--color-primary); letter-spacing: var(--global--letter-spacing); } blockquote.alignleft, blockquote.alignright { padding-left: inherit; } blockquote.alignleft p, blockquote.alignright p { font-size: var(--heading--font-size-h5); max-width: inherit; width: inherit; } blockquote.alignleft cite, blockquote.alignleft footer, blockquote.alignright cite, blockquote.alignright footer { font-size: var(--global--font-size-xs); letter-spacing: var(--global--letter-spacing); } blockquote strong { font-weight: var(--quote--font-weight-strong); } blockquote:before { content: "“"; position: absolute; left: calc(-0.5 * var(--global--spacing-horizontal)); } blockquote .wp-block-quote__citation, blockquote cite, blockquote footer { color: var(--global--color-primary); font-style: var(--quote--font-style-cite); } @media only screen and (max-width: 481.98px) { blockquote { padding-left: calc(0.5 * var(--global--spacing-horizontal)); } blockquote:before { left: 0; } } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); color: var(--form--color-text); line-height: var(--global--line-height-body); padding: var(--form--spacing-unit); margin: 0 2px; max-width: 100%; } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus { color: var(--form--color-text); outline-offset: 2px; outline: 2px dotted var(--form--border-color); } input[type=text]:disabled, input[type=email]:disabled, input[type=url]:disabled, input[type=password]:disabled, input[type=search]:disabled, input[type=number]:disabled, input[type=tel]:disabled, input[type=date]:disabled, input[type=month]:disabled, input[type=week]:disabled, input[type=time]:disabled, input[type=datetime]:disabled, input[type=datetime-local]:disabled, input[type=color]:disabled, .site textarea:disabled { opacity: 0.7; } .is-dark-theme input[type=text], .is-dark-theme input[type=email], .is-dark-theme input[type=url], .is-dark-theme input[type=password], .is-dark-theme input[type=search], .is-dark-theme input[type=number], .is-dark-theme input[type=tel], .is-dark-theme input[type=date], .is-dark-theme input[type=month], .is-dark-theme input[type=week], .is-dark-theme input[type=time], .is-dark-theme input[type=datetime], .is-dark-theme input[type=datetime-local], .is-dark-theme input[type=color], .is-dark-theme .site textarea { background: var(--global--color-white-90); } input[type=search]:focus { outline-offset: -7px; } .is-dark-theme input[type=search]:focus { outline-color: var(--global--color-background); } input[type=color] { padding: calc(var(--form--spacing-unit) / 2); height: calc(4 * var(--form--spacing-unit)); } input[type=email], input[type=url] { /*rtl:ignore*/ direction: ltr; } select { border: var(--form--border-width) solid var(--form--border-color); color: var(--form--color-text); -moz-appearance: none; -webkit-appearance: none; appearance: none; line-height: var(--global--line-height-body); padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit); background: var(--global--color-white) url("data:image/svg+xml;utf8,") no-repeat; background-position: right var(--form--spacing-unit) top 60%; } select:focus { outline-offset: 2px; outline: 2px dotted var(--form--border-color); } .is-dark-theme select { background: var(--global--color-white-90) url("data:image/svg+xml;utf8,") no-repeat; background-position: right var(--form--spacing-unit) top 60%; } textarea { width: 100%; } label { font-size: var(--form--font-size); font-weight: var(--form--label-weight); margin-bottom: calc(var(--global--spacing-vertical) / 3); } /** https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/ https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker. License: MIT. */ @supports (-webkit-appearance: none) or (-moz-appearance: none) { input[type=checkbox], input[type=radio] { -webkit-appearance: none; -moz-appearance: none; position: relative; width: 25px; height: 25px; border: var(--form--border-width) solid var(--form--border-color); background: var(--global--color-white); } input[type=checkbox]:disabled, input[type=radio]:disabled { opacity: 0.7; } .is-dark-theme input[type=checkbox], .is-dark-theme input[type=radio] { background: var(--global--color-white-90); } input[type=checkbox]:focus { outline-offset: 2px; outline: 2px dotted var(--form--border-color); } input[type=checkbox]:after { content: ""; opacity: 0; display: block; left: 5px; top: 2px; position: absolute; width: 7px; height: 13px; border: 3px solid var(--form--color-text); border-top: 0; border-left: 0; transform: rotate(30deg); } input[type=checkbox]:checked { color: var(--form--color-text); } input[type=checkbox]:checked:after { opacity: 1; } input[type=radio] { border-radius: 50%; } input[type=radio]:focus { outline-offset: 2px; outline: 2px dotted var(--form--border-color); } input[type=radio]:after { content: ""; opacity: 0; display: block; left: 3px; top: 3px; position: absolute; width: 11px; height: 11px; border-radius: 50%; background: var(--form--color-text); } input[type=radio]:checked { border: 4px solid var(--form--border-color); } input[type=radio]:checked:after { opacity: 1; } input[type=radio]:checked:focus { outline-offset: 4px; outline: 2px dotted var(--form--border-color); } } input[type=checkbox] + label, input[type=radio] + label { display: inline-block; padding-left: 10px; font-size: var(--global--font-size-xs); vertical-align: top; } /** * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ */ @supports (-webkit-appearance: none) or (-moz-appearance: none) { input[type=range] { -webkit-appearance: none; /* Hides the slider so that custom slider can be made */ width: 100%; /* Specific width is required for Firefox. */ height: 6px; background: var(--form--color-ranged); border-radius: 6px; outline-offset: 10px; } input[type=range]:disabled { opacity: 0.7; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: 3px solid var(--form--color-ranged); height: 44px; width: 44px; border-radius: 50%; background: var(--global--color-background); cursor: pointer; } input[type=range]::-moz-range-thumb { border: 3px solid var(--form--color-ranged); height: 44px; width: 44px; border-radius: 50%; background: var(--global--color-background); cursor: pointer; box-sizing: border-box; } } input[type=range]::-ms-track { width: 100%; height: 6px; border-radius: 6px; border-width: 19px 0; border-color: var(--global--color-background); background: transparent; color: transparent; cursor: pointer; } input[type=range]::-ms-fill-upper { background: var(--form--color-ranged); border-radius: 6px; } input[type=range]::-ms-fill-lower { background: var(--form--color-ranged); border-radius: 6px; } input[type=range]::-ms-thumb { border: 3px solid var(--form--color-ranged); height: 44px; width: 44px; border-radius: 50%; background: var(--global--color-background); cursor: pointer; } fieldset { display: grid; border-color: var(--global--color-secondary); padding: var(--global--spacing-horizontal); } fieldset legend { font-size: var(--global--font-size-lg); } fieldset input[type=submit] { max-width: max-content; } fieldset input:not([type=submit]) { margin-bottom: var(--global--spacing-unit); } fieldset input[type=radio], fieldset input[type=checkbox] { margin-bottom: 0; } fieldset input[type=radio] + label, fieldset input[type=checkbox] + label { font-size: var(--form--font-size); padding-left: 0; margin-bottom: var(--global--spacing-unit); } ::-moz-placeholder { opacity: 1; } .post-password-message { font-size: var(--global--font-size-lg); } .post-password-form { display: flex; flex-wrap: wrap; } .post-password-form__label { width: 100%; margin-bottom: 0; } .post-password-form input[type=password] { flex-grow: 1; margin-top: calc(var(--global--spacing-vertical) / 3); margin-right: calc(0.66 * var(--global--spacing-horizontal)); } .post-password-form__submit { margin-top: calc(var(--global--spacing-vertical) / 3); } @media only screen and (min-width: 592px) { .post-password-form__submit { margin-left: calc(0.4 * var(--global--spacing-horizontal)); } } img { height: auto; max-width: 100%; vertical-align: middle; } /* Classic editor images */ .entry-content img { max-width: 100%; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object, video { max-width: 100%; } /* Media captions */ figcaption, .wp-caption, .wp-caption-text, .wp-block-embed figcaption { color: currentColor; font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; } .alignleft figcaption, .alignright figcaption, .alignleft .wp-caption, .alignright .wp-caption, .alignleft .wp-caption-text, .alignright .wp-caption-text, .alignleft .wp-block-embed figcaption, .alignright .wp-block-embed figcaption { margin-bottom: 0; } /* WP Smiley */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Over here, place any elements that do not need to have their own file. */ b, strong { font-weight: 700; } dfn, cite, em, i { font-style: italic; } pre { white-space: pre; overflow-x: auto; } .entry-content > code { display: block; } /* * text-underline-offset doesn't work in Chrome at all 👎 * But looks nice in Safari/Firefox, so let's keep it and * maybe Chrome will support it soon. */ a { cursor: pointer; color: var(--wp--style--color--link, var(--global--color-primary)); text-underline-offset: 3px; text-decoration-skip-ink: all; } a:hover { text-decoration-style: dotted; text-decoration-skip-ink: none; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; text-decoration: underline 1px dotted currentColor; text-decoration-skip-ink: none; background: rgba(255, 255, 255, 0.9); } .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: var(--global--color-black); color: var(--global--color-white); text-decoration: none; } .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { color: var(--wp--style--color--link, var(--global--color-white)); } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: rgba(0, 0, 0, 0.9); color: var(--wp--style--color--link, var(--global--color-white)); } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { color: var(--wp--style--color--link, var(--global--color-white)); } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link { /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; outline-offset: -2px; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus { color: #21759b; background-color: #f1f1f1; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { background: none; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary)); } .has-background .has-link-color a, .has-background.has-link-color a { color: var(--wp--style--color--link, var(--global--color-primary)); } /* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */ .wp-block-audio audio:focus { outline-offset: 5px; outline: 2px solid var(--global--color-primary); } /** * Button */ .site .button, button, input[type=submit], input[type=reset], .wp-block-search .wp-block-search__button, .wp-block-button .wp-block-button__link, .wp-block-file a.wp-block-file__button { border: var(--button--border-width) solid transparent; border-radius: var(--button--border-radius); cursor: pointer; font-weight: var(--button--font-weight); font-family: var(--button--font-family); font-size: var(--button--font-size); line-height: var(--button--line-height); padding: var(--button--padding-vertical) var(--button--padding-horizontal); text-decoration: none; } .site .button:not(:hover):not(:active):not(.has-text-color), button:not(:hover):not(:active):not(.has-text-color), input[type=submit]:not(:hover):not(:active):not(.has-text-color), input[type=reset]:not(:hover):not(:active):not(.has-text-color), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { color: var(--global--color-background); } .has-background .site .button:not(:hover):not(:active):not(.has-text-color), .has-background button:not(:hover):not(:active):not(.has-text-color), .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color), .has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { color: var(--local--color-background, var(--global--color-primary)); } .has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background, .has-background button:not(:hover):not(:active):not(.has-text-color).has-background, .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background, .has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background, .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background, .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background, .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { color: var(--global--color-primary); } .site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-background), input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { background-color: var(--global--color-primary); } .has-background .site .button:not(:hover):not(:active):not(.has-background), .has-background button:not(:hover):not(:active):not(.has-background), .has-background input[type=submit]:not(:hover):not(:active):not(.has-background), .has-background input[type=reset]:not(:hover):not(:active):not(.has-background), .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { background-color: var(--local--color-primary, var(--global--color-primary)); } .site .button:hover, .site .button:active, button:hover, button:active, input[type=submit]:hover, input[type=submit]:active, input[type=reset]:hover, input[type=reset]:active, .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:active, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:active, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:active { background-color: transparent; border-color: currentColor; color: inherit; } .site .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus { outline-offset: -6px; outline: 2px dotted currentColor; } .site .button:disabled, button:disabled, input[type=submit]:disabled, input[type=reset]:disabled, .wp-block-search .wp-block-search__button:disabled, .wp-block-button .wp-block-button__link:disabled, .wp-block-file a.wp-block-file__button:disabled { background-color: var(--global--color-white-50); border-color: var(--global--color-white-50); color: var(--button--color-text-active); } /** * Block Options */ .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--global--color-background); } .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--local--color-background, var(--global--color-background)); } .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { color: var(--global--color-primary); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: var(--global--color-primary); } .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: var(--local--color-primary, var(--global--color-primary)); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active { border-color: currentColor !important; background-color: transparent !important; color: inherit !important; } .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background { border-color: currentColor; } .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--global--color-primary); } .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--local--color-primary, var(--global--color-primary)); } .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { color: inherit; } .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: transparent; } .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:active { border-color: transparent !important; background-color: var(--global--color-primary) !important; color: var(--global--color-background) !important; } .has-background .wp-block-button.is-style-outline .wp-block-button__link:hover, .has-background .wp-block-button.is-style-outline .wp-block-button__link:active { background-color: var(--local--color-primary, var(--global--color-primary)) !important; color: var(--local--color-background, var(--global--color-background)) !important; } .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover, .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { color: var(--local--color-background, var(--global--color-background)) !important; } .wp-block-button .is-style-squared .wp-block-button__link { border-radius: 0; } .is-style-outline .wp-block-button__link[style*=radius]:focus, .wp-block-button a.wp-block-button__link[style*=radius]:focus { outline-offset: 2px; outline: 2px dotted var(--button--color-background); } .wp-block-code { border-color: var(--global--color-border); border-radius: 0; border-style: solid; border-width: 0.1rem; padding: var(--global--spacing-unit); } .wp-block-code code { color: var(--global--color-primary); white-space: pre; overflow-x: auto; display: block; } .wp-block-columns:not(.alignwide):not(.alignfull) { clear: both; } .wp-block-columns .wp-block-column > * { margin-top: calc(0.66 * var(--global--spacing-vertical)); margin-bottom: calc(0.66 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; } .wp-block-columns .wp-block-column > *:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: calc(0.66 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: var(--global--spacing-vertical); } } @media only screen and (min-width: 822px) { .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 0; } } .wp-block-columns.is-style-twentytwentyone-columns-overlap { justify-content: space-around; } @media only screen and (min-width: 652px) { .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) { margin-left: calc(-2 * var(--global--spacing-horizontal)); margin-top: calc(2.5 * var(--global--spacing-horizontal)); z-index: 2; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) { background-color: var(--global--color-background); padding: var(--global--spacing-unit); } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) { padding-left: calc(2 * var(--global--spacing-horizontal)); } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center { margin-top: 0; } } .wp-block-columns.alignfull .wp-block-column p:not(.has-background), .wp-block-columns.alignfull .wp-block-column h1:not(.has-background), .wp-block-columns.alignfull .wp-block-column h2:not(.has-background), .wp-block-columns.alignfull .wp-block-column h3:not(.has-background), .wp-block-columns.alignfull .wp-block-column h4:not(.has-background), .wp-block-columns.alignfull .wp-block-column h5:not(.has-background), .wp-block-columns.alignfull .wp-block-column h6:not(.has-background) { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } .wp-block-cover, .wp-block-cover-image { background-color: var(--cover--color-background); min-height: var(--cover--height); margin-top: inherit; margin-bottom: inherit; /* default & custom background-color */ /* Treating H2 separately to account for legacy /core styles */ /* Block Styles */ /* The background color class is used just for the overlay, and does not need to be applied to the inner container. */ } .wp-block-cover:not(.alignwide):not(.alignfull), .wp-block-cover-image:not(.alignwide):not(.alignfull) { clear: both; } .wp-block-cover.alignfull, .wp-block-cover-image.alignfull { margin-top: 0; margin-bottom: 0; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text { color: currentColor; margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) { color: currentColor; } .wp-block-cover .wp-block-cover__inner-container .has-link-color a, .wp-block-cover .wp-block-cover-image-text .has-link-color a, .wp-block-cover .wp-block-cover-text .has-link-color a, .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a, .wp-block-cover-image .wp-block-cover-image-text .has-link-color a, .wp-block-cover-image .wp-block-cover-text .has-link-color a { color: var(--wp--style--color--link, var(--global--color-primary)); } .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container, .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text, .wp-block-cover:not([class*=background-color]) .wp-block-cover-text, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text { color: var(--cover--color-foreground); } .wp-block-cover h2, .wp-block-cover-image h2 { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); max-width: inherit; text-align: inherit; padding: 0; } .wp-block-cover h2.has-text-align-left, .wp-block-cover-image h2.has-text-align-left { text-align: left; } .wp-block-cover h2.has-text-align-center, .wp-block-cover-image h2.has-text-align-center { text-align: center; } .wp-block-cover h2.has-text-align-right, .wp-block-cover-image h2.has-text-align-right { text-align: right; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { width: calc(100% - 2 * var(--global--spacing-vertical)); } .wp-block-cover .wp-block-cover__inner-container > *, .wp-block-cover-image .wp-block-cover__inner-container > * { margin-top: calc(0.666 * var(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-cover .wp-block-cover__inner-container > *, .wp-block-cover-image .wp-block-cover__inner-container > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .wp-block-cover .wp-block-cover__inner-container > *:first-child, .wp-block-cover-image .wp-block-cover__inner-container > *:first-child { margin-top: 0; } .wp-block-cover .wp-block-cover__inner-container > *:last-child, .wp-block-cover-image .wp-block-cover__inner-container > *:last-child { margin-bottom: 0; } .wp-block-cover.alignleft, .wp-block-cover.alignright, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright { margin-top: 0; } .wp-block-cover.alignleft > *, .wp-block-cover.alignright > *, .wp-block-cover-image.alignleft > *, .wp-block-cover-image.alignright > * { margin-top: calc(2 * var(--global--spacing-vertical)); margin-bottom: calc(2 * var(--global--spacing-vertical)); padding-left: var(--global--spacing-horizontal); padding-right: var(--global--spacing-horizontal); width: 100%; } .wp-block-cover.has-left-content, .wp-block-cover.has-right-content, .wp-block-cover-image.has-left-content, .wp-block-cover-image.has-right-content { justify-content: center; } .wp-block-cover.is-style-twentytwentyone-border, .wp-block-cover-image.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border); } .wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container, .wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container { background-color: unset; } .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover { opacity: inherit; } .wp-block-file a.wp-block-file__button { display: inline-block; } .wp-block-gallery { margin: 0 auto; } .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { width: calc((100% - var(--global--spacing-unit)) / 2); } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { margin: 0; color: var(--global--color-white); font-size: var(--global--font-size-xs); } .wp-block-gallery .blocks-gallery-image figcaption a, .wp-block-gallery .blocks-gallery-item figcaption a { color: var(--global--color-white); } .wp-block-gallery .blocks-gallery-image figcaption a:focus, .wp-block-gallery .blocks-gallery-item figcaption a:focus { background-color: transparent; outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); text-decoration: none; } .wp-block-gallery .blocks-gallery-image a:focus img, .wp-block-gallery .blocks-gallery-item a:focus img { outline-offset: 2px; } .wp-block-group { display: block; clear: both; display: flow-root; } .wp-block-group:before, .wp-block-group:after { content: ""; display: block; clear: both; } .wp-block-group .wp-block-group__inner-container { margin-left: auto; margin-right: auto; } .wp-block-group .wp-block-group__inner-container > * { margin-top: calc(0.666 * var(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-group .wp-block-group__inner-container > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .wp-block-group .wp-block-group__inner-container > *:first-child { margin-top: 0; } .wp-block-group .wp-block-group__inner-container > *:last-child { margin-bottom: 0; } .wp-block-group.has-background { padding: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-group.has-background { padding: var(--global--spacing-vertical); } } .wp-block-group.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border); padding: var(--global--spacing-vertical); } .wp-block-group.has-background .wp-block-group__inner-container > .alignfull, .wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull, .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull, .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull { max-width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical)); width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical)); margin-left: calc(-1 * var(--global--spacing-vertical)); } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { clear: both; font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); } h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong, h4 strong, .h4 strong, h5 strong, .h5 strong, h6 strong, .h6 strong { font-weight: var(--heading--font-weight-strong); } h1, .h1 { font-size: var(--heading--font-size-h1); letter-spacing: var(--heading--letter-spacing-h1); line-height: var(--heading--line-height-h1); } h2, .h2 { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); } h3, .h3 { font-size: var(--heading--font-size-h3); letter-spacing: var(--heading--letter-spacing-h3); line-height: var(--heading--line-height-h3); } h4, .h4 { font-size: var(--heading--font-size-h4); font-weight: var(--heading--font-weight-strong); letter-spacing: var(--heading--letter-spacing-h4); line-height: var(--heading--line-height-h4); } h5, .h5 { font-size: var(--heading--font-size-h5); font-weight: var(--heading--font-weight-strong); letter-spacing: var(--heading--letter-spacing-h5); line-height: var(--heading--line-height-h5); } h6, .h6 { font-size: var(--heading--font-size-h6); font-weight: var(--heading--font-weight-strong); letter-spacing: var(--heading--letter-spacing-h6); line-height: var(--heading--line-height-h6); } .wp-block-image { text-align: center; } .wp-block-image figcaption { color: var(--global--color-primary); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; } .wp-block-image .alignright { margin-left: var(--global--spacing-horizontal); } .wp-block-image .alignleft { margin-right: var(--global--spacing-horizontal); } .wp-block-image a:focus img { outline-offset: 2px; } .entry-content > *[class=wp-block-image], .entry-content [class*=inner-container] > *[class=wp-block-image] { margin-top: 0; margin-bottom: 0; } .entry-content > *[class=wp-block-image] + *, .entry-content [class*=inner-container] > *[class=wp-block-image] + * { margin-top: 0; } .wp-block-image.is-style-twentytwentyone-border img, .wp-block-image.is-style-twentytwentyone-image-frame img { border: calc(3 * var(--separator--height)) solid var(--global--color-border); } .wp-block-image.is-style-twentytwentyone-image-frame img { padding: var(--global--spacing-unit); } @media only screen and (min-width: 482px) { .entry-content > .wp-block-image > .alignleft, .entry-content > .wp-block-image > .alignright { max-width: 50%; } } @media only screen and (max-width: 481.98px) { .entry-content > .wp-block-image > .alignleft, .entry-content > .wp-block-image > .alignright { margin-left: 0; margin-right: 0; } } .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments:where(:not([class*=-font-size]):not([style*=font-size])) .wp-block-latest-comments__comment { font-size: var(--global--font-size-sm); } .wp-block-latest-comments .wp-block-latest-comments__comment { line-height: var(--global--line-height-body); /* Vertical margins logic */ margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { margin-top: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment:last-child { margin-bottom: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-family: var(--heading--font-family); } .wp-block-latest-comments .wp-block-latest-comments__comment-date { color: inherit; font-size: inherit; } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: inherit; line-height: var(--global--line-height-body); margin: 0; } .wp-block-latest-posts { padding-left: 0; } .wp-block-latest-posts:not(.is-grid) > li { margin-top: calc(1.666 * var(--global--spacing-vertical)); margin-bottom: calc(1.666 * var(--global--spacing-vertical)); } .wp-block-latest-posts:not(.is-grid) > li:first-child { margin-top: 0; } .wp-block-latest-posts:not(.is-grid) > li:last-child { margin-bottom: 0; } .widget-area .wp-block-latest-posts:not(.is-grid) > li { margin-top: 0; margin-bottom: 0; } .wp-block-latest-posts.is-grid { word-wrap: break-word; word-break: break-word; } .wp-block-latest-posts.is-grid > li { margin-bottom: var(--global--spacing-vertical); } .wp-block-latest-posts.is-grid > li:last-child { margin-bottom: 0; } .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li { margin-bottom: 0; } .wp-block-latest-posts > li > * { margin-top: calc(0.333 * var(--global--spacing-vertical)); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } .wp-block-latest-posts > li > *:first-child { margin-top: 0; } .wp-block-latest-posts > li > *:last-child { margin-bottom: 0; } .wp-block-latest-posts > li > a { display: inline-block; font-family: var(--latest-posts--title-font-family); font-size: var(--latest-posts--title-font-size); font-weight: var(--heading--font-weight); line-height: var(--global--line-height-heading); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } .widget-area .wp-block-latest-posts > li > a { font-size: var(--global--font-size-sm); margin-bottom: 0; } .wp-block-latest-posts .wp-block-latest-posts__post-author { color: var(--global--color-primary); font-size: var(--global--font-size-md); line-height: var(--global--line-height-body); } .wp-block-latest-posts .wp-block-latest-posts__post-date { color: var(--global--color-primary); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); } [class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date, .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date { color: currentColor; } .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts .wp-block-latest-posts__post-full-content { font-family: var(--latest-posts--description-font-family); font-size: var(--latest-posts--description-font-size); line-height: var(--global--line-height-body); margin-top: calc(0.666 * var(--global--spacing-vertical)); } .wp-block-latest-posts.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } .entry-content [class*=inner-container] .wp-block-latest-posts.alignfull, .entry-content .has-background .wp-block-latest-posts.alignfull { padding-left: 0; padding-right: 0; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers { border-top: calc(3 * var(--separator--height)) solid var(--global--color-border); border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li, .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li { padding-bottom: var(--global--spacing-vertical); border-bottom: var(--separator--height) solid var(--global--color-border); margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child, .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child { padding-bottom: 0; border-bottom: none; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid { box-shadow: inset 0 -1px 0 0 var(--global--color-border); border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li { margin: 0; padding-top: var(--global--spacing-vertical); padding-right: var(--global--spacing-horizontal); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child { padding-bottom: var(--global--spacing-vertical); } @media screen and (min-width: 600px) { .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li { width: calc(100% / 2); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li { width: calc(100% / 3); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li { width: calc(100% / 4); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li { width: calc(100% / 5); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li { width: calc(100% / 6); } } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li { border: calc(3 * var(--separator--height)) solid var(--global--color-border); padding: var(--global--spacing-vertical) var(--global--spacing-horizontal); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child { padding-bottom: var(--global--spacing-vertical); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li { margin-top: var(--global--spacing-horizontal); margin-bottom: var(--global--spacing-horizontal); } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-item a { display: block; } .gallery-item a:focus img { outline-offset: -2px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } figure.wp-caption a:focus img { outline-offset: 2px; } ul, ol { font-family: var(--list--font-family); margin: 0; padding-left: calc(2 * var(--global--spacing-horizontal)); } ul.aligncenter, ol.aligncenter { list-style-position: inside; padding: 0; } ul.alignright, ol.alignright { list-style-position: inside; text-align: right; padding: 0; } ul { list-style-type: disc; } ul ul { list-style-type: circle; } ol { list-style-type: decimal; } ol ul { list-style-type: circle; } dt { font-family: var(--definition-term--font-family); font-weight: bold; } dd { margin: 0; padding-left: calc(2 * var(--global--spacing-horizontal)); } .wp-block-media-text.alignfull { margin-top: 0; margin-bottom: 0; } .wp-block-media-text a:focus img { outline-offset: -1px; } .wp-block-media-text .wp-block-media-text__content { padding: var(--global--spacing-horizontal); } @media only screen and (min-width: 592px) { .wp-block-media-text .wp-block-media-text__content { padding: var(--global--spacing-vertical); } } .wp-block-media-text .wp-block-media-text__content > * { margin-top: calc(0.666 * var(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-media-text .wp-block-media-text__content > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .wp-block-media-text .wp-block-media-text__content > *:first-child { margin-top: 0; } .wp-block-media-text .wp-block-media-text__content > *:last-child { margin-bottom: 0; } @media only screen and (min-width: 482px) { .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding-top: var(--global--spacing-vertical); padding-bottom: var(--global--spacing-vertical); } } .wp-block-media-text.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border); } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { font-family: var(--primary-nav--font-family); font-size: var(--primary-nav--font-size); font-weight: var(--primary-nav--font-weight); } .wp-block-navigation .wp-block-navigation-link__submenu-icon { padding: 0; } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link { display: inherit; } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container { border: none; left: 0; min-width: max-content; opacity: 0; padding: 0; position: inherit; top: inherit; } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon { display: none; } .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container { background: var(--global--color-background); margin: 0; padding: 0; position: absolute; top: 100%; border: 1px solid var(--primary-nav--border-color); } .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before, .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { content: ""; display: block; position: absolute; width: 0; top: -10px; left: var(--global--spacing-horizontal); border-style: solid; border-color: var(--primary-nav--border-color) transparent; border-width: 0 7px 10px; } .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { top: -9px; border-color: var(--global--color-background) transparent; } .wp-block-navigation:not(.has-background) .wp-block-navigation__container { background: var(--global--color-background); } .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container { background: var(--global--color-background); } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus { color: var(--primary-nav--color-link-hover); } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover { text-decoration: underline; text-decoration-style: dotted; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { color: currentColor; } p { line-height: var(--wp--typography--line-height, var(--global--line-height-body)); } p.has-background { padding: var(--global--spacing-unit); } p.has-text-color a { color: var(--wp--style--color--link, var(--global--color-primary)); } pre.wp-block-preformatted { overflow-x: auto; white-space: pre; } .wp-block-pullquote { padding: calc(2 * var(--global--spacing-unit)) 0; text-align: center; border-width: var(--pullquote--border-width); border-bottom-style: solid; border-top-style: solid; color: currentColor; border-color: currentColor; position: relative; font-size: var(--pullquote--font-size); font-style: var(--pullquote--font-style); font-weight: 700; letter-spacing: var(--pullquote--letter-spacing); /** * Block Options */ } .wp-block-pullquote blockquote::before { color: currentColor; content: "“"; display: block; position: relative; left: 0; font-size: 3rem; font-weight: 500; line-height: 1; } .wp-block-pullquote p { font-family: var(--pullquote--font-family); font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; } .wp-block-pullquote:where(:not([style*=line-height])) p { line-height: var(--pullquote--line-height); } .wp-block-pullquote a { color: currentColor; } .wp-block-pullquote .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { color: currentColor; display: block; font-size: var(--global--font-size-xs); font-style: var(--pullquote--font-style); text-transform: none; } .wp-block-pullquote:not(.is-style-solid-color) { background: none; } .wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before, .wp-block-pullquote.alignleft:not(.is-style-solid-color) cite { text-align: center; } .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignwide blockquote { max-width: var(--responsive--alignwide-width); } .wp-block-pullquote.alignfull:not(.is-style-solid-color) > p, .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote { padding: 0 calc(2 * var(--global--spacing-unit)); } .wp-block-pullquote.is-style-solid-color { color: var(--pullquote--color-foreground); padding: calc(2.5 * var(--global--spacing-unit)); border-width: var(--pullquote--border-width); border-style: solid; border-color: var(--pullquote--border-color); } @media (min-width: 600px) { .wp-block-pullquote.is-style-solid-color { padding: calc(5 * var(--global--spacing-unit)); } } .wp-block-pullquote.is-style-solid-color blockquote::before { text-align: left; } .wp-block-pullquote.is-style-solid-color blockquote { margin: 0; max-width: inherit; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: var(--pullquote--font-size); } .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation, .wp-block-pullquote.is-style-solid-color cite, .wp-block-pullquote.is-style-solid-color footer { color: currentColor; } .wp-block-pullquote.is-style-solid-color.alignleft, .wp-block-pullquote.is-style-solid-color.alignright { padding: var(--global--spacing-unit); } .wp-block-pullquote.is-style-solid-color.alignleft blockquote, .wp-block-pullquote.is-style-solid-color.alignright blockquote { max-width: initial; } .wp-block-query.has-background { padding: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-query.has-background { padding: var(--global--spacing-vertical); } } .wp-block-quote { border-left: none; font-family: var(--quote--font-family); font-size: var(--quote--font-size); font-style: var(--quote--font-style); font-weight: var(--quote--font-weight); line-height: var(--quote--line-height); /** * Block Options */ } .wp-block-quote p { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; } .wp-block-quote:before { content: "“"; left: 8px; } .wp-block-quote .wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer { font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; } .has-background .wp-block-quote .wp-block-quote__citation, [class*=background-color] .wp-block-quote .wp-block-quote__citation, [style*=background-color] .wp-block-quote .wp-block-quote__citation, .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation, .has-background .wp-block-quote cite, [class*=background-color] .wp-block-quote cite, [style*=background-color] .wp-block-quote cite, .wp-block-cover[style*=background-image] .wp-block-quote cite, .has-background .wp-block-quote footer, [class*=background-color] .wp-block-quote footer, [style*=background-color] .wp-block-quote footer, .wp-block-cover[style*=background-image] .wp-block-quote footer { color: currentColor; } .wp-block-quote:where(:not([style*=font-style])) .wp-block-quote__citation, .wp-block-quote:where(:not([style*=font-style])) cite, .wp-block-quote:where(:not([style*=font-style])) footer { font-style: var(--quote--font-style-cite); } .wp-block-quote:where(:not([style*=font-weight])) .wp-block-quote__citation, .wp-block-quote:where(:not([style*=font-weight])) cite, .wp-block-quote:where(:not([style*=font-weight])) footer { font-weight: normal; } .wp-block-quote.has-text-align-right { margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto; padding-right: 0; border-right: none; } .wp-block-quote.has-text-align-right:before { display: none; } .wp-block-quote.has-text-align-right p:before { content: "”"; margin-right: 5px; } .wp-block-quote.has-text-align-center { margin: var(--global--spacing-vertical) auto; } .wp-block-quote.has-text-align-center:before { display: none; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-left: 0; padding-right: 0; /* Resetting margins to match _block-container.scss */ margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: var(--quote--font-size-large); font-style: var(--quote--font-style-large); line-height: var(--quote--line-height-large); } .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before { font-size: var(--quote--font-size-large); line-height: var(--quote--line-height-large); left: calc(-1 * var(--global--spacing-horizontal)); } .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before { display: none; } .wp-block-quote.is-large.has-text-align-right p:before, .wp-block-quote.is-style-large.has-text-align-right p:before { content: "”"; font-size: var(--quote--font-size-large); font-weight: normal; line-height: var(--quote--line-height-large); margin-right: 10px; } .wp-block-quote.is-large .wp-block-quote__citation, .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large .wp-block-quote__citation, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { color: var(--global--color-primary); font-size: var(--global--font-size-sm); } @media only screen and (max-width: 481.98px) { .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-left: var(--global--spacing-horizontal); } .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before { left: 0; } .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right { padding-left: 0; padding-right: var(--global--spacing-horizontal); } .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before { right: 0; } .wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center { padding-left: 0; padding-right: 0; } } @media only screen and (max-width: 481.98px) { .wp-block-quote.has-text-align-right { padding-left: 0; padding-right: calc(0.5 * var(--global--spacing-horizontal)); } .wp-block-quote.has-text-align-right:before { right: 0; } .wp-block-quote.has-text-align-center { padding-left: 0; padding-right: 0; } } .wp-block-rss { padding-left: 0; } .wp-block-rss > li { list-style: none; } .wp-block-rss:not(.is-grid) > li { margin-top: calc(1.666 * var(--global--spacing-vertical)); margin-bottom: calc(1.666 * var(--global--spacing-vertical)); } .wp-block-rss:not(.is-grid) > li:first-child { margin-top: 0; } .wp-block-rss:not(.is-grid) > li:last-child { margin-bottom: 0; } .wp-block-rss.is-grid > li { margin-bottom: var(--global--spacing-vertical); } .wp-block-rss.is-grid > li:last-child { margin-bottom: 0; } .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li { margin-bottom: 0; } .wp-block-rss > li > * { margin-top: calc(0.333 * var(--global--spacing-vertical)); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } .wp-block-rss > li > *:first-child { margin-top: 0; } .wp-block-rss > li > *:last-child { margin-bottom: 0; } .wp-block-rss .wp-block-rss__item-title > a { display: inline-block; font-family: var(--latest-posts--title-font-family); font-size: var(--latest-posts--title-font-size); font-weight: var(--heading--font-weight); line-height: var(--global--line-height-heading); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } .wp-block-rss .wp-block-rss__item-author { color: var(--global--color-primary); font-size: var(--global--font-size-md); line-height: var(--global--line-height-body); } .wp-block-rss .wp-block-rss__item-publish-date { color: var(--global--color-primary); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); } [class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date, .has-background .wp-block-rss .wp-block-rss__item-publish-date { color: currentColor; } .wp-block-rss .wp-block-rss__item-excerpt, .wp-block-rss .wp-block-rss__item-full-content { font-family: var(--latest-posts--description-font-family); font-size: var(--latest-posts--description-font-size); line-height: var(--global--line-height-body); margin-top: calc(0.666 * var(--global--spacing-vertical)); } .wp-block-rss.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } .entry-content [class*=inner-container] .wp-block-rss.alignfull, .entry-content .has-background .wp-block-rss.alignfull { padding-left: 0; padding-right: 0; } .wp-block-search { max-width: var(--responsive--aligndefault-width); } .wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper { justify-content: center; } .wp-block-search .wp-block-search__label { font-size: var(--form--font-size); font-weight: var(--form--label-weight); margin-bottom: calc(var(--global--spacing-vertical) / 3); } .wp-block-search .wp-block-search__input { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); color: var(--form--color-text); line-height: var(--form--line-height); max-width: inherit; margin-right: calc(-1 * var(--button--border-width)); margin-left: 0; padding: var(--form--spacing-unit); } .wp-block-search .wp-block-search__input:focus { color: var(--form--color-text); border-color: var(--form--border-color); } .has-background .wp-block-search .wp-block-search__input { border-color: var(--local--color-primary, var(--global--color-primary)) !important; } .wp-block-search button.wp-block-search__button { margin-left: 0; line-height: 1; } .wp-block-search button.wp-block-search__button.has-icon { padding: 6px calc(0.5 * var(--button--padding-horizontal)); } .wp-block-search button.wp-block-search__button.has-icon svg { width: 40px; height: 40px; fill: currentColor; } .has-background .wp-block-search button.wp-block-search__button:hover, .has-background .wp-block-search button.wp-block-search__button:active { background-color: var(--local--color-background, var(--global--color-background)) !important; color: var(--local--color-primary, var(--global--color-primary)) !important; } .has-text-color .wp-block-search button.wp-block-search__button:hover, .has-text-color .wp-block-search button.wp-block-search__button:active { color: var(--local--color-primary, var(--global--color-primary)) !important; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { background-color: var(--global--color-white); border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); padding: var(--form--border-width); } .has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border-color: var(--local--color-primary, var(--global--color-primary)) !important; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { margin-left: 0; margin-right: 0; padding-left: var(--form--spacing-unit); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { color: var(--form--color-text); outline-offset: -2px; outline: 2px dotted var(--form--border-color); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { padding: var(--button--padding-vertical) var(--button--padding-horizontal); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { color: var(--global--color-dark-gray); } .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { color: var(--global--color-dark-gray); } .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { background-color: var(--global--color-dark-gray); color: var(--global--color-white); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon { padding: 6px calc(0.5 * var(--button--padding-horizontal)); } .wp-block-search__button { box-shadow: none; } hr { border-style: none; border-bottom: var(--separator--height) solid var(--separator--border-color); clear: both; margin-left: auto; margin-right: auto; } hr.wp-block-separator { border-bottom: var(--separator--height) solid var(--separator--border-color); opacity: 1; /** * Block Options */ } hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { max-width: var(--responsive--aligndefault-width); } hr.wp-block-separator:not(.is-style-dots).alignwide { max-width: var(--responsive--alignwide-width); } hr.wp-block-separator:not(.is-style-dots).alignfull { max-width: var(--responsive--alignfull-width); } hr.wp-block-separator.is-style-twentytwentyone-separator-thick { border-bottom-width: calc(3 * var(--separator--height)); } hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color { background-color: transparent !important; } hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before { color: currentColor !important; } hr.wp-block-separator.is-style-dots:before { color: var(--separator--border-color); font-size: var(--global--font-size-xl); letter-spacing: var(--global--font-size-sm); padding-left: var(--global--font-size-sm); } .has-background hr.wp-block-separator, [class*=background-color] hr.wp-block-separator, [style*=background-color] hr.wp-block-separator, .wp-block-cover[style*=background-image] hr.wp-block-separator { border-color: currentColor; } .wp-block-social-links a:focus { color: var(--global--color-primary); } .wp-block-social-links.is-style-twentytwentyone-social-icons-color a { color: var(--global--color-primary); } .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link, .wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link { background: none; } table, .wp-block-table { width: 100%; min-width: 240px; border-collapse: collapse; } table thead, table tfoot, .wp-block-table thead, .wp-block-table tfoot { text-align: center; } table th, .wp-block-table th { font-family: var(--heading--font-family); } table td, table th, .wp-block-table td, .wp-block-table th { padding: calc(0.5 * var(--global--spacing-unit)); border: 1px solid; } table figcaption, .wp-block-table figcaption { color: var(--global--color-primary); font-size: var(--global--font-size-xs); } table.is-style-regular .has-background, table.is-style-stripes .has-background, table.is-style-stripes .has-background thead tr, table.is-style-stripes .has-background tfoot tr, table.is-style-stripes .has-background tbody tr, .wp-block-table.is-style-regular .has-background, .wp-block-table.is-style-stripes .has-background, .wp-block-table.is-style-stripes .has-background thead tr, .wp-block-table.is-style-stripes .has-background tfoot tr, .wp-block-table.is-style-stripes .has-background tbody tr { color: var(--table--has-background-text-color); } table.is-style-stripes, .wp-block-table.is-style-stripes { border-color: var(--table--stripes-border-color); } table.is-style-stripes th, table.is-style-stripes td, .wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td { border-width: 0; } table.is-style-stripes tbody tr:nth-child(odd), .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--table--stripes-background-color); } table.is-style-stripes .has-background tbody tr:nth-child(odd), .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { background-color: var(--global--color-white-90); } table.wp-calendar-table td, table.wp-calendar-table th { background: transparent; border: 0; text-align: center; line-height: 2; vertical-align: middle; word-break: normal; } table.wp-calendar-table th { font-weight: bold; } table.wp-calendar-table thead, table.wp-calendar-table tbody { color: currentColor; border: 1px solid; } table.wp-calendar-table caption { font-weight: bold; text-align: left; margin-bottom: var(--global--spacing-unit); color: currentColor; } .wp-calendar-nav { text-align: left; margin-top: calc(var(--global--spacing-unit) / 2); } .wp-calendar-nav svg { height: 1em; vertical-align: middle; } .wp-calendar-nav svg path { fill: currentColor; } .wp-calendar-nav .wp-calendar-nav-next { float: right; } .wp-block-tag-cloud.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } .wp-block-verse { font-family: var(--entry-content--font-family); } .wp-block-video figcaption { color: var(--global--color-primary); font-size: var(--global--font-size-xs); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; } * > figure > video { max-width: unset; width: 100%; vertical-align: middle; } :root .is-extra-small-text, :root .has-extra-small-font-size { font-size: var(--global--font-size-xs); } :root .is-small-text, :root .has-small-font-size { font-size: var(--global--font-size-sm); } :root .is-regular-text, :root .has-regular-font-size, :root .is-normal-font-size, :root .has-normal-font-size, :root .has-medium-font-size { font-size: var(--global--font-size-base); } :root .is-large-text, :root .has-large-font-size { font-size: var(--global--font-size-lg); line-height: var(--global--line-height-heading); } :root .is-larger-text, :root .has-larger-font-size, :root .is-extra-large-text, :root .has-extra-large-font-size { font-size: var(--global--font-size-xl); line-height: var(--global--line-height-heading); } :root .is-huge-text, :root .has-huge-font-size { font-size: var(--global--font-size-xxl); line-height: var(--global--line-height-heading); font-weight: var(--heading--font-weight-page-title); } :root .is-gigantic-text, :root .has-gigantic-font-size { font-size: var(--global--font-size-xxxl); line-height: var(--global--line-height-heading); font-weight: var(--heading--font-weight-page-title); } /* Block Alignments */ /** * These selectors set the default max width for content appearing inside a post or page. */ /** * .alignleft */ .alignleft { /*rtl:ignore*/ text-align: left; margin-top: 0; } .entry-content > .alignleft { max-width: var(--responsive--aligndefault-width); } @media only screen and (min-width: 482px) { .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: var(--global--spacing-horizontal); margin-bottom: var(--global--spacing-vertical); } .entry-content > .alignleft { max-width: calc(50% - var(--responsive--alignleft-margin)); } } /** * .aligncenter */ .aligncenter { clear: both; display: block; float: none; margin-right: auto; margin-left: auto; text-align: center; } /** * .alignright */ .alignright { margin-top: 0; margin-bottom: var(--global--spacing-vertical); } .entry-content > .alignright { max-width: var(--responsive--aligndefault-width); } @media only screen and (min-width: 482px) { .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: var(--global--spacing-horizontal); } .entry-content > .alignright { max-width: calc(50% - var(--responsive--alignright-margin)); } } [class*=inner-container] > .alignleft + *, [class*=inner-container] > .alignright + * { margin-top: 0; } /** * .alignwide */ .alignwide { clear: both; } /** * .alignfull */ .alignfull { clear: both; } .has-left-content { justify-content: flex-start; } .has-right-content { justify-content: flex-end; } .has-parallax { background-attachment: fixed; } .has-drop-cap:not(:focus)::first-letter { font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); line-height: 0.66; text-transform: uppercase; font-style: normal; float: left; margin: 0.1em 0.1em 0 0; font-size: calc(1.2 * var(--heading--font-size-h1)); } .has-drop-cap:not(:focus)::after { content: ""; display: table; clear: both; padding-top: 14px; } .desktop-only { display: none; } @media only screen and (min-width: 482px) { .desktop-only { display: block; } } /* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */ .site-header { display: flex; align-items: flex-start; flex-wrap: wrap; row-gap: var(--global--spacing-vertical); } .wp-custom-logo .site-header { align-items: center; } @media only screen and (min-width: 482px) { .site-header { padding-top: calc(var(--global--spacing-vertical) / 0.75); } } @media only screen and (min-width: 822px) { .site-header { padding-top: calc(2.4 * var(--global--spacing-vertical)); } } .site-branding { color: var(--branding--color-text); margin-right: 140px; } .site-branding:last-child { margin-right: 0; width: 100%; text-align: center; } @media only screen and (min-width: 482px) { .site-branding { margin-right: initial; margin-top: 4px; } } .site-title { color: var(--branding--color-link); font-family: var(--branding--title--font-family); font-size: var(--branding--title--font-size-mobile); letter-spacing: normal; text-transform: var(--branding--title--text-transform); line-height: var(--global--line-height-heading); margin-bottom: calc(var(--global--spacing-vertical) / 6); } .site-title a { color: currentColor; font-weight: var(--branding--title--font-weight); } .site-title a:link, .site-title a:visited, .site-title a:active { color: currentColor; } .site-title a:hover, .site-title a:focus { color: var(--branding--color-link-hover); } @media only screen and (min-width: 482px) { .site-title { font-size: var(--branding--title--font-size); } } .site-description { color: currentColor; font-family: var(--branding--description--font-family); font-size: var(--branding--description--font-size); line-height: 1.4; } .site-title > a { text-decoration-color: var(--global--color-secondary); } .site-logo { margin: calc(var(--global--spacing-vertical) / 2) 0; } .site-header > .site-logo { width: 100%; padding-bottom: calc(var(--global--spacing-vertical) * 1.5); border-bottom: 1px solid; text-align: center; } .site-logo .custom-logo { margin-left: auto; margin-right: auto; max-width: var(--branding--logo--max-width-mobile); max-height: var(--branding--logo--max-height-mobile); height: auto; display: inline-block; width: auto; } @media only screen and (min-width: 482px) { .site-logo .custom-logo { max-width: var(--branding--logo--max-width); max-height: var(--branding--logo--max-height); height: auto; width: auto; } } @media only screen and (max-width: 481.98px) { .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo { position: absolute; padding-top: calc(0.5 * var(--global--spacing-vertical)); margin-top: 0; top: var(--global--admin-bar--height); } .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo { display: none; } .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img { max-height: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit) + 1.7em); } .site-header.has-logo.has-title-and-tagline { align-items: flex-start; } .site-header.has-logo.has-title-and-tagline.has-menu { justify-content: space-between; } .site-header.has-logo.has-title-and-tagline.has-menu .site-branding { max-width: calc(100% - 160px); } .site-header.has-logo.has-title-and-tagline .site-branding { margin-right: 0; } body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after { display: none; } body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation { position: relative; top: 0; } body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container { position: relative; padding-top: 0; margin-top: calc(0px - var(--button--padding-vertical) + 0.25 * var(--global--spacing-unit)); } body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu { padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6); } .site-header:not(.has-logo).has-title-and-tagline .site-branding { margin-right: 0; max-width: calc(100% - 160px); } .site-header:not(.has-menu) { justify-content: center; } } .site-footer { padding-top: 0; padding-bottom: calc(1.7 * var(--global--spacing-vertical)); } .no-widgets .site-footer { margin-top: calc(6 * var(--global--spacing-vertical)); } @media only screen and (max-width: 481.98px) { .no-widgets .site-footer { margin-top: calc(3 * var(--global--spacing-vertical)); } } .site-footer > .site-info { padding-top: var(--global--spacing-vertical); color: var(--footer--color-text); font-family: var(--footer--font-family); font-size: var(--footer--font-size); line-height: var(--global--line-height-body); border-top: 3px solid var(--global--color-border); } .site-footer > .site-info .site-name { text-transform: var(--branding--title--text-transform); font-size: var(--branding--title--font-size); } .site-footer > .site-info .privacy-policy, .site-footer > .site-info .powered-by { margin-top: calc(0.5 * var(--global--spacing-vertical)); } @media only screen and (min-width: 822px) { .site-footer > .site-info { display: flex; align-items: center; } .site-footer > .site-info .site-name { margin-right: calc(0.5 * var(--global--spacing-vertical)); } .site-footer > .site-info .privacy-policy, .site-footer > .site-info .powered-by { margin-top: initial; margin-left: auto; } .site-footer > .site-info .privacy-policy + .powered-by { margin-left: calc(0.5 * var(--global--spacing-vertical)); } } .site-footer > .site-info a { color: var(--footer--color-link); } .site-footer > .site-info a:link, .site-footer > .site-info a:visited, .site-footer > .site-info a:active { color: var(--footer--color-link); } .site-footer > .site-info a:hover { color: var(--footer--color-link-hover); } .site-footer > .site-info a:focus { color: var(--footer--color-link-hover); } .is-dark-theme .site-footer > .site-info a:focus { color: var(--wp--style--color--link, var(--global--color-background)); } .has-background-white .site-footer > .site-info a:focus { color: var(--wp--style--color--link, var(--global--color-white)); } .singular .entry-header { border-bottom: 3px solid var(--global--color-border); padding-bottom: calc(2 * var(--global--spacing-vertical)); margin-bottom: calc(3 * var(--global--spacing-vertical)); } .home .entry-header { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .singular .has-post-thumbnail .entry-header { border-bottom: none; padding-bottom: calc(1.3 * var(--global--spacing-vertical)); margin-bottom: 0; } .no-results.not-found > *:first-child { margin-bottom: calc(3 * var(--global--spacing-vertical)); } .page-links { clear: both; } .page-links .post-page-numbers { display: inline-block; margin-left: calc(0.66 * var(--global--spacing-unit)); margin-right: calc(0.66 * var(--global--spacing-unit)); min-width: 44px; min-height: 44px; } .page-links .post-page-numbers:first-child { margin-left: 0; } .entry-title { color: var(--entry-header--color); font-size: var(--entry-header--font-size); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); overflow-wrap: break-word; } .entry-title a { color: var(--entry-header--color-link); text-underline-offset: 0.15em; } .entry-title a:hover { color: var(--entry-header--color-hover); } .entry-title a:focus { color: var(--entry-header--color-focus); } .entry-title a:active { color: var(--entry-header--color-link); } .singular .entry-title { font-size: var(--global--font-size-page-title); } h1.entry-title { line-height: var(--heading--line-height-h1); font-weight: var(--heading--font-weight-page-title); } /** * Entry Content */ .entry-content, .entry-summary { font-family: var(--entry-content--font-family); } .entry-content p { word-wrap: break-word; } .entry-content > iframe[style] { margin: var(--global--spacing-vertical) 0 !important; max-width: 100% !important; } .entry-footer { color: var(--global--color-primary); clear: both; float: none; font-size: var(--global--font-size-xs); display: block; } .entry-footer > span { display: inline-block; } .entry-footer a { color: currentColor; } .entry-footer a:hover, .entry-footer a:focus { color: var(--global--color-primary-hover); } .entry-footer a:active { color: currentColor; } .site-main > article > .entry-footer { margin-top: var(--global--spacing-vertical); padding-top: var(--global--spacing-unit); padding-bottom: calc(3 * var(--global--spacing-vertical)); border-bottom: var(--separator--height) solid var(--separator--border-color); } body:not(.single) .site-main > article:last-of-type .entry-footer { border-bottom: var(--separator--height) solid transparent; } .single .site-main > article > .entry-footer { margin-top: calc(3.4 * var(--global--spacing-vertical)); margin-bottom: calc(3.4 * var(--global--spacing-vertical)); padding-bottom: 0; padding-top: calc(0.8 * var(--global--spacing-vertical)); border-top: 3px solid var(--separator--border-color); border-bottom: var(--separator--height) solid transparent; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: calc(2 * var(--global--spacing-horizontal)); } .single .site-main > article > .entry-footer .post-taxonomies, .single .site-main > article > .entry-footer .full-size-link { justify-content: flex-end; text-align: right; } .single .site-main > article > .entry-footer .full-size-link:first-child:last-child { grid-column: span 2; } .single .site-main > article > .entry-footer .posted-on, .single .site-main > article > .entry-footer .byline, .single .site-main > article > .entry-footer .cat-links, .single .site-main > article > .entry-footer .tags-links { display: block; } @media only screen and (max-width: 481.98px) { .single .site-main > article > .entry-footer { display: block; } .single .site-main > article > .entry-footer .full-size-link { display: block; } .single .site-main > article > .entry-footer .post-taxonomies, .single .site-main > article > .entry-footer .full-size-link { text-align: left; } } /** * Post Thumbnails */ .post-thumbnail { text-align: center; } .post-thumbnail .wp-post-image { display: block; width: auto; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: calc(2 * var(--global--spacing-vertical)); } /** * Author */ .author-bio { position: relative; font-size: var(--global--font-size-xs); max-width: var(--responsive--aligndefault-width); } .site-main > article > .author-bio { margin-top: calc(2 * var(--global--spacing-vertical)); } .author-bio.show-avatars .avatar { display: inline-block; vertical-align: top; border-radius: 50%; } .author-bio.show-avatars .author-bio-content { display: inline-block; padding-left: var(--global--spacing-horizontal); max-width: calc(var(--responsive--aligndefault-width) - 90px); } .author-bio .author-bio-content .author-title { font-family: var(--entry-author-bio--font-family); font-size: var(--entry-author-bio--font-size); display: inline; } .author-bio .author-bio-content .author-description { font-size: var(--global--font-size-xs); margin-top: calc(0.5 * var(--global--spacing-vertical)); margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } .page-title { font-size: var(--global--font-size-page-title); } h1.page-title, h2.page-title { font-weight: var(--heading--font-weight-page-title); } h1.page-title { line-height: var(--heading--line-height-h1); } .page-header { border-bottom: 3px solid var(--global--color-border); padding-bottom: calc(2 * var(--global--spacing-vertical)); } .archive .content-area .format-aside .entry-content, .archive .content-area .format-status .entry-content, .archive .content-area .format-link .entry-content, .search .content-area .format-aside .entry-content, .search .content-area .format-status .entry-content, .search .content-area .format-link .entry-content, .blog .content-area .format-aside .entry-content, .blog .content-area .format-status .entry-content, .blog .content-area .format-link .entry-content { font-size: var(--global--font-size-lg); } .archive .format-image .entry-content, .archive .format-gallery .entry-content, .archive .format-video .entry-content, .search .format-image .entry-content, .search .format-gallery .entry-content, .search .format-video .entry-content, .blog .format-image .entry-content, .blog .format-gallery .entry-content, .blog .format-video .entry-content { margin-top: calc(2 * var(--global--spacing-vertical)); } .archive .entry-footer .cat-links, .archive .entry-footer .tags-links, .search .entry-footer .cat-links, .search .entry-footer .tags-links, .blog .entry-footer .cat-links, .blog .entry-footer .tags-links { display: block; } .archive.logged-in .entry-footer .posted-on, .search.logged-in .entry-footer .posted-on, .blog.logged-in .entry-footer .posted-on { margin-right: calc(0.5 * var(--global--spacing-unit)); } .archive-description { margin-top: var(--global--spacing-vertical); font-size: var(--global--font-size-xl); line-height: var(--global--line-height-heading); } .error404 main p { font-size: var(--global--font-size-lg); margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667); } .search-no-results .page-content { margin-top: calc(3 * var(--global--spacing-vertical)); } /** * Comments Wrapper */ .comments-area > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .comments-area > *:first-child { margin-top: 0; } .comments-area > *:last-child { margin-bottom: 0; } .comments-area.show-avatars .avatar { border-radius: 50%; position: absolute; top: 10px; } .comments-area.show-avatars .fn { display: inline-block; padding-left: 85px; } .comments-area.show-avatars .comment-metadata { padding: 8px 0 9px 85px; } /** * Comment Title */ .comments-title, .comment-reply-title { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); } .comment-reply-title { display: flex; justify-content: space-between; } .comment-reply-title small a { font-family: var(--global--font-secondary); font-size: var(--global--font-size-xs); font-style: normal; font-weight: normal; letter-spacing: normal; } /* Nested comment reply title*/ .comment .comment-respond .comment-reply-title { font-size: var(--global--font-size-lg); } /** * Comment Lists */ .comment-list { padding-left: 0; list-style: none; } .comment-list > li { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .comment-list .children { list-style: none; padding-left: 0; } .comment-list .children > li { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } @media only screen and (min-width: 482px) { .comment-list .depth-2, .comment-list .depth-3 { padding-left: calc(4 * var(--global--spacing-horizontal)); } } /** * Comment Meta */ .comment-meta .comment-author { line-height: var(--global--line-height-heading); margin-bottom: calc(0.25 * var(--global--spacing-unit)); } @media only screen and (min-width: 482px) { .comment-meta .comment-author { margin-bottom: 0; padding-right: 0; } } .comment-meta .comment-author .fn { font-family: var(--global--font-secondary); font-weight: normal; font-size: var(--global--font-size-lg); hyphens: auto; word-wrap: break-word; word-break: break-word; } .comment-meta .comment-metadata { color: var(--global--color-primary); font-size: var(--global--font-size-xs); padding: 8px 0 9px; } .comment-meta .comment-metadata .edit-link { margin-left: var(--global--spacing-horizontal); } @media only screen and (min-width: 482px) { .comment-meta { margin-right: inherit; } .comment-meta .comment-author { max-width: inherit; } } .reply { font-size: var(--global--font-size-sm); line-height: var(--global--line-height-heading); } .bypostauthor { display: block; } .says { display: none; } .pingback .url, .trackback .url { font-family: var(--global--font-primary); } .comment-body { position: relative; margin-bottom: calc(1.7 * var(--global--spacing-vertical)); } .comment-body > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .comment-body .reply { margin: 0; } .comment-content { word-wrap: break-word; } .pingback .comment-body, .trackback .comment-body { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .comment-respond { margin-top: var(--global--spacing-vertical); } .comment-respond > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); } .comment-respond > *:first-child { margin-top: 0; } .comment-respond > *:last-child { margin-bottom: 0; } .comment-respond > *:last-child.comment-form { margin-bottom: var(--global--spacing-vertical); } .comment-author { padding-top: 3px; } .comment-author .url { color: currentColor; } .comment-form { display: flex; flex-wrap: wrap; } .comment-form > * { flex-basis: 100%; } .comment-form .comment-notes { font-size: var(--global--font-size-sm); } .comment-form .comment-form-url, .comment-form .comment-form-comment { width: 100%; } .comment-form .comment-form-author, .comment-form .comment-form-email { flex-basis: 0; flex-grow: 1; } @media only screen and (max-width: 481.98px) { .comment-form .comment-form-author, .comment-form .comment-form-email { flex-basis: 100%; } } .comment-form .comment-form-cookies-consent > label, .comment-form .comment-notes { font-size: var(--global--font-size-xs); font-weight: normal; } .comment-form > p { margin-bottom: var(--global--spacing-unit); } .comment-form > p:first-of-type { margin-top: 0; } .comment-form > p:last-of-type { margin-bottom: 0; } .comment-form > p label, .comment-form > p input[type=email], .comment-form > p input[type=text], .comment-form > p input[type=url], .comment-form > p textarea { display: block; font-size: var(--global--font-size-sm); margin-bottom: calc(0.5 * var(--global--spacing-unit)); width: 100%; font-weight: var(--form--label-weight); } .comment-form > p.comment-form-cookies-consent { display: flex; } @media only screen and (min-width: 482px) { .comment-form > p.comment-form-author { margin-right: calc(1.5 * var(--global--spacing-horizontal)); } .comment-form > p.comment-notes, .comment-form > p.logged-in-as { display: block; } } .menu-button-container { display: none; justify-content: space-between; position: absolute; right: 0; padding-top: calc(0.5 * var(--global--spacing-vertical)); padding-bottom: calc(0.25 * var(--global--spacing-vertical)); } @media only screen and (max-width: 481.98px) { .menu-button-container { display: flex; } } .menu-button-container #primary-mobile-menu { display: flex; margin-left: auto; padding: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit)) calc(0.5 * var(--button--padding-horizontal)); font-size: var(--primary-nav--font-size-button); font-weight: var(--primary-nav--font-weight-button); background-color: transparent; border: none; color: var(--primary-nav--color-link); } .menu-button-container #primary-mobile-menu .dropdown-icon { display: flex; align-items: center; } .menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon { margin-left: calc(0.25 * var(--global--spacing-unit)); } .menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon { position: relative; top: -1px; } .menu-button-container #primary-mobile-menu .dropdown-icon.close { display: none; } .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open { display: none; } .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { display: flex; } .has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { animation-name: twentytwentyone-close-button-transition; animation-duration: 0.3s; } .primary-navigation-open .menu-button-container { width: 100%; z-index: 500; background-color: var(--global--color-background); } .primary-navigation-open .menu-button-container #primary-mobile-menu { position: static; } .primary-navigation { position: absolute; top: var(--global--admin-bar--height); right: 0; color: var(--primary-nav--color-text); font-size: var(--primary-nav--font-size); line-height: 1.15; margin-top: 0; margin-bottom: 0; } .primary-navigation > .primary-menu-container { position: fixed; visibility: hidden; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px); padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); padding-bottom: var(--global--spacing-horizontal); background-color: var(--global--color-background); transform: translateY(var(--global--spacing-vertical)); } @media (prefers-reduced-motion: no-preference) { .primary-navigation > .primary-menu-container { transition: all 0.15s ease-in-out; } } @media only screen and (max-width: 481.98px) { .primary-navigation > .primary-menu-container { height: 100vh; z-index: 499; overflow-x: hidden; overflow-y: auto; border: 2px solid transparent; } .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { position: fixed; transform: translateY(0) translateX(100%); } .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { top: var(--global--admin-bar--height); } .admin-bar .primary-navigation > .primary-menu-container { height: calc(100vh - var(--global--admin-bar--height)); } .primary-navigation > .primary-menu-container:focus { border: 2px solid var(--global--color-primary); } } @media only screen and (max-width: 481.98px) { .primary-navigation-open .primary-navigation { width: 100%; position: fixed; z-index: 2; } } .primary-navigation-open .primary-navigation > .primary-menu-container { position: absolute; visibility: visible; opacity: 1; transform: translateY(0); } @media only screen and (max-width: 481.98px) { .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { transform: translateX(0) translateY(0); } } @media only screen and (min-width: 482px) { .primary-navigation { position: relative; margin-left: auto; } .primary-navigation > .primary-menu-container { visibility: visible; opacity: 1; position: relative; padding: 0; background-color: transparent; overflow: initial; transform: none; } .primary-navigation #toggle-menu { display: none; } .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul { display: none; } .admin-bar .primary-navigation { top: initial; } .admin-bar .primary-navigation > .primary-menu-container { top: initial; } } .primary-navigation > div > .menu-wrapper { display: flex; justify-content: flex-start; flex-wrap: wrap; list-style: none; margin: 0; max-width: none; padding-left: 0; position: relative; } @media only screen and (max-width: 481.98px) { .primary-navigation > div > .menu-wrapper { padding-bottom: 100px; } .primary-navigation > div > .menu-wrapper ul { padding-left: 0; } } .primary-navigation > div > .menu-wrapper li { display: block; position: relative; width: 100%; } @media only screen and (min-width: 482px) { .primary-navigation > div > .menu-wrapper li { margin: 0; width: inherit; } .primary-navigation > div > .menu-wrapper li:last-child { margin-right: 0; } } .primary-navigation > div > .menu-wrapper .sub-menu-toggle { display: flex; height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px); width: 44px; padding: 0; justify-content: center; align-items: center; background: transparent; color: currentColor; border: none; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus { outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); } @media only screen and (max-width: 481.98px) { .primary-navigation > div > .menu-wrapper .sub-menu-toggle { display: none; } } .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus, .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus { height: 100%; display: flex; align-items: center; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg, .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg { margin-top: -1px; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus { display: none; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus { display: flex; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus { display: none; } .primary-navigation > div > .menu-wrapper > li > .sub-menu { position: relative; } @media only screen and (min-width: 482px) and (prefers-reduced-motion: no-preference) { .primary-navigation > div > .menu-wrapper > li > .sub-menu { transition: all 0.5s ease; } } @media only screen and (min-width: 482px) { .primary-navigation > div > .menu-wrapper > li > .sub-menu { left: 0; margin: 0; min-width: max-content; position: absolute; top: 100%; padding-top: 3px; z-index: 88888; } .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { content: ""; display: block; position: absolute; width: 0; top: -10px; left: var(--global--spacing-horizontal); border-style: solid; border-color: var(--primary-nav--border-color) transparent; border-width: 0 7px 10px; } .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { top: -9px; border-color: var(--global--color-background) transparent; } .primary-navigation > div > .menu-wrapper > li > .sub-menu li { background: var(--global--color-background); } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left { /* rtl:ignore */ left: 0; /* rtl:ignore */ right: auto; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after { /* rtl:ignore */ left: var(--global--spacing-horizontal); /* rtl:ignore */ right: auto; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right { /* rtl:ignore */ right: 0; /* rtl:ignore */ left: auto; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after { /* rtl:ignore */ left: auto; /* rtl:ignore */ right: var(--global--spacing-horizontal); } } .primary-navigation .primary-menu > .menu-item:hover > a { color: var(--primary-nav--color-link-hover); } @media only screen and (min-width: 482px) { .primary-navigation .primary-menu-container { margin-right: calc(0px - var(--primary-nav--padding)); margin-left: calc(0px - var(--primary-nav--padding)); } .primary-navigation .primary-menu-container > ul > .menu-item { display: flex; } .primary-navigation .primary-menu-container > ul > .menu-item > a { padding-left: var(--primary-nav--padding); padding-right: var(--primary-nav--padding); } .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle { margin-left: calc(5px - var(--primary-nav--padding)); } } .primary-navigation a { display: block; font-family: var(--primary-nav--font-family-mobile); font-size: var(--primary-nav--font-size-mobile); font-weight: var(--primary-nav--font-weight); padding: var(--primary-nav--padding) 0; text-decoration: none; } @media only screen and (min-width: 482px) { .primary-navigation a { display: block; font-family: var(--primary-nav--font-family); font-size: var(--primary-nav--font-size); font-weight: var(--primary-nav--font-weight); } } .primary-navigation a + svg { fill: var(--primary-nav--color-text); } .primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited { color: var(--primary-nav--color-link-hover); } .primary-navigation a:hover { text-decoration: underline; text-decoration-style: dotted; } .primary-navigation a:focus { position: relative; z-index: 99999; outline-offset: 0; text-decoration-thickness: 2px; } .primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child { text-decoration: underline; text-decoration-style: solid; } .primary-navigation .current-menu-item > a:first-child:hover, .primary-navigation .current_page_item > a:first-child:hover { text-decoration: underline; text-decoration-style: dotted; } .primary-navigation .sub-menu { margin: 0; padding: 0; list-style: none; margin-left: var(--primary-nav--padding); border: 1px solid var(--primary-nav--border-color); } .primary-navigation .sub-menu .sub-menu { border: none; } @media only screen and (min-width: 482px) { .primary-navigation .sub-menu > .menu-item > .sub-menu { padding: 0; } } @media only screen and (max-width: 481.98px) { .primary-navigation .sub-menu .menu-item:last-child { margin-bottom: 0; } } .primary-navigation .sub-menu .menu-item > a { padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); display: block; font-size: var(--primary-nav--font-size-sub-menu-mobile); font-style: var(--primary-nav--font-style-sub-menu-mobile); } @media only screen and (min-width: 482px) { .primary-navigation .sub-menu .menu-item > a { font-size: var(--primary-nav--font-size-sub-menu); font-style: var(--primary-nav--font-style); } } .primary-navigation .menu-item-has-children > .svg-icon { display: none; } @media only screen and (min-width: 482px) { .primary-navigation .menu-item-has-children > .svg-icon { display: inline-block; height: 100%; } .primary-navigation .menu-item-has-children .sub-menu .svg-icon { display: none; } } .primary-navigation .menu-item-description { display: block; clear: both; font-size: var(--global--font-size-xs); text-transform: none; line-height: 1.7; } .primary-navigation .menu-item-description > span { display: inline-block; } @media only screen and (max-width: 481.98px) { .lock-scrolling .site { position: fixed; max-width: 100%; width: 100%; } } @keyframes twentytwentyone-close-button-transition { from { opacity: 0; } to { opacity: 1; } } .footer-navigation { margin-top: calc(2 * var(--global--spacing-vertical)); margin-bottom: var(--global--spacing-vertical); color: var(--footer--color-text); font-size: var(--global--font-size-xs); font-family: var(--footer--font-family); } .footer-navigation-wrapper { display: flex; justify-content: center; flex-wrap: wrap; list-style: none; padding-left: 0; } .footer-navigation-wrapper li { display: inline; line-height: 3; } .footer-navigation-wrapper li a { padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); color: var(--footer--color-link); } .footer-navigation-wrapper li a:link, .footer-navigation-wrapper li a:visited, .footer-navigation-wrapper li a:active { color: var(--footer--color-link); } .footer-navigation-wrapper li a:hover { text-decoration: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; color: var(--footer--color-link-hover); } .is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon { fill: var(--wp--style--color--link, var(--global--color-background)); } .has-background-white .footer-navigation-wrapper li a:focus .svg-icon { fill: var(--wp--style--color--link, var(--global--color-white)); } .footer-navigation-wrapper li .svg-icon { vertical-align: middle; fill: var(--footer--color-link); } .footer-navigation-wrapper li .svg-icon:hover { transform: scale(1.1); } @media (prefers-reduced-motion: no-preference) { .footer-navigation-wrapper li .svg-icon { transition: transform 0.1s ease; } } .footer-navigation-wrapper .sub-menu-toggle, .footer-navigation-wrapper .menu-item-description { display: none; } /* Next/Previous navigation */ .navigation { color: var(--global--color-primary); } .navigation a { color: var(--global--color-primary); text-decoration: none; } .navigation a:hover { color: var(--global--color-primary-hover); text-decoration: underline; text-decoration-style: dotted; } .navigation a:focus { color: var(--global--color-secondary); } .navigation a:active { color: var(--global--color-primary); } .navigation .nav-links > * { min-width: 44px; min-height: 44px; } .navigation .nav-links .nav-next a, .navigation .nav-links .nav-previous a { display: flex; flex-direction: column; } .navigation .nav-links .dots { text-align: center; } @media only screen and (min-width: 592px) { .navigation .nav-links { display: flex; justify-content: center; flex-wrap: wrap; } .navigation .nav-links .nav-next, .navigation .nav-links .nav-previous { flex: 0 1 auto; margin-bottom: inherit; margin-top: inherit; max-width: calc(50% - 0.5 * var(--global--spacing-unit)); } .navigation .nav-links .nav-next { text-align: right; } } .navigation .svg-icon { display: inline-block; fill: currentColor; vertical-align: middle; position: relative; } .navigation .nav-previous .svg-icon, .navigation .prev .svg-icon { top: -2px; margin-right: calc(0.25 * var(--global--spacing-unit)); } .navigation .nav-next .svg-icon, .navigation .next .svg-icon { top: -1px; margin-left: calc(0.25 * var(--global--spacing-unit)); } .post-navigation { margin: var(--global--spacing-vertical) auto; } @media only screen and (min-width: 822px) { .post-navigation { margin: var(--global--spacing-vertical) auto; } } .post-navigation .meta-nav { line-height: var(--global--line-height-body); color: var(--global--color-primary); } .post-navigation .post-title { display: inline-block; font-family: var(--global--font-primary); font-size: var(--global--font-size-lg); font-weight: var(--pagination--font-weight-strong); line-height: var(--global--line-height-heading); } @media only screen and (min-width: 822px) { .post-navigation .post-title { margin: 5px calc(24px + 0.25 * var(--global--spacing-unit)) 0; } } @media only screen and (min-width: 482px) { .post-navigation .nav-links { justify-content: space-between; } } .post-navigation .nav-next, .post-navigation .nav-previous { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .post-navigation .nav-next:first-child, .post-navigation .nav-previous:first-child { margin-top: 0; } .post-navigation .nav-next:last-child, .post-navigation .nav-previous:last-child { margin-bottom: 0; } .pagination, .comments-pagination { border-top: 3px solid var(--global--color-border); padding-top: var(--global--spacing-vertical); margin: var(--global--spacing-vertical) auto; } @media only screen and (min-width: 822px) { .pagination, .comments-pagination { margin: var(--global--spacing-vertical) auto; } } .pagination .nav-links, .comments-pagination .nav-links { margin-top: calc(-1 * var(--global--spacing-vertical)); } .pagination .nav-links a:hover, .comments-pagination .nav-links a:hover { color: var(--pagination--color-link-hover); } .is-dark-theme .pagination .nav-links a:active, .is-dark-theme .pagination .nav-links a:hover:active, .is-dark-theme .pagination .nav-links a:hover:focus, .is-dark-theme .comments-pagination .nav-links a:active, .is-dark-theme .comments-pagination .nav-links a:hover:active, .is-dark-theme .comments-pagination .nav-links a:hover:focus { color: var(--global--color-background); } .has-background-white .pagination .nav-links a:active, .has-background-white .pagination .nav-links a:hover:active, .has-background-white .pagination .nav-links a:hover:focus, .has-background-white .comments-pagination .nav-links a:active, .has-background-white .comments-pagination .nav-links a:hover:active, .has-background-white .comments-pagination .nav-links a:hover:focus { color: var(--global--color-white); } .pagination .nav-links > *, .comments-pagination .nav-links > * { color: var(--pagination--color-text); font-family: var(--pagination--font-family); font-size: var(--pagination--font-size); font-weight: var(--pagination--font-weight); margin-top: var(--global--spacing-vertical); margin-left: calc(0.66 * var(--global--spacing-unit)); margin-right: calc(0.66 * var(--global--spacing-unit)); } .pagination .nav-links > *.current, .comments-pagination .nav-links > *.current { text-decoration: underline; } .pagination .nav-links > *:not(.dots):not(.current):hover, .comments-pagination .nav-links > *:not(.dots):not(.current):hover { text-decoration-style: dotted; } .pagination .nav-links > *:first-child, .comments-pagination .nav-links > *:first-child { margin-left: 0; } .pagination .nav-links > *:last-child, .comments-pagination .nav-links > *:last-child { margin-right: 0; } .pagination .nav-links > *.next, .comments-pagination .nav-links > *.next { margin-left: auto; } .pagination .nav-links > *.prev, .comments-pagination .nav-links > *.prev { margin-right: auto; } @media only screen and (max-width: 821.98px) { .pagination .nav-links, .comments-pagination .nav-links { display: flex; flex-wrap: wrap; } .pagination .page-numbers, .comments-pagination .page-numbers { display: none; } .pagination .page-numbers.prev, .pagination .page-numbers.next, .comments-pagination .page-numbers.prev, .comments-pagination .page-numbers.next { display: inline-block; flex: 0 1 auto; } } @media only screen and (max-width: 481.98px) { .pagination .nav-short, .comments-pagination .nav-short { display: none; } } .comments-pagination { padding-top: calc(0.66 * var(--global--spacing-vertical)); margin: calc(3 * var(--global--spacing-vertical)) auto; } @media only screen and (min-width: 822px) { .comments-pagination { margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto; } } .comments-pagination .nav-links > * { font-size: var(--global--font-size-md); } .widget-area { margin-top: calc(6 * var(--global--spacing-vertical)); padding-bottom: calc(var(--global--spacing-vertical) / 3); color: var(--footer--color-text); font-size: var(--footer--font-size); font-family: var(--footer--font-family); } @media only screen and (min-width: 652px) { .widget-area { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: calc(2 * var(--global--spacing-horizontal)); } } @media only screen and (min-width: 1024px) { .widget-area { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 481.98px) { .widget-area { margin-top: calc(3 * var(--global--spacing-vertical)); } } .widget-area .wp-block-social-links.alignright { margin-top: var(--global--spacing-vertical); justify-content: flex-end; } .widget-area .wp-block-social-links.alignleft { margin-top: var(--global--spacing-vertical); } .widget-area:after { content: ""; display: table; clear: both; } .widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 { font-weight: var(--widget--font-weight-title); line-height: var(--widget--line-height-title); } .widget h1 { font-size: var(--global--font-size-md); } .widget h2 { font-size: var(--global--font-size-sm); } .widget h3 { font-size: var(--global--font-size-xs); } .widget h4 { font-size: var(--global--font-size-xs); } .widget h5 { font-size: var(--global--font-size-xs); } .widget h6 { font-size: var(--global--font-size-xs); } .widget ul { list-style-type: none; padding: 0; } .widget ul li { line-height: var(--widget--line-height-list); } .widget ul.sub-menu, .widget ul.children { margin-left: var(--widget--spacing-menu); } .widget ul .sub-menu-toggle { display: none; } .widget a { color: var(--footer--color-link); text-decoration: underline; text-decoration-style: solid; text-decoration-color: currentColor; } .widget a:link, .widget a:visited, .widget a:active { color: var(--footer--color-link); } .widget a:hover { color: var(--footer--color-link-hover); text-decoration-style: dotted; } .search-form { display: flex; flex-wrap: wrap; margin: auto; max-width: var(--responsive--aligndefault-width); } .search-form > label { width: 100%; margin-bottom: 0; font-weight: var(--form--label-weight); } .search-form .search-field { flex-grow: 1; max-width: inherit; margin-top: calc(var(--global--spacing-vertical) / 3); margin-right: calc(0.66 * var(--global--spacing-horizontal)); } .search-form .search-submit { margin-top: calc(var(--global--spacing-vertical) / 3); margin-left: 10px; } .widget_search > .search-form .search-field { margin-right: calc(-1 * var(--button--border-width)); -webkit-appearance: none; margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } .widget_search > .search-form .search-submit { margin-left: 0; margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } .widget_rss a.rsswidget .rss-widget-icon { display: none; } /* Category 07 is for any utility classes that are not assigned to a specific component. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; } .skip-link:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } .has-black-color[class] { color: var(--global--color-black); } .has-black-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-black, #000); color: var(--local--color-primary); } .has-gray-color[class] { color: var(--global--color-gray); } .has-gray-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-gray, #000); color: var(--local--color-primary); } .has-dark-gray-color[class] { color: var(--global--color-dark-gray); } .has-dark-gray-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-dark-gray, #000); color: var(--local--color-primary); } .has-green-color[class] { color: var(--global--color-green); } .has-green-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-green, #fff); color: var(--local--color-primary); } .has-blue-color[class] { color: var(--global--color-blue); } .has-blue-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-blue, #fff); color: var(--local--color-primary); } .has-purple-color[class] { color: var(--global--color-purple); } .has-purple-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-purple, #fff); color: var(--local--color-primary); } .has-red-color[class] { color: var(--global--color-red); } .has-red-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-red, #fff); color: var(--local--color-primary); } .has-orange-color[class] { color: var(--global--color-orange); } .has-orange-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-orange, #fff); color: var(--local--color-primary); } .has-yellow-color[class] { color: var(--global--color-yellow); } .has-yellow-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-yellow, #fff); color: var(--local--color-primary); } .has-white-color[class] { color: var(--global--color-white); } .has-white-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-white, #fff); color: var(--local--color-primary); } .has-background a, .has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 { color: currentColor; } .has-black-background-color[class] { background-color: var(--global--color-black); } .has-black-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-black, #000); background-color: var(--local--color-background); } .has-dark-gray-background-color[class] { background-color: var(--global--color-dark-gray); } .has-dark-gray-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-dark-gray, #000); background-color: var(--local--color-background); } .has-gray-background-color[class] { background-color: var(--global--color-gray); } .has-gray-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-gray, #000); background-color: var(--local--color-background); } .has-light-gray-background-color[class] { background-color: var(--global--color-light-gray); } .has-light-gray-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-light-gray, #fff); background-color: var(--local--color-background); } .has-green-background-color[class] { background-color: var(--global--color-green); } .has-green-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-green, #fff); background-color: var(--local--color-background); } .has-blue-background-color[class] { background-color: var(--global--color-blue); } .has-blue-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-blue, #fff); background-color: var(--local--color-background); } .has-purple-background-color[class] { background-color: var(--global--color-purple); } .has-purple-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-purple, #fff); background-color: var(--local--color-background); } .has-red-background-color[class] { background-color: var(--global--color-red); } .has-red-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-red, #fff); background-color: var(--local--color-background); } .has-orange-background-color[class] { background-color: var(--global--color-orange); } .has-orange-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-orange, #fff); background-color: var(--local--color-background); } .has-yellow-background-color[class] { background-color: var(--global--color-yellow); } .has-yellow-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-yellow, #fff); background-color: var(--local--color-background); } .has-white-background-color[class] { background-color: var(--global--color-white); } .has-white-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-white, #fff); background-color: var(--local--color-background); } .has-background:not(.has-text-color).has-black-background-color[class], .has-background:not(.has-text-color).has-gray-background-color[class], .has-background:not(.has-text-color).has-dark-gray-background-color[class] { color: var(--global--color-white); } .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-background, #fff); color: var(--local--color-primary, var(--global--color-primary)); } .is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-primary, #000); } .has-background:not(.has-text-color).has-green-background-color[class], .has-background:not(.has-text-color).has-blue-background-color[class], .has-background:not(.has-text-color).has-purple-background-color[class], .has-background:not(.has-text-color).has-red-background-color[class], .has-background:not(.has-text-color).has-orange-background-color[class], .has-background:not(.has-text-color).has-yellow-background-color[class], .has-background:not(.has-text-color).has-white-background-color[class] { color: var(--global--color-dark-gray); } .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-primary, #000); color: var(--local--color-primary, var(--global--color-primary)); } .is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-background, #fff); } .has-purple-to-yellow-gradient-background { background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow)); } .has-yellow-to-purple-gradient-background { background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple)); } .has-green-to-yellow-gradient-background { background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow)); } .has-yellow-to-green-gradient-background { background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green)); } .has-red-to-yellow-gradient-background { background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow)); } .has-yellow-to-red-gradient-background { background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red)); } .has-purple-to-red-gradient-background { background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red)); } .has-red-to-purple-gradient-background { background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple)); } header *, main *, footer * { max-width: var(--global--spacing-measure); } html, body, div, header, nav, article, figure, hr, main, section, footer { max-width: none; } .is-IE.is-dark-theme { color: #fff; } .is-IE.is-dark-theme *, .is-IE.is-dark-theme a, .is-IE.is-dark-theme .site-description, .is-IE.is-dark-theme .entry-title, .is-IE.is-dark-theme .entry-footer, .is-IE.is-dark-theme .widget-area, .is-IE.is-dark-theme .post-navigation .meta-nav, .is-IE.is-dark-theme .footer-navigation-wrapper li a:link, .is-IE.is-dark-theme .site-footer > .site-info, .is-IE.is-dark-theme .site-footer > .site-info a, .is-IE.is-dark-theme .site-footer > .site-info a:visited { color: #fff; } .is-IE.is-dark-theme .sub-menu-toggle svg, .is-IE.is-dark-theme .sub-menu-toggle path, .is-IE.is-dark-theme .post-navigation .meta-nav svg, .is-IE.is-dark-theme .post-navigation .meta-nav path { fill: #fff; } .is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li { background: #000; } @media only screen and (max-width: 481.98px) { .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container, .is-IE.is-dark-theme.primary-navigation-open .menu-button-container { background-color: #000; } } .is-IE.is-dark-theme .skip-link:focus { color: #21759b; } .is-IE .navigation .nav-links { display: block; } .is-IE .post-thumbnail .wp-post-image { min-width: auto; } footer.php000064400000004317147206564210006567 0ustar00 404.php000064400000001321147206564210005570 0ustar00

source on its own array key, without adding either * the `width` or `height` attributes, since these are added dynamically, * before rendering the SVG code. * * All icons are assumed to have equal width and height, hence the option * to only specify a `$size` parameter in the svg methods. * * @since Twenty Twenty-One 1.0 */ class Twenty_Twenty_One_SVG_Icons { /** * User Interface icons – svg sources. * * @since Twenty Twenty-One 1.0 * * @var array */ protected static $icons = array( 'arrow_right' => '', 'arrow_left' => '', 'close' => '', 'menu' => '', 'plus' => '', 'minus' => '', ); /** * Social Icons – svg sources. * * @since Twenty Twenty-One 1.0 * * @var array */ protected static $social_icons = array( '500px' => '', 'amazon' => '', 'bandcamp' => '', 'behance' => '', 'codepen' => '', 'deviantart' => '', 'dribbble' => '', 'dropbox' => '', 'etsy' => '', 'facebook' => '', 'feed' => '', 'flickr' => '', 'foursquare' => '', 'goodreads' => '', 'google' => '', 'github' => '', 'instagram' => '', 'lastfm' => '', 'linkedin' => '', 'mail' => '', 'mastodon' => '', 'medium' => '', 'meetup' => '', 'pinterest' => '', 'pocket' => '', 'reddit' => '', 'skype' => '', 'snapchat' => '', 'soundcloud' => '', 'spotify' => '', 'tumblr' => '', 'twitch' => '', 'twitter' => '', 'vimeo' => '', 'vk' => '', 'wordpress' => '', 'yelp' => '', 'youtube' => '', ); /** * Social Icons – domain mappings. * * By default, each Icon ID is matched against a .com TLD. To override this behavior, * specify all the domains it covers (including the .com TLD too, if applicable). * * @since Twenty Twenty-One 1.0 * * @var array */ protected static $social_icons_map = array( 'amazon' => array( 'amazon.com', 'amazon.cn', 'amazon.in', 'amazon.fr', 'amazon.de', 'amazon.it', 'amazon.nl', 'amazon.es', 'amazon.co', 'amazon.ca', ), 'behance' => array( 'behance.net', ), 'codepen' => array( 'codepen.io', ), 'facebook' => array( 'facebook.com', 'fb.me', ), 'feed' => array( 'feed', ), 'lastfm' => array( 'last.fm', ), 'mail' => array( 'mailto:', ), 'mastodon' => array( 'mastodon.social', 'pawoo.net', 'mstdn.jp', 'mastodon.cloud', 'mastodon.online', 'counter.social', 'mstdn.social', 'mas.to', 'mastodon.world', 'gc2.jp', ), 'pocket' => array( 'getpocket.com', ), 'twitch' => array( 'twitch.tv', ), 'wordpress' => array( 'wordpress.com', 'wordpress.org', ), ); /** * Gets the SVG code for a given icon. * * @static * * @since Twenty Twenty-One 1.0 * * @param string $group The icon group. * @param string $icon The icon. * @param int $size The icon-size in pixels. * @return string */ public static function get_svg( $group, $icon, $size ) { if ( 'ui' === $group ) { $arr = self::$icons; } elseif ( 'social' === $group ) { $arr = self::$social_icons; } else { $arr = array(); } /** * Filters Twenty Twenty-Ones's array of icons. * * The dynamic portion of the hook name, `$group`, refers to * the name of the group of icons, either "ui" or "social". * * @since Twenty Twenty-One 1.0 * * @param array $arr Array of icons. */ $arr = apply_filters( "twenty_twenty_one_svg_icons_{$group}", $arr ); $svg = ''; if ( array_key_exists( $icon, $arr ) ) { $repl = sprintf( ''; } } return null; } } classes/class-twenty-twenty-one-dark-mode.php000064400000030155147206564210015332 0ustar00 in the dashboard. add_filter( 'admin_body_class', array( $this, 'admin_body_classes' ) ); // Add the switch on the frontend & customizer. add_action( 'wp_footer', array( $this, 'the_switch' ) ); // Add the privacy policy content. add_action( 'admin_init', array( $this, 'add_privacy_policy_content' ) ); } /** * Enqueues editor custom color variables & scripts. * * @since Twenty Twenty-One 1.0 * * @return void */ public function editor_custom_color_variables() { if ( ! $this->switch_should_render() ) { return; } $background_color = get_theme_mod( 'background_color', 'D1E4DD' ); $should_respect_color_scheme = get_theme_mod( 'respect_user_color_preference', false ); if ( $should_respect_color_scheme && Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( $background_color ) > 127 ) { // Add Dark Mode variable overrides. wp_add_inline_style( 'twenty-twenty-one-custom-color-overrides', '.is-dark-theme.is-dark-theme .editor-styles-wrapper { --global--color-background: var(--global--color-dark-gray); --global--color-primary: var(--global--color-light-gray); --global--color-secondary: var(--global--color-light-gray); --button--color-text: var(--global--color-background); --button--color-text-hover: var(--global--color-secondary); --button--color-text-active: var(--global--color-secondary); --button--color-background: var(--global--color-secondary); --button--color-background-active: var(--global--color-background); --global--color-border: #9ea1a7; --table--stripes-border-color: rgba(240, 240, 240, 0.15); --table--stripes-background-color: rgba(240, 240, 240, 0.15); }' ); } wp_enqueue_script( 'twentytwentyone-dark-mode-support-toggle', get_template_directory_uri() . '/assets/js/dark-mode-toggler.js', array(), '1.0.0', array( 'in_footer' => true ) ); wp_enqueue_script( 'twentytwentyone-editor-dark-mode-support', get_template_directory_uri() . '/assets/js/editor-dark-mode-support.js', array( 'twentytwentyone-dark-mode-support-toggle' ), '1.0.0', array( 'in_footer' => true ) ); } /** * Enqueues scripts and styles. * * @since Twenty Twenty-One 1.0 * * @return void */ public function enqueue_scripts() { if ( ! $this->switch_should_render() ) { return; } $url = get_template_directory_uri() . '/assets/css/style-dark-mode.css'; if ( is_rtl() ) { $url = get_template_directory_uri() . '/assets/css/style-dark-mode-rtl.css'; } wp_enqueue_style( 'tt1-dark-mode', $url, array( 'twenty-twenty-one-style' ), wp_get_theme()->get( 'Version' ) ); // @phpstan-ignore-line. Version is always a string. } /** * Enqueues scripts for the customizer. * * @since Twenty Twenty-One 1.0 * * @return void */ public function customize_controls_enqueue_scripts() { if ( ! $this->switch_should_render() ) { return; } wp_enqueue_script( 'twentytwentyone-customize-controls', get_template_directory_uri() . '/assets/js/customize.js', array( 'customize-base', 'customize-controls', 'underscore', 'jquery', 'twentytwentyone-customize-helpers' ), '1.0.0', array( 'in_footer' => true ) ); } /** * Registers customizer options. * * @since Twenty Twenty-One 1.0 * * @param WP_Customize_Manager $wp_customize Theme Customizer object. * @return void */ public function customizer_controls( $wp_customize ) { $colors_section = $wp_customize->get_section( 'colors' ); if ( is_object( $colors_section ) ) { $colors_section->title = __( 'Colors & Dark Mode', 'twentytwentyone' ); } // Custom notice control. require_once get_theme_file_path( 'classes/class-twenty-twenty-one-customize-notice-control.php' ); // phpcs:ignore WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound $wp_customize->add_setting( 'respect_user_color_preference_notice', array( 'capability' => 'edit_theme_options', 'default' => '', 'sanitize_callback' => '__return_empty_string', ) ); $wp_customize->add_control( new Twenty_Twenty_One_Customize_Notice_Control( $wp_customize, 'respect_user_color_preference_notice', array( 'section' => 'colors', 'priority' => 100, 'active_callback' => static function () { return 127 >= Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( get_theme_mod( 'background_color', 'D1E4DD' ) ); }, ) ) ); $wp_customize->add_setting( 'respect_user_color_preference', array( 'capability' => 'edit_theme_options', 'default' => false, 'sanitize_callback' => static function ( $value ) { return (bool) $value; }, ) ); $description = '

'; $description .= sprintf( /* translators: %s: Twenty Twenty-One support article URL. */ __( 'Dark Mode is a device setting. If a visitor to your site requests it, your site will be shown with a dark background and light text. Learn more about Dark Mode.', 'twentytwentyone' ), esc_url( __( 'https://wordpress.org/documentation/article/twenty-twenty-one/#dark-mode-support', 'twentytwentyone' ) ) ); $description .= '

'; $description .= '

' . __( 'Dark Mode can also be turned on and off with a button that you can find in the bottom corner of the page.', 'twentytwentyone' ) . '

'; $wp_customize->add_control( 'respect_user_color_preference', array( 'type' => 'checkbox', 'section' => 'colors', 'label' => esc_html__( 'Dark Mode support', 'twentytwentyone' ), 'priority' => 110, 'description' => $description, 'active_callback' => static function ( $value ) { return 127 < Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( get_theme_mod( 'background_color', 'D1E4DD' ) ); }, ) ); // Add partial for background_color. $wp_customize->selective_refresh->add_partial( 'background_color', array( 'selector' => '#dark-mode-toggler', 'container_inclusive' => true, 'render_callback' => function () { $attrs = ( $this->switch_should_render() ) ? array() : array( 'style' => 'display:none;' ); $this->the_html( $attrs ); }, ) ); } /** * Calculates classes for the main element. * * @since Twenty Twenty-One 1.0 * * @param string $classes The classes for element. * @return string */ public function html_classes( $classes ) { if ( ! $this->switch_should_render() ) { return $classes; } $background_color = get_theme_mod( 'background_color', 'D1E4DD' ); $should_respect_color_scheme = get_theme_mod( 'respect_user_color_preference', false ); if ( $should_respect_color_scheme && 127 <= Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( $background_color ) ) { return ( $classes ) ? ' respect-color-scheme-preference' : 'respect-color-scheme-preference'; } return $classes; } /** * Adds a class to the element in the editor to accommodate dark-mode. * * @since Twenty Twenty-One 1.0 * * @global WP_Screen $current_screen WordPress current screen object. * * @param string $classes The admin body-classes. * @return string */ public function admin_body_classes( $classes ) { if ( ! $this->switch_should_render() ) { return $classes; } global $current_screen; if ( empty( $current_screen ) ) { set_current_screen(); } if ( $current_screen->is_block_editor() ) { $should_respect_color_scheme = get_theme_mod( 'respect_user_color_preference', false ); $background_color = get_theme_mod( 'background_color', 'D1E4DD' ); if ( $should_respect_color_scheme && Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( $background_color ) > 127 ) { $classes .= ' twentytwentyone-supports-dark-theme'; } } return $classes; } /** * Determines if we want to print the dark-mode switch or not. * * @since Twenty Twenty-One 1.0 * * @global bool $is_IE * * @return bool */ public function switch_should_render() { global $is_IE; return ( get_theme_mod( 'respect_user_color_preference', false ) && ! $is_IE && 127 <= Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( get_theme_mod( 'background_color', 'D1E4DD' ) ) ); } /** * Adds night/day switch. * * @since Twenty Twenty-One 1.0 * * @return void */ public function the_switch() { if ( ! $this->switch_should_render() ) { return; } $this->the_html(); $this->the_script(); } /** * Prints the dark-mode switch HTML. * * Inspired from https://codepen.io/aaroniker/pen/KGpXZo (MIT-licensed) * * @since Twenty Twenty-One 1.0 * * @param array $attrs The attributes to add to our '; ?> '; include get_template_directory() . '/assets/js/dark-mode-toggler.js'; // phpcs:ignore WPThemeReview.CoreFunctionality.FileInclude echo ''; } /** * Adds information to the privacy policy. * * @since Twenty Twenty-One 1.0 * * @return void */ public function add_privacy_policy_content() { if ( ! function_exists( 'wp_add_privacy_policy_content' ) ) { return; } $content = '

' . __( 'Twenty Twenty-One uses LocalStorage when Dark Mode support is enabled.', 'twentytwentyone' ) . '

' . '' . __( 'Suggested text:', 'twentytwentyone' ) . ' ' . __( 'This website uses LocalStorage to save the setting when Dark Mode support is turned on or off.
LocalStorage is necessary for the setting to work and is only used when a user clicks on the Dark Mode button.
No data is saved in the database or transferred.', 'twentytwentyone' ); wp_add_privacy_policy_content( __( 'Twenty Twenty-One', 'twentytwentyone' ), wp_kses_post( wpautop( $content, false ) ) ); } } classes/class-twenty-twenty-one-custom-colors.php000064400000011655147206564210016304 0ustar00custom_get_readable_color( $background_color ) . ';'; $theme_css .= '--global--color-secondary: ' . $this->custom_get_readable_color( $background_color ) . ';'; $theme_css .= '--button--color-background: ' . $this->custom_get_readable_color( $background_color ) . ';'; $theme_css .= '--button--color-text-hover: ' . $this->custom_get_readable_color( $background_color ) . ';'; if ( '#fff' === $this->custom_get_readable_color( $background_color ) ) { $theme_css .= '--table--stripes-border-color: rgba(240, 240, 240, 0.15);'; $theme_css .= '--table--stripes-background-color: rgba(240, 240, 240, 0.15);'; } } $theme_css .= '}'; return $theme_css; } /** * Customizer & frontend custom color variables. * * @since Twenty Twenty-One 1.0 * * @return void */ public function custom_color_variables() { if ( 'd1e4dd' !== strtolower( get_theme_mod( 'background_color', 'D1E4DD' ) ) ) { wp_add_inline_style( 'twenty-twenty-one-style', $this->generate_custom_color_variables() ); } } /** * Editor custom color variables. * * @since Twenty Twenty-One 1.0 * * @return void */ public function editor_custom_color_variables() { wp_enqueue_style( 'twenty-twenty-one-custom-color-overrides', get_theme_file_uri( 'assets/css/custom-color-overrides.css' ), array(), wp_get_theme()->get( 'Version' ) ); $background_color = get_theme_mod( 'background_color', 'D1E4DD' ); if ( 'd1e4dd' !== strtolower( $background_color ) ) { wp_add_inline_style( 'twenty-twenty-one-custom-color-overrides', $this->generate_custom_color_variables( 'editor' ) ); } } /** * Get luminance from a HEX color. * * @static * * @since Twenty Twenty-One 1.0 * * @param string $hex The HEX color. * @return int Returns a number (0-255). */ public static function get_relative_luminance_from_hex( $hex ) { // Remove the "#" symbol from the beginning of the color. $hex = ltrim( $hex, '#' ); // Make sure there are 6 digits for the below calculations. if ( 3 === strlen( $hex ) ) { $hex = substr( $hex, 0, 1 ) . substr( $hex, 0, 1 ) . substr( $hex, 1, 1 ) . substr( $hex, 1, 1 ) . substr( $hex, 2, 1 ) . substr( $hex, 2, 1 ); } // Get red, green, blue. $red = hexdec( substr( $hex, 0, 2 ) ); $green = hexdec( substr( $hex, 2, 2 ) ); $blue = hexdec( substr( $hex, 4, 2 ) ); // Calculate the luminance. $lum = ( 0.2126 * $red ) + ( 0.7152 * $green ) + ( 0.0722 * $blue ); return (int) round( $lum ); } /** * Adds a class to if the background-color is dark. * * @since Twenty Twenty-One 1.0 * * @param array $classes The existing body classes. * @return array */ public function body_class( $classes ) { $background_color = get_theme_mod( 'background_color', 'D1E4DD' ); $luminance = self::get_relative_luminance_from_hex( $background_color ); if ( 127 > $luminance ) { $classes[] = 'is-dark-theme'; } else { $classes[] = 'is-light-theme'; } if ( 225 <= $luminance ) { $classes[] = 'has-background-white'; } return $classes; } } classes/class-twenty-twenty-one-customize-notice-control.php000064400000002143147206564210020442 0ustar00

get( 'Version' ), false ); } /** * Refresh the parameters passed to the JavaScript via JSON. * * @since Twenty Twenty-One 1.0 * * @uses WP_Customize_Control::to_json() * * @return void */ public function to_json() { parent::to_json(); $this->json['palette'] = $this->palette; } } classes/class-twenty-twenty-one-customize.php000064400000011522147206564210015506 0ustar00get_setting( 'blogname' )->transport = 'postMessage'; // @phpstan-ignore-line. Assume that this setting exists. $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage'; // @phpstan-ignore-line. Assume that this setting exists. // Add partial for blogname. $wp_customize->selective_refresh->add_partial( 'blogname', array( 'selector' => '.site-title', 'render_callback' => array( $this, 'partial_blogname' ), ) ); // Add partial for blogdescription. $wp_customize->selective_refresh->add_partial( 'blogdescription', array( 'selector' => '.site-description', 'render_callback' => array( $this, 'partial_blogdescription' ), ) ); // Add "display_title_and_tagline" setting for displaying the site-title & tagline. $wp_customize->add_setting( 'display_title_and_tagline', array( 'capability' => 'edit_theme_options', 'default' => true, 'sanitize_callback' => array( __CLASS__, 'sanitize_checkbox' ), ) ); // Add control for the "display_title_and_tagline" setting. $wp_customize->add_control( 'display_title_and_tagline', array( 'type' => 'checkbox', 'section' => 'title_tagline', 'label' => esc_html__( 'Display Site Title & Tagline', 'twentytwentyone' ), ) ); /** * Add excerpt or full text selector to customizer */ $wp_customize->add_section( 'excerpt_settings', array( 'title' => esc_html__( 'Excerpt Settings', 'twentytwentyone' ), 'priority' => 120, ) ); $wp_customize->add_setting( 'display_excerpt_or_full_post', array( 'capability' => 'edit_theme_options', 'default' => 'excerpt', 'sanitize_callback' => static function ( $value ) { return 'excerpt' === $value || 'full' === $value ? $value : 'excerpt'; }, ) ); $wp_customize->add_control( 'display_excerpt_or_full_post', array( 'type' => 'radio', 'section' => 'excerpt_settings', 'label' => esc_html__( 'On Archive Pages, posts show:', 'twentytwentyone' ), 'choices' => array( 'excerpt' => esc_html__( 'Summary', 'twentytwentyone' ), 'full' => esc_html__( 'Full text', 'twentytwentyone' ), ), ) ); // Background color. // Include the custom control class. require_once get_theme_file_path( 'classes/class-twenty-twenty-one-customize-color-control.php' ); // phpcs:ignore WPThemeReview.CoreFunctionality.FileInclude.FileIncludeFound // Register the custom control. $wp_customize->register_control_type( 'Twenty_Twenty_One_Customize_Color_Control' ); // Get the palette from theme-supports. $palette = get_theme_support( 'editor-color-palette' ); // Build the colors array from theme-support. $colors = array(); if ( isset( $palette[0] ) && is_array( $palette[0] ) ) { foreach ( $palette[0] as $palette_color ) { $colors[] = $palette_color['color']; } } // Add the control. Overrides the default background-color control. $wp_customize->add_control( new Twenty_Twenty_One_Customize_Color_Control( $wp_customize, 'background_color', array( 'label' => esc_html_x( 'Background color', 'Customizer control', 'twentytwentyone' ), 'section' => 'colors', 'palette' => $colors, ) ) ); } /** * Sanitize boolean for checkbox. * * @since Twenty Twenty-One 1.0 * * @param bool $checked Whether or not a box is checked. * @return bool */ public static function sanitize_checkbox( $checked = null ) { return (bool) isset( $checked ) && true === $checked; } /** * Render the site title for the selective refresh partial. * * @since Twenty Twenty-One 1.0 * * @return void */ public function partial_blogname() { bloginfo( 'name' ); } /** * Render the site tagline for the selective refresh partial. * * @since Twenty Twenty-One 1.0 * * @return void */ public function partial_blogdescription() { bloginfo( 'description' ); } } } single.php000064400000003242147206564210006546 0ustar00 sprintf( __( 'Published in%s', 'twentytwentyone' ), '%title' ), ) ); } // If comments are open or there is at least one comment, load up the comment template. if ( comments_open() || get_comments_number() ) { comments_template(); } // Previous/next post navigation. $twentytwentyone_next = is_rtl() ? twenty_twenty_one_get_icon_svg( 'ui', 'arrow_left' ) : twenty_twenty_one_get_icon_svg( 'ui', 'arrow_right' ); $twentytwentyone_prev = is_rtl() ? twenty_twenty_one_get_icon_svg( 'ui', 'arrow_right' ) : twenty_twenty_one_get_icon_svg( 'ui', 'arrow_left' ); $twentytwentyone_next_label = esc_html__( 'Next post', 'twentytwentyone' ); $twentytwentyone_previous_label = esc_html__( 'Previous post', 'twentytwentyone' ); the_post_navigation( array( 'next_text' => '

' . $twentytwentyone_next_label . $twentytwentyone_next . '

%title

', 'prev_text' => '

' . $twentytwentyone_prev . $twentytwentyone_previous_label . '

%title

', ) ); endwhile; // End of the loop. get_footer(); package.json000064400000004726147206564210007052 0ustar00{ "name": "twentytwentyone", "version": "2.3.0", "description": "Default WP Theme", "author": "The WordPress Contributors", "license": "GPL-2.0-or-later", "keywords": [ "WordPress", "Theme" ], "bugs": { "url": "https://core.trac.wordpress.org/" }, "homepage": "https://wordpress.org/themes/twentytwentyone/", "engines": { "node": ">=20.10.0", "npm": ">=10.2.3" }, "devDependencies": { "@wordpress/browserslist-config": "^6.1.0", "@wordpress/eslint-plugin": "^17.4.0", "@wordpress/stylelint-config": "^21.30.0", "autoprefixer": "^10.4.19", "chokidar-cli": "^3.0.0", "eslint": "^8.55.0", "minimist": "^1.2.8", "npm-run-all": "^4.1.5", "postcss": "^8.4.38", "postcss-calc": "^10.0.0", "postcss-cli": "^11.0.0", "postcss-css-variables": "^0.19.0", "postcss-custom-media": "^10.0.6", "postcss-discard-duplicates": "^7.0.0", "postcss-discard-empty": "^7.0.0", "postcss-focus-within": "^8.0.1", "postcss-merge-rules": "^7.0.2", "postcss-nested": "^6.0.0", "rtlcss": "^4.0.0", "sass": "^1.77.6", "stylelint": "^14.16.1", "stylelint-config-recommended-scss": "^14.0.0" }, "rtlcssConfig": { "options": { "autoRename": false, "autoRenameStrict": false, "blacklist": {}, "clean": true, "greedy": false, "processUrls": false, "stringMap": [] }, "plugins": [], "map": false }, "browserslist": [ "extends @wordpress/browserslist-config" ], "scripts": { "start": "chokidar \"**/*.scss\" -c \"npm run build\" --initial", "build:style": "sass assets/sass/style.scss:style.css --style=expanded --source-map", "build:style-editor": "sass assets/sass/style-editor.scss:assets/css/style-editor.css --style=expanded --source-map", "build:style-dark-mode": "sass assets/sass/style-dark-mode.scss:assets/css/style-dark-mode.css --style=expanded --source-map", "build:rtl": "rtlcss style.css style-rtl.css", "build:dark-rtl": "rtlcss assets/css/style-dark-mode.css assets/css/style-dark-mode-rtl.css", "build:print": "sass assets/sass/07-utilities/print.scss:assets/css/print.css --style=expanded --source-map", "build:ie": "postcss style.css -o assets/css/ie.css", "build:ie-editor": "postcss assets/css/style-editor.css -o assets/css/ie-editor.css", "build:stylelint": "stylelint **/*.css --fix --config .stylelintrc-css.json", "build": "run-s \"build:*\"", "watch": "chokidar \"**/*.scss\" -c \"npm run build\" --initial", "lint:scss": "stylelint **/*.scss", "lint-fix:scss": "stylelint **/*.scss --fix" } } comments.php000064400000005110147206564210007106 0ustar00

    60, 'style' => 'ol', 'short_ping' => true, ) ); ?>
esc_html__( 'Page', 'twentytwentyone' ) . ' ', 'mid_size' => 0, 'prev_text' => sprintf( '%s %s', is_rtl() ? twenty_twenty_one_get_icon_svg( 'ui', 'arrow_right' ) : twenty_twenty_one_get_icon_svg( 'ui', 'arrow_left' ), esc_html__( 'Older comments', 'twentytwentyone' ) ), 'next_text' => sprintf( '%s %s', esc_html__( 'Newer comments', 'twentytwentyone' ), is_rtl() ? twenty_twenty_one_get_icon_svg( 'ui', 'arrow_left' ) : twenty_twenty_one_get_icon_svg( 'ui', 'arrow_right' ) ), ) ); ?>

esc_html__( 'Leave a comment', 'twentytwentyone' ), 'title_reply_before' => '

', 'title_reply_after' => '

', ) ); ?>
postcss.config.js000064400000000477147206564210010063 0ustar00module.exports = { plugins: [ require('postcss-nested'), require('postcss-css-variables')({ preserve: false, preserveAtRulesOrder: true }), require('postcss-calc')({ precision: 0 }), require('postcss-discard-duplicates'), require('postcss-merge-rules'), require('postcss-discard-empty') ] }; header.php000064400000002003147206564210006507 0ustar00 section and everything up until main. * * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials * * @package WordPress * @subpackage Twenty_Twenty_One * @since Twenty Twenty-One 1.0 */ ?> > >
assets/css/ie-editor.css000064400000171250147206564210011246 0ustar00@charset "UTF-8"; /** * These styles should be loaded by the Block Editor only */ /* Variables */ :root { /* Font Family */ /* Font Size */ /* Line Height */ /* Headings */ /* Block: Latest posts */ /* Colors */ /* Body text color, site title, footer text color. */ /* Headings */ /* Mint, default body background */ /* Used for borders (separators) */ /* Spacing */ /* Elevation */ /* Forms */ /* Cover block */ /* Buttons */ /* entry */ /* Header */ /* Main navigation */ /* Pagination */ /* Footer */ /* Block: Pull quote */ /* Block: Table */ /* Widgets */ /* Admin-bar height */ } /** * Responsive Styles */ /** * Required Variables */ /** * Root Media Query Variables */ /** * Extends */ .default-max-width { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .default-max-width { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .default-max-width { max-width: min(calc(100vw - 200px), 610px); } } .wide-max-width { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .wide-max-width { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .wide-max-width { max-width: min(calc(100vw - 200px), 1240px); } } @media only screen and (min-width: 482px) { .full-max-width { max-width: 100%; width: auto; margin-left: auto; margin-right: auto; } } b, strong { font-weight: 700; } blockquote { padding: 0; position: relative; margin: 30px 0 30px 25px; } blockquote > * { margin-top: 20px; margin-bottom: 20px; } blockquote > *:first-child { margin-top: 0; } blockquote > *:last-child { margin-bottom: 0; } blockquote p { letter-spacing: normal; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 1.7; } blockquote cite, blockquote footer { font-weight: normal; letter-spacing: normal; } blockquote.alignleft, blockquote.alignright { padding-left: inherit; } blockquote.alignleft p, blockquote.alignright p { font-size: 1.125rem; max-width: inherit; width: inherit; } blockquote.alignleft cite, blockquote.alignleft footer, blockquote.alignright cite, blockquote.alignright footer { font-size: 1rem; letter-spacing: normal; } blockquote strong { font-weight: bolder; } blockquote:before { content: "“"; position: absolute; left: -12px; } blockquote .wp-block-quote__citation, blockquote cite, blockquote footer { color: #28303d; font-style: normal; } @media only screen and (max-width: 481.98px) { blockquote { padding-left: 13px; } blockquote:before { left: 0; } } img { height: auto; vertical-align: middle; } /* Classic editor images */ /* Make sure embeds and iframes fit their containers. */ img, .entry-content img, embed, iframe, object, video { max-width: 100%; } /* Media captions */ figcaption, .wp-caption, .wp-caption-text, .wp-block-embed figcaption { color: currentColor; font-size: 1rem; line-height: 1.7; margin-top: 10px; margin-bottom: 20px; text-align: center; } .alignleft figcaption, .alignright figcaption, .alignleft .wp-caption, .alignright .wp-caption, .alignleft .wp-caption-text, .alignright .wp-caption-text, .alignleft .wp-block-embed figcaption, .alignright .wp-block-embed figcaption { margin-bottom: 0; } /* WP Smiley */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } select, select:focus { border: 3px solid #39414d; border-radius: 0; color: #28303d; font-size: 1.125rem; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding: 10px 30px 10px 10px; background: #fff url("data:image/svg+xml;utf8,") no-repeat; background-position: right 10px top 60%; } /* * text-underline-offset doesn't work in Chrome at all 👎 * But looks nice in Safari/Firefox, so let's keep it and * maybe Chrome will support it soon. */ a { cursor: pointer; color: #28303d; text-underline-offset: 3px; text-decoration-skip-ink: all; } a:hover { text-decoration-style: dotted; text-decoration-skip-ink: none; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; text-decoration: underline 1px dotted currentColor; text-decoration-skip-ink: none; background: rgba(255, 255, 255, 0.9); } .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: #000; color: #fff; text-decoration: none; } .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { color: #fff; } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: rgba(0, 0, 0, 0.9); color: #fff; } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { color: #fff; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link { /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; outline-offset: -2px; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus { color: #21759b; background-color: #f1f1f1; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { background: none; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { outline: 2px dotted #28303d; } .wp-block-button__link { border: 3px solid transparent; border-radius: 0; cursor: pointer; font-weight: 500; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; line-height: 1.5; padding: 15px 30px; text-decoration: none; } .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: #d1e4dd; } .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { color: #28303d; } .wp-block-button__link:not(:hover):not(:active):not(.has-background), .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: #28303d; } .wp-block-button__link:hover, .wp-block-button__link:active { background-color: transparent; border-color: currentColor; color: inherit; } .wp-block-button__link:focus { outline-offset: -6px; outline: 2px dotted currentColor; } .wp-block-button__link:disabled { background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); color: #39414d; } /** * Block Options */ .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: #d1e4dd; } .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { color: #28303d; } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background), .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: #28303d; } .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active { border-color: currentColor !important; background-color: transparent !important; color: inherit !important; } .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus { outline-offset: inherit; outline: inherit; } .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background { border-color: currentColor; } .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: #28303d; } .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { color: inherit; } .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: transparent; } .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:active { background-color: #28303d !important; border-color: transparent !important; color: #d1e4dd !important; } .has-background .wp-block-button.is-style-outline .wp-block-button__link:hover, .has-background .wp-block-button.is-style-outline .wp-block-button__link:active { background-color: #28303d !important; color: #d1e4dd !important; } .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover, .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { color: #d1e4dd !important; } .wp-block-button.is-style-outline .wp-block-button__link:focus { outline-offset: inherit; outline: inherit; } .wp-block-button.is-style-squared { border-radius: 0; } .is-style-outline .wp-block-button__link[style*=radius], .wp-block-button__link[style*=radius] { outline-offset: 2px; } .wp-block-code code { white-space: pre !important; overflow-x: auto; } .wp-block-code { border-color: #28303d; border-radius: 0; border-style: solid; border-width: 0.1rem; padding: 20px; color: currentColor; } .wp-block-cover, .wp-block-cover-image { background-color: #000; min-height: 450px; margin-top: inherit; margin-bottom: inherit; } .wp-block-cover:not(.alignwide):not(.alignfull), .wp-block-cover-image:not(.alignwide):not(.alignfull) { clear: both; } [data-align=full] .wp-block-cover, [data-align=full] .wp-block-cover-image { margin-top: 0; margin-bottom: 0; } .wp-block-cover > .wp-block-cover__inner-container > *:first-child, .wp-block-cover-image > .wp-block-cover__inner-container > *:first-child { margin-top: 0; } .wp-block-cover > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender), .wp-block-cover-image > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender), .wp-block-cover.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2), .wp-block-cover.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2), .wp-block-cover-image.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2), .wp-block-cover-image.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2) { margin-bottom: 0; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover .block-editor-block-list__block, .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image .block-editor-block-list__block, .wp-block-cover .wp-block-cover__inner-container a, .wp-block-cover .wp-block-cover-image-text a, .wp-block-cover .wp-block-cover-text a, .wp-block-cover .block-editor-block-list__block a, .wp-block-cover-image .wp-block-cover__inner-container a, .wp-block-cover-image .wp-block-cover-image-text a, .wp-block-cover-image .wp-block-cover-text a, .wp-block-cover-image .block-editor-block-list__block a { color: currentColor; } .wp-block-cover .wp-block-cover__inner-container .has-link-color a, .wp-block-cover .wp-block-cover-image-text .has-link-color a, .wp-block-cover .wp-block-cover-text .has-link-color a, .wp-block-cover .block-editor-block-list__block .has-link-color a, .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a, .wp-block-cover-image .wp-block-cover-image-text .has-link-color a, .wp-block-cover-image .wp-block-cover-text .has-link-color a, .wp-block-cover-image .block-editor-block-list__block .has-link-color a { color: #28303d; } .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container, .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text, .wp-block-cover:not([class*=background-color]) .wp-block-cover-text, .wp-block-cover:not([class*=background-color]) .block-editor-block-list__block, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text, .wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block { color: #fff; } .wp-block-cover h2 { font-size: 2.25rem; letter-spacing: normal; line-height: 1.3; padding: 0; text-align: inherit; } @media only screen and (min-width: 652px) { .wp-block-cover h2 { font-size: 3rem; } } .wp-block-cover-image h2 { font-size: 2.25rem; letter-spacing: normal; line-height: 1.3; padding: 0; text-align: inherit; } @media only screen and (min-width: 652px) { .wp-block-cover-image h2 { font-size: 3rem; } } .wp-block-cover h2.has-text-align-left, .wp-block-cover-image h2.has-text-align-left { text-align: left; } .wp-block-cover h2.has-text-align-center, .wp-block-cover-image h2.has-text-align-center { text-align: center; } .wp-block-cover h2.has-text-align-right, .wp-block-cover-image h2.has-text-align-right { text-align: right; } .wp-block-cover.is-style-twentytwentyone-border, .wp-block-cover-image.is-style-twentytwentyone-border { border: 3px solid #28303d; } .wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container, .wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container { background-color: unset; } .wp-block-columns:not(.alignwide):not(.alignfull) { clear: both; } .wp-block-columns .wp-block, .wp-block-columns .wp-block-column { max-width: inherit; } .wp-block-columns > .wp-block-column > *:first-child { margin-top: 0; } .wp-block-columns > .wp-block-column > *:last-child:not(.block-list-appender), .wp-block-columns.has-child-selected > .wp-block-column > *:nth-last-child(2), .wp-block-columns.is-selected > .wp-block-column > *:nth-last-child(2) { margin-bottom: 0; } @media only screen and (min-width: 652px) { .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) { margin-left: -50px; margin-top: 63px; z-index: 2; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) { background-color: #d1e4dd; padding: 20px; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) { padding-left: 50px; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center { margin-top: 0; } } .wp-block[data-align=full] > .wp-block-columns p:not(.has-background), .wp-block[data-align=full] > .wp-block-columns h1:not(.has-background), .wp-block[data-align=full] > .wp-block-columns h2:not(.has-background), .wp-block[data-align=full] > .wp-block-columns h3:not(.has-background), .wp-block[data-align=full] > .wp-block-columns h4:not(.has-background), .wp-block[data-align=full] > .wp-block-columns h5:not(.has-background), .wp-block[data-align=full] > .wp-block-columns h6:not(.has-background) { padding-left: 20px; padding-right: 20px; } .wp-block-file .wp-block-file__textlink { text-decoration: underline; text-decoration-style: solid; text-decoration-thickness: 1px; } .wp-block-file .wp-block-file__textlink:hover { text-decoration: underline; text-decoration-style: dotted; } .wp-block-file .wp-block-file__button { border: 3px solid transparent; border-radius: 0; cursor: pointer; font-weight: 500; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; line-height: 1.5; padding: 15px 30px; text-decoration: none; display: inline-block; } .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { color: #d1e4dd; } .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { color: #28303d; } .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background), .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) { background-color: #28303d; } .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:active { background-color: transparent; border-color: currentColor; color: inherit; } .wp-block-file .wp-block-file__button:focus { outline-offset: -6px; outline: 2px dotted currentColor; } .wp-block-file .wp-block-file__button:disabled { background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); color: #39414d; } .wp-block-file .wp-block-file__button:focus { outline-offset: inherit; outline: inherit; } .wp-block-gallery figcaption { margin-bottom: 0; } .wp-block-gallery figcaption a { color: #fff; } .wp-block-group.has-background { padding: 30px; } [data-align=full] .wp-block-group.has-background { margin-top: 0; margin-bottom: 0; } .wp-block-group.is-style-twentytwentyone-border { border: 3px solid #28303d; padding: 30px; } .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] { max-width: calc(100% + 60px); width: calc(100% + 60px); margin-left: -30px; } .wp-block-group > .wp-block-group__inner-container > *:first-child { margin-top: 0; } .wp-block-group > .wp-block-group__inner-container > *:last-child:not(.block-list-appender), .wp-block-group.has-child-selected > .wp-block-group__inner-container > *:nth-last-child(2), .wp-block-group.is-selected > .wp-block-group__inner-container > *:nth-last-child(2) { margin-bottom: 0; } .wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align=full] { margin: 0; width: 100%; } .wp-block-heading h1, h1, .h1, .wp-block-heading h2, h2, .h2, .wp-block-heading h3, h3, .h3, .wp-block-heading h4, h4, .h4, .wp-block-heading h5, h5, .h5, .wp-block-heading h6, h6, .h6 { clear: both; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; } .wp-block-heading h1 strong, h1 strong, .h1 strong, .wp-block-heading h2 strong, h2 strong, .h2 strong, .wp-block-heading h3 strong, h3 strong, .h3 strong, .wp-block-heading h4 strong, h4 strong, .h4 strong, .wp-block-heading h5 strong, h5 strong, .h5 strong, .wp-block-heading h6 strong, h6 strong, .h6 strong { font-weight: 600; } .wp-block-heading h1[style*="--wp--typography--line-height"], h1[style*="--wp--typography--line-height"], .h1[style*="--wp--typography--line-height"], .wp-block-heading h2[style*="--wp--typography--line-height"], h2[style*="--wp--typography--line-height"], .h2[style*="--wp--typography--line-height"], .wp-block-heading h3[style*="--wp--typography--line-height"], h3[style*="--wp--typography--line-height"], .h3[style*="--wp--typography--line-height"], .wp-block-heading h4[style*="--wp--typography--line-height"], h4[style*="--wp--typography--line-height"], .h4[style*="--wp--typography--line-height"], .wp-block-heading h5[style*="--wp--typography--line-height"], h5[style*="--wp--typography--line-height"], .h5[style*="--wp--typography--line-height"], .wp-block-heading h6[style*="--wp--typography--line-height"], h6[style*="--wp--typography--line-height"], .h6[style*="--wp--typography--line-height"] { line-height: 1.7; } .wp-block-heading h1 { font-size: 4rem; letter-spacing: normal; line-height: 1.1; } @media only screen and (min-width: 652px) { .wp-block-heading h1 { font-size: 6rem; } } h1 { font-size: 4rem; letter-spacing: normal; line-height: 1.1; } @media only screen and (min-width: 652px) { h1 { font-size: 6rem; } } .h1 { font-size: 4rem; letter-spacing: normal; line-height: 1.1; } @media only screen and (min-width: 652px) { .h1 { font-size: 6rem; } } .wp-block-heading h2 { font-size: 2.25rem; letter-spacing: normal; line-height: 1.3; } @media only screen and (min-width: 652px) { .wp-block-heading h2 { font-size: 3rem; } } h2 { font-size: 2.25rem; letter-spacing: normal; line-height: 1.3; } @media only screen and (min-width: 652px) { h2 { font-size: 3rem; } } .h2 { font-size: 2.25rem; letter-spacing: normal; line-height: 1.3; } @media only screen and (min-width: 652px) { .h2 { font-size: 3rem; } } .wp-block-heading h3 { font-size: 2rem; letter-spacing: normal; line-height: 1.3; } @media only screen and (min-width: 652px) { .wp-block-heading h3 { font-size: 2rem; } } h3 { font-size: 2rem; letter-spacing: normal; line-height: 1.3; } @media only screen and (min-width: 652px) { h3 { font-size: 2rem; } } .h3 { font-size: 2rem; letter-spacing: normal; line-height: 1.3; } @media only screen and (min-width: 652px) { .h3 { font-size: 2rem; } } .wp-block-heading h4, h4, .h4 { font-size: 1.5rem; font-weight: 600; letter-spacing: normal; line-height: 1.3; } .wp-block-heading h5, h5, .h5 { font-size: 1.125rem; font-weight: 600; letter-spacing: 0.05em; line-height: 1.3; } .wp-block-heading h6, h6, .h6 { font-size: 1rem; font-weight: 600; letter-spacing: 0.05em; line-height: 1.3; } [data-type="core/html"] textarea { color: #28303d; border-radius: 0; padding: 20px; } /* Center image block by default in the editor */ .wp-block-image, .wp-block-image > div:not(.components-placeholder) { text-align: center; } [data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized { margin: 0 auto; } /* Block Styles */ .wp-block-image.is-style-twentytwentyone-border img, .wp-block-image.is-style-twentytwentyone-image-frame img { border: 3px solid #28303d; } .wp-block-image.is-style-twentytwentyone-image-frame img { padding: 20px; } .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments:where(:not([class*=-font-size]):not([style*=font-size])) .wp-block-latest-comments__comment { font-size: 1.125rem; } .wp-block-latest-comments .wp-block-latest-comments__comment { line-height: 1.7; /* Vertical margins logic */ margin-top: 30px; margin-bottom: 30px; } .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { margin-top: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment:last-child { margin-bottom: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wp-block-latest-comments .wp-block-latest-comments__comment-date { color: inherit; font-size: inherit; } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: inherit; line-height: 1.7; margin: 0; } .wp-block-latest-posts { padding-left: 0; } .wp-block-latest-posts:not(.is-grid) > li { margin-top: 50px; margin-bottom: 50px; } .wp-block-latest-posts:not(.is-grid) > li:first-child { margin-top: 0; } .wp-block-latest-posts:not(.is-grid) > li:last-child { margin-bottom: 0; } .wp-block-latest-posts.is-grid { word-wrap: break-word; word-break: break-word; } .wp-block-latest-posts.is-grid > li { margin-bottom: 30px; } .wp-block-latest-posts.is-grid > li:last-child { margin-bottom: 0; } .wp-block-latest-posts > li > * { margin-top: 10px; margin-bottom: 10px; } .wp-block-latest-posts > li > *:first-child { margin-top: 0; } .wp-block-latest-posts > li > *:last-child { margin-bottom: 0; } .wp-block-latest-posts > li > a { display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 2rem; font-weight: normal; line-height: 1.3; margin-bottom: 10px; } @media only screen and (min-width: 652px) { .wp-block-latest-posts > li > a { font-size: 2rem; } } .wp-block-latest-posts .wp-block-latest-posts__post-author { color: #28303d; font-size: 1.25rem; line-height: 1.7; } .wp-block-latest-posts .wp-block-latest-posts__post-date { color: #28303d; font-size: 1rem; line-height: 1.7; } [class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date, .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date { color: currentColor; } .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts .wp-block-latest-posts__post-full-content { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.125rem; line-height: 1.7; margin-top: 20px; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers { border-top: 3px solid #28303d; border-bottom: 3px solid #28303d; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li, .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li { padding-bottom: 30px; border-bottom: 1px solid #28303d; margin-top: 30px; margin-bottom: 30px; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child, .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child { padding-bottom: 0; border-bottom: none; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid { box-shadow: inset 0 -1px 0 0 #28303d; border-bottom: 2px solid #28303d; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li { margin: 0; padding-top: 30px; padding-right: 25px; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child { padding-bottom: 30px; } @media screen and (min-width: 600px) { .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li { width: 50%; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li { width: 33%; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li { width: 25%; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li { width: 20%; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li { width: 17%; } } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li { border: 3px solid #28303d; padding: 30px 25px; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child { padding-bottom: 30px; margin-bottom: 30px; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li { margin-top: 25px; margin-bottom: 25px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } ul, ol { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; margin: 30px 0; padding-left: 50px; } ul.aligncenter, ol.aligncenter { list-style-position: inside; padding: 0; text-align: center; } ul.alignright, ol.alignright { list-style-position: inside; padding: 0; text-align: right; } li > ul, li > ol { margin: 0; } dt { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: bold; } [data-align=full] .wp-block-media-text { margin-top: 0; margin-bottom: 0; } .wp-block-media-text > .wp-block-media-text__content > *:first-child { margin-top: 0; } .wp-block-media-text > .wp-block-media-text__content > *:last-child:not(.block-list-appender), .wp-block-media-text.has-child-selected > .wp-block-media-text__content > *:nth-last-child(2), .wp-block-media-text.is-selected > .wp-block-media-text__content > *:nth-last-child(2) { margin-bottom: 0; } .wp-block-media-text .wp-block-media-text__content { padding: 25px; } .wp-block-media-text.is-style-twentytwentyone-border { border: 3px solid #28303d; } .wp-block-navigation [data-block] { margin-top: revert; margin-bottom: revert; } .wp-block-navigation .wp-block-navigation__container { background: #d1e4dd; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; font-weight: normal; } .wp-block-navigation .has-child .wp-block-navigation__container { box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus { color: #28303d; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { color: currentColor; } p { line-height: 1.7; } p.has-background { padding: 20px; } pre.wp-block-preformatted { overflow-x: auto; white-space: pre !important; font-size: 1rem; } .wp-block-pullquote { padding: 40px 0; text-align: center; border-width: 3px; border-bottom-style: solid; border-top-style: solid; color: currentColor; border-color: currentColor; position: relative; font-size: 2rem; font-style: normal; font-weight: 700; letter-spacing: normal; } @media only screen and (min-width: 652px) { .wp-block-pullquote { font-size: 2rem; } } .wp-block-pullquote blockquote::before { color: currentColor; content: "“"; display: block; position: relative; left: 0; font-size: 3rem; font-weight: 500; line-height: 1; } .wp-block-pullquote p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; } .wp-block-pullquote:where(:not([style*=line-height])) p { line-height: 1.3; } .wp-block-pullquote a { color: currentColor; } .wp-block-pullquote .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { font-size: 1rem; font-style: normal; text-transform: none; } .wp-block-pullquote:not(.is-style-solid-color) { background: none; } .wp-block-pullquote.is-style-solid-color { margin-left: auto; margin-right: auto; padding: 50px; border-width: 3px; border-style: solid; border-color: #28303d; } @media (min-width: 600px) { .wp-block-pullquote.is-style-solid-color { padding: 100px; } } .wp-block-pullquote.is-style-solid-color blockquote::before { text-align: left; } .wp-block-pullquote.is-style-solid-color.alignleft blockquote, .wp-block-pullquote.is-style-solid-color.alignright blockquote { padding-left: 20px; padding-right: 20px; max-width: inherit; } .wp-block-pullquote.is-style-solid-color blockquote { margin: 0; max-width: 100%; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 2rem; } @media only screen and (min-width: 652px) { .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 2rem; } } .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation, .wp-block-pullquote.is-style-solid-color cite, .wp-block-pullquote.is-style-solid-color footer { color: currentColor; } .wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote { padding: 0 40px; } .wp-block[data-align=left] .wp-block-pullquote.is-style-solid-color, .wp-block[data-align=right] .wp-block-pullquote.is-style-solid-color, .wp-block-query.has-background { padding: 20px; } @media only screen and (min-width: 482px) { .wp-block-query.has-background { padding: 30px; } } .wp-block-quote { position: relative; border-left: none; margin: 30px auto 30px 25px; padding-left: 1em; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 1.7; } .wp-block-quote p { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; } .wp-block-quote strong { font-weight: bolder; } .wp-block-quote:before { content: "“"; left: 8px; } .wp-block-quote .wp-block-quote__citation { color: currentColor; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; } .has-background .wp-block-quote .wp-block-quote__citation, [class*=background-color] .wp-block-quote .wp-block-quote__citation, [style*=background-color] .wp-block-quote .wp-block-quote__citation, .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation { color: currentColor; } .wp-block-quote:where(:not([style*=font-style])) .wp-block-quote__citation { font-style: normal; } .wp-block-quote:where(:not([style*=font-weight])) .wp-block-quote__citation { font-weight: normal; } .wp-block-quote.has-text-align-right { margin: 30px 25px 30px auto; padding-right: 0; border-right: none; } .wp-block-quote.has-text-align-right:before { display: none; } .wp-block-quote.has-text-align-right p:before { content: "”"; margin-right: 5px; } .wp-block-quote.has-text-align-center { margin: 30px auto; } .wp-block-quote.has-text-align-center:before { display: none; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-left: 0; /* Resetting margins to match _block-container.scss */ margin-top: 30px; margin-bottom: 30px; } .wp-block-quote.is-large p { font-size: 2.25rem; font-style: normal; line-height: 1.35; } @media only screen and (min-width: 652px) { .wp-block-quote.is-large p { font-size: 2.5rem; } } .wp-block-quote.is-style-large p { font-size: 2.25rem; font-style: normal; line-height: 1.35; } @media only screen and (min-width: 652px) { .wp-block-quote.is-style-large p { font-size: 2.5rem; } } .wp-block-quote.is-large:before { font-size: 2.25rem; line-height: 1.35; left: -25px; } @media only screen and (min-width: 652px) { .wp-block-quote.is-large:before { font-size: 2.5rem; } } .wp-block-quote.is-style-large:before { font-size: 2.25rem; line-height: 1.35; left: -25px; } @media only screen and (min-width: 652px) { .wp-block-quote.is-style-large:before { font-size: 2.5rem; } } .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before { display: none; } .wp-block-quote.is-large.has-text-align-right p:before { content: "”"; font-size: 2.25rem; font-weight: normal; line-height: 1.35; margin-right: 10px; } @media only screen and (min-width: 652px) { .wp-block-quote.is-large.has-text-align-right p:before { font-size: 2.5rem; } } .wp-block-quote.is-style-large.has-text-align-right p:before { content: "”"; font-size: 2.25rem; font-weight: normal; line-height: 1.35; margin-right: 10px; } @media only screen and (min-width: 652px) { .wp-block-quote.is-style-large.has-text-align-right p:before { font-size: 2.5rem; } } @media only screen and (max-width: 481.98px) { .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-left: 25px; } .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before { left: 0; } .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right { padding-left: 0; padding-right: 25px; } .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before { right: 0; } .wp-block-quote { padding-left: 13px; } .wp-block-quote:before { left: 0; } .wp-block-quote.has-text-align-right { padding-left: 0; padding-right: 13px; } .wp-block-quote.has-text-align-right:before { right: 0; } .wp-block-quote.has-text-align-center { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 482px) { .wp-block-quote { margin-left: auto; } .wp-block-quote.has-text-align-right { margin-right: auto; } } .wp-block-rss { padding-left: 0; } .wp-block-rss > li { list-style: none; } .wp-block-rss:not(.is-grid) > li { margin-top: 50px; margin-bottom: 50px; } .wp-block-rss:not(.is-grid) > li:first-child { margin-top: 0; } .wp-block-rss:not(.is-grid) > li:last-child { margin-bottom: 0; } .wp-block-rss.is-grid > li { margin-bottom: 30px; } .wp-block-rss.is-grid > li:last-child, .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li { margin-bottom: 0; } .wp-block-rss > li > * { margin-top: 10px; margin-bottom: 10px; } .wp-block-rss > li > *:first-child { margin-top: 0; } .wp-block-rss > li > *:last-child { margin-bottom: 0; } .wp-block-rss .wp-block-rss__item-title > a { display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 2rem; font-weight: normal; line-height: 1.3; margin-bottom: 10px; } @media only screen and (min-width: 652px) { .wp-block-rss .wp-block-rss__item-title > a { font-size: 2rem; } } .wp-block-rss .wp-block-rss__item-author { color: #28303d; font-size: 1.25rem; line-height: 1.7; } .wp-block-rss .wp-block-rss__item-publish-date { color: #28303d; font-size: 1rem; line-height: 1.7; } [class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date, .has-background .wp-block-rss .wp-block-rss__item-publish-date { color: currentColor; } .wp-block-rss .wp-block-rss__item-excerpt, .wp-block-rss .wp-block-rss__item-full-content { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.125rem; line-height: 1.7; margin-top: 20px; } .wp-block-rss.alignfull { padding-left: 20px; padding-right: 20px; } .entry-content [class*=inner-container] .wp-block-rss.alignfull, .entry-content .has-background .wp-block-rss.alignfull { padding-left: 0; padding-right: 0; } .wp-block-search { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .wp-block-search { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .wp-block-search { max-width: min(calc(100vw - 200px), 610px); } } .wp-block-search .wp-block-search__label { font-size: 1.125rem; font-weight: 500; margin-bottom: 10px; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, .wp-block-search .wp-block-search__input { border: 3px solid #39414d; border-radius: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.125rem; line-height: 1.7; max-width: inherit; margin-right: -3px; padding: 10px; } .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, .is-dark-theme .wp-block-search .wp-block-search__input { background: rgba(255, 255, 255, 0.9); } .has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, .has-background .wp-block-search .wp-block-search__input { border-color: #28303d !important; } .wp-block-search .wp-block-search__button.wp-block-search__button { border: 3px solid transparent; border-radius: 0; cursor: pointer; font-weight: 500; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; line-height: 1.5; padding: 15px 30px; text-decoration: none; box-shadow: none; margin-left: 0; } .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { color: #d1e4dd; } .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background { color: #28303d; } .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background), .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { background-color: #28303d; } .wp-block-search .wp-block-search__button.wp-block-search__button:hover, .wp-block-search .wp-block-search__button.wp-block-search__button:active { background-color: transparent; border-color: currentColor; color: inherit; } .wp-block-search .wp-block-search__button.wp-block-search__button:focus { outline-offset: -6px; outline: 2px dotted currentColor; } .wp-block-search .wp-block-search__button.wp-block-search__button:disabled { background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); color: #39414d; } .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon { padding: 6px 15px; display: inherit; } .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon svg { width: 40px; height: 40px; } .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:hover, .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:active { background-color: #d1e4dd !important; color: #28303d !important; } .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:hover, .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:active { color: #28303d !important; } .wp-block-search .wp-block-search__button.wp-block-search__button:focus { outline-offset: inherit; outline: inherit; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 3px; } .wp-block-search.wp-block-search__button-inside .wp-block-search__input { border: none; } .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover, .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover, .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button, .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button { color: #28303d; } .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover, .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover { background-color: #28303d; color: #fff; } .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button { padding: 15px 30px; } .wp-block[data-align=center] > * { text-align: center; } .wp-block[data-align=center] .wp-block-search__button-only .wp-block-search__inside-wrapper { justify-content: center; } .wp-block-separator, hr { border-bottom: 1px solid #28303d; clear: both; opacity: 1; } .wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"], hr[style*="text-align:right"], hr[style*="text-align: right"] { border-right-color: #28303d; } .wp-block-separator:not(.is-style-dots) { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .wp-block-separator:not(.is-style-dots) { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .wp-block-separator:not(.is-style-dots) { max-width: min(calc(100vw - 200px), 610px); } } hr:not(.is-style-dots) { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { hr:not(.is-style-dots) { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { hr:not(.is-style-dots) { max-width: min(calc(100vw - 200px), 610px); } } [data-align=full] > .wp-block-separator, [data-align=wide] > .wp-block-separator, [data-align=full] > hr, [data-align=wide] > hr { max-width: inherit; } .wp-block-separator.is-style-twentytwentyone-separator-thick, hr.is-style-twentytwentyone-separator-thick { border-bottom-width: 3px; } .wp-block-separator.is-style-dots, hr.is-style-dots { border-bottom: none; } .wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color, hr.is-style-dots.has-background, hr.is-style-dots.has-text-color { background-color: transparent !important; } .wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before, hr.is-style-dots.has-background:before, hr.is-style-dots.has-text-color:before { color: currentColor !important; } .wp-block-separator.is-style-dots:before, hr.is-style-dots:before { color: #28303d; } .has-background .wp-block-separator, [class*=background-color] .wp-block-separator, [style*=background-color] .wp-block-separator, .wp-block-cover[style*=background-image] .wp-block-separator, .has-background hr, [class*=background-color] hr, [style*=background-color] hr, .wp-block-cover[style*=background-image] hr { border-color: currentColor; } .wp-block-social-links [data-block] { margin-top: 0; margin-bottom: 0; } .wp-block-social-links.is-style-twentytwentyone-social-icons-color button { color: #28303d; } .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link { background: none; } table thead, table tfoot, .wp-block-table thead, .wp-block-table tfoot { text-align: center; } table th, .wp-block-table th { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } table td, table th, .wp-block-table td, .wp-block-table th { padding: 10px; } table.is-style-regular .has-background, table.is-style-stripes .has-background, table.is-style-stripes .has-background thead tr, table.is-style-stripes .has-background tfoot tr, table.is-style-stripes .has-background tbody tr, .wp-block-table.is-style-regular .has-background, .wp-block-table.is-style-stripes .has-background, .wp-block-table.is-style-stripes .has-background thead tr, .wp-block-table.is-style-stripes .has-background tfoot tr, .wp-block-table.is-style-stripes .has-background tbody tr { color: #28303d; } table.is-style-stripes, .wp-block-table.is-style-stripes { border-color: #f0f0f0; } table.is-style-stripes th, table.is-style-stripes td, .wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td { border-width: 0; } table.is-style-stripes tbody tr:nth-child(odd), .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #f0f0f0; } table.is-style-stripes .has-background tbody tr:nth-child(odd), .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { background-color: rgba(255, 255, 255, 0.9); } table.wp-calendar-table td, table.wp-calendar-table th { background: transparent; border: 0; text-align: center; line-height: 2; vertical-align: middle; } table.wp-calendar-table th { font-weight: bold; } table.wp-calendar-table thead, table.wp-calendar-table tbody { color: currentColor; border: 1px solid; } table.wp-calendar-table caption { font-weight: bold; text-align: left; margin-bottom: 20px; color: currentColor; } .wp-calendar-nav { text-align: left; margin-top: 10px; } .wp-calendar-nav svg { height: 1em; vertical-align: middle; } .wp-calendar-nav svg path { fill: currentColor; } .wp-calendar-nav .wp-calendar-nav-next { float: right; } .wp-block-tag-cloud.aligncenter { text-align: center; } pre.wp-block-verse { padding: 0; color: currentColor; } :root .is-extra-small-text, :root .has-extra-small-font-size { font-size: 1rem; } :root .is-small-text, :root .has-small-font-size { font-size: 1.125rem; } :root .is-regular-text, :root .has-regular-font-size, :root .is-normal-font-size, :root .has-normal-font-size, :root .has-medium-font-size { font-size: 1.25rem; } :root .is-large-text, :root .has-large-font-size { font-size: 1.5rem; line-height: 1.3; } :root .is-larger-text { font-size: 2.5rem; line-height: 1.3; } @media only screen and (min-width: 652px) { :root .is-larger-text { font-size: 2.5rem; } } :root .has-larger-font-size { font-size: 2.5rem; line-height: 1.3; } @media only screen and (min-width: 652px) { :root .has-larger-font-size { font-size: 2.5rem; } } :root .is-extra-large-text { font-size: 2.5rem; line-height: 1.3; } @media only screen and (min-width: 652px) { :root .is-extra-large-text { font-size: 2.5rem; } } :root .has-extra-large-font-size { font-size: 2.5rem; line-height: 1.3; } @media only screen and (min-width: 652px) { :root .has-extra-large-font-size { font-size: 2.5rem; } } :root .is-huge-text { font-size: 6rem; line-height: 1.3; font-weight: 300; } @media only screen and (min-width: 652px) { :root .is-huge-text { font-size: 6rem; } } :root .has-huge-font-size { font-size: 6rem; line-height: 1.3; font-weight: 300; } @media only screen and (min-width: 652px) { :root .has-huge-font-size { font-size: 6rem; } } :root .is-gigantic-text { font-size: 9rem; line-height: 1.3; font-weight: 300; } @media only screen and (min-width: 652px) { :root .is-gigantic-text { font-size: 9rem; } } :root .has-gigantic-font-size { font-size: 9rem; line-height: 1.3; font-weight: 300; } @media only screen and (min-width: 652px) { :root .has-gigantic-font-size { font-size: 9rem; } } /** * Editor Post Title * - Needs a special styles */ .wp-block.editor-post-title__block { border-bottom: 3px solid #28303d; padding-bottom: 60px; margin-bottom: 90px; max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .wp-block.editor-post-title__block { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .wp-block.editor-post-title__block { max-width: min(calc(100vw - 200px), 1240px); } } .wp-block.editor-post-title__block .editor-post-title__input { color: #39414d; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 4rem; font-weight: 300; line-height: 1.1; } @media only screen and (min-width: 652px) { .wp-block.editor-post-title__block .editor-post-title__input { font-size: 6rem; } } .wp-block.block-editor-default-block-appender > textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; } .has-primary-color[class] { color: #28303d; } .has-secondary-color[class] { color: #39414d; } .has-primary-background-color[class] { background-color: #28303d; color: #d1e4dd; } .has-secondary-background-color[class] { background-color: #39414d; color: #d1e4dd; } .has-white-background-color[class] { color: #39414d; } .has-black-background-color[class] { color: #28303d; } [data-block] { margin-top: 30px; margin-bottom: 30px; } .wp-block { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .wp-block { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .wp-block { max-width: min(calc(100vw - 200px), 610px); } } .wp-block[data-align=wide] { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .wp-block[data-align=wide] { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .wp-block[data-align=wide] { max-width: min(calc(100vw - 200px), 1240px); } } .wp-block.alignwide { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .wp-block.alignwide { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .wp-block.alignwide { max-width: min(calc(100vw - 200px), 1240px); } } .wp-block[data-align=full], .wp-block.alignfull { max-width: none; } .alignleft { margin: 0; margin-right: 25px; } .alignright { margin: 0; margin-left: 25px; } .has-drop-cap:not(:focus)::first-letter { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; line-height: 0.66; text-transform: uppercase; font-style: normal; float: left; margin: 0.1em 0.1em 0 0; font-size: 5rem; } @media only screen and (min-width: 652px) { .has-drop-cap:not(:focus)::first-letter { font-size: 7rem; } } @media only screen and (min-width: 482px) { .wp-block[data-align=left] > * { max-width: 290px; margin-right: 25px; } .wp-block[data-align=right] > * { max-width: 290px; margin-left: 25px; } } .wp-block-freeform.block-library-rich-text__tinymce blockquote { border: none; } .wp-block-freeform.block-library-rich-text__tinymce blockquote:before { left: 5px; } html { line-height: 1.7; } html, body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } body { background-color: #d1e4dd; font-size: 1.25rem; font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } body, .wp-block a { color: #28303d; } .wp-block a:hover { text-decoration-style: dotted; } .wp-block a:focus { outline: 2px solid #28303d; text-decoration: none; } .has-background .has-link-color a, .has-background.has-link-color a { color: #28303d; } button, a { cursor: pointer; } .has-black-color[class], .has-black-color[class] > [class*=__inner-container] { color: #000; } .has-gray-color[class], .has-gray-color[class] > [class*=__inner-container] { color: #39414d; } .has-dark-gray-color[class], .has-dark-gray-color[class] > [class*=__inner-container] { color: #28303d; } .has-green-color[class], .has-green-color[class] > [class*=__inner-container] { color: #d1e4dd; } .has-blue-color[class], .has-blue-color[class] > [class*=__inner-container] { color: #d1dfe4; } .has-purple-color[class], .has-purple-color[class] > [class*=__inner-container] { color: #d1d1e4; } .has-red-color[class], .has-red-color[class] > [class*=__inner-container] { color: #e4d1d1; } .has-orange-color[class], .has-orange-color[class] > [class*=__inner-container] { color: #e4dad1; } .has-yellow-color[class], .has-yellow-color[class] > [class*=__inner-container] { color: #eeeadd; } .has-white-color[class], .has-white-color[class] > [class*=__inner-container] { color: #fff; } .has-background a, .has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 { color: currentColor; } .has-black-background-color[class], .has-black-background-color[class] > [class*=__inner-container] { background-color: #000; } .has-dark-gray-background-color[class], .has-dark-gray-background-color[class] > [class*=__inner-container] { background-color: #28303d; } .has-gray-background-color[class], .has-gray-background-color[class] > [class*=__inner-container] { background-color: #39414d; } .has-light-gray-background-color[class], .has-light-gray-background-color[class] > [class*=__inner-container] { background-color: #f0f0f0; } .has-green-background-color[class], .has-green-background-color[class] > [class*=__inner-container] { background-color: #d1e4dd; } .has-blue-background-color[class], .has-blue-background-color[class] > [class*=__inner-container] { background-color: #d1dfe4; } .has-purple-background-color[class], .has-purple-background-color[class] > [class*=__inner-container] { background-color: #d1d1e4; } .has-red-background-color[class], .has-red-background-color[class] > [class*=__inner-container] { background-color: #e4d1d1; } .has-orange-background-color[class], .has-orange-background-color[class] > [class*=__inner-container] { background-color: #e4dad1; } .has-yellow-background-color[class], .has-yellow-background-color[class] > [class*=__inner-container] { background-color: #eeeadd; } .has-white-background-color[class], .has-white-background-color[class] > [class*=__inner-container] { background-color: #fff; } .has-background:not(.has-text-color).has-black-background-color[class], .has-background:not(.has-text-color).has-gray-background-color[class], .has-background:not(.has-text-color).has-dark-gray-background-color[class] { color: #fff; } .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-green-background-color[class], .has-background:not(.has-text-color).has-blue-background-color[class], .has-background:not(.has-text-color).has-purple-background-color[class], .has-background:not(.has-text-color).has-red-background-color[class], .has-background:not(.has-text-color).has-orange-background-color[class], .has-background:not(.has-text-color).has-yellow-background-color[class], .has-background:not(.has-text-color).has-white-background-color[class], .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { color: #28303d; } .has-purple-to-yellow-gradient-background { background: linear-gradient(160deg, #d1d1e4, #eeeadd); } .has-yellow-to-purple-gradient-background { background: linear-gradient(160deg, #eeeadd, #d1d1e4); } .has-green-to-yellow-gradient-background { background: linear-gradient(160deg, #d1e4dd, #eeeadd); } .has-yellow-to-green-gradient-background { background: linear-gradient(160deg, #eeeadd, #d1e4dd); } .has-red-to-yellow-gradient-background { background: linear-gradient(160deg, #e4d1d1, #eeeadd); } .has-yellow-to-red-gradient-background { background: linear-gradient(160deg, #eeeadd, #e4d1d1); } .has-purple-to-red-gradient-background { background: linear-gradient(160deg, #d1d1e4, #e4d1d1); } .has-red-to-purple-gradient-background { background: linear-gradient(160deg, #e4d1d1, #d1d1e4); } assets/css/style-dark-mode.css000064400000005342147206564210012364 0ustar00/* OS dark theme preference */ @media only screen { .is-dark-theme.is-dark-theme { --global--color-background: var(--global--color-dark-gray); --global--color-primary: var(--global--color-light-gray); --global--color-secondary: var(--global--color-light-gray); --button--color-text: var(--global--color-background); --button--color-text-hover: var(--global--color-secondary); --button--color-text-active: var(--global--color-secondary); --button--color-background: var(--global--color-secondary); --button--color-background-active: var(--global--color-background); --global--color-border: #9ea1a7; /* Block: Table */ --table--stripes-border-color: rgba(240, 240, 240, 0.15); --table--stripes-background-color: rgba(240, 240, 240, 0.15); } .is-dark-theme img { filter: brightness(0.85) contrast(1.1); } .respect-color-scheme-preference.is-dark-theme body { background-color: var(--global--color-background); } #dark-mode-toggler { cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: var(--global--font-size-xs); padding: 0.5em; min-height: 44px; min-width: max-content; border: 2px solid currentColor; box-shadow: none; background: var(--button--color-text); color: var(--button--color-background); z-index: 9998; } .no-js #dark-mode-toggler { display: none; } #dark-mode-toggler.fixed-bottom { position: fixed; bottom: 5px; right: 5px; } #dark-mode-toggler.fixed-bottom.hide:not(:focus) { bottom: -80px; } #dark-mode-toggler.relative { position: absolute; height: 44px; top: calc(2.4 * var(--global--spacing-vertical) - 44px); right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em); } .admin-bar #dark-mode-toggler.relative { top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px); } } @media only screen and (max-width: 782px) { .admin-bar #dark-mode-toggler.relative { top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px); } } @media only screen and (max-width: 481px) { .admin-bar #dark-mode-toggler.relative { top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px); } } @media only screen and (max-width: 481px) { body:not(.primary-navigation-open) #dark-mode-toggler.relative ~ nav { top: 88px; } } @media only screen { .primary-navigation-open #dark-mode-toggler { display: none; } #dark-mode-toggler:hover, #dark-mode-toggler:focus { color: var(--button--color-background-active); border: 2px solid var(--button--color-text-active); background-color: var(--button--color-text-active); } .is-IE #dark-mode-toggler { display: none; } } @media only screen and (prefers-reduced-motion: no-preference) { #dark-mode-toggler.fixed-bottom { transition: bottom 0.5s; } } assets/css/ie-editor.css.map000064400000043017147206564210012021 0ustar00{"version":3,"sources":["style-editor.css","../sass/style-editor.scss","../sass/01-settings/global.scss","../sass/03-generic/breakpoints.scss","../sass/04-elements/blockquote.scss","../sass/04-elements/media.scss","../sass/04-elements/forms-editor.scss","../sass/04-elements/links.scss","../sass/05-blocks/button/_editor.scss","../sass/02-tools/mixins.scss","../sass/05-blocks/code/_editor.scss","../sass/05-blocks/cover/_editor.scss","../sass/05-blocks/columns/_editor.scss","../sass/05-blocks/file/_editor.scss","../sass/05-blocks/gallery/_editor.scss","../sass/05-blocks/group/_editor.scss","../sass/05-blocks/heading/_editor.scss","../sass/05-blocks/html/_editor.scss","../sass/05-blocks/image/_editor.scss","../sass/05-blocks/latest-comments/_editor.scss","../sass/05-blocks/latest-posts/_editor.scss","../sass/05-blocks/legacy/_editor.scss","../sass/05-blocks/list/_editor.scss","../sass/05-blocks/media-text/_editor.scss","../sass/05-blocks/navigation/_editor.scss","../sass/05-blocks/paragraph/_editor.scss","../sass/05-blocks/preformatted/_editor.scss","../sass/05-blocks/pullquote/_editor.scss","../sass/05-blocks/query-loop/_editor.scss","../sass/05-blocks/quote/_editor.scss","../sass/05-blocks/rss/_editor.scss","../sass/05-blocks/search/_editor.scss","../sass/05-blocks/separator/_editor.scss","../sass/05-blocks/social-icons/_editor.scss","../sass/05-blocks/table/_editor.scss","../sass/05-blocks/tag-clould/_editor.scss","../sass/05-blocks/verse/_editor.scss","../sass/05-blocks/utilities/_font-sizes.scss","../sass/05-blocks/utilities/_editor.scss","../sass/06-components/editor.scss","../sass/07-utilities/color-palette.scss"],"names":[],"mappings":"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cAAA;AxCg9DF;AwCz8DC;EAEC,WAAA;AxC+8DF;;AwCv8DC;;;;;;;;EAQC,mBAAA;AxC08DF;AwCp8DC;EAEC,sBAAA;AxC08DF;AwCn8DC;EAEC,yBAAA;AxCy8DF;AwCl8DC;EAEC,yBAAA;AxCw8DF;AwCj8DC;EAEC,yBAAA;AxCu8DF;AwCh8DC;EAEC,yBAAA;AxCs8DF;AwC/7DC;EAEC,yBAAA;AxCq8DF;AwC97DC;EAEC,yBAAA;AxCo8DF;AwC77DC;EAEC,yBAAA;AxCm8DF;AwC57DC;EAEC,yBAAA;AxCk8DF;AwC37DC;EAEC,yBAAA;AxCi8DF;AwC17DC;EAEC,sBAAA;AxCg8DF;;AwCz7DC;EAGG,WAAA;AxC07DJ;AwCn6DE;EAMC;AxC26DH;;AwCr6DA;EACC,qDAAA;AxC26DD;;AwCx6DA;EACC,qDAAA;AxC26DD;;AwCx6DA;EACC,qDAAA;AxC26DD;;AwCx6DA;EACC,qDAAA;AxC26DD;;AwCx6DA;EACC,qDAAA;AxC26DD;;AwCx6DA;EACC,qDAAA;AxC26DD;;AwCx6DA;EACC,qDAAA;AxC26DD;;AwCx6DA;EACC,qDAAA;AxC26DD","file":"ie-editor.css"}assets/css/style-dark-mode.css.map000064400000000754147206564210013142 0ustar00{"version":3,"sourceRoot":"","sources":["../sass/style-dark-mode.scss"],"names":[],"mappings":"AAAA;AACA;EAEC;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;AAEA;IACA;IACA;;EAGD;IACC;;EAGD;IACC;;EAGD;IACC;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;;EAEA;IACC;;EAGD;IACC;IACA;IACA;;EAEA;IACC;;EAIF;IACC;IACA;IACA;IACA;;EAEA;IACC;;;AAEA;EAHD;IAIE;;;AAGD;EAPD;IAQE;;;AAOA;EADD;IAEE;;;AA7EN;EAmFE;IACC;;EAGD;IAEC;IACA;IACA;;EAGD;IACC;;;AAIA;EADD;IAEE","file":"style-dark-mode.css"}assets/css/custom-color-overrides.css000064400000000202147206564210013777 0ustar00/** * Custom Color Overrides * * This file is automatically populated if the user chooses custom colors in the Customizer. */ assets/css/print.css.map000064400000001415147206564210011270 0ustar00{"version":3,"sourceRoot":"","sources":["../sass/07-utilities/print.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUA;AAEC;EAEA;IACC;;EAGD;AAAA;AAAA;IAGC;IACA;;EAGD;IACC;;EAGD;IACC;;AAGD;EAEA;IACC;IACA;IACA;IACA;IACA;;EAID;IACC;;EAGD;AAAA;AAAA;AAAA;IAIC;IACA;;EAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IASC;IACA;;EAGD;AAAA;IAEC;;AAGD;EAEA;IACC;;EAGD;IACC;;EAGD;AAAA;AAAA;AAAA;AAAA;AAAA;IAMC;IACA;;EAGD;IACC;IACA;;EAGD;AAAA;AAAA;IAGC;;EAGD;AAAA;AAAA;IAGC;;AAGD;EAEA;AAAA;AAAA;IAGC;IACA;IACA;IACA;;EAGD;IACC;;EAGD;IACC;;EAGD;IACC;;EAGD;IACC;;EAGD;IACC;IACA;IACA;;EAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAOC;;AAGD;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAcC;;EAGD;AAAA;AAAA;IAGC;IACA","file":"print.css"}assets/css/ie.css000064400000412721147206564210007763 0ustar00@charset "UTF-8"; /* Theme Name: Twenty Twenty-One Theme URI: https://wordpress.org/themes/twentytwentyone/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog. Requires at least: 5.3 Tested up to: 6.6 Requires PHP: 5.6 Version: 2.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentyone Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org Twenty Twenty-One is distributed under the terms of the GNU GPL. */ /** * SETTINGS * File-header..........The file header for the themes style.css file. * Fonts................Any font files, if the project needs specific fonts. * Global...............Project-specific, globally available variables. * * TOOLS * Functions............Global functions. * Mixins...............Global mixins. * * GENERIC * Normalize.css........Normalise browser defaults. * Breakpoints..........Mixins and variables for responsive styles * Vertical-margins.....Vertical spacing for the main components. * Reset................Reset specific elements to make them easier to style in other contexts. * Clearings............Clearings for the main components. * * ELEMENTS * Blockquote...........Default blockquote. * Forms................Element-level form styling. * Headings.............H1–H6 * Links................Default links. * Lists................Default lists. * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video. * * BLOCKS * Audio................Specific styles for the audio block. * Button...............Specific styles for the button block. * Code.................Specific styles for the code block. * Columns..............Specific styles for the columns block. * Cover................Specific styles for the cover block. * File.................Specific styles for the file block. * Gallery..............Specific styles for the gallery block. * Group................Specific styles for the group block. * Heading..............Specific styles for the heading block. * Image................Specific styles for the image block. * Latest comments......Specific styles for the latest comments block. * Latest posts.........Specific styles for the latest posts block. * Legacy...............Specific styles for the legacy gallery. * List.................Specific styles for the list block. * Media text...........Specific styles for the media and text block. * Navigation...........Specific styles for the navigation block. * Paragraph............Specific styles for the paragraph block. * Pullquote............Specific styles for the pullquote block. * Quote................Specific styles for the quote block. * Search...............Specific styles for the search block. * Separator............Specific styles for the separator block. * Table................Specific styles for the table block. * Verse................Specific styles for the verse block. * Video................Specific styles for the video block. * Utilities............Block alignments. * * COMPONENTS * Header...............Header styles. * Footer...............Footer styles. * Comments.............Comment styles. * Archives.............Archive styles. * 404..................404 styles. * Search...............Search styles. * Navigation...........Navigation styles. * Footer Navigation....Footer Navigation styles. * Pagination...........Pagination styles. * Single...............Single page and post styles. * Posts and pages......Misc, sticky post styles. * Entry................Entry, author biography. * Widget...............Widget styles. * Editor...............Editor styles. * * UTILITIES * A11y.................Screen reader text, prefers reduced motion etc. * Color Palette........Classes for the color palette colors. * Editor Font Sizes....Editor Font Sizes. * Measure..............The width of a line of text, in characters. */ /* Categories 01 to 03 are the basics. */ /* Variables */ :root { /* Font Family */ /* Font Size */ /* Line Height */ /* Headings */ /* Block: Latest posts */ /* Colors */ /* Body text color, site title, footer text color. */ /* Headings */ /* Mint, default body background */ /* Used for borders (separators) */ /* Spacing */ /* Elevation */ /* Forms */ /* Cover block */ /* Buttons */ /* entry */ /* Header */ /* Main navigation */ /* Pagination */ /* Footer */ /* Block: Pull quote */ /* Block: Table */ /* Widgets */ /* Admin-bar height */ } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; text-decoration-thickness: 1px; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration-style: dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type=button], [type=reset], [type=submit] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type=checkbox], [type=radio] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type=search] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type=search]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ /** * Add the correct display in IE 10. */ template, [hidden] { display: none; } /** * Responsive Styles */ /** * Required Variables */ /** * Root Media Query Variables */ /** * Extends */ .post-thumbnail { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .post-thumbnail { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .post-thumbnail { max-width: min(calc(100vw - 200px), 610px); } } .entry-content .wp-audio-shortcode { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .entry-content .wp-audio-shortcode { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .entry-content .wp-audio-shortcode { max-width: min(calc(100vw - 200px), 610px); } } .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) { max-width: min(calc(100vw - 200px), 610px); } } *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) { max-width: min(calc(100vw - 200px), 610px); } } .default-max-width { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .default-max-width { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .default-max-width { max-width: min(calc(100vw - 200px), 610px); } } .widget-area { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .widget-area { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .widget-area { max-width: min(calc(100vw - 200px), 1240px); } } .pagination { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .pagination { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .pagination { max-width: min(calc(100vw - 200px), 1240px); } } .comments-pagination { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .comments-pagination { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .comments-pagination { max-width: min(calc(100vw - 200px), 1240px); } } .post-navigation { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .post-navigation { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .post-navigation { max-width: min(calc(100vw - 200px), 1240px); } } .site-footer { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .site-footer { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .site-footer { max-width: min(calc(100vw - 200px), 1240px); } } .site-header { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .site-header { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .site-header { max-width: min(calc(100vw - 200px), 1240px); } } .alignwide { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .alignwide { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .alignwide { max-width: min(calc(100vw - 200px), 1240px); } } .wide-max-width { max-width: calc(100vw - 30px); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .wide-max-width { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .wide-max-width { max-width: min(calc(100vw - 200px), 1240px); } } .alignfull, .wp-block-group .wp-block-group__inner-container > *.alignfull, .full-max-width { max-width: 100%; width: 100%; margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .alignfull, .full-max-width { max-width: 100%; width: auto; margin-left: auto; margin-right: auto; } } .entry-header .post-thumbnail { margin-left: auto; margin-right: auto; width: calc(100vw - 30px); max-width: 100%; } @media only screen and (min-width: 482px) { .entry-header .post-thumbnail { width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .entry-header .post-thumbnail { width: min(calc(100vw - 200px), 1240px); } } .singular .post-thumbnail { margin-left: auto; margin-right: auto; width: calc(100vw - 30px); max-width: 100%; } @media only screen and (min-width: 482px) { .singular .post-thumbnail { width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .singular .post-thumbnail { width: min(calc(100vw - 200px), 1240px); } } .alignfull [class*=inner-container] > .alignwide { margin-left: auto; margin-right: auto; width: calc(100vw - 30px); max-width: 100%; } @media only screen and (min-width: 482px) { .alignfull [class*=inner-container] > .alignwide { width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .alignfull [class*=inner-container] > .alignwide { width: min(calc(100vw - 200px), 1240px); } } .alignwide [class*=inner-container] > .alignwide { margin-left: auto; margin-right: auto; width: calc(100vw - 30px); max-width: 100%; } @media only screen and (min-width: 482px) { .alignwide [class*=inner-container] > .alignwide { width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .alignwide [class*=inner-container] > .alignwide { width: min(calc(100vw - 200px), 1240px); } } @media only screen and (min-width: 482px) { .entry-content > .alignleft { /*rtl:ignore*/ margin-left: calc((100vw - min(calc(100vw - 4 * 25px), 610px)) *1); /*rtl:ignore*/ margin-right: 25px; } @media only screen and (min-width: 482px) { .entry-content > .alignleft { margin-left: calc((100vw - min(calc(100vw - 4 * 25px), 610px)) *1); } } @media only screen and (min-width: 822px) { .entry-content > .alignleft { margin-left: calc((100vw - min(calc(100vw - 4 * 25px), 610px)) *1); } } } @media only screen and (min-width: 482px) { .entry-content > .alignright { /*rtl:ignore*/ margin-left: 25px; /*rtl:ignore*/ margin-right: calc((100vw - min(calc(100vw - 4 * 25px), 610px)) *1); } @media only screen and (min-width: 482px) { .entry-content > .alignright { margin-right: calc((100vw - min(calc(100vw - 4 * 25px), 610px)) *1); } } @media only screen and (min-width: 822px) { .entry-content > .alignright { margin-right: calc((100vw - min(calc(100vw - 4 * 25px), 610px)) *1); } } } /** * Site Structure * * - Set vertical margins and responsive widths on * top-level wrappers and content wrappers * - `--global--width-content` is a responsive variable * - See: globals/_global-width-responsive.scss */ /** * Top Level Wrappers (header, main, footer) * - Set vertical padding and horizontal margins */ .site-header, .site-main, .widget-area, .site-footer { padding-top: 30px; padding-bottom: 30px; margin-left: auto; margin-right: auto; } .site-header { padding-top: 23px; padding-bottom: 60px; } @media only screen and (min-width: 482px) { .site-header { padding-bottom: 90px; } } /** * Site-main children wrappers * - Add double vertical margins here for clearer hierarchy */ .site-main > * { margin-top: 90px; margin-bottom: 90px; } .site-main > *:first-child { margin-top: 0; } .site-main > *:last-child { margin-bottom: 0; } /** * Set the default maximum responsive content-width */ /** * Set the wide maximum responsive content-width */ /** * Set the full maximum responsive content-width */ /* * Block & non-gutenberg content wrappers * - Set margins */ .entry-header, .post-thumbnail, .entry-content, .entry-footer, .author-bio { margin-top: 30px; margin-right: auto; margin-bottom: 30px; margin-left: auto; } /* * Block & non-gutenberg content wrapper children * - Sets spacing-vertical margin logic */ .site-main > article > *, .site-main > .not-found > *, .entry-content > *, [class*=inner-container] > *, .wp-block-template-part > * { margin-top: 20px; margin-bottom: 20px; } .wp-block-post-template :where(li > *) { margin-top: 20px; margin-bottom: 20px; } @media only screen and (min-width: 482px) { .site-main > article > *, .site-main > .not-found > *, .entry-content > *, [class*=inner-container] > *, .wp-block-template-part > * { margin-top: 30px; margin-bottom: 30px; } .wp-block-post-template :where(li > *) { margin-top: 30px; margin-bottom: 30px; } } .site-main > article > *:first-child, .site-main > .not-found > *:first-child, .entry-content > *:first-child, [class*=inner-container] > *:first-child, .wp-block-template-part > *:first-child, .wp-block-post-template :where(li > *):first-child { margin-top: 0; } .site-main > article > *:last-child, .site-main > .not-found > *:last-child, .entry-content > *:last-child, [class*=inner-container] > *:last-child, .wp-block-template-part > *:last-child, .wp-block-post-template :where(li > *):last-child { margin-bottom: 0; } .site-footer > *, .widget-area > * { margin-top: 20px; margin-bottom: 20px; } @media only screen and (min-width: 482px) { .site-footer > *, .widget-area > * { margin-top: 30px; margin-bottom: 30px; } } /* * Block & non-gutenberg content wrapper children * - Sets spacing-unit margins */ .entry-header > *, .post-thumbnail > *, .page-content > *, .comment-content > *, .widget > * { margin-top: 20px; margin-bottom: 20px; } .entry-header > *:first-child, .post-thumbnail > *:first-child, .page-content > *:first-child, .comment-content > *:first-child, .widget > *:first-child { margin-top: 0; } .entry-header > *:last-child, .post-thumbnail > *:last-child, .page-content > *:last-child, .comment-content > *:last-child, .widget > *:last-child { margin-bottom: 0; } /* * .entry-content children specific controls * - Adds special margin overrides for alignment utility classes */ .entry-content > *.alignleft, .entry-content > *.alignright, .entry-content > *.alignleft:first-child + *, .entry-content > *.alignright:first-child + *, .entry-content > *.alignfull.has-background { margin-top: 0; } .entry-content > *:last-child, .entry-content > *.alignfull.has-background { margin-bottom: 0; } .entry-content > *.alignfull + .alignleft, .entry-content > *.alignfull + .alignright { margin-top: 30px; } /** * Reset specific elements to make them easier to style in other contexts. */ html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, form, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } /** * Apply generic border-box to all elements. * See: * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ html { /* Apply border-box across the entire page. */ box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; line-height: 1.7; } /** * Relax the definition a bit, to allow components to override it manually. */ *, *::before, *::after { box-sizing: inherit; } body { font-size: 1.25rem; font-weight: normal; color: #28303d; text-align: left; background-color: #d1e4dd; } .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */ blockquote { padding: 0; position: relative; margin: 30px 0 30px 25px; } blockquote > * { margin-top: 20px; margin-bottom: 20px; } blockquote > *:first-child { margin-top: 0; } blockquote > *:last-child { margin-bottom: 0; } blockquote p { letter-spacing: normal; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 1.7; } blockquote cite, blockquote footer { font-weight: normal; letter-spacing: normal; } blockquote.alignleft, blockquote.alignright { padding-left: inherit; } blockquote.alignleft p, blockquote.alignright p { font-size: 1.125rem; max-width: inherit; width: inherit; } blockquote.alignleft cite, blockquote.alignleft footer, blockquote.alignright cite, blockquote.alignright footer { font-size: 1rem; letter-spacing: normal; } blockquote strong { font-weight: bolder; } blockquote:before { content: "“"; position: absolute; left: -12px; } blockquote .wp-block-quote__citation, blockquote cite, blockquote footer { color: #28303d; font-style: normal; } @media only screen and (max-width: 481.98px) { blockquote { padding-left: 13px; } blockquote:before { left: 0; } } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; padding: 10px; margin: 0 2px; max-width: 100%; } input[type=text]:focus, input[type=email]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=number]:focus, input[type=tel]:focus, input[type=date]:focus, input[type=month]:focus, input[type=week]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=color]:focus, .site textarea:focus { color: #28303d; outline-offset: 2px; outline: 2px dotted #39414d; } input[type=text]:disabled, input[type=email]:disabled, input[type=url]:disabled, input[type=password]:disabled, input[type=search]:disabled, input[type=number]:disabled, input[type=tel]:disabled, input[type=date]:disabled, input[type=month]:disabled, input[type=week]:disabled, input[type=time]:disabled, input[type=datetime]:disabled, input[type=datetime-local]:disabled, input[type=color]:disabled, .site textarea:disabled { opacity: 0.7; } .is-dark-theme input[type=text], .is-dark-theme input[type=email], .is-dark-theme input[type=url], .is-dark-theme input[type=password], .is-dark-theme input[type=search], .is-dark-theme input[type=number], .is-dark-theme input[type=tel], .is-dark-theme input[type=date], .is-dark-theme input[type=month], .is-dark-theme input[type=week], .is-dark-theme input[type=time], .is-dark-theme input[type=datetime], .is-dark-theme input[type=datetime-local], .is-dark-theme input[type=color], .is-dark-theme .site textarea { background: rgba(255, 255, 255, 0.9); } input[type=search]:focus { outline-offset: -7px; } .is-dark-theme input[type=search]:focus { outline-color: #d1e4dd; } input[type=color] { padding: 5px; height: 40px; } input[type=email], input[type=url] { /*rtl:ignore*/ direction: ltr; } select { border: 3px solid #39414d; color: #28303d; -moz-appearance: none; -webkit-appearance: none; appearance: none; line-height: 1.7; padding: 10px 30px 10px 10px; background: #fff url("data:image/svg+xml;utf8,") no-repeat; background-position: right 10px top 60%; } select:focus { outline-offset: 2px; outline: 2px dotted #39414d; } .is-dark-theme select { background: rgba(255, 255, 255, 0.9) url("data:image/svg+xml;utf8,") no-repeat; background-position: right 10px top 60%; } textarea { width: 100%; } label { font-size: 1.125rem; font-weight: 500; margin-bottom: 10px; } /** https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/ https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker. License: MIT. */ @supports (-webkit-appearance: none) or (-moz-appearance: none) { input[type=checkbox], input[type=radio] { -webkit-appearance: none; -moz-appearance: none; position: relative; width: 25px; height: 25px; border: 3px solid #39414d; background: #fff; } input[type=checkbox]:disabled, input[type=radio]:disabled { opacity: 0.7; } .is-dark-theme input[type=checkbox], .is-dark-theme input[type=radio] { background: rgba(255, 255, 255, 0.9); } input[type=checkbox]:focus { outline-offset: 2px; outline: 2px dotted #39414d; } input[type=checkbox]:after { content: ""; opacity: 0; display: block; left: 5px; top: 2px; position: absolute; width: 7px; height: 13px; border: 3px solid #28303d; border-top: 0; border-left: 0; transform: rotate(30deg); } input[type=checkbox]:checked { color: #28303d; } input[type=checkbox]:checked:after { opacity: 1; } input[type=radio] { border-radius: 50%; } input[type=radio]:focus { outline-offset: 2px; outline: 2px dotted #39414d; } input[type=radio]:after { content: ""; opacity: 0; display: block; left: 3px; top: 3px; position: absolute; width: 11px; height: 11px; border-radius: 50%; background: #28303d; } input[type=radio]:checked { border: 4px solid #39414d; } input[type=radio]:checked:after { opacity: 1; } input[type=radio]:checked:focus { outline-offset: 4px; outline: 2px dotted #39414d; } } input[type=checkbox] + label, input[type=radio] + label { display: inline-block; padding-left: 10px; font-size: 1rem; vertical-align: top; } /** * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ */ @supports (-webkit-appearance: none) or (-moz-appearance: none) { input[type=range] { -webkit-appearance: none; /* Hides the slider so that custom slider can be made */ width: 100%; /* Specific width is required for Firefox. */ height: 6px; background: #39414d; border-radius: 6px; outline-offset: 10px; } input[type=range]:disabled { opacity: 0.7; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: 3px solid #39414d; height: 44px; width: 44px; border-radius: 50%; background: #d1e4dd; cursor: pointer; } input[type=range]::-moz-range-thumb { border: 3px solid #39414d; height: 44px; width: 44px; border-radius: 50%; background: #d1e4dd; cursor: pointer; box-sizing: border-box; } } input[type=range]::-ms-track { width: 100%; height: 6px; border-radius: 6px; border-width: 19px 0; border-color: #d1e4dd; background: transparent; color: transparent; cursor: pointer; } input[type=range]::-ms-fill-upper, input[type=range]::-ms-fill-lower { background: #39414d; border-radius: 6px; } input[type=range]::-ms-thumb { border: 3px solid #39414d; height: 44px; width: 44px; border-radius: 50%; background: #d1e4dd; cursor: pointer; } fieldset { display: grid; border-color: #39414d; padding: 25px; } fieldset legend { font-size: 1.5rem; } fieldset input[type=submit] { max-width: max-content; } fieldset input:not([type=submit]) { margin-bottom: 20px; } fieldset input[type=radio], fieldset input[type=checkbox] { margin-bottom: 0; } fieldset input[type=radio] + label, fieldset input[type=checkbox] + label { font-size: 1.125rem; padding-left: 0; margin-bottom: 20px; } ::-moz-placeholder { opacity: 1; } .post-password-message { font-size: 1.5rem; } .post-password-form { display: flex; flex-wrap: wrap; } .post-password-form__label { width: 100%; margin-bottom: 0; } .post-password-form input[type=password] { flex-grow: 1; margin-top: 10px; margin-right: 17px; } .post-password-form__submit { margin-top: 10px; } @media only screen and (min-width: 592px) { .post-password-form__submit { margin-left: 10px; } } img { height: auto; vertical-align: middle; } /* Classic editor images */ /* Make sure embeds and iframes fit their containers. */ img, .entry-content img, embed, iframe, object, video { max-width: 100%; } /* Media captions */ figcaption, .wp-caption, .wp-caption-text, .wp-block-embed figcaption { color: currentColor; font-size: 1rem; line-height: 1.7; margin-top: 10px; margin-bottom: 20px; text-align: center; } .alignleft figcaption, .alignright figcaption, .alignleft .wp-caption, .alignright .wp-caption, .alignleft .wp-caption-text, .alignright .wp-caption-text, .alignleft .wp-block-embed figcaption, .alignright .wp-block-embed figcaption { margin-bottom: 0; } /* WP Smiley */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Over here, place any elements that do not need to have their own file. */ b, strong { font-weight: 700; } dfn, cite, em, i { font-style: italic; } pre { white-space: pre; overflow-x: auto; } .entry-content > code { display: block; } /* * text-underline-offset doesn't work in Chrome at all 👎 * But looks nice in Safari/Firefox, so let's keep it and * maybe Chrome will support it soon. */ a { cursor: pointer; color: #28303d; text-underline-offset: 3px; text-decoration-skip-ink: all; } a:hover { text-decoration-style: dotted; text-decoration-skip-ink: none; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; text-decoration: underline 1px dotted currentColor; text-decoration-skip-ink: none; background: rgba(255, 255, 255, 0.9); } .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: #000; color: #fff; text-decoration: none; } .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { color: #fff; } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: rgba(0, 0, 0, 0.9); color: #fff; } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { color: #fff; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link { /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; outline-offset: -2px; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus { color: #21759b; background-color: #f1f1f1; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { background: none; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { outline: 2px dotted #28303d; } .has-background .has-link-color a, .has-background.has-link-color a { color: #28303d; } /* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */ .wp-block-audio audio:focus { outline-offset: 5px; outline: 2px solid #28303d; } /** * Button */ .site .button, button, input[type=submit], input[type=reset], .wp-block-search .wp-block-search__button, .wp-block-button .wp-block-button__link, .wp-block-file a.wp-block-file__button { border: 3px solid transparent; border-radius: 0; cursor: pointer; font-weight: 500; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; line-height: 1.5; padding: 15px 30px; text-decoration: none; } .site .button:not(:hover):not(:active):not(.has-text-color), button:not(:hover):not(:active):not(.has-text-color), input[type=submit]:not(:hover):not(:active):not(.has-text-color), input[type=reset]:not(:hover):not(:active):not(.has-text-color), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { color: #d1e4dd; } .has-background .site .button:not(:hover):not(:active):not(.has-text-color), .has-background button:not(:hover):not(:active):not(.has-text-color), .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color), .has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color), .has-background .site .button:not(:hover):not(:active):not(.has-text-color).has-background, .has-background button:not(:hover):not(:active):not(.has-text-color).has-background, .has-background input[type=submit]:not(:hover):not(:active):not(.has-text-color).has-background, .has-background input[type=reset]:not(:hover):not(:active):not(.has-text-color).has-background, .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background, .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background, .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { color: #28303d; } .site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-background), input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background), .has-background .site .button:not(:hover):not(:active):not(.has-background), .has-background button:not(:hover):not(:active):not(.has-background), .has-background input[type=submit]:not(:hover):not(:active):not(.has-background), .has-background input[type=reset]:not(:hover):not(:active):not(.has-background), .has-background .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .has-background .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .has-background .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) { background-color: #28303d; } .site .button:hover, .site .button:active, button:hover, button:active, input[type=submit]:hover, input[type=submit]:active, input[type=reset]:hover, input[type=reset]:active, .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:active, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:active, .wp-block-file a.wp-block-file__button:hover, .wp-block-file a.wp-block-file__button:active { background-color: transparent; border-color: currentColor; color: inherit; } .site .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus { outline-offset: -6px; outline: 2px dotted currentColor; } .site .button:disabled, button:disabled, input[type=submit]:disabled, input[type=reset]:disabled, .wp-block-search .wp-block-search__button:disabled, .wp-block-button .wp-block-button__link:disabled, .wp-block-file a.wp-block-file__button:disabled { background-color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.5); color: #39414d; } /** * Block Options */ .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: #d1e4dd; } .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { color: #28303d; } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background), .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: #28303d; } .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active { border-color: currentColor !important; background-color: transparent !important; color: inherit !important; } .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background { border-color: currentColor; } .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: #28303d; } .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { color: inherit; } .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: transparent; } .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:active { border-color: transparent !important; background-color: #28303d !important; color: #d1e4dd !important; } .has-background .wp-block-button.is-style-outline .wp-block-button__link:hover, .has-background .wp-block-button.is-style-outline .wp-block-button__link:active { background-color: #28303d !important; color: #d1e4dd !important; } .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover, .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { color: #d1e4dd !important; } .wp-block-button .is-style-squared .wp-block-button__link { border-radius: 0; } .is-style-outline .wp-block-button__link[style*=radius]:focus, .wp-block-button a.wp-block-button__link[style*=radius]:focus { outline-offset: 2px; outline: 2px dotted #39414d; } .wp-block-code { border-color: #28303d; border-radius: 0; border-style: solid; border-width: 0.1rem; padding: 20px; } .wp-block-code code { color: #28303d; white-space: pre; overflow-x: auto; display: block; } .wp-block-columns:not(.alignwide):not(.alignfull) { clear: both; } .wp-block-columns .wp-block-column > * { margin-top: 20px; margin-bottom: 20px; } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column > * { margin-top: 30px; margin-bottom: 30px; } } .wp-block-columns .wp-block-column > *:first-child { margin-top: 0; } .wp-block-columns .wp-block-column > *:last-child, .wp-block-columns .wp-block-column:last-child { margin-bottom: 0; } .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 20px; } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 30px; } } @media only screen and (min-width: 822px) { .wp-block-columns .wp-block-column:not(:last-child) { margin-bottom: 0; } } .wp-block-columns.is-style-twentytwentyone-columns-overlap { justify-content: space-around; } @media only screen and (min-width: 652px) { .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) { margin-left: -50px; margin-top: 63px; z-index: 2; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) { background-color: #d1e4dd; padding: 20px; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) { padding-left: 50px; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center { margin-top: 0; } } .wp-block-columns.alignfull .wp-block-column p:not(.has-background), .wp-block-columns.alignfull .wp-block-column h1:not(.has-background), .wp-block-columns.alignfull .wp-block-column h2:not(.has-background), .wp-block-columns.alignfull .wp-block-column h3:not(.has-background), .wp-block-columns.alignfull .wp-block-column h4:not(.has-background), .wp-block-columns.alignfull .wp-block-column h5:not(.has-background), .wp-block-columns.alignfull .wp-block-column h6:not(.has-background) { padding-left: 20px; padding-right: 20px; } .wp-block-cover, .wp-block-cover-image { background-color: #000; min-height: 450px; margin-top: inherit; margin-bottom: inherit; /* default & custom background-color */ /* Treating H2 separately to account for legacy /core styles */ /* Block Styles */ /* The background color class is used just for the overlay, and does not need to be applied to the inner container. */ } .wp-block-cover:not(.alignwide):not(.alignfull), .wp-block-cover-image:not(.alignwide):not(.alignfull) { clear: both; } .wp-block-cover.alignfull, .wp-block-cover-image.alignfull { margin-top: 0; margin-bottom: 0; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text { color: currentColor; margin-top: 30px; margin-bottom: 30px; } .wp-block-cover .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover__inner-container a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover-image-text a:not(.wp-block-button__link):not(.wp-block-file__button), .wp-block-cover-image .wp-block-cover-text a:not(.wp-block-button__link):not(.wp-block-file__button) { color: currentColor; } .wp-block-cover .wp-block-cover__inner-container .has-link-color a, .wp-block-cover .wp-block-cover-image-text .has-link-color a, .wp-block-cover .wp-block-cover-text .has-link-color a, .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a, .wp-block-cover-image .wp-block-cover-image-text .has-link-color a, .wp-block-cover-image .wp-block-cover-text .has-link-color a { color: #28303d; } .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container, .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text, .wp-block-cover:not([class*=background-color]) .wp-block-cover-text, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text { color: #fff; } .wp-block-cover h2 { font-size: 2.25rem; letter-spacing: normal; line-height: 1.3; max-width: inherit; text-align: inherit; padding: 0; } @media only screen and (min-width: 652px) { .wp-block-cover h2 { font-size: 3rem; } } .wp-block-cover-image h2 { font-size: 2.25rem; letter-spacing: normal; line-height: 1.3; max-width: inherit; text-align: inherit; padding: 0; } @media only screen and (min-width: 652px) { .wp-block-cover-image h2 { font-size: 3rem; } } .wp-block-cover h2.has-text-align-left, .wp-block-cover-image h2.has-text-align-left { text-align: left; } .wp-block-cover h2.has-text-align-center, .wp-block-cover-image h2.has-text-align-center { text-align: center; } .wp-block-cover h2.has-text-align-right, .wp-block-cover-image h2.has-text-align-right { text-align: right; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { width: calc(100% - 60px); } .wp-block-cover .wp-block-cover__inner-container > *, .wp-block-cover-image .wp-block-cover__inner-container > * { margin-top: 20px; margin-bottom: 20px; } @media only screen and (min-width: 482px) { .wp-block-cover .wp-block-cover__inner-container > *, .wp-block-cover-image .wp-block-cover__inner-container > * { margin-top: 30px; margin-bottom: 30px; } } .wp-block-cover .wp-block-cover__inner-container > *:first-child, .wp-block-cover-image .wp-block-cover__inner-container > *:first-child { margin-top: 0; } .wp-block-cover .wp-block-cover__inner-container > *:last-child, .wp-block-cover-image .wp-block-cover__inner-container > *:last-child { margin-bottom: 0; } .wp-block-cover.alignleft, .wp-block-cover.alignright, .wp-block-cover-image.alignleft, .wp-block-cover-image.alignright { margin-top: 0; } .wp-block-cover.alignleft > *, .wp-block-cover.alignright > *, .wp-block-cover-image.alignleft > *, .wp-block-cover-image.alignright > * { margin-top: 60px; margin-bottom: 60px; padding-left: 25px; padding-right: 25px; width: 100%; } .wp-block-cover.has-left-content, .wp-block-cover.has-right-content, .wp-block-cover-image.has-left-content, .wp-block-cover-image.has-right-content { justify-content: center; } .wp-block-cover.is-style-twentytwentyone-border, .wp-block-cover-image.is-style-twentytwentyone-border { border: 3px solid #28303d; } .wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container, .wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container { background-color: unset; } .wp-block-file a.wp-block-file__button:active, .wp-block-file a.wp-block-file__button:focus, .wp-block-file a.wp-block-file__button:hover { opacity: inherit; } .wp-block-file a.wp-block-file__button { display: inline-block; } .wp-block-gallery { margin: 0 auto; } .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item { width: calc(50% - 10px); } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { margin: 0; color: #fff; font-size: 1rem; } .wp-block-gallery .blocks-gallery-image figcaption a, .wp-block-gallery .blocks-gallery-item figcaption a { color: #fff; } .wp-block-gallery .blocks-gallery-image figcaption a:focus, .wp-block-gallery .blocks-gallery-item figcaption a:focus { background-color: transparent; outline: 2px solid #28303d; text-decoration: none; } .wp-block-gallery .blocks-gallery-image a:focus img, .wp-block-gallery .blocks-gallery-item a:focus img { outline-offset: 2px; } .wp-block-group { display: block; clear: both; display: flow-root; } .wp-block-group:before, .wp-block-group:after { content: ""; display: block; clear: both; } .wp-block-group .wp-block-group__inner-container { margin-left: auto; margin-right: auto; } .wp-block-group .wp-block-group__inner-container > * { margin-top: 20px; margin-bottom: 20px; } @media only screen and (min-width: 482px) { .wp-block-group .wp-block-group__inner-container > * { margin-top: 30px; margin-bottom: 30px; } } .wp-block-group .wp-block-group__inner-container > *:first-child { margin-top: 0; } .wp-block-group .wp-block-group__inner-container > *:last-child { margin-bottom: 0; } .wp-block-group.has-background { padding: 20px; } @media only screen and (min-width: 482px) { .wp-block-group.has-background { padding: 30px; } } .wp-block-group.is-style-twentytwentyone-border { border: 3px solid #28303d; padding: 30px; } .wp-block-group.has-background .wp-block-group__inner-container > .alignfull, .wp-block-group.has-background .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull, .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > .alignfull, .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull { max-width: calc(100% + 60px); width: calc(100% + 60px); margin-left: -30px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { clear: both; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; } h1 strong, .h1 strong, h2 strong, .h2 strong, h3 strong, .h3 strong, h4 strong, .h4 strong, h5 strong, .h5 strong, h6 strong, .h6 strong { font-weight: 600; } h1 { font-size: 4rem; letter-spacing: normal; line-height: 1.1; } @media only screen and (min-width: 652px) { h1 { font-size: 6rem; } } .h1 { font-size: 4rem; letter-spacing: normal; line-height: 1.1; } @media only screen and (min-width: 652px) { .h1 { font-size: 6rem; } } h2 { font-size: 2.25rem; letter-spacing: normal; line-height: 1.3; } @media only screen and (min-width: 652px) { h2 { font-size: 3rem; } } .h2 { font-size: 2.25rem; letter-spacing: normal; line-height: 1.3; } @media only screen and (min-width: 652px) { .h2 { font-size: 3rem; } } h3 { font-size: 2rem; letter-spacing: normal; line-height: 1.3; } @media only screen and (min-width: 652px) { h3 { font-size: 2rem; } } .h3 { font-size: 2rem; letter-spacing: normal; line-height: 1.3; } @media only screen and (min-width: 652px) { .h3 { font-size: 2rem; } } h4, .h4 { font-size: 1.5rem; font-weight: 600; letter-spacing: normal; line-height: 1.3; } h5, .h5 { font-size: 1.125rem; font-weight: 600; letter-spacing: 0.05em; line-height: 1.3; } h6, .h6 { font-size: 1rem; font-weight: 600; letter-spacing: 0.05em; line-height: 1.3; } .wp-block-image { text-align: center; } .wp-block-image figcaption { color: #28303d; font-size: 1rem; line-height: 1.7; margin-top: 10px; margin-bottom: 20px; text-align: center; } .wp-block-image .alignright { margin-left: 25px; } .wp-block-image .alignleft { margin-right: 25px; } .wp-block-image a:focus img { outline-offset: 2px; } .entry-content > *[class=wp-block-image], .entry-content [class*=inner-container] > *[class=wp-block-image] { margin-top: 0; margin-bottom: 0; } .entry-content > *[class=wp-block-image] + *, .entry-content [class*=inner-container] > *[class=wp-block-image] + * { margin-top: 0; } .wp-block-image.is-style-twentytwentyone-border img, .wp-block-image.is-style-twentytwentyone-image-frame img { border: 3px solid #28303d; } .wp-block-image.is-style-twentytwentyone-image-frame img { padding: 20px; } @media only screen and (min-width: 482px) { .entry-content > .wp-block-image > .alignleft, .entry-content > .wp-block-image > .alignright { max-width: 50%; } } @media only screen and (max-width: 481.98px) { .entry-content > .wp-block-image > .alignleft, .entry-content > .wp-block-image > .alignright { margin-left: 0; margin-right: 0; } } .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments:where(:not([class*=-font-size]):not([style*=font-size])) .wp-block-latest-comments__comment { font-size: 1.125rem; } .wp-block-latest-comments .wp-block-latest-comments__comment { line-height: 1.7; /* Vertical margins logic */ margin-top: 30px; margin-bottom: 30px; } .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { margin-top: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment:last-child { margin-bottom: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wp-block-latest-comments .wp-block-latest-comments__comment-date { color: inherit; font-size: inherit; } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: inherit; line-height: 1.7; margin: 0; } .wp-block-latest-posts { padding-left: 0; } .wp-block-latest-posts:not(.is-grid) > li { margin-top: 50px; margin-bottom: 50px; } .wp-block-latest-posts:not(.is-grid) > li:first-child { margin-top: 0; } .wp-block-latest-posts:not(.is-grid) > li:last-child { margin-bottom: 0; } .widget-area .wp-block-latest-posts:not(.is-grid) > li { margin-top: 0; margin-bottom: 0; } .wp-block-latest-posts.is-grid { word-wrap: break-word; word-break: break-word; } .wp-block-latest-posts.is-grid > li { margin-bottom: 30px; } .wp-block-latest-posts.is-grid > li:last-child, .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-block-latest-posts.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-block-latest-posts.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-block-latest-posts.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-block-latest-posts.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-block-latest-posts.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li { margin-bottom: 0; } .wp-block-latest-posts > li > * { margin-top: 10px; margin-bottom: 10px; } .wp-block-latest-posts > li > *:first-child { margin-top: 0; } .wp-block-latest-posts > li > *:last-child { margin-bottom: 0; } .wp-block-latest-posts > li > a { display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 2rem; font-weight: normal; line-height: 1.3; margin-bottom: 10px; } @media only screen and (min-width: 652px) { .wp-block-latest-posts > li > a { font-size: 2rem; } } .widget-area .wp-block-latest-posts > li > a { font-size: 1.125rem; margin-bottom: 0; } .wp-block-latest-posts .wp-block-latest-posts__post-author { color: #28303d; font-size: 1.25rem; line-height: 1.7; } .wp-block-latest-posts .wp-block-latest-posts__post-date { color: #28303d; font-size: 1rem; line-height: 1.7; } [class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date, .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date { color: currentColor; } .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts .wp-block-latest-posts__post-full-content { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.125rem; line-height: 1.7; margin-top: 20px; } .wp-block-latest-posts.alignfull { padding-left: 20px; padding-right: 20px; } .entry-content [class*=inner-container] .wp-block-latest-posts.alignfull, .entry-content .has-background .wp-block-latest-posts.alignfull { padding-left: 0; padding-right: 0; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers { border-top: 3px solid #28303d; border-bottom: 3px solid #28303d; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li, .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li { padding-bottom: 30px; border-bottom: 1px solid #28303d; margin-top: 30px; margin-bottom: 30px; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child, .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child { padding-bottom: 0; border-bottom: none; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid { box-shadow: inset 0 -1px 0 0 #28303d; border-bottom: 2px solid #28303d; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li { margin: 0; padding-top: 30px; padding-right: 25px; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child { padding-bottom: 30px; } @media screen and (min-width: 600px) { .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li { width: 50%; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li { width: 33%; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li { width: 25%; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li { width: 20%; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li { width: 17%; } } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li { border: 3px solid #28303d; padding: 30px 25px; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child { padding-bottom: 30px; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li { margin-top: 25px; margin-bottom: 25px; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-item a { display: block; } .gallery-item a:focus img { outline-offset: -2px; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } figure.wp-caption a:focus img { outline-offset: 2px; } ul, ol { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; margin: 0; padding-left: 50px; } ul.aligncenter, ol.aligncenter, ul.alignright, ol.alignright { list-style-position: inside; padding: 0; } ul.alignright, ol.alignright { text-align: right; } ul { list-style-type: disc; } ul ul { list-style-type: circle; } ol { list-style-type: decimal; } ol ul { list-style-type: circle; } dt { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: bold; } dd { margin: 0; padding-left: 50px; } .wp-block-media-text.alignfull { margin-top: 0; margin-bottom: 0; } .wp-block-media-text a:focus img { outline-offset: -1px; } .wp-block-media-text .wp-block-media-text__content { padding: 25px; } @media only screen and (min-width: 592px) { .wp-block-media-text .wp-block-media-text__content { padding: 30px; } } .wp-block-media-text .wp-block-media-text__content > * { margin-top: 20px; margin-bottom: 20px; } @media only screen and (min-width: 482px) { .wp-block-media-text .wp-block-media-text__content > * { margin-top: 30px; margin-bottom: 30px; } } .wp-block-media-text .wp-block-media-text__content > *:first-child { margin-top: 0; } .wp-block-media-text .wp-block-media-text__content > *:last-child { margin-bottom: 0; } @media only screen and (min-width: 482px) { .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content { padding-top: 30px; padding-bottom: 30px; } } .wp-block-media-text.is-style-twentytwentyone-border { border: 3px solid #28303d; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; font-weight: normal; } .wp-block-navigation .wp-block-navigation-link__submenu-icon { padding: 0; } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation-link { display: inherit; } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container { border: none; left: 0; min-width: max-content; opacity: 0; padding: 0; position: inherit; top: inherit; } .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon { display: none; } .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container { background: #d1e4dd; margin: 0; padding: 0; position: absolute; top: 100%; border: 1px solid #28303d; } .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:before, .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { content: ""; display: block; position: absolute; width: 0; top: -10px; left: 25px; border-style: solid; border-color: #28303d transparent; border-width: 0 7px 10px; } .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container:after { top: -9px; border-color: #d1e4dd transparent; } .wp-block-navigation:not(.has-background) .wp-block-navigation__container, .wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation__container { background: #d1e4dd; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus { color: #28303d; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover { text-decoration: underline; text-decoration-style: dotted; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { color: currentColor; } p { line-height: 1.7; } p.has-background { padding: 20px; } p.has-text-color a { color: #28303d; } pre.wp-block-preformatted { overflow-x: auto; white-space: pre; } .wp-block-pullquote { padding: 40px 0; text-align: center; border-width: 3px; border-bottom-style: solid; border-top-style: solid; color: currentColor; border-color: currentColor; position: relative; font-size: 2rem; font-style: normal; font-weight: 700; letter-spacing: normal; /** * Block Options */ } @media only screen and (min-width: 652px) { .wp-block-pullquote { font-size: 2rem; } } .wp-block-pullquote blockquote::before { color: currentColor; content: "“"; display: block; position: relative; left: 0; font-size: 3rem; font-weight: 500; line-height: 1; } .wp-block-pullquote p { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; } .wp-block-pullquote:where(:not([style*=line-height])) p { line-height: 1.3; } .wp-block-pullquote a { color: currentColor; } .wp-block-pullquote .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { color: currentColor; display: block; font-size: 1rem; font-style: normal; text-transform: none; } .wp-block-pullquote:not(.is-style-solid-color) { background: none; } .wp-block-pullquote.alignleft:not(.is-style-solid-color) blockquote:before, .wp-block-pullquote.alignleft:not(.is-style-solid-color) cite { text-align: center; } .wp-block-pullquote.alignwide > p { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .wp-block-pullquote.alignwide > p { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .wp-block-pullquote.alignwide > p { max-width: min(calc(100vw - 200px), 1240px); } } .wp-block-pullquote.alignwide blockquote { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .wp-block-pullquote.alignwide blockquote { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { .wp-block-pullquote.alignwide blockquote { max-width: min(calc(100vw - 200px), 1240px); } } .wp-block-pullquote.alignfull:not(.is-style-solid-color) > p, .wp-block-pullquote.alignfull:not(.is-style-solid-color) blockquote { padding: 0 40px; } .wp-block-pullquote.is-style-solid-color { color: #28303d; padding: 50px; border-width: 3px; border-style: solid; border-color: #28303d; } @media (min-width: 600px) { .wp-block-pullquote.is-style-solid-color { padding: 100px; } } .wp-block-pullquote.is-style-solid-color blockquote::before { text-align: left; } .wp-block-pullquote.is-style-solid-color blockquote { margin: 0; max-width: inherit; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 2rem; } @media only screen and (min-width: 652px) { .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 2rem; } } .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation, .wp-block-pullquote.is-style-solid-color cite, .wp-block-pullquote.is-style-solid-color footer { color: currentColor; } .wp-block-pullquote.is-style-solid-color.alignleft, .wp-block-pullquote.is-style-solid-color.alignright { padding: 20px; } .wp-block-pullquote.is-style-solid-color.alignleft blockquote, .wp-block-pullquote.is-style-solid-color.alignright blockquote { max-width: initial; } .wp-block-query.has-background { padding: 20px; } @media only screen and (min-width: 482px) { .wp-block-query.has-background { padding: 30px; } } .wp-block-quote { border-left: none; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; font-style: normal; font-weight: 700; line-height: 1.7; /** * Block Options */ } .wp-block-quote p { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; } .wp-block-quote:before { content: "“"; left: 8px; } .wp-block-quote .wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer { font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; } .has-background .wp-block-quote .wp-block-quote__citation, [class*=background-color] .wp-block-quote .wp-block-quote__citation, [style*=background-color] .wp-block-quote .wp-block-quote__citation, .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation, .has-background .wp-block-quote cite, [class*=background-color] .wp-block-quote cite, [style*=background-color] .wp-block-quote cite, .wp-block-cover[style*=background-image] .wp-block-quote cite, .has-background .wp-block-quote footer, [class*=background-color] .wp-block-quote footer, [style*=background-color] .wp-block-quote footer, .wp-block-cover[style*=background-image] .wp-block-quote footer { color: currentColor; } .wp-block-quote:where(:not([style*=font-style])) .wp-block-quote__citation { font-style: normal; } .wp-block-quote:where(:not([style*=font-style])) cite { font-style: normal; } .wp-block-quote:where(:not([style*=font-style])) footer { font-style: normal; } .wp-block-quote:where(:not([style*=font-weight])) .wp-block-quote__citation, .wp-block-quote:where(:not([style*=font-weight])) cite, .wp-block-quote:where(:not([style*=font-weight])) footer { font-weight: normal; } .wp-block-quote.has-text-align-right { margin: 30px 25px 30px auto; padding-right: 0; border-right: none; } .wp-block-quote.has-text-align-right:before { display: none; } .wp-block-quote.has-text-align-right p:before { content: "”"; margin-right: 5px; } .wp-block-quote.has-text-align-center { margin: 30px auto; } .wp-block-quote.has-text-align-center:before { display: none; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-left: 0; padding-right: 0; /* Resetting margins to match _block-container.scss */ margin-top: 30px; margin-bottom: 30px; } .wp-block-quote.is-large p { font-size: 2.25rem; font-style: normal; line-height: 1.35; } @media only screen and (min-width: 652px) { .wp-block-quote.is-large p { font-size: 2.5rem; } } .wp-block-quote.is-style-large p { font-size: 2.25rem; font-style: normal; line-height: 1.35; } @media only screen and (min-width: 652px) { .wp-block-quote.is-style-large p { font-size: 2.5rem; } } .wp-block-quote.is-large:before { font-size: 2.25rem; line-height: 1.35; left: -25px; } @media only screen and (min-width: 652px) { .wp-block-quote.is-large:before { font-size: 2.5rem; } } .wp-block-quote.is-style-large:before { font-size: 2.25rem; line-height: 1.35; left: -25px; } @media only screen and (min-width: 652px) { .wp-block-quote.is-style-large:before { font-size: 2.5rem; } } .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before { display: none; } .wp-block-quote.is-large.has-text-align-right p:before { content: "”"; font-size: 2.25rem; font-weight: normal; line-height: 1.35; margin-right: 10px; } @media only screen and (min-width: 652px) { .wp-block-quote.is-large.has-text-align-right p:before { font-size: 2.5rem; } } .wp-block-quote.is-style-large.has-text-align-right p:before { content: "”"; font-size: 2.25rem; font-weight: normal; line-height: 1.35; margin-right: 10px; } @media only screen and (min-width: 652px) { .wp-block-quote.is-style-large.has-text-align-right p:before { font-size: 2.5rem; } } .wp-block-quote.is-large .wp-block-quote__citation, .wp-block-quote.is-large cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large .wp-block-quote__citation, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { color: #28303d; font-size: 1.125rem; } @media only screen and (max-width: 481.98px) { .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-left: 25px; } .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before { left: 0; } .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right { padding-left: 0; padding-right: 25px; } .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before { right: 0; } .wp-block-quote.is-large.has-text-align-center, .wp-block-quote.is-style-large.has-text-align-center { padding-left: 0; padding-right: 0; } .wp-block-quote.has-text-align-right { padding-left: 0; padding-right: 13px; } .wp-block-quote.has-text-align-right:before { right: 0; } .wp-block-quote.has-text-align-center { padding-left: 0; padding-right: 0; } } .wp-block-rss { padding-left: 0; } .wp-block-rss > li { list-style: none; } .wp-block-rss:not(.is-grid) > li { margin-top: 50px; margin-bottom: 50px; } .wp-block-rss:not(.is-grid) > li:first-child { margin-top: 0; } .wp-block-rss:not(.is-grid) > li:last-child { margin-bottom: 0; } .wp-block-rss.is-grid > li { margin-bottom: 30px; } .wp-block-rss.is-grid > li:last-child, .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li { margin-bottom: 0; } .wp-block-rss > li > * { margin-top: 10px; margin-bottom: 10px; } .wp-block-rss > li > *:first-child { margin-top: 0; } .wp-block-rss > li > *:last-child { margin-bottom: 0; } .wp-block-rss .wp-block-rss__item-title > a { display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 2rem; font-weight: normal; line-height: 1.3; margin-bottom: 10px; } @media only screen and (min-width: 652px) { .wp-block-rss .wp-block-rss__item-title > a { font-size: 2rem; } } .wp-block-rss .wp-block-rss__item-author { color: #28303d; font-size: 1.25rem; line-height: 1.7; } .wp-block-rss .wp-block-rss__item-publish-date { color: #28303d; font-size: 1rem; line-height: 1.7; } [class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date, .has-background .wp-block-rss .wp-block-rss__item-publish-date { color: currentColor; } .wp-block-rss .wp-block-rss__item-excerpt, .wp-block-rss .wp-block-rss__item-full-content { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.125rem; line-height: 1.7; margin-top: 20px; } .wp-block-rss.alignfull { padding-left: 20px; padding-right: 20px; } .entry-content [class*=inner-container] .wp-block-rss.alignfull, .entry-content .has-background .wp-block-rss.alignfull { padding-left: 0; padding-right: 0; } .wp-block-search { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .wp-block-search { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .wp-block-search { max-width: min(calc(100vw - 200px), 610px); } } .wp-block-search__button-only.aligncenter .wp-block-search__inside-wrapper { justify-content: center; } .wp-block-search .wp-block-search__label { font-size: 1.125rem; font-weight: 500; margin-bottom: 10px; } .wp-block-search .wp-block-search__input { border: 3px solid #39414d; border-radius: 0; color: #28303d; line-height: 1.7; max-width: inherit; margin-right: -3px; margin-left: 0; padding: 10px; } .wp-block-search .wp-block-search__input:focus { color: #28303d; border-color: #39414d; } .has-background .wp-block-search .wp-block-search__input { border-color: #28303d !important; } .wp-block-search button.wp-block-search__button { margin-left: 0; line-height: 1; } .wp-block-search button.wp-block-search__button.has-icon { padding: 6px 15px; } .wp-block-search button.wp-block-search__button.has-icon svg { width: 40px; height: 40px; fill: currentColor; } .has-background .wp-block-search button.wp-block-search__button:hover, .has-background .wp-block-search button.wp-block-search__button:active { background-color: #d1e4dd !important; color: #28303d !important; } .has-text-color .wp-block-search button.wp-block-search__button:hover, .has-text-color .wp-block-search button.wp-block-search__button:active { color: #28303d !important; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { background-color: #fff; border: 3px solid #39414d; border-radius: 0; padding: 3px; } .has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border-color: #28303d !important; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { margin-left: 0; margin-right: 0; padding-left: 10px; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { color: #28303d; outline-offset: -2px; outline: 2px dotted #39414d; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { padding: 15px 30px; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button { color: #28303d; } .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover { background-color: #28303d; color: #fff; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon { padding: 6px 15px; } .wp-block-search__button { box-shadow: none; } hr { border-style: none; clear: both; margin-left: auto; margin-right: auto; } hr, hr.wp-block-separator { border-bottom: 1px solid #28303d; } hr.wp-block-separator { opacity: 1; /** * Block Options */ } hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { hr.wp-block-separator:not(.is-style-dots):not(.alignwide) { max-width: min(calc(100vw - 200px), 610px); } } hr.wp-block-separator:not(.is-style-dots).alignwide { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { hr.wp-block-separator:not(.is-style-dots).alignwide { max-width: calc(100vw - 100px); } } @media only screen and (min-width: 822px) { hr.wp-block-separator:not(.is-style-dots).alignwide { max-width: min(calc(100vw - 200px), 1240px); } } hr.wp-block-separator:not(.is-style-dots).alignfull { max-width: 100%; } hr.wp-block-separator.is-style-twentytwentyone-separator-thick { border-bottom-width: 3px; } hr.wp-block-separator.is-style-dots.has-background, hr.wp-block-separator.is-style-dots.has-text-color { background-color: transparent !important; } hr.wp-block-separator.is-style-dots.has-background:before, hr.wp-block-separator.is-style-dots.has-text-color:before { color: currentColor !important; } hr.wp-block-separator.is-style-dots:before { color: #28303d; font-size: 2.25rem; letter-spacing: 1.125rem; padding-left: 1.125rem; } @media only screen and (min-width: 652px) { hr.wp-block-separator.is-style-dots:before { font-size: 2.5rem; } } .has-background hr.wp-block-separator, [class*=background-color] hr.wp-block-separator, [style*=background-color] hr.wp-block-separator, .wp-block-cover[style*=background-image] hr.wp-block-separator { border-color: currentColor; } .wp-block-social-links a:focus, .wp-block-social-links.is-style-twentytwentyone-social-icons-color a { color: #28303d; } .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link, .wp-block-social-links.is-style-twentytwentyone-social-icons-color.has-icon-background-color.has-icon-background-color .wp-social-link { background: none; } table, .wp-block-table { width: 100%; min-width: 240px; border-collapse: collapse; } table thead, table tfoot, .wp-block-table thead, .wp-block-table tfoot { text-align: center; } table th, .wp-block-table th { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } table td, table th, .wp-block-table td, .wp-block-table th { padding: 10px; border: 1px solid; } table figcaption, .wp-block-table figcaption { color: #28303d; font-size: 1rem; } table.is-style-regular .has-background, table.is-style-stripes .has-background, table.is-style-stripes .has-background thead tr, table.is-style-stripes .has-background tfoot tr, table.is-style-stripes .has-background tbody tr, .wp-block-table.is-style-regular .has-background, .wp-block-table.is-style-stripes .has-background, .wp-block-table.is-style-stripes .has-background thead tr, .wp-block-table.is-style-stripes .has-background tfoot tr, .wp-block-table.is-style-stripes .has-background tbody tr { color: #28303d; } table.is-style-stripes, .wp-block-table.is-style-stripes { border-color: #f0f0f0; } table.is-style-stripes th, table.is-style-stripes td, .wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td { border-width: 0; } table.is-style-stripes tbody tr:nth-child(odd), .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: #f0f0f0; } table.is-style-stripes .has-background tbody tr:nth-child(odd), .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { background-color: rgba(255, 255, 255, 0.9); } table.wp-calendar-table td, table.wp-calendar-table th { background: transparent; border: 0; text-align: center; line-height: 2; vertical-align: middle; word-break: normal; } table.wp-calendar-table th { font-weight: bold; } table.wp-calendar-table thead, table.wp-calendar-table tbody { color: currentColor; border: 1px solid; } table.wp-calendar-table caption { font-weight: bold; text-align: left; margin-bottom: 20px; color: currentColor; } .wp-calendar-nav { text-align: left; margin-top: 10px; } .wp-calendar-nav svg { height: 1em; vertical-align: middle; } .wp-calendar-nav svg path { fill: currentColor; } .wp-calendar-nav .wp-calendar-nav-next { float: right; } .wp-block-tag-cloud.alignfull { padding-left: 20px; padding-right: 20px; } .wp-block-verse { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .wp-block-video figcaption { color: #28303d; font-size: 1rem; margin-top: 10px; margin-bottom: 20px; text-align: center; } * > figure > video { max-width: unset; width: 100%; vertical-align: middle; } :root .is-extra-small-text, :root .has-extra-small-font-size { font-size: 1rem; } :root .is-small-text, :root .has-small-font-size { font-size: 1.125rem; } :root .is-regular-text, :root .has-regular-font-size, :root .is-normal-font-size, :root .has-normal-font-size, :root .has-medium-font-size { font-size: 1.25rem; } :root .is-large-text, :root .has-large-font-size { font-size: 1.5rem; line-height: 1.3; } :root .is-larger-text { font-size: 2.5rem; line-height: 1.3; } @media only screen and (min-width: 652px) { :root .is-larger-text { font-size: 2.5rem; } } :root .has-larger-font-size { font-size: 2.5rem; line-height: 1.3; } @media only screen and (min-width: 652px) { :root .has-larger-font-size { font-size: 2.5rem; } } :root .is-extra-large-text { font-size: 2.5rem; line-height: 1.3; } @media only screen and (min-width: 652px) { :root .is-extra-large-text { font-size: 2.5rem; } } :root .has-extra-large-font-size { font-size: 2.5rem; line-height: 1.3; } @media only screen and (min-width: 652px) { :root .has-extra-large-font-size { font-size: 2.5rem; } } :root .is-huge-text { font-size: 6rem; line-height: 1.3; font-weight: 300; } @media only screen and (min-width: 652px) { :root .is-huge-text { font-size: 6rem; } } :root .has-huge-font-size { font-size: 6rem; line-height: 1.3; font-weight: 300; } @media only screen and (min-width: 652px) { :root .has-huge-font-size { font-size: 6rem; } } :root .is-gigantic-text { font-size: 9rem; line-height: 1.3; font-weight: 300; } @media only screen and (min-width: 652px) { :root .is-gigantic-text { font-size: 9rem; } } :root .has-gigantic-font-size { font-size: 9rem; line-height: 1.3; font-weight: 300; } @media only screen and (min-width: 652px) { :root .has-gigantic-font-size { font-size: 9rem; } } /* Block Alignments */ /** * These selectors set the default max width for content appearing inside a post or page. */ /** * .alignleft */ .alignleft { /*rtl:ignore*/ text-align: left; margin-top: 0; } .entry-content > .alignleft { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .entry-content > .alignleft { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .entry-content > .alignleft { max-width: min(calc(100vw - 200px), 610px); } } @media only screen and (min-width: 482px) { .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: 25px; margin-bottom: 30px; } .entry-content > .alignleft { max-width: calc(50% - (100vw - min(calc(100vw - 4 * 25px), 610px)) *1); } @media only screen and (min-width: 482px) { .entry-content > .alignleft { max-width: calc(50% - (100vw - min(calc(100vw - 4 * 25px), 610px)) *1); } } @media only screen and (min-width: 822px) { .entry-content > .alignleft { max-width: calc(50% - (100vw - min(calc(100vw - 4 * 25px), 610px)) *1); } } } /** * .aligncenter */ .aligncenter { clear: both; display: block; float: none; margin-right: auto; margin-left: auto; text-align: center; } /** * .alignright */ .alignright { margin-top: 0; margin-bottom: 30px; } .entry-content > .alignright { max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .entry-content > .alignright { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .entry-content > .alignright { max-width: min(calc(100vw - 200px), 610px); } } @media only screen and (min-width: 482px) { .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: 25px; } .entry-content > .alignright { max-width: calc(50% - (100vw - min(calc(100vw - 4 * 25px), 610px)) *1); } @media only screen and (min-width: 482px) { .entry-content > .alignright { max-width: calc(50% - (100vw - min(calc(100vw - 4 * 25px), 610px)) *1); } } @media only screen and (min-width: 822px) { .entry-content > .alignright { max-width: calc(50% - (100vw - min(calc(100vw - 4 * 25px), 610px)) *1); } } } [class*=inner-container] > .alignleft + *, [class*=inner-container] > .alignright + * { margin-top: 0; } /** * .alignwide */ /** * .alignfull */ .alignwide, .alignfull { clear: both; } .has-left-content { justify-content: flex-start; } .has-right-content { justify-content: flex-end; } .has-parallax { background-attachment: fixed; } .has-drop-cap:not(:focus)::first-letter { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; line-height: 0.66; text-transform: uppercase; font-style: normal; float: left; margin: 0.1em 0.1em 0 0; font-size: 5rem; } @media only screen and (min-width: 652px) { .has-drop-cap:not(:focus)::first-letter { font-size: 7rem; } } .has-drop-cap:not(:focus)::after { content: ""; display: table; clear: both; padding-top: 14px; } .desktop-only { display: none; } @media only screen and (min-width: 482px) { .desktop-only { display: block; } } /* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */ .site-header { display: flex; align-items: flex-start; flex-wrap: wrap; row-gap: 30px; } .wp-custom-logo .site-header { align-items: center; } @media only screen and (min-width: 482px) { .site-header { padding-top: 40px; } } @media only screen and (min-width: 822px) { .site-header { padding-top: 72px; } } .site-branding { color: #28303d; margin-right: 140px; } .site-branding:last-child { margin-right: 0; width: 100%; text-align: center; } @media only screen and (min-width: 482px) { .site-branding { margin-right: initial; margin-top: 4px; } } .site-title { color: #28303d; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.5rem; letter-spacing: normal; text-transform: uppercase; line-height: 1.3; margin-bottom: 5px; } .site-title a { font-weight: normal; } .site-title a, .site-title a:link, .site-title a:visited, .site-title a:active { color: currentColor; } .site-title a:hover, .site-title a:focus { color: #39414d; } @media only screen and (min-width: 482px) { .site-title { font-size: 1.5rem; } } .site-description { color: currentColor; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.125rem; line-height: 1.4; } .site-title > a { text-decoration-color: #39414d; } .site-logo { margin: 15px 0; } .site-header > .site-logo { width: 100%; padding-bottom: 45px; border-bottom: 1px solid; text-align: center; } .site-logo .custom-logo { margin-left: auto; margin-right: auto; max-width: 96px; max-height: 96px; height: auto; display: inline-block; width: auto; } @media only screen and (min-width: 482px) { .site-logo .custom-logo { max-width: 300px; max-height: 100px; height: auto; width: auto; } } @media only screen and (max-width: 481.98px) { .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo { position: absolute; padding-top: 15px; margin-top: 0; top: 0; } .primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo { display: none; } .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img { max-height: calc(10px + 2em); } .site-header.has-logo.has-title-and-tagline { align-items: flex-start; } .site-header.has-logo.has-title-and-tagline.has-menu { justify-content: space-between; } .site-header.has-logo.has-title-and-tagline.has-menu .site-branding { max-width: calc(100% - 160px); } .site-header.has-logo.has-title-and-tagline .site-branding { margin-right: 0; } body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline:after { display: none; } body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .primary-navigation { position: relative; top: 0; } body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container { position: relative; padding-top: 0; margin-top: -10px; } body:not(.primary-navigation-open) .site-header.has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu { padding-left: 11px; padding-right: 11px; margin-right: -15px; } .site-header:not(.has-logo).has-title-and-tagline .site-branding { margin-right: 0; max-width: calc(100% - 160px); } .site-header:not(.has-menu) { justify-content: center; } } .site-footer { padding-top: 0; padding-bottom: 51px; } .no-widgets .site-footer { margin-top: 180px; } @media only screen and (max-width: 481.98px) { .no-widgets .site-footer { margin-top: 90px; } } .site-footer > .site-info { padding-top: 30px; color: #28303d; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.125rem; line-height: 1.7; border-top: 3px solid #28303d; } .site-footer > .site-info .site-name { text-transform: uppercase; font-size: 1.5rem; } .site-footer > .site-info .privacy-policy, .site-footer > .site-info .powered-by { margin-top: 15px; } @media only screen and (min-width: 822px) { .site-footer > .site-info { display: flex; align-items: center; } .site-footer > .site-info .site-name { margin-right: 15px; } .site-footer > .site-info .privacy-policy, .site-footer > .site-info .powered-by { margin-top: initial; margin-left: auto; } .site-footer > .site-info .privacy-policy + .powered-by { margin-left: 15px; } } .site-footer > .site-info a, .site-footer > .site-info a:link, .site-footer > .site-info a:visited, .site-footer > .site-info a:active, .site-footer > .site-info a:hover, .site-footer > .site-info a:focus { color: #28303d; } .is-dark-theme .site-footer > .site-info a:focus { color: #d1e4dd; } .has-background-white .site-footer > .site-info a:focus { color: #fff; } .singular .entry-header { border-bottom: 3px solid #28303d; padding-bottom: 60px; margin-bottom: 90px; } .home .entry-header { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .singular .has-post-thumbnail .entry-header { border-bottom: none; padding-bottom: 39px; margin-bottom: 0; } .no-results.not-found > *:first-child { margin-bottom: 90px; } .page-links { clear: both; } .page-links .post-page-numbers { display: inline-block; margin-left: 13px; margin-right: 13px; min-width: 44px; min-height: 44px; } .page-links .post-page-numbers:first-child { margin-left: 0; } .entry-title { color: #28303d; font-size: 2.25rem; letter-spacing: normal; line-height: 1.3; overflow-wrap: break-word; } @media only screen and (min-width: 652px) { .entry-title { font-size: 3rem; } } .entry-title a { color: currentColor; text-underline-offset: 0.15em; } .entry-title a:hover { color: #28303d; } .entry-title a:focus { color: #39414d; } .entry-title a:active { color: currentColor; } .singular .entry-title { font-size: 4rem; } @media only screen and (min-width: 652px) { .singular .entry-title { font-size: 6rem; } } h1.entry-title { line-height: 1.1; font-weight: 300; } /** * Entry Content */ .entry-content, .entry-summary { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .entry-content p { word-wrap: break-word; } .entry-content > iframe[style] { margin: 30px 0 !important; max-width: 100% !important; } .entry-footer { color: #28303d; clear: both; float: none; font-size: 1rem; display: block; } .entry-footer > span { display: inline-block; } .entry-footer a { color: currentColor; } .entry-footer a:hover, .entry-footer a:focus { color: #28303d; } .entry-footer a:active { color: currentColor; } .site-main > article > .entry-footer { margin-top: 30px; padding-top: 20px; padding-bottom: 90px; border-bottom: 1px solid #28303d; } body:not(.single) .site-main > article:last-of-type .entry-footer { border-bottom: 1px solid transparent; } .single .site-main > article > .entry-footer { margin-top: 102px; margin-bottom: 102px; padding-bottom: 0; padding-top: 24px; border-top: 3px solid #28303d; border-bottom: 1px solid transparent; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 50px; } .single .site-main > article > .entry-footer .post-taxonomies, .single .site-main > article > .entry-footer .full-size-link { justify-content: flex-end; text-align: right; } .single .site-main > article > .entry-footer .full-size-link:first-child:last-child { grid-column: span 2; } .single .site-main > article > .entry-footer .posted-on, .single .site-main > article > .entry-footer .byline, .single .site-main > article > .entry-footer .cat-links, .single .site-main > article > .entry-footer .tags-links { display: block; } @media only screen and (max-width: 481.98px) { .single .site-main > article > .entry-footer, .single .site-main > article > .entry-footer .full-size-link { display: block; } .single .site-main > article > .entry-footer .post-taxonomies, .single .site-main > article > .entry-footer .full-size-link { text-align: left; } } /** * Post Thumbnails */ .post-thumbnail { text-align: center; } .post-thumbnail .wp-post-image { display: block; width: auto; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 60px; } /** * Author */ .author-bio { position: relative; font-size: 1rem; max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .author-bio { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .author-bio { max-width: min(calc(100vw - 200px), 610px); } } .site-main > article > .author-bio { margin-top: 60px; } .author-bio.show-avatars .avatar { display: inline-block; vertical-align: top; border-radius: 50%; } .author-bio.show-avatars .author-bio-content { display: inline-block; padding-left: 25px; max-width: calc(100vw - 120px); } @media only screen and (min-width: 482px) { .author-bio.show-avatars .author-bio-content { max-width: calc(min(calc(100vw - 4 * 25px), 610px) - 90px); } } @media only screen and (min-width: 822px) { .author-bio.show-avatars .author-bio-content { max-width: calc(min(calc(100vw - 8 * 25px), 610px) - 90px); } } .author-bio .author-bio-content .author-title { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.5rem; display: inline; } .author-bio .author-bio-content .author-description { font-size: 1rem; margin-top: 15px; margin-bottom: 15px; } .page-title { font-size: 4rem; } @media only screen and (min-width: 652px) { .page-title { font-size: 6rem; } } h1.page-title, h2.page-title { font-weight: 300; } h1.page-title { line-height: 1.1; } .page-header { border-bottom: 3px solid #28303d; padding-bottom: 60px; } .archive .content-area .format-aside .entry-content, .archive .content-area .format-status .entry-content, .archive .content-area .format-link .entry-content, .search .content-area .format-aside .entry-content, .search .content-area .format-status .entry-content, .search .content-area .format-link .entry-content, .blog .content-area .format-aside .entry-content, .blog .content-area .format-status .entry-content, .blog .content-area .format-link .entry-content { font-size: 1.5rem; } .archive .format-image .entry-content, .archive .format-gallery .entry-content, .archive .format-video .entry-content, .search .format-image .entry-content, .search .format-gallery .entry-content, .search .format-video .entry-content, .blog .format-image .entry-content, .blog .format-gallery .entry-content, .blog .format-video .entry-content { margin-top: 60px; } .archive .entry-footer .cat-links, .archive .entry-footer .tags-links, .search .entry-footer .cat-links, .search .entry-footer .tags-links, .blog .entry-footer .cat-links, .blog .entry-footer .tags-links { display: block; } .archive.logged-in .entry-footer .posted-on, .search.logged-in .entry-footer .posted-on, .blog.logged-in .entry-footer .posted-on { margin-right: 10px; } .archive-description { margin-top: 30px; font-size: 2.25rem; line-height: 1.3; } @media only screen and (min-width: 652px) { .archive-description { font-size: 2.5rem; } } .error404 main p { font-size: 1.5rem; margin-bottom: 50px; } .search-no-results .page-content { margin-top: 90px; } /** * Comments Wrapper */ .comments-area > * { margin-top: 30px; margin-bottom: 30px; } .comments-area > *:first-child { margin-top: 0; } .comments-area > *:last-child { margin-bottom: 0; } .comments-area.show-avatars .avatar { border-radius: 50%; position: absolute; top: 10px; } .comments-area.show-avatars .fn { display: inline-block; padding-left: 85px; } .comments-area.show-avatars .comment-metadata { padding: 8px 0 9px 85px; } /** * Comment Title */ .comments-title { font-size: 2.25rem; letter-spacing: normal; } @media only screen and (min-width: 652px) { .comments-title { font-size: 3rem; } } .comment-reply-title { font-size: 2.25rem; letter-spacing: normal; } @media only screen and (min-width: 652px) { .comment-reply-title { font-size: 3rem; } } .comment-reply-title { display: flex; justify-content: space-between; } .comment-reply-title small a { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1rem; font-style: normal; font-weight: normal; letter-spacing: normal; } /* Nested comment reply title*/ .comment .comment-respond .comment-reply-title { font-size: 1.5rem; } /** * Comment Lists */ .comment-list { padding-left: 0; list-style: none; } .comment-list > li { margin-top: 30px; margin-bottom: 30px; } .comment-list .children { list-style: none; padding-left: 0; } .comment-list .children > li { margin-top: 30px; margin-bottom: 30px; } @media only screen and (min-width: 482px) { .comment-list .depth-2, .comment-list .depth-3 { padding-left: 100px; } } /** * Comment Meta */ .comment-meta .comment-author { line-height: 1.3; margin-bottom: 5px; } @media only screen and (min-width: 482px) { .comment-meta .comment-author { margin-bottom: 0; padding-right: 0; } } .comment-meta .comment-author .fn { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-weight: normal; font-size: 1.5rem; hyphens: auto; word-wrap: break-word; word-break: break-word; } .comment-meta .comment-metadata { color: #28303d; font-size: 1rem; padding: 8px 0 9px; } .comment-meta .comment-metadata .edit-link { margin-left: 25px; } @media only screen and (min-width: 482px) { .comment-meta { margin-right: inherit; } .comment-meta .comment-author { max-width: inherit; } } .reply { font-size: 1.125rem; line-height: 1.3; } .bypostauthor { display: block; } .says { display: none; } .pingback .url, .trackback .url { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .comment-body { position: relative; margin-bottom: 51px; } .comment-body > * { margin-top: 30px; margin-bottom: 30px; } .comment-body .reply { margin: 0; } .comment-content { word-wrap: break-word; } .pingback .comment-body, .trackback .comment-body { margin-top: 30px; margin-bottom: 30px; } .comment-respond { margin-top: 30px; } .comment-respond > * { margin-top: 20px; margin-bottom: 20px; } .comment-respond > *:first-child { margin-top: 0; } .comment-respond > *:last-child { margin-bottom: 0; } .comment-respond > *:last-child.comment-form { margin-bottom: 30px; } .comment-author { padding-top: 3px; } .comment-author .url { color: currentColor; } .comment-form { display: flex; flex-wrap: wrap; } .comment-form > * { flex-basis: 100%; } .comment-form .comment-notes { font-size: 1.125rem; } .comment-form .comment-form-url, .comment-form .comment-form-comment { width: 100%; } .comment-form .comment-form-author, .comment-form .comment-form-email { flex-basis: 0; flex-grow: 1; } @media only screen and (max-width: 481.98px) { .comment-form .comment-form-author, .comment-form .comment-form-email { flex-basis: 100%; } } .comment-form .comment-form-cookies-consent > label, .comment-form .comment-notes { font-size: 1rem; font-weight: normal; } .comment-form > p { margin-bottom: 20px; } .comment-form > p:first-of-type { margin-top: 0; } .comment-form > p:last-of-type { margin-bottom: 0; } .comment-form > p label, .comment-form > p input[type=email], .comment-form > p input[type=text], .comment-form > p input[type=url], .comment-form > p textarea { display: block; font-size: 1.125rem; margin-bottom: 10px; width: 100%; font-weight: 500; } .comment-form > p.comment-form-cookies-consent { display: flex; } @media only screen and (min-width: 482px) { .comment-form > p.comment-form-author { margin-right: 38px; } .comment-form > p.comment-notes, .comment-form > p.logged-in-as { display: block; } } .menu-button-container { display: none; justify-content: space-between; position: absolute; right: 0; padding-top: 15px; padding-bottom: 8px; } @media only screen and (max-width: 481.98px) { .menu-button-container { display: flex; } } .menu-button-container #primary-mobile-menu { display: flex; margin-left: auto; padding: 10px 15px; font-size: 1rem; font-weight: 500; background-color: transparent; border: none; color: #28303d; } .menu-button-container #primary-mobile-menu .dropdown-icon { display: flex; align-items: center; } .menu-button-container #primary-mobile-menu .dropdown-icon .svg-icon { margin-left: 5px; } .menu-button-container #primary-mobile-menu .dropdown-icon.open .svg-icon { position: relative; top: -1px; } .menu-button-container #primary-mobile-menu .dropdown-icon.close, .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.open { display: none; } .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { display: flex; } .has-logo.has-title-and-tagline .menu-button-container #primary-mobile-menu[aria-expanded*=true] .dropdown-icon.close { animation-name: twentytwentyone-close-button-transition; animation-duration: 0.3s; } .primary-navigation-open .menu-button-container { width: 100%; z-index: 500; background-color: #d1e4dd; } .primary-navigation-open .menu-button-container #primary-mobile-menu { position: static; } .primary-navigation { position: absolute; top: 0; right: 0; color: #28303d; font-size: 1.25rem; line-height: 1.15; margin-top: 0; margin-bottom: 0; } .primary-navigation > .primary-menu-container { position: fixed; visibility: hidden; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; padding-top: calc(2rem + 47px); padding-left: 20px; padding-right: 20px; padding-bottom: 25px; background-color: #d1e4dd; transform: translateY(30px); } @media (prefers-reduced-motion: no-preference) { .primary-navigation > .primary-menu-container { transition: all 0.15s ease-in-out; } } @media only screen and (max-width: 481.98px) { .primary-navigation > .primary-menu-container { height: 100vh; z-index: 499; overflow-x: hidden; overflow-y: auto; border: 2px solid transparent; } .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { position: fixed; transform: translateY(0) translateX(100%); } .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { top: 32px; } @media only screen and (max-width: 782px) { .admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { top: 46px; } } .admin-bar .primary-navigation > .primary-menu-container { height: calc(100vh - 32px); } @media only screen and (max-width: 782px) { .admin-bar .primary-navigation > .primary-menu-container { height: calc(100vh - 46px); } } .primary-navigation > .primary-menu-container:focus { border: 2px solid #28303d; } .primary-navigation-open .primary-navigation { width: 100%; position: fixed; z-index: 2; } } .primary-navigation-open .primary-navigation > .primary-menu-container { position: absolute; visibility: visible; opacity: 1; transform: translateY(0); } @media only screen and (max-width: 481.98px) { .primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container { transform: translateX(0) translateY(0); } } @media only screen and (min-width: 482px) { .primary-navigation { position: relative; margin-left: auto; } .primary-navigation > .primary-menu-container { visibility: visible; opacity: 1; position: relative; padding: 0; background-color: transparent; overflow: initial; transform: none; } .primary-navigation #toggle-menu, .primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul { display: none; } .admin-bar .primary-navigation, .admin-bar .primary-navigation > .primary-menu-container { top: initial; } } .primary-navigation > div > .menu-wrapper { display: flex; justify-content: flex-start; flex-wrap: wrap; list-style: none; margin: 0; max-width: none; padding-left: 0; position: relative; } @media only screen and (max-width: 481.98px) { .primary-navigation > div > .menu-wrapper { padding-bottom: 100px; } .primary-navigation > div > .menu-wrapper ul { padding-left: 0; } } .primary-navigation > div > .menu-wrapper li { display: block; position: relative; width: 100%; } @media only screen and (min-width: 482px) { .primary-navigation > div > .menu-wrapper li { margin: 0; width: inherit; } .primary-navigation > div > .menu-wrapper li:last-child { margin-right: 0; } } .primary-navigation > div > .menu-wrapper .sub-menu-toggle { display: flex; height: calc(27px + 1em); width: 44px; padding: 0; justify-content: center; align-items: center; background: transparent; color: currentColor; border: none; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus { outline: 2px solid #28303d; } @media only screen and (max-width: 481.98px) { .primary-navigation > div > .menu-wrapper .sub-menu-toggle { display: none; } } .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus, .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus { height: 100%; display: flex; align-items: center; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg, .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg { margin-top: -1px; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus { display: none; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus { display: flex; } .primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus { display: none; } .primary-navigation > div > .menu-wrapper > li > .sub-menu { position: relative; } @media only screen and (min-width: 482px) and (prefers-reduced-motion: no-preference) { .primary-navigation > div > .menu-wrapper > li > .sub-menu { transition: all 0.5s ease; } } @media only screen and (min-width: 482px) { .primary-navigation > div > .menu-wrapper > li > .sub-menu { left: 0; margin: 0; min-width: max-content; position: absolute; top: 100%; padding-top: 3px; z-index: 88888; } .primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { content: ""; display: block; position: absolute; width: 0; top: -10px; left: 25px; border-style: solid; border-color: #28303d transparent; border-width: 0 7px 10px; } .primary-navigation > div > .menu-wrapper > li > .sub-menu:after { top: -9px; border-color: #d1e4dd transparent; } .primary-navigation > div > .menu-wrapper > li > .sub-menu li { background: #d1e4dd; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left { /* rtl:ignore */ left: 0; /* rtl:ignore */ right: auto; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before { /* rtl:ignore */ left: 25px; /* rtl:ignore */ right: auto; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after { /* rtl:ignore */ left: 25px; /* rtl:ignore */ right: auto; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right { /* rtl:ignore */ right: 0; /* rtl:ignore */ left: auto; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before { /* rtl:ignore */ left: auto; /* rtl:ignore */ right: 25px; } .primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after { /* rtl:ignore */ left: auto; /* rtl:ignore */ right: 25px; } } .primary-navigation .primary-menu > .menu-item:hover > a { color: #28303d; } @media only screen and (min-width: 482px) { .primary-navigation .primary-menu-container { margin-right: -13px; margin-left: -13px; } .primary-navigation .primary-menu-container > ul > .menu-item { display: flex; } .primary-navigation .primary-menu-container > ul > .menu-item > a { padding-left: 13px; padding-right: 13px; } .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle { margin-left: -8px; } } .primary-navigation a { display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.125rem; font-weight: normal; padding: 13px 0; text-decoration: none; } @media only screen and (min-width: 482px) { .primary-navigation a { display: block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.25rem; font-weight: normal; } } .primary-navigation a + svg { fill: #28303d; } .primary-navigation a:hover, .primary-navigation a:link, .primary-navigation a:visited { color: #28303d; } .primary-navigation a:hover { text-decoration: underline; text-decoration-style: dotted; } .primary-navigation a:focus { position: relative; z-index: 99999; outline-offset: 0; text-decoration-thickness: 2px; } .primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child { text-decoration: underline; text-decoration-style: solid; } .primary-navigation .current-menu-item > a:first-child:hover, .primary-navigation .current_page_item > a:first-child:hover { text-decoration: underline; text-decoration-style: dotted; } .primary-navigation .sub-menu { margin: 0; padding: 0; list-style: none; margin-left: 13px; border: 1px solid #28303d; } .primary-navigation .sub-menu .sub-menu { border: none; } @media only screen and (min-width: 482px) { .primary-navigation .sub-menu > .menu-item > .sub-menu { padding: 0; } } @media only screen and (max-width: 481.98px) { .primary-navigation .sub-menu .menu-item:last-child { margin-bottom: 0; } } .primary-navigation .sub-menu .menu-item > a { padding: 17px 13px; display: block; font-size: 1.125rem; font-style: normal; } @media only screen and (min-width: 482px) { .primary-navigation .sub-menu .menu-item > a { font-size: 1rem; font-style: normal; } } .primary-navigation .menu-item-has-children > .svg-icon { display: none; } @media only screen and (min-width: 482px) { .primary-navigation .menu-item-has-children > .svg-icon { display: inline-block; height: 100%; } .primary-navigation .menu-item-has-children .sub-menu .svg-icon { display: none; } } .primary-navigation .menu-item-description { display: block; clear: both; font-size: 1rem; text-transform: none; line-height: 1.7; } .primary-navigation .menu-item-description > span { display: inline-block; } @media only screen and (max-width: 481.98px) { .lock-scrolling .site { position: fixed; max-width: 100%; width: 100%; } } @keyframes twentytwentyone-close-button-transition { from { opacity: 0; } to { opacity: 1; } } .footer-navigation { margin-top: 60px; margin-bottom: 30px; color: #28303d; font-size: 1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } .footer-navigation-wrapper { display: flex; justify-content: center; flex-wrap: wrap; list-style: none; padding-left: 0; } .footer-navigation-wrapper li { display: inline; line-height: 3; } .footer-navigation-wrapper li a { padding: 17px 13px; color: #28303d; } .footer-navigation-wrapper li a:link, .footer-navigation-wrapper li a:visited, .footer-navigation-wrapper li a:active { color: #28303d; } .footer-navigation-wrapper li a:hover { text-decoration: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; color: #28303d; } .is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon { fill: #d1e4dd; } .has-background-white .footer-navigation-wrapper li a:focus .svg-icon { fill: #fff; } .footer-navigation-wrapper li .svg-icon { vertical-align: middle; fill: #28303d; } .footer-navigation-wrapper li .svg-icon:hover { transform: scale(1.1); } @media (prefers-reduced-motion: no-preference) { .footer-navigation-wrapper li .svg-icon { transition: transform 0.1s ease; } } .footer-navigation-wrapper .sub-menu-toggle, .footer-navigation-wrapper .menu-item-description { display: none; } /* Next/Previous navigation */ .navigation, .navigation a { color: #28303d; } .navigation a { text-decoration: none; } .navigation a:hover { color: #28303d; text-decoration: underline; text-decoration-style: dotted; } .navigation a:focus { color: #39414d; } .navigation a:active { color: #28303d; } .navigation .nav-links > * { min-width: 44px; min-height: 44px; } .navigation .nav-links .nav-next a, .navigation .nav-links .nav-previous a { display: flex; flex-direction: column; } .navigation .nav-links .dots { text-align: center; } @media only screen and (min-width: 592px) { .navigation .nav-links { display: flex; justify-content: center; flex-wrap: wrap; } .navigation .nav-links .nav-next, .navigation .nav-links .nav-previous { flex: 0 1 auto; margin-bottom: inherit; margin-top: inherit; max-width: calc(50% - 10px); } .navigation .nav-links .nav-next { text-align: right; } } .navigation .svg-icon { display: inline-block; fill: currentColor; vertical-align: middle; position: relative; } .navigation .nav-previous .svg-icon, .navigation .prev .svg-icon { top: -2px; margin-right: 5px; } .navigation .nav-next .svg-icon, .navigation .next .svg-icon { top: -1px; margin-left: 5px; } .post-navigation { margin: 30px auto; } @media only screen and (min-width: 822px) { .post-navigation { margin: 30px auto; } } .post-navigation .meta-nav { line-height: 1.7; color: #28303d; } .post-navigation .post-title { display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.5rem; font-weight: 600; line-height: 1.3; } @media only screen and (min-width: 822px) { .post-navigation .post-title { margin: 5px 29px 0; } } @media only screen and (min-width: 482px) { .post-navigation .nav-links { justify-content: space-between; } } .post-navigation .nav-next, .post-navigation .nav-previous { margin-top: 30px; margin-bottom: 30px; } .post-navigation .nav-next:first-child, .post-navigation .nav-previous:first-child { margin-top: 0; } .post-navigation .nav-next:last-child, .post-navigation .nav-previous:last-child { margin-bottom: 0; } .pagination, .comments-pagination { border-top: 3px solid #28303d; padding-top: 30px; margin: 30px auto; } @media only screen and (min-width: 822px) { .pagination, .comments-pagination { margin: 30px auto; } } .pagination .nav-links, .comments-pagination .nav-links { margin-top: -30px; } .pagination .nav-links a:hover, .comments-pagination .nav-links a:hover { color: #28303d; } .is-dark-theme .pagination .nav-links a:active, .is-dark-theme .pagination .nav-links a:hover:active, .is-dark-theme .pagination .nav-links a:hover:focus, .is-dark-theme .comments-pagination .nav-links a:active, .is-dark-theme .comments-pagination .nav-links a:hover:active, .is-dark-theme .comments-pagination .nav-links a:hover:focus { color: #d1e4dd; } .has-background-white .pagination .nav-links a:active, .has-background-white .pagination .nav-links a:hover:active, .has-background-white .pagination .nav-links a:hover:focus, .has-background-white .comments-pagination .nav-links a:active, .has-background-white .comments-pagination .nav-links a:hover:active, .has-background-white .comments-pagination .nav-links a:hover:focus { color: #fff; } .pagination .nav-links > *, .comments-pagination .nav-links > * { color: #28303d; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-size: 1.5rem; font-weight: normal; margin-top: 30px; margin-left: 13px; margin-right: 13px; } .pagination .nav-links > *.current, .comments-pagination .nav-links > *.current { text-decoration: underline; } .pagination .nav-links > *:not(.dots):not(.current):hover, .comments-pagination .nav-links > *:not(.dots):not(.current):hover { text-decoration-style: dotted; } .pagination .nav-links > *:first-child, .comments-pagination .nav-links > *:first-child { margin-left: 0; } .pagination .nav-links > *:last-child, .comments-pagination .nav-links > *:last-child { margin-right: 0; } .pagination .nav-links > *.next, .comments-pagination .nav-links > *.next { margin-left: auto; } .pagination .nav-links > *.prev, .comments-pagination .nav-links > *.prev { margin-right: auto; } @media only screen and (max-width: 821.98px) { .pagination .nav-links, .comments-pagination .nav-links { display: flex; flex-wrap: wrap; } .pagination .page-numbers, .comments-pagination .page-numbers { display: none; } .pagination .page-numbers.prev, .pagination .page-numbers.next, .comments-pagination .page-numbers.prev, .comments-pagination .page-numbers.next { display: inline-block; flex: 0 1 auto; } } @media only screen and (max-width: 481.98px) { .pagination .nav-short, .comments-pagination .nav-short { display: none; } } .comments-pagination { padding-top: 20px; margin: 90px auto; } @media only screen and (min-width: 822px) { .comments-pagination { margin: 90px auto 120px; } } .comments-pagination .nav-links > * { font-size: 1.25rem; } .widget-area { margin-top: 180px; padding-bottom: 10px; color: #28303d; font-size: 1.125rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } @media only screen and (min-width: 652px) { .widget-area { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 50px; } } @media only screen and (min-width: 1024px) { .widget-area { grid-template-columns: repeat(3, 1fr); } } @media only screen and (max-width: 481.98px) { .widget-area { margin-top: 90px; } } .widget-area .wp-block-social-links.alignright { margin-top: 30px; justify-content: flex-end; } .widget-area .wp-block-social-links.alignleft { margin-top: 30px; } .widget-area:after { content: ""; display: table; clear: both; } .widget h1, .widget h2, .widget h3, .widget h4, .widget h5, .widget h6 { font-weight: 700; line-height: 1.4; } .widget h1 { font-size: 1.25rem; } .widget h2 { font-size: 1.125rem; } .widget h3, .widget h4, .widget h5, .widget h6 { font-size: 1rem; } .widget ul { list-style-type: none; padding: 0; } .widget ul li { line-height: 1.9; } .widget ul.sub-menu, .widget ul.children { margin-left: 13px; } .widget ul .sub-menu-toggle { display: none; } .widget a { text-decoration: underline; text-decoration-style: solid; text-decoration-color: currentColor; } .widget a, .widget a:link, .widget a:visited, .widget a:active, .widget a:hover { color: #28303d; } .widget a:hover { text-decoration-style: dotted; } .search-form { display: flex; flex-wrap: wrap; margin: auto; max-width: calc(100vw - 30px); } @media only screen and (min-width: 482px) { .search-form { max-width: min(calc(100vw - 100px), 610px); } } @media only screen and (min-width: 822px) { .search-form { max-width: min(calc(100vw - 200px), 610px); } } .search-form > label { width: 100%; margin-bottom: 0; font-weight: 500; } .search-form .search-field { flex-grow: 1; max-width: inherit; margin-top: 10px; margin-right: 17px; } .search-form .search-submit { margin-top: 10px; margin-left: 10px; } .widget_search > .search-form .search-field { margin-right: -3px; -webkit-appearance: none; margin-bottom: 15px; } .widget_search > .search-form .search-submit { margin-left: 0; margin-bottom: 15px; } .widget_rss a.rsswidget .rss-widget-icon { display: none; } /* Category 07 is for any utility classes that are not assigned to a specific component. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; } .skip-link:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } .has-black-color[class], .has-black-color[class] > [class*=__inner-container] { color: #000; } .has-gray-color[class], .has-gray-color[class] > [class*=__inner-container] { color: #39414d; } .has-dark-gray-color[class], .has-dark-gray-color[class] > [class*=__inner-container] { color: #28303d; } .has-green-color[class], .has-green-color[class] > [class*=__inner-container] { color: #d1e4dd; } .has-blue-color[class], .has-blue-color[class] > [class*=__inner-container] { color: #d1dfe4; } .has-purple-color[class], .has-purple-color[class] > [class*=__inner-container] { color: #d1d1e4; } .has-red-color[class], .has-red-color[class] > [class*=__inner-container] { color: #e4d1d1; } .has-orange-color[class], .has-orange-color[class] > [class*=__inner-container] { color: #e4dad1; } .has-yellow-color[class], .has-yellow-color[class] > [class*=__inner-container] { color: #eeeadd; } .has-white-color[class], .has-white-color[class] > [class*=__inner-container] { color: #fff; } .has-background a, .has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 { color: currentColor; } .has-black-background-color[class], .has-black-background-color[class] > [class*=__inner-container] { background-color: #000; } .has-dark-gray-background-color[class], .has-dark-gray-background-color[class] > [class*=__inner-container] { background-color: #28303d; } .has-gray-background-color[class], .has-gray-background-color[class] > [class*=__inner-container] { background-color: #39414d; } .has-light-gray-background-color[class], .has-light-gray-background-color[class] > [class*=__inner-container] { background-color: #f0f0f0; } .has-green-background-color[class], .has-green-background-color[class] > [class*=__inner-container] { background-color: #d1e4dd; } .has-blue-background-color[class], .has-blue-background-color[class] > [class*=__inner-container] { background-color: #d1dfe4; } .has-purple-background-color[class], .has-purple-background-color[class] > [class*=__inner-container] { background-color: #d1d1e4; } .has-red-background-color[class], .has-red-background-color[class] > [class*=__inner-container] { background-color: #e4d1d1; } .has-orange-background-color[class], .has-orange-background-color[class] > [class*=__inner-container] { background-color: #e4dad1; } .has-yellow-background-color[class], .has-yellow-background-color[class] > [class*=__inner-container] { background-color: #eeeadd; } .has-white-background-color[class], .has-white-background-color[class] > [class*=__inner-container] { background-color: #fff; } .has-background:not(.has-text-color).has-black-background-color[class], .has-background:not(.has-text-color).has-gray-background-color[class], .has-background:not(.has-text-color).has-dark-gray-background-color[class] { color: #fff; } .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-green-background-color[class], .has-background:not(.has-text-color).has-blue-background-color[class], .has-background:not(.has-text-color).has-purple-background-color[class], .has-background:not(.has-text-color).has-red-background-color[class], .has-background:not(.has-text-color).has-orange-background-color[class], .has-background:not(.has-text-color).has-yellow-background-color[class], .has-background:not(.has-text-color).has-white-background-color[class], .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { color: #28303d; } .has-purple-to-yellow-gradient-background { background: linear-gradient(160deg, #d1d1e4, #eeeadd); } .has-yellow-to-purple-gradient-background { background: linear-gradient(160deg, #eeeadd, #d1d1e4); } .has-green-to-yellow-gradient-background { background: linear-gradient(160deg, #d1e4dd, #eeeadd); } .has-yellow-to-green-gradient-background { background: linear-gradient(160deg, #eeeadd, #d1e4dd); } .has-red-to-yellow-gradient-background { background: linear-gradient(160deg, #e4d1d1, #eeeadd); } .has-yellow-to-red-gradient-background { background: linear-gradient(160deg, #eeeadd, #e4d1d1); } .has-purple-to-red-gradient-background { background: linear-gradient(160deg, #d1d1e4, #e4d1d1); } .has-red-to-purple-gradient-background { background: linear-gradient(160deg, #e4d1d1, #d1d1e4); } header *, main *, footer * { max-width: unset; } html, body, div, header, nav, article, figure, hr, main, section, footer { max-width: none; } .is-IE.is-dark-theme, .is-IE.is-dark-theme *, .is-IE.is-dark-theme a, .is-IE.is-dark-theme .site-description, .is-IE.is-dark-theme .entry-title, .is-IE.is-dark-theme .entry-footer, .is-IE.is-dark-theme .widget-area, .is-IE.is-dark-theme .post-navigation .meta-nav, .is-IE.is-dark-theme .footer-navigation-wrapper li a:link, .is-IE.is-dark-theme .site-footer > .site-info, .is-IE.is-dark-theme .site-footer > .site-info a, .is-IE.is-dark-theme .site-footer > .site-info a:visited { color: #fff; } .is-IE.is-dark-theme .sub-menu-toggle svg, .is-IE.is-dark-theme .sub-menu-toggle path, .is-IE.is-dark-theme .post-navigation .meta-nav svg, .is-IE.is-dark-theme .post-navigation .meta-nav path { fill: #fff; } .is-IE.is-dark-theme .primary-navigation > div > .menu-wrapper > li > .sub-menu li { background: #000; } @media only screen and (max-width: 481.98px) { .is-IE.is-dark-theme.primary-navigation-open .primary-navigation > .primary-menu-container, .is-IE.is-dark-theme.primary-navigation-open .menu-button-container { background-color: #000; } } .is-IE.is-dark-theme .skip-link:focus { color: #21759b; } .is-IE .navigation .nav-links { display: block; } .is-IE .post-thumbnail .wp-post-image { min-width: auto; } assets/css/ie.css.map000064400000121515147206564210010535 0ustar00{"version":3,"sources":["../../style.css","../../assets/sass/01-settings/file-header.scss","../../assets/sass/style.scss","../../assets/sass/01-settings/global.scss","../../assets/sass/03-generic/normalize.scss","../../assets/sass/03-generic/breakpoints.scss","../../assets/sass/03-generic/vertical-margins.scss","../../assets/sass/03-generic/reset.scss","../../assets/sass/03-generic/clearings.scss","../../assets/sass/04-elements/blockquote.scss","../../assets/sass/04-elements/forms.scss","../../assets/sass/04-elements/media.scss","../../assets/sass/04-elements/misc.scss","../../assets/sass/04-elements/links.scss","../../assets/sass/05-blocks/audio/_style.scss","../../assets/sass/05-blocks/button/_style.scss","../../assets/sass/02-tools/mixins.scss","../../assets/sass/05-blocks/code/_style.scss","../../assets/sass/05-blocks/columns/_style.scss","../../assets/sass/05-blocks/cover/_style.scss","../../assets/sass/05-blocks/file/_style.scss","../../assets/sass/05-blocks/gallery/_style.scss","../../assets/sass/05-blocks/group/_style.scss","../../assets/sass/05-blocks/heading/_style.scss","../../assets/sass/05-blocks/image/_style.scss","../../assets/sass/05-blocks/latest-comments/_style.scss","../../assets/sass/05-blocks/latest-posts/_style.scss","../../assets/sass/05-blocks/legacy/_style.scss","../../assets/sass/05-blocks/list/_style.scss","../../assets/sass/05-blocks/media-text/_style.scss","../../assets/sass/05-blocks/navigation/_style.scss","../../assets/sass/05-blocks/paragraph/_style.scss","../../assets/sass/05-blocks/preformatted/_style.scss","../../assets/sass/05-blocks/pullquote/_style.scss","../../assets/sass/05-blocks/query-loop/_style.scss","../../assets/sass/05-blocks/quote/_style.scss","../../assets/sass/05-blocks/rss/_style.scss","../../assets/sass/05-blocks/search/_style.scss","../../assets/sass/05-blocks/separator/_style.scss","../../assets/sass/05-blocks/social-icons/_style.scss","../../assets/sass/05-blocks/table/_style.scss","../../assets/sass/05-blocks/tag-clould/_style.scss","../../assets/sass/05-blocks/verse/_style.scss","../../assets/sass/05-blocks/video/_style.scss","../../assets/sass/05-blocks/utilities/_font-sizes.scss","../../assets/sass/05-blocks/utilities/_style.scss","../../assets/sass/06-components/header.scss","../../assets/sass/06-components/footer.scss","../../assets/sass/06-components/single.scss","../../assets/sass/06-components/posts-and-pages.scss","../../assets/sass/06-components/entry.scss","../../assets/sass/06-components/archives.scss","../../assets/sass/06-components/404.scss","../../assets/sass/06-components/search.scss","../../assets/sass/06-components/comments.scss","../../assets/sass/06-components/navigation.scss","../../assets/sass/06-components/footer-navigation.scss","../../assets/sass/06-components/pagination.scss","../../assets/sass/06-components/widgets.scss","../../assets/sass/07-utilities/a11y.scss","../../assets/sass/07-utilities/color-palette.scss","../../assets/sass/07-utilities/measure.scss","../../assets/sass/07-utilities/ie.scss"],"names":[],"mappings":"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","file":"ie.css"}assets/css/style-editor-customizer.css000064400000000156147206564210014207 0ustar00/** * These styles are generated by the Customizer and only loaded when a custom color scheme is active. */ assets/css/style-editor.css.map000064400000025004147206564210012560 0ustar00{"version":3,"sourceRoot":"","sources":["../sass/style-editor.scss","../sass/01-settings/global.scss","../sass/03-generic/breakpoints.scss","../sass/04-elements/blockquote.scss","../sass/04-elements/media.scss","../sass/04-elements/forms-editor.scss","../sass/04-elements/links.scss","../sass/05-blocks/button/_editor.scss","../sass/02-tools/mixins.scss","../sass/05-blocks/code/_editor.scss","../sass/05-blocks/cover/_editor.scss","../sass/05-blocks/columns/_editor.scss","../sass/05-blocks/file/_editor.scss","../sass/05-blocks/gallery/_editor.scss","../sass/05-blocks/group/_editor.scss","../sass/05-blocks/heading/_editor.scss","../sass/05-blocks/html/_editor.scss","../sass/05-blocks/image/_editor.scss","../sass/05-blocks/latest-comments/_editor.scss","../sass/05-blocks/latest-posts/_editor.scss","../sass/05-blocks/legacy/_editor.scss","../sass/05-blocks/list/_editor.scss","../sass/05-blocks/media-text/_editor.scss","../sass/05-blocks/navigation/_editor.scss","../sass/05-blocks/paragraph/_editor.scss","../sass/05-blocks/preformatted/_editor.scss","../sass/05-blocks/pullquote/_editor.scss","../sass/05-blocks/query-loop/_editor.scss","../sass/05-blocks/quote/_editor.scss","../sass/05-blocks/rss/_editor.scss","../sass/05-blocks/search/_editor.scss","../sass/05-blocks/separator/_editor.scss","../sass/05-blocks/social-icons/_editor.scss","../sass/05-blocks/table/_editor.scss","../sass/05-blocks/tag-clould/_editor.scss","../sass/05-blocks/verse/_editor.scss","../sass/05-blocks/utilities/_font-sizes.scss","../sass/05-blocks/utilities/_editor.scss","../sass/06-components/editor.scss","../sass/07-utilities/color-palette.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;ACAA;AAKA;AAEC;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EAEA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;AAEA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;AAEA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;;;AAGD;EACC;;AAEA;EAHD;IAIE;;;;AAIF;EACC;IACC;IACA;IACA;IACA;IACA;;;ACrPF;AAAA;AAAA;AAIA;AAAA;AAAA;AA4EA;AAAA;AAAA;AAGA;EACC;EACA;EACA;EACA;EACA;EACA;;;AA/DC;EAoED;IACC;IACA;IACA;IACA;;;AApCA;EA0CD;IACC;IACA;;;AAIF;AAAA;AAAA;AAGA;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA;;;AAhGC;EA2GD;IACC;IACA;IACA;IACA;;;AF7HF;AAAA;EAEI;;;AGdJ;EACC;EACA;EACA;;AAEA;EACC;EACA;;AAEA;EACC;;AAGD;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;AAAA;EAEC;EACA;EACA;;AAGD;EAGC;;AAEA;EACC;EACA;EACA;;AAGD;AAAA;AAAA;EAEC;EACA;;AAIF;EACC;;AAGD;EACC;EACA;EACA;;AAGD;AAAA;AAAA;EAGC;EACA;;AD9CA;ECpBF;IAsEE;;EAEA;IACC;;;;ACzEH;EACC;EACA;EACA;;;AAGD;AACA;EACC;;;AAGD;AACA;AAAA;AAAA;AAAA;EAIC;;;AAGD;AACA;AAAA;AAAA;AAAA;EAIC;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;;;AAIF;AACA;AAAA;AAAA;EAGC;EACA;EACA;EACA;;;AC5CD;AAAA;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACXD;AAAA;AAAA;AAAA;AAAA;AAKA;EACC;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;AAEC;EACA;EAEA;EACA;EACA;;AAGA;EACC;EACA;EACA;;AAEA;EACC;;AAKF;EACC;EACA;;AAEA;EACC;;AAIF;AAEC;EACA;EACA;;AAEA;EACC;EACA;;AAIF;EACC;;AAGD;EACC;;;AAQD;EAEC;;;AC1EF;ECsBC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMC;EACC;;AAGA;EACC;;AAEA;EACC;;AAMH;EACC;;AAGA;EACC;;AAMH;EAEC;EACA;EACA;;AAID;EACC;EACA;;AAID;EACC;EACA;EACA;;;ADzEF;AAAA;AAAA;AAYG;EACC;;AAGA;EACC;;AAEA;EACC;;AAMH;EACC;;AAGA;EACC;;AAMH;AAAA;EAEC;EACA;EACA;;AAID;EACC;EACA;;AAUA;EAGC;;AAID;EACC;;AAGA;EACC;;AAMD;EACC;;AAKF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ACA;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;;AAIF;EACC;;;ACxCD;AAAA;EAEC;EACA;EACA;;AAGA;AAAA;EACC;EACA;EACA;;AAGD;AAAA;EACC;EACA;EACA;;;AAMD;AAAA;EAEC;;;AAIF;EACC;EACA;;;AC5BA;EACC;EACA;;AdiFD;EACC;;AAID;EACC;;AAID;EAEC;;AcxFD;EACC;;AAID;EACC;;;ACbD;EACC;EACA;;AAGD;EACC;;AAKA;EACC;EACA;EACA;;AAMD;EACC;;AAUC;EAEC;;AAKH;EACC;;;ACzCH;EACC;;AAEA;EACC;;;ACJF;EACC;EACA;EACA;;;ACHD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;AAAA;AAAA;EAGC;EACA;EACA;;AAID;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EARD;IASE;;;AAGD;EACC;;AAGD;EAEC;EACA;EACA;;AAGD;EACC;EACA;;AAEA;EACC;;AAIF;AAAA;AAAA;EAGC;;;AAUD;EACC;;;AAQF;AAAA;EACC;;;AC7GD;EACC;;AzBuBA;EyBxBD;IAIE;;;;ACNH;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;;AAEA;EAIC;;AAIF;EACC;;AAID;EACC;;AAGD;EACC;EACA;EACA;;AAGA;EACC;;AAID;EACC;EACA;;AAIF;EACC;;AAEA;EACC;;AAKF;EAEC;AAEA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAMA;EACC;;AAID;EACC;EACA;EACA;EACA;EACA;;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","file":"style-editor.css"}assets/css/print.css000064400000005521147206564210010516 0ustar00/* Adding print support. The print styles are based on the the great work of Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Margins & paddings # Typography # Page breaks # Links # Visibility --------------------------------------------------------------*/ @media print { /* Margins & paddings */ @page { margin: 2cm; } .entry .entry-header, .entry, .single .site-main > article > .entry-footer { margin-top: 0; margin-bottom: 0; } .site-footer .site-info { margin: 0; } .site-header { padding: 0; } /* Fonts */ body { font: 13pt Georgia, "Times New Roman", Times, serif; font: 13pt var(--global--font-secondary, Georgia, "Times New Roman", Times, serif); line-height: 1.3; background: #fff !important; color: #000; } .has-background-dark * { color: #000 !important; } h1, .entry-title, .singular .entry-title, .page-title { font-size: 22pt; font-weight: bold; } h2, h3, h4, .has-regular-font-size, .has-large-font-size, h2.author-title, p.author-bio, .comments-title, .archive-description { font-size: 14pt; margin-top: 25px; } .comment-meta, .comment-meta .comment-author .fn { font-size: 13pt; } /* Page breaks */ a { page-break-inside: avoid; } blockquote { page-break-inside: avoid; } h1, h2, h3, h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid; } img { page-break-inside: avoid; page-break-after: avoid; } table, pre, figure { page-break-inside: avoid; } ul, ol, dl { page-break-before: avoid; } /* Links */ a:link, a:visited, a { background: transparent; font-weight: bold; text-decoration: underline; text-align: left; } a[href^=http]:after { content: " < " attr(href) "> "; } a:after > img { content: ""; } article a[href^="#"]:after { content: ""; } a:not(:local-link):after { content: " < " attr(href) "> "; } .entry-title a:after { content: "\a< " attr(href) "> "; white-space: pre; font-size: 14pt; } .cat-links a:after, .tags-links a:after, .byline a:after, .comment-metadata a:after, .wp-block-calendar a:after, .wp-block-tag-cloud a:after, .page-links a:after { content: ""; } /* Visibility */ .primary-navigation, .site-title + .primary-navigation, .footer-navigation, .entry-footer, .post-navigation, .navigation.pagination, .widget-area, .edit-link, .more-link, .comment-reply, .reply, .comment .comment-metadata .edit-link, .comment-respond, #dark-mode-toggler { display: none !important; } .entry .entry-content .wp-block-button .wp-block-button__link, .entry .entry-content .button, .entry .entry-content .wp-block-file__button { color: #000; background: none; } } assets/css/style-dark-mode-rtl.css000064400000005340147206564210013161 0ustar00/* OS dark theme preference */ @media only screen { .is-dark-theme.is-dark-theme { --global--color-background: var(--global--color-dark-gray); --global--color-primary: var(--global--color-light-gray); --global--color-secondary: var(--global--color-light-gray); --button--color-text: var(--global--color-background); --button--color-text-hover: var(--global--color-secondary); --button--color-text-active: var(--global--color-secondary); --button--color-background: var(--global--color-secondary); --button--color-background-active: var(--global--color-background); --global--color-border: #9ea1a7; /* Block: Table */ --table--stripes-border-color: rgba(240, 240, 240, 0.15); --table--stripes-background-color: rgba(240, 240, 240, 0.15); } .is-dark-theme img { filter: brightness(0.85) contrast(1.1); } .respect-color-scheme-preference.is-dark-theme body { background-color: var(--global--color-background); } #dark-mode-toggler { cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: var(--global--font-size-xs); padding: 0.5em; min-height: 44px; min-width: max-content; border: 2px solid currentColor; box-shadow: none; background: var(--button--color-text); color: var(--button--color-background); z-index: 9998; } .no-js #dark-mode-toggler { display: none; } #dark-mode-toggler.fixed-bottom { position: fixed; bottom: 5px; left: 5px; } #dark-mode-toggler.fixed-bottom.hide:not(:focus) { bottom: -80px; } #dark-mode-toggler.relative { position: absolute; height: 44px; top: calc(2.4 * var(--global--spacing-vertical) - 44px); left: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em); } .admin-bar #dark-mode-toggler.relative { top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px); } } @media only screen and (max-width: 782px) { .admin-bar #dark-mode-toggler.relative { top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px); } } @media only screen and (max-width: 481px) { .admin-bar #dark-mode-toggler.relative { top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px); } } @media only screen and (max-width: 481px) { body:not(.primary-navigation-open) #dark-mode-toggler.relative ~ nav { top: 88px; } } @media only screen { .primary-navigation-open #dark-mode-toggler { display: none; } #dark-mode-toggler:hover, #dark-mode-toggler:focus { color: var(--button--color-background-active); border: 2px solid var(--button--color-text-active); background-color: var(--button--color-text-active); } .is-IE #dark-mode-toggler { display: none; } } @media only screen and (prefers-reduced-motion: no-preference) { #dark-mode-toggler.fixed-bottom { transition: bottom 0.5s; } } assets/css/style-editor.css000064400000234467147206564210012023 0ustar00@charset "UTF-8"; /** * These styles should be loaded by the Block Editor only */ /* Variables */ :root { /* Font Family */ --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); /* Font Size */ --global--font-size-base: 1.25rem; --global--font-size-xs: 1rem; --global--font-size-sm: 1.125rem; --global--font-size-md: 1.25rem; --global--font-size-lg: 1.5rem; --global--font-size-xl: 2.25rem; --global--font-size-xxl: 4rem; --global--font-size-xxxl: 5rem; --global--font-size-page-title: var(--global--font-size-xxl); --global--letter-spacing: normal; /* Line Height */ --global--line-height-body: 1.7; --global--line-height-heading: 1.3; --global--line-height-page-title: 1.1; /* Headings */ --heading--font-family: var(--global--font-primary); --heading--font-size-h6: var(--global--font-size-xs); --heading--font-size-h5: var(--global--font-size-sm); --heading--font-size-h4: var(--global--font-size-lg); --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg)); --heading--font-size-h2: var(--global--font-size-xl); --heading--font-size-h1: var(--global--font-size-page-title); --heading--letter-spacing-h6: 0.05em; --heading--letter-spacing-h5: 0.05em; --heading--letter-spacing-h4: var(--global--letter-spacing); --heading--letter-spacing-h3: var(--global--letter-spacing); --heading--letter-spacing-h2: var(--global--letter-spacing); --heading--letter-spacing-h1: var(--global--letter-spacing); --heading--line-height-h6: var(--global--line-height-heading); --heading--line-height-h5: var(--global--line-height-heading); --heading--line-height-h4: var(--global--line-height-heading); --heading--line-height-h3: var(--global--line-height-heading); --heading--line-height-h2: var(--global--line-height-heading); --heading--line-height-h1: var(--global--line-height-page-title); --heading--font-weight: normal; --heading--font-weight-page-title: 300; --heading--font-weight-strong: 600; /* Block: Latest posts */ --latest-posts--title-font-family: var(--heading--font-family); --latest-posts--title-font-size: var(--heading--font-size-h3); --latest-posts--description-font-family: var(--global--font-secondary); --latest-posts--description-font-size: var(--global--font-size-sm); --list--font-family: var(--global--font-secondary); --definition-term--font-family: var(--global--font-primary); /* Colors */ --global--color-black: #000; --global--color-dark-gray: #28303d; --global--color-gray: #39414d; --global--color-light-gray: #f0f0f0; --global--color-green: #d1e4dd; --global--color-blue: #d1dfe4; --global--color-purple: #d1d1e4; --global--color-red: #e4d1d1; --global--color-orange: #e4dad1; --global--color-yellow: #eeeadd; --global--color-white: #fff; --global--color-white-50: rgba(255, 255, 255, 0.5); --global--color-white-90: rgba(255, 255, 255, 0.9); --global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */ --global--color-secondary: var(--global--color-gray); /* Headings */ --global--color-primary-hover: var(--global--color-primary); --global--color-background: var(--global--color-green); /* Mint, default body background */ --global--color-border: var(--global--color-primary); /* Used for borders (separators) */ /* Spacing */ --global--spacing-unit: 20px; --global--spacing-measure: unset; --global--spacing-horizontal: 25px; --global--spacing-vertical: 30px; /* Elevation */ --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); /* Forms */ --form--font-family: var(--global--font-secondary); --form--font-size: var(--global--font-size-sm); --form--line-height: var(--global--line-height-body); --form--color-text: var(--global--color-dark-gray); --form--color-ranged: var(--global--color-secondary); --form--label-weight: 500; --form--border-color: var(--global--color-secondary); --form--border-width: 3px; --form--border-radius: 0; --form--spacing-unit: calc(0.5 * var(--global--spacing-unit)); /* Cover block */ --cover--height: calc(15 * var(--global--spacing-vertical)); --cover--color-foreground: var(--global--color-white); --cover--color-background: var(--global--color-black); /* Buttons */ --button--color-text: var(--global--color-background); --button--color-text-hover: var(--global--color-secondary); --button--color-text-active: var(--global--color-secondary); --button--color-background: var(--global--color-secondary); --button--color-background-active: var(--global--color-background); --button--font-family: var(--global--font-primary); --button--font-size: var(--global--font-size-base); --button--font-weight: 500; --button--line-height: 1.5; --button--border-width: 3px; --button--border-radius: 0; --button--padding-vertical: 15px; --button--padding-horizontal: calc(2 * var(--button--padding-vertical)); /* entry */ --entry-header--color: var(--global--color-primary); --entry-header--color-link: currentColor; --entry-header--color-hover: var(--global--color-primary-hover); --entry-header--color-focus: var(--global--color-secondary); --entry-header--font-size: var(--heading--font-size-h2); --entry-content--font-family: var(--global--font-secondary); --entry-author-bio--font-family: var(--heading--font-family); --entry-author-bio--font-size: var(--heading--font-size-h4); /* Header */ --branding--color-text: var(--global--color-primary); --branding--color-link: var(--global--color-primary); --branding--color-link-hover: var(--global--color-secondary); --branding--title--font-family: var(--global--font-primary); --branding--title--font-size: var(--global--font-size-lg); --branding--title--font-size-mobile: var(--heading--font-size-h4); --branding--title--font-weight: normal; --branding--title--text-transform: uppercase; --branding--description--font-family: var(--global--font-secondary); --branding--description--font-size: var(--global--font-size-sm); --branding--logo--max-width: 300px; --branding--logo--max-height: 100px; --branding--logo--max-width-mobile: 96px; --branding--logo--max-height-mobile: 96px; /* Main navigation */ --primary-nav--font-family: var(--global--font-secondary); --primary-nav--font-family-mobile: var(--global--font-primary); --primary-nav--font-size: var(--global--font-size-md); --primary-nav--font-size-sub-menu: var(--global--font-size-xs); --primary-nav--font-size-mobile: var(--global--font-size-sm); --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm); --primary-nav--font-size-button: var(--global--font-size-xs); --primary-nav--font-style: normal; --primary-nav--font-style-sub-menu-mobile: normal; --primary-nav--font-weight: normal; --primary-nav--font-weight-button: 500; --primary-nav--color-link: var(--global--color-primary); --primary-nav--color-link-hover: var(--global--color-primary-hover); --primary-nav--color-text: var(--global--color-primary); --primary-nav--padding: calc(0.66 * var(--global--spacing-unit)); --primary-nav--border-color: var(--global--color-primary); /* Pagination */ --pagination--color-text: var(--global--color-primary); --pagination--color-link-hover: var(--global--color-primary-hover); --pagination--font-family: var(--global--font-secondary); --pagination--font-size: var(--global--font-size-lg); --pagination--font-weight: normal; --pagination--font-weight-strong: 600; /* Footer */ --footer--color-text: var(--global--color-primary); --footer--color-link: var(--global--color-primary); --footer--color-link-hover: var(--global--color-primary-hover); --footer--font-family: var(--global--font-primary); --footer--font-size: var(--global--font-size-sm); /* Block: Pull quote */ --pullquote--font-family: var(--global--font-primary); --pullquote--font-size: var(--heading--font-size-h3); --pullquote--font-style: normal; --pullquote--letter-spacing: var(--heading--letter-spacing-h4); --pullquote--line-height: var(--global--line-height-heading); --pullquote--border-width: 3px; --pullquote--border-color: var(--global--color-primary); --pullquote--color-foreground: var(--global--color-primary); --pullquote--color-background: var(--global--color-background); --quote--font-family: var(--global--font-secondary); --quote--font-size: var(--global--font-size-md); --quote--font-size-large: var(--global--font-size-xl); --quote--font-style: normal; --quote--font-weight: 700; --quote--font-weight-strong: bolder; --quote--font-style-large: normal; --quote--font-style-cite: normal; --quote--line-height: var(--global--line-height-body); --quote--line-height-large: 1.35; --separator--border-color: var(--global--color-border); --separator--height: 1px; /* Block: Table */ --table--stripes-border-color: var(--global--color-light-gray); --table--stripes-background-color: var(--global--color-light-gray); --table--has-background-text-color: var(--global--color-dark-gray); /* Widgets */ --widget--line-height-list: 1.9; --widget--line-height-title: 1.4; --widget--font-weight-title: 700; --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit)); /* Admin-bar height */ --global--admin-bar--height: 0px; } .admin-bar { --global--admin-bar--height: 32px; } @media only screen and (max-width: 782px) { .admin-bar { --global--admin-bar--height: 46px; } } @media only screen and (min-width: 652px) { :root { --global--font-size-xl: 2.5rem; --global--font-size-xxl: 6rem; --global--font-size-xxxl: 9rem; --heading--font-size-h3: 2rem; --heading--font-size-h2: 3rem; } } /** * Responsive Styles */ /** * Required Variables */ /** * Root Media Query Variables */ :root { --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6); --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal)); --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal)); --responsive--alignfull-width: 100%; --responsive--alignright-margin: var(--global--spacing-horizontal); --responsive--alignleft-margin: var(--global--spacing-horizontal); } @media only screen and (min-width: 482px) { :root { --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 610px); --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal)); --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); } } @media only screen and (min-width: 822px) { :root { --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 610px); --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), 1240px); } } /** * Extends */ .default-max-width { max-width: var(--responsive--aligndefault-width); margin-left: auto; margin-right: auto; } .wide-max-width { max-width: var(--responsive--alignwide-width); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .full-max-width { max-width: var(--responsive--alignfull-width); width: auto; margin-left: auto; margin-right: auto; } } b, strong { font-weight: 700; } blockquote { padding: 0; position: relative; margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal); } blockquote > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); } blockquote > *:first-child { margin-top: 0; } blockquote > *:last-child { margin-bottom: 0; } blockquote p { letter-spacing: var(--heading--letter-spacing-h4); font-family: var(--quote--font-family); font-size: var(--quote--font-size); font-style: var(--quote--font-style); font-weight: var(--quote--font-weight); line-height: var(--quote--line-height); } blockquote cite, blockquote footer { font-weight: normal; color: var(--global--color-primary); letter-spacing: var(--global--letter-spacing); } blockquote.alignleft, blockquote.alignright { padding-left: inherit; } blockquote.alignleft p, blockquote.alignright p { font-size: var(--heading--font-size-h5); max-width: inherit; width: inherit; } blockquote.alignleft cite, blockquote.alignleft footer, blockquote.alignright cite, blockquote.alignright footer { font-size: var(--global--font-size-xs); letter-spacing: var(--global--letter-spacing); } blockquote strong { font-weight: var(--quote--font-weight-strong); } blockquote:before { content: "“"; position: absolute; left: calc(-0.5 * var(--global--spacing-horizontal)); } blockquote .wp-block-quote__citation, blockquote cite, blockquote footer { color: var(--global--color-primary); font-style: var(--quote--font-style-cite); } @media only screen and (max-width: 481.98px) { blockquote { padding-left: calc(0.5 * var(--global--spacing-horizontal)); } blockquote:before { left: 0; } } img { height: auto; max-width: 100%; vertical-align: middle; } /* Classic editor images */ .entry-content img { max-width: 100%; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object, video { max-width: 100%; } /* Media captions */ figcaption, .wp-caption, .wp-caption-text, .wp-block-embed figcaption { color: currentColor; font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; } .alignleft figcaption, .alignright figcaption, .alignleft .wp-caption, .alignright .wp-caption, .alignleft .wp-caption-text, .alignright .wp-caption-text, .alignleft .wp-block-embed figcaption, .alignright .wp-block-embed figcaption { margin-bottom: 0; } /* WP Smiley */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } select, select:focus { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); color: var(--form--color-text); font-size: var(--form--font-size); -moz-appearance: none; -webkit-appearance: none; appearance: none; padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit); background: var(--global--color-white) url("data:image/svg+xml;utf8,") no-repeat; background-position: right var(--form--spacing-unit) top 60%; } /* * text-underline-offset doesn't work in Chrome at all 👎 * But looks nice in Safari/Firefox, so let's keep it and * maybe Chrome will support it soon. */ a { cursor: pointer; color: var(--wp--style--color--link, var(--global--color-primary)); text-underline-offset: 3px; text-decoration-skip-ink: all; } a:hover { text-decoration-style: dotted; text-decoration-skip-ink: none; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; text-decoration: underline 1px dotted currentColor; text-decoration-skip-ink: none; background: rgba(255, 255, 255, 0.9); } .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: var(--global--color-black); color: var(--global--color-white); text-decoration: none; } .is-dark-theme .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { color: var(--wp--style--color--link, var(--global--color-white)); } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { background: rgba(0, 0, 0, 0.9); color: var(--wp--style--color--link, var(--global--color-white)); } .has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) .meta-nav { color: var(--wp--style--color--link, var(--global--color-white)); } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link { /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; outline-offset: -2px; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).skip-link:focus { color: #21759b; background-color: #f1f1f1; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button).custom-logo-link { background: none; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img { outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary)); } .has-background .has-link-color a, .has-background.has-link-color a { color: var(--wp--style--color--link, var(--global--color-primary)); } .wp-block-button__link { border: var(--button--border-width) solid transparent; border-radius: var(--button--border-radius); cursor: pointer; font-weight: var(--button--font-weight); font-family: var(--button--font-family); font-size: var(--button--font-size); line-height: var(--button--line-height); padding: var(--button--padding-vertical) var(--button--padding-horizontal); text-decoration: none; } .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--global--color-background); } .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--local--color-background, var(--global--color-primary)); } .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { color: var(--global--color-primary); } .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: var(--global--color-primary); } .has-background .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: var(--local--color-primary, var(--global--color-primary)); } .wp-block-button__link:hover, .wp-block-button__link:active { background-color: transparent; border-color: currentColor; color: inherit; } .wp-block-button__link:focus { outline-offset: -6px; outline: 2px dotted currentColor; } .wp-block-button__link:disabled { background-color: var(--global--color-white-50); border-color: var(--global--color-white-50); color: var(--button--color-text-active); } /** * Block Options */ .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--global--color-background); } .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--local--color-background, var(--global--color-background)); } .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-text-color).has-background { color: var(--global--color-primary); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: var(--global--color-primary); } .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: var(--local--color-primary, var(--global--color-primary)); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active { border-color: currentColor !important; background-color: transparent !important; color: inherit !important; } .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus { outline-offset: inherit; outline: inherit; } .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color), .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background { border-color: currentColor; } .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--global--color-primary); } .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-text-color) { color: var(--local--color-primary, var(--global--color-primary)); } .has-background .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active).has-background:not(.has-text-color) { color: inherit; } .wp-block-button.is-style-outline .wp-block-button__link:not(:hover):not(:active):not(.has-background) { background-color: transparent; } .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:active { background-color: var(--global--color-primary) !important; border-color: transparent !important; color: var(--global--color-background) !important; } .has-background .wp-block-button.is-style-outline .wp-block-button__link:hover, .has-background .wp-block-button.is-style-outline .wp-block-button__link:active { background-color: var(--local--color-primary, var(--global--color-primary)) !important; color: var(--local--color-background, var(--global--color-background)) !important; } .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:hover, .has-text-color .wp-block-button.is-style-outline .wp-block-button__link:active { color: var(--local--color-background, var(--global--color-background)) !important; } .wp-block-button.is-style-outline .wp-block-button__link:focus { outline-offset: inherit; outline: inherit; } .wp-block-button.is-style-squared { border-radius: 0; } .is-style-outline .wp-block-button__link[style*=radius], .wp-block-button__link[style*=radius] { outline-offset: 2px; } .wp-block-code code { white-space: pre !important; overflow-x: auto; } .wp-block-code { border-color: var(--global--color-border); border-radius: 0; border-style: solid; border-width: 0.1rem; padding: var(--global--spacing-unit); color: currentColor; } .wp-block-cover, .wp-block-cover-image { background-color: var(--cover--color-background); min-height: var(--cover--height); margin-top: inherit; margin-bottom: inherit; } .wp-block-cover:not(.alignwide):not(.alignfull), .wp-block-cover-image:not(.alignwide):not(.alignfull) { clear: both; } [data-align=full] .wp-block-cover, [data-align=full] .wp-block-cover-image { margin-top: 0; margin-bottom: 0; } .wp-block-cover > .wp-block-cover__inner-container > *:first-child, .wp-block-cover-image > .wp-block-cover__inner-container > *:first-child { margin-top: 0; } .wp-block-cover > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender), .wp-block-cover-image > .wp-block-cover__inner-container > *:last-child:not(.block-list-appender) { margin-bottom: 0; } .wp-block-cover.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2), .wp-block-cover.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2), .wp-block-cover-image.has-child-selected > .wp-block-cover__inner-container > *:nth-last-child(2), .wp-block-cover-image.is-selected > .wp-block-cover__inner-container > *:nth-last-child(2) { margin-bottom: 0; } .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover .wp-block-cover-image-text, .wp-block-cover .wp-block-cover-text, .wp-block-cover .block-editor-block-list__block, .wp-block-cover-image .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover-image-text, .wp-block-cover-image .wp-block-cover-text, .wp-block-cover-image .block-editor-block-list__block { color: currentColor; } .wp-block-cover .wp-block-cover__inner-container a, .wp-block-cover .wp-block-cover-image-text a, .wp-block-cover .wp-block-cover-text a, .wp-block-cover .block-editor-block-list__block a, .wp-block-cover-image .wp-block-cover__inner-container a, .wp-block-cover-image .wp-block-cover-image-text a, .wp-block-cover-image .wp-block-cover-text a, .wp-block-cover-image .block-editor-block-list__block a { color: currentColor; } .wp-block-cover .wp-block-cover__inner-container .has-link-color a, .wp-block-cover .wp-block-cover-image-text .has-link-color a, .wp-block-cover .wp-block-cover-text .has-link-color a, .wp-block-cover .block-editor-block-list__block .has-link-color a, .wp-block-cover-image .wp-block-cover__inner-container .has-link-color a, .wp-block-cover-image .wp-block-cover-image-text .has-link-color a, .wp-block-cover-image .wp-block-cover-text .has-link-color a, .wp-block-cover-image .block-editor-block-list__block .has-link-color a { color: var(--wp--style--color--link, var(--global--color-primary)); } .wp-block-cover:not([class*=background-color]) .wp-block-cover__inner-container, .wp-block-cover:not([class*=background-color]) .wp-block-cover-image-text, .wp-block-cover:not([class*=background-color]) .wp-block-cover-text, .wp-block-cover:not([class*=background-color]) .block-editor-block-list__block, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover__inner-container, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-image-text, .wp-block-cover-image:not([class*=background-color]) .wp-block-cover-text, .wp-block-cover-image:not([class*=background-color]) .block-editor-block-list__block { color: var(--cover--color-foreground); } .wp-block-cover h2, .wp-block-cover-image h2 { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); padding: 0; text-align: inherit; } .wp-block-cover h2.has-text-align-left, .wp-block-cover-image h2.has-text-align-left { text-align: left; } .wp-block-cover h2.has-text-align-center, .wp-block-cover-image h2.has-text-align-center { text-align: center; } .wp-block-cover h2.has-text-align-right, .wp-block-cover-image h2.has-text-align-right { text-align: right; } .wp-block-cover.is-style-twentytwentyone-border, .wp-block-cover-image.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border); } .wp-block-cover[class*=-background-color][class] .wp-block-cover__inner-container, .wp-block-cover-image[class*=-background-color][class] .wp-block-cover__inner-container { background-color: unset; } .wp-block-columns:not(.alignwide):not(.alignfull) { clear: both; } .wp-block-columns .wp-block, .wp-block-columns .wp-block-column { max-width: inherit; } .wp-block-columns > .wp-block-column > *:first-child { margin-top: 0; } .wp-block-columns > .wp-block-column > *:last-child:not(.block-list-appender) { margin-bottom: 0; } .wp-block-columns.has-child-selected > .wp-block-column > *:nth-last-child(2), .wp-block-columns.is-selected > .wp-block-column > *:nth-last-child(2) { margin-bottom: 0; } @media only screen and (min-width: 652px) { .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) { margin-left: calc(-2 * var(--global--spacing-horizontal)); margin-top: calc(2.5 * var(--global--spacing-horizontal)); z-index: 2; } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) { background-color: var(--global--color-background); padding: var(--global--spacing-unit); } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background) { padding-left: calc(2 * var(--global--spacing-horizontal)); } .wp-block-columns.is-style-twentytwentyone-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center { margin-top: 0; } } .wp-block[data-align=full] > .wp-block-columns p:not(.has-background), .wp-block[data-align=full] > .wp-block-columns h1:not(.has-background), .wp-block[data-align=full] > .wp-block-columns h2:not(.has-background), .wp-block[data-align=full] > .wp-block-columns h3:not(.has-background), .wp-block[data-align=full] > .wp-block-columns h4:not(.has-background), .wp-block[data-align=full] > .wp-block-columns h5:not(.has-background), .wp-block[data-align=full] > .wp-block-columns h6:not(.has-background) { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } .wp-block-file .wp-block-file__textlink { text-decoration: underline; text-decoration-style: solid; text-decoration-thickness: 1px; } .wp-block-file .wp-block-file__textlink:hover { text-decoration: underline; text-decoration-style: dotted; } .wp-block-file .wp-block-file__button { border: var(--button--border-width) solid transparent; border-radius: var(--button--border-radius); cursor: pointer; font-weight: var(--button--font-weight); font-family: var(--button--font-family); font-size: var(--button--font-size); line-height: var(--button--line-height); padding: var(--button--padding-vertical) var(--button--padding-horizontal); text-decoration: none; display: inline-block; } .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { color: var(--global--color-background); } .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color) { color: var(--local--color-background, var(--global--color-primary)); } .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-text-color).has-background { color: var(--global--color-primary); } .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) { background-color: var(--global--color-primary); } .has-background .wp-block-file .wp-block-file__button:not(:hover):not(:active):not(.has-background) { background-color: var(--local--color-primary, var(--global--color-primary)); } .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:active { background-color: transparent; border-color: currentColor; color: inherit; } .wp-block-file .wp-block-file__button:focus { outline-offset: -6px; outline: 2px dotted currentColor; } .wp-block-file .wp-block-file__button:disabled { background-color: var(--global--color-white-50); border-color: var(--global--color-white-50); color: var(--button--color-text-active); } .wp-block-file .wp-block-file__button:focus { outline-offset: inherit; outline: inherit; } .wp-block-gallery figcaption { margin-bottom: 0; } .wp-block-gallery figcaption a { color: var(--global--color-white); } .wp-block-group.has-background { padding: var(--global--spacing-vertical); } [data-align=full] .wp-block-group.has-background { margin-top: 0; margin-bottom: 0; } .wp-block-group.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border); padding: var(--global--spacing-vertical); } .wp-block-group.is-style-twentytwentyone-border .wp-block-group__inner-container > [data-align=full] { max-width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical)); width: calc(var(--responsive--alignfull-width) + 2 * var(--global--spacing-vertical)); margin-left: calc(-1 * var(--global--spacing-vertical)); } .wp-block-group > .wp-block-group__inner-container > *:first-child { margin-top: 0; } .wp-block-group > .wp-block-group__inner-container > *:last-child:not(.block-list-appender) { margin-bottom: 0; } .wp-block-group.has-child-selected > .wp-block-group__inner-container > *:nth-last-child(2), .wp-block-group.is-selected > .wp-block-group__inner-container > *:nth-last-child(2) { margin-bottom: 0; } .wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align=full] { margin: 0; width: 100%; } .wp-block-heading h1, h1, .h1, .wp-block-heading h2, h2, .h2, .wp-block-heading h3, h3, .h3, .wp-block-heading h4, h4, .h4, .wp-block-heading h5, h5, .h5, .wp-block-heading h6, h6, .h6 { clear: both; font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); } .wp-block-heading h1 strong, h1 strong, .h1 strong, .wp-block-heading h2 strong, h2 strong, .h2 strong, .wp-block-heading h3 strong, h3 strong, .h3 strong, .wp-block-heading h4 strong, h4 strong, .h4 strong, .wp-block-heading h5 strong, h5 strong, .h5 strong, .wp-block-heading h6 strong, h6 strong, .h6 strong { font-weight: var(--heading--font-weight-strong); } .wp-block-heading h1[style*="--wp--typography--line-height"], h1[style*="--wp--typography--line-height"], .h1[style*="--wp--typography--line-height"], .wp-block-heading h2[style*="--wp--typography--line-height"], h2[style*="--wp--typography--line-height"], .h2[style*="--wp--typography--line-height"], .wp-block-heading h3[style*="--wp--typography--line-height"], h3[style*="--wp--typography--line-height"], .h3[style*="--wp--typography--line-height"], .wp-block-heading h4[style*="--wp--typography--line-height"], h4[style*="--wp--typography--line-height"], .h4[style*="--wp--typography--line-height"], .wp-block-heading h5[style*="--wp--typography--line-height"], h5[style*="--wp--typography--line-height"], .h5[style*="--wp--typography--line-height"], .wp-block-heading h6[style*="--wp--typography--line-height"], h6[style*="--wp--typography--line-height"], .h6[style*="--wp--typography--line-height"] { line-height: var(--wp--typography--line-height, var(--global--line-height-body)); } .wp-block-heading h1, h1, .h1 { font-size: var(--heading--font-size-h1); letter-spacing: var(--heading--letter-spacing-h1); line-height: var(--heading--line-height-h1); } .wp-block-heading h2, h2, .h2 { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); } .wp-block-heading h3, h3, .h3 { font-size: var(--heading--font-size-h3); letter-spacing: var(--heading--letter-spacing-h3); line-height: var(--heading--line-height-h3); } .wp-block-heading h4, h4, .h4 { font-size: var(--heading--font-size-h4); font-weight: var(--heading--font-weight-strong); letter-spacing: var(--heading--letter-spacing-h4); line-height: var(--heading--line-height-h4); } .wp-block-heading h5, h5, .h5 { font-size: var(--heading--font-size-h5); font-weight: var(--heading--font-weight-strong); letter-spacing: var(--heading--letter-spacing-h5); line-height: var(--heading--line-height-h5); } .wp-block-heading h6, h6, .h6 { font-size: var(--heading--font-size-h6); font-weight: var(--heading--font-weight-strong); letter-spacing: var(--heading--letter-spacing-h6); line-height: var(--heading--line-height-h6); } [data-type="core/html"] textarea { color: var(--global--color-dark-gray); border-radius: 0; padding: var(--global--spacing-unit); } /* Center image block by default in the editor */ .wp-block-image, .wp-block-image > div:not(.components-placeholder) { text-align: center; } [data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized { margin: 0 auto; } /* Block Styles */ .wp-block-image.is-style-twentytwentyone-border img, .wp-block-image.is-style-twentytwentyone-image-frame img { border: calc(3 * var(--separator--height)) solid var(--global--color-border); } .wp-block-image.is-style-twentytwentyone-image-frame img { padding: var(--global--spacing-unit); } .wp-block-latest-comments { padding-left: 0; } .wp-block-latest-comments:where(:not([class*=-font-size]):not([style*=font-size])) .wp-block-latest-comments__comment { font-size: var(--global--font-size-sm); } .wp-block-latest-comments .wp-block-latest-comments__comment { line-height: var(--global--line-height-body); /* Vertical margins logic */ margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .wp-block-latest-comments .wp-block-latest-comments__comment:first-child { margin-top: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment:last-child { margin-bottom: 0; } .wp-block-latest-comments .wp-block-latest-comments__comment-meta { font-family: var(--heading--font-family); } .wp-block-latest-comments .wp-block-latest-comments__comment-date { color: inherit; font-size: inherit; } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: inherit; line-height: var(--global--line-height-body); margin: 0; } .wp-block-latest-posts { padding-left: 0; } .wp-block-latest-posts:not(.is-grid) > li { margin-top: calc(1.666 * var(--global--spacing-vertical)); margin-bottom: calc(1.666 * var(--global--spacing-vertical)); } .wp-block-latest-posts:not(.is-grid) > li:first-child { margin-top: 0; } .wp-block-latest-posts:not(.is-grid) > li:last-child { margin-bottom: 0; } .wp-block-latest-posts.is-grid { word-wrap: break-word; word-break: break-word; } .wp-block-latest-posts.is-grid > li { margin-bottom: var(--global--spacing-vertical); } .wp-block-latest-posts.is-grid > li:last-child { margin-bottom: 0; } .wp-block-latest-posts > li > * { margin-top: calc(0.333 * var(--global--spacing-vertical)); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } .wp-block-latest-posts > li > *:first-child { margin-top: 0; } .wp-block-latest-posts > li > *:last-child { margin-bottom: 0; } .wp-block-latest-posts > li > a { display: inline-block; font-family: var(--latest-posts--title-font-family); font-size: var(--latest-posts--title-font-size); font-weight: var(--heading--font-weight); line-height: var(--global--line-height-heading); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } .wp-block-latest-posts .wp-block-latest-posts__post-author { color: var(--global--color-primary); font-size: var(--global--font-size-md); line-height: var(--global--line-height-body); } .wp-block-latest-posts .wp-block-latest-posts__post-date { color: var(--global--color-primary); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); } [class*=inner-container] .wp-block-latest-posts .wp-block-latest-posts__post-date, .has-background .wp-block-latest-posts .wp-block-latest-posts__post-date { color: currentColor; } .wp-block-latest-posts .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts .wp-block-latest-posts__post-full-content { font-family: var(--latest-posts--description-font-family); font-size: var(--latest-posts--description-font-size); line-height: var(--global--line-height-body); margin-top: calc(0.666 * var(--global--spacing-vertical)); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers { border-top: calc(3 * var(--separator--height)) solid var(--global--color-border); border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li, .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li { padding-bottom: var(--global--spacing-vertical); border-bottom: var(--separator--height) solid var(--global--color-border); margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers:not(.is-grid) > li:last-child, .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers > li:last-child { padding-bottom: 0; border-bottom: none; } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid { box-shadow: inset 0 -1px 0 0 var(--global--color-border); border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li { margin: 0; padding-top: var(--global--spacing-vertical); padding-right: var(--global--spacing-horizontal); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid li:last-child { padding-bottom: var(--global--spacing-vertical); } @media screen and (min-width: 600px) { .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-2 li { width: calc(100% / 2); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-3 li { width: calc(100% / 3); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-4 li { width: calc(100% / 4); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-5 li { width: calc(100% / 5); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-dividers.is-grid.columns-6 li { width: calc(100% / 6); } } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li { border: calc(3 * var(--separator--height)) solid var(--global--color-border); padding: var(--global--spacing-vertical) var(--global--spacing-horizontal); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders li:last-child { padding-bottom: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .wp-block-latest-posts.is-style-twentytwentyone-latest-posts-borders:not(.is-grid) li { margin-top: var(--global--spacing-horizontal); margin-bottom: var(--global--spacing-horizontal); } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-caption { display: block; } ul, ol { font-family: var(--list--font-family); margin: var(--global--spacing-vertical) 0; padding-left: calc(2 * var(--global--spacing-horizontal)); } ul.aligncenter, ol.aligncenter { list-style-position: inside; padding: 0; text-align: center; } ul.alignright, ol.alignright { list-style-position: inside; padding: 0; text-align: right; } li > ul, li > ol { margin: 0; } dt { font-family: var(--definition-term--font-family); font-weight: bold; } [data-align=full] .wp-block-media-text { margin-top: 0; margin-bottom: 0; } .wp-block-media-text > .wp-block-media-text__content > *:first-child { margin-top: 0; } .wp-block-media-text > .wp-block-media-text__content > *:last-child:not(.block-list-appender) { margin-bottom: 0; } .wp-block-media-text.has-child-selected > .wp-block-media-text__content > *:nth-last-child(2), .wp-block-media-text.is-selected > .wp-block-media-text__content > *:nth-last-child(2) { margin-bottom: 0; } .wp-block-media-text .wp-block-media-text__content { padding: var(--global--spacing-horizontal); } .wp-block-media-text.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border); } .wp-block-navigation [data-block] { margin-top: revert; margin-bottom: revert; } .wp-block-navigation .wp-block-navigation__container { background: var(--global--color-background); } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label { font-family: var(--primary-nav--font-family); font-size: var(--primary-nav--font-size); font-weight: var(--primary-nav--font-weight); } .wp-block-navigation .has-child .wp-block-navigation__container { box-shadow: var(--global--elevation); } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:hover, .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link > a:focus { color: var(--primary-nav--color-link-hover); } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { color: currentColor; } p { line-height: var(--wp--typography--line-height, var(--global--line-height-body)); } p.has-background { padding: var(--global--spacing-unit); } pre.wp-block-preformatted { overflow-x: auto; white-space: pre !important; font-size: var(--global--font-size-xs); } .wp-block-pullquote { padding: calc(2 * var(--global--spacing-unit)) 0; text-align: center; border-width: var(--pullquote--border-width); border-bottom-style: solid; border-top-style: solid; color: currentColor; border-color: currentColor; position: relative; font-size: var(--pullquote--font-size); font-style: var(--pullquote--font-style); font-weight: 700; letter-spacing: var(--pullquote--letter-spacing); } .wp-block-pullquote blockquote::before { color: currentColor; content: "“"; display: block; position: relative; left: 0; font-size: 3rem; font-weight: 500; line-height: 1; } .wp-block-pullquote p { font-family: var(--pullquote--font-family); font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; } .wp-block-pullquote:where(:not([style*=line-height])) p { line-height: var(--pullquote--line-height); } .wp-block-pullquote a { color: currentColor; } .wp-block-pullquote .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { font-size: var(--global--font-size-xs); font-style: var(--pullquote--font-style); text-transform: none; } .wp-block-pullquote:not(.is-style-solid-color) { background: none; } .wp-block-pullquote.is-style-solid-color { margin-left: auto; margin-right: auto; padding: calc(2.5 * var(--global--spacing-unit)); border-width: var(--pullquote--border-width); border-style: solid; border-color: var(--pullquote--border-color); } @media (min-width: 600px) { .wp-block-pullquote.is-style-solid-color { padding: calc(5 * var(--global--spacing-unit)); } } .wp-block-pullquote.is-style-solid-color blockquote::before { text-align: left; } .wp-block-pullquote.is-style-solid-color.alignleft blockquote, .wp-block-pullquote.is-style-solid-color.alignright blockquote { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); max-width: inherit; } .wp-block-pullquote.is-style-solid-color blockquote { margin: 0; max-width: 100%; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: var(--pullquote--font-size); } .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation, .wp-block-pullquote.is-style-solid-color cite, .wp-block-pullquote.is-style-solid-color footer { color: currentColor; } .wp-block[data-align=full] .wp-block-pullquote:not(.is-style-solid-color) blockquote { padding: 0 calc(2 * var(--global--spacing-unit)); } .wp-block[data-align=left] .wp-block-pullquote.is-style-solid-color, .wp-block[data-align=right] .wp-block-pullquote.is-style-solid-color { padding: var(--global--spacing-unit); } .wp-block-query.has-background { padding: calc(0.666 * var(--global--spacing-vertical)); } @media only screen and (min-width: 482px) { .wp-block-query.has-background { padding: var(--global--spacing-vertical); } } .wp-block-quote { position: relative; border-left: none; margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal); padding-left: 1em; font-family: var(--quote--font-family); font-size: var(--quote--font-size); font-style: var(--quote--font-style); font-weight: var(--quote--font-weight); line-height: var(--quote--line-height); } .wp-block-quote p { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; } .wp-block-quote strong { font-weight: var(--quote--font-weight-strong); } .wp-block-quote:before { content: "“"; left: 8px; } .wp-block-quote .wp-block-quote__citation { color: currentColor; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; } .has-background .wp-block-quote .wp-block-quote__citation, [class*=background-color] .wp-block-quote .wp-block-quote__citation, [style*=background-color] .wp-block-quote .wp-block-quote__citation, .wp-block-cover[style*=background-image] .wp-block-quote .wp-block-quote__citation { color: currentColor; } .wp-block-quote:where(:not([style*=font-style])) .wp-block-quote__citation { font-style: var(--quote--font-style-cite); } .wp-block-quote:where(:not([style*=font-weight])) .wp-block-quote__citation { font-weight: normal; } .wp-block-quote.has-text-align-right { margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto; padding-right: 0; border-right: none; } .wp-block-quote.has-text-align-right:before { display: none; } .wp-block-quote.has-text-align-right p:before { content: "”"; margin-right: 5px; } .wp-block-quote.has-text-align-center { margin: var(--global--spacing-vertical) auto; } .wp-block-quote.has-text-align-center:before { display: none; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-left: 0; /* Resetting margins to match _block-container.scss */ margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .wp-block-quote.is-large p, .wp-block-quote.is-style-large p { font-size: var(--quote--font-size-large); font-style: var(--quote--font-style-large); line-height: var(--quote--line-height-large); } .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before { font-size: var(--quote--font-size-large); line-height: var(--quote--line-height-large); left: calc(-1 * var(--global--spacing-horizontal)); } .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before { display: none; } .wp-block-quote.is-large.has-text-align-right p:before, .wp-block-quote.is-style-large.has-text-align-right p:before { content: "”"; font-size: var(--quote--font-size-large); font-weight: normal; line-height: var(--quote--line-height-large); margin-right: 10px; } @media only screen and (max-width: 481.98px) { .wp-block-quote.is-large, .wp-block-quote.is-style-large { padding-left: var(--global--spacing-horizontal); } .wp-block-quote.is-large:before, .wp-block-quote.is-style-large:before { left: 0; } .wp-block-quote.is-large.has-text-align-right, .wp-block-quote.is-style-large.has-text-align-right { padding-left: 0; padding-right: var(--global--spacing-horizontal); } .wp-block-quote.is-large.has-text-align-right:before, .wp-block-quote.is-style-large.has-text-align-right:before { right: 0; } } @media only screen and (max-width: 481.98px) { .wp-block-quote { padding-left: calc(0.5 * var(--global--spacing-horizontal)); } .wp-block-quote:before { left: 0; } .wp-block-quote.has-text-align-right { padding-left: 0; padding-right: calc(0.5 * var(--global--spacing-horizontal)); } .wp-block-quote.has-text-align-right:before { right: 0; } .wp-block-quote.has-text-align-center { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 482px) { .wp-block-quote { margin-left: auto; } .wp-block-quote.has-text-align-right { margin-right: auto; } } .wp-block-rss { padding-left: 0; } .wp-block-rss > li { list-style: none; } .wp-block-rss:not(.is-grid) > li { margin-top: calc(1.666 * var(--global--spacing-vertical)); margin-bottom: calc(1.666 * var(--global--spacing-vertical)); } .wp-block-rss:not(.is-grid) > li:first-child { margin-top: 0; } .wp-block-rss:not(.is-grid) > li:last-child { margin-bottom: 0; } .wp-block-rss.is-grid > li { margin-bottom: var(--global--spacing-vertical); } .wp-block-rss.is-grid > li:last-child { margin-bottom: 0; } .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1), .wp-block-rss.is-grid.columns-2 > li:nth-last-child(-n+2):nth-child(2n+1) ~ li, .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1), .wp-block-rss.is-grid.columns-3 > li:nth-last-child(-n+3):nth-child(3n+1) ~ li, .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1), .wp-block-rss.is-grid.columns-4 > li:nth-last-child(-n+4):nth-child(4n+1) ~ li, .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1), .wp-block-rss.is-grid.columns-5 > li:nth-last-child(-n+5):nth-child(5n+1) ~ li, .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1), .wp-block-rss.is-grid.columns-6 > li:nth-last-child(-n+6):nth-child(6n+1) ~ li { margin-bottom: 0; } .wp-block-rss > li > * { margin-top: calc(0.333 * var(--global--spacing-vertical)); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } .wp-block-rss > li > *:first-child { margin-top: 0; } .wp-block-rss > li > *:last-child { margin-bottom: 0; } .wp-block-rss .wp-block-rss__item-title > a { display: inline-block; font-family: var(--latest-posts--title-font-family); font-size: var(--latest-posts--title-font-size); font-weight: var(--heading--font-weight); line-height: var(--global--line-height-heading); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } .wp-block-rss .wp-block-rss__item-author { color: var(--global--color-primary); font-size: var(--global--font-size-md); line-height: var(--global--line-height-body); } .wp-block-rss .wp-block-rss__item-publish-date { color: var(--global--color-primary); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); } [class*=inner-container] .wp-block-rss .wp-block-rss__item-publish-date, .has-background .wp-block-rss .wp-block-rss__item-publish-date { color: currentColor; } .wp-block-rss .wp-block-rss__item-excerpt, .wp-block-rss .wp-block-rss__item-full-content { font-family: var(--latest-posts--description-font-family); font-size: var(--latest-posts--description-font-size); line-height: var(--global--line-height-body); margin-top: calc(0.666 * var(--global--spacing-vertical)); } .wp-block-rss.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } .entry-content [class*=inner-container] .wp-block-rss.alignfull, .entry-content .has-background .wp-block-rss.alignfull { padding-left: 0; padding-right: 0; } .wp-block-search { max-width: var(--responsive--aligndefault-width); } .wp-block-search .wp-block-search__label { font-size: var(--form--font-size); font-weight: var(--form--label-weight); margin-bottom: calc(var(--global--spacing-vertical) / 3); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, .wp-block-search .wp-block-search__input { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); font-family: var(--form--font-family); font-size: var(--form--font-size); line-height: var(--form--line-height); max-width: inherit; margin-right: calc(-1 * var(--button--border-width)); padding: var(--form--spacing-unit); } .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, .is-dark-theme .wp-block-search .wp-block-search__input { background: var(--global--color-white-90); } .has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper, .has-background .wp-block-search .wp-block-search__input { border-color: var(--local--color-primary, var(--global--color-primary)) !important; } .wp-block-search .wp-block-search__button.wp-block-search__button { border: var(--button--border-width) solid transparent; border-radius: var(--button--border-radius); cursor: pointer; font-weight: var(--button--font-weight); font-family: var(--button--font-family); font-size: var(--button--font-size); line-height: var(--button--line-height); padding: var(--button--padding-vertical) var(--button--padding-horizontal); text-decoration: none; box-shadow: none; margin-left: 0; } .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { color: var(--global--color-background); } .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color) { color: var(--local--color-background, var(--global--color-primary)); } .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-text-color).has-background { color: var(--global--color-primary); } .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { background-color: var(--global--color-primary); } .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:not(:hover):not(:active):not(.has-background) { background-color: var(--local--color-primary, var(--global--color-primary)); } .wp-block-search .wp-block-search__button.wp-block-search__button:hover, .wp-block-search .wp-block-search__button.wp-block-search__button:active { background-color: transparent; border-color: currentColor; color: inherit; } .wp-block-search .wp-block-search__button.wp-block-search__button:focus { outline-offset: -6px; outline: 2px dotted currentColor; } .wp-block-search .wp-block-search__button.wp-block-search__button:disabled { background-color: var(--global--color-white-50); border-color: var(--global--color-white-50); color: var(--button--color-text-active); } .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon { padding: 6px calc(0.5 * var(--button--padding-horizontal)); display: inherit; } .wp-block-search .wp-block-search__button.wp-block-search__button.has-icon svg { width: 40px; height: 40px; } .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:hover, .has-background .wp-block-search .wp-block-search__button.wp-block-search__button:active { background-color: var(--local--color-background, var(--global--color-background)) !important; color: var(--local--color-primary, var(--global--color-primary)) !important; } .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:hover, .has-text-color .wp-block-search .wp-block-search__button.wp-block-search__button:active { color: var(--local--color-primary, var(--global--color-primary)) !important; } .wp-block-search .wp-block-search__button.wp-block-search__button:focus { outline-offset: inherit; outline: inherit; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: var(--form--border-width); } .wp-block-search.wp-block-search__button-inside .wp-block-search__input { border: none; } .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover, .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover { color: var(--global--color-dark-gray); } .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button, .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button { color: var(--global--color-dark-gray); } .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button:hover, .is-dark-theme .wp-block-search.wp-block-search__button-inside.wp-block-search__icon-button .wp-block-search__button:hover { background-color: var(--global--color-dark-gray); color: var(--global--color-white); } .wp-block-search.wp-block-search__button-inside.wp-block-search__text-button .wp-block-search__button { padding: var(--button--padding-vertical) var(--button--padding-horizontal); } .wp-block[data-align=center] > * { text-align: center; } .wp-block[data-align=center] .wp-block-search__button-only .wp-block-search__inside-wrapper { justify-content: center; } .wp-block-separator, hr { border-bottom: var(--separator--height) solid var(--separator--border-color); clear: both; opacity: 1; } .wp-block-separator[style*="text-align:right"], .wp-block-separator[style*="text-align: right"], hr[style*="text-align:right"], hr[style*="text-align: right"] { border-right-color: var(--separator--border-color); } .wp-block-separator:not(.is-style-dots), hr:not(.is-style-dots) { max-width: var(--responsive--aligndefault-width); } [data-align=full] > .wp-block-separator, [data-align=wide] > .wp-block-separator, [data-align=full] > hr, [data-align=wide] > hr { max-width: inherit; } .wp-block-separator.is-style-twentytwentyone-separator-thick, hr.is-style-twentytwentyone-separator-thick { border-bottom-width: calc(3 * var(--separator--height)); } .wp-block-separator.is-style-dots, hr.is-style-dots { border-bottom: none; } .wp-block-separator.is-style-dots.has-background, .wp-block-separator.is-style-dots.has-text-color, hr.is-style-dots.has-background, hr.is-style-dots.has-text-color { background-color: transparent !important; } .wp-block-separator.is-style-dots.has-background:before, .wp-block-separator.is-style-dots.has-text-color:before, hr.is-style-dots.has-background:before, hr.is-style-dots.has-text-color:before { color: currentColor !important; } .wp-block-separator.is-style-dots:before, hr.is-style-dots:before { color: var(--separator--border-color); } .has-background .wp-block-separator, [class*=background-color] .wp-block-separator, [style*=background-color] .wp-block-separator, .wp-block-cover[style*=background-image] .wp-block-separator, .has-background hr, [class*=background-color] hr, [style*=background-color] hr, .wp-block-cover[style*=background-image] hr { border-color: currentColor; } .wp-block-social-links [data-block] { margin-top: 0; margin-bottom: 0; } .wp-block-social-links.is-style-twentytwentyone-social-icons-color button { color: var(--global--color-primary); } .wp-block-social-links.is-style-twentytwentyone-social-icons-color .wp-social-link { background: none; } table thead, table tfoot, .wp-block-table thead, .wp-block-table tfoot { text-align: center; } table th, .wp-block-table th { font-family: var(--heading--font-family); } table td, table th, .wp-block-table td, .wp-block-table th { padding: calc(0.5 * var(--global--spacing-unit)); } table.is-style-regular .has-background, table.is-style-stripes .has-background, table.is-style-stripes .has-background thead tr, table.is-style-stripes .has-background tfoot tr, table.is-style-stripes .has-background tbody tr, .wp-block-table.is-style-regular .has-background, .wp-block-table.is-style-stripes .has-background, .wp-block-table.is-style-stripes .has-background thead tr, .wp-block-table.is-style-stripes .has-background tfoot tr, .wp-block-table.is-style-stripes .has-background tbody tr { color: var(--table--has-background-text-color); } table.is-style-stripes, .wp-block-table.is-style-stripes { border-color: var(--table--stripes-border-color); } table.is-style-stripes th, table.is-style-stripes td, .wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td { border-width: 0; } table.is-style-stripes tbody tr:nth-child(odd), .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--table--stripes-background-color); } table.is-style-stripes .has-background tbody tr:nth-child(odd), .wp-block-table.is-style-stripes .has-background tbody tr:nth-child(odd) { background-color: var(--global--color-white-90); } table.wp-calendar-table td, table.wp-calendar-table th { background: transparent; border: 0; text-align: center; line-height: 2; vertical-align: middle; } table.wp-calendar-table th { font-weight: bold; } table.wp-calendar-table thead, table.wp-calendar-table tbody { color: currentColor; border: 1px solid; } table.wp-calendar-table caption { font-weight: bold; text-align: left; margin-bottom: var(--global--spacing-unit); color: currentColor; } .wp-calendar-nav { text-align: left; margin-top: calc(var(--global--spacing-unit) / 2); } .wp-calendar-nav svg { height: 1em; vertical-align: middle; } .wp-calendar-nav svg path { fill: currentColor; } .wp-calendar-nav .wp-calendar-nav-next { float: right; } .wp-block-tag-cloud.aligncenter { text-align: center; } pre.wp-block-verse { padding: 0; color: currentColor; } :root .is-extra-small-text, :root .has-extra-small-font-size { font-size: var(--global--font-size-xs); } :root .is-small-text, :root .has-small-font-size { font-size: var(--global--font-size-sm); } :root .is-regular-text, :root .has-regular-font-size, :root .is-normal-font-size, :root .has-normal-font-size, :root .has-medium-font-size { font-size: var(--global--font-size-base); } :root .is-large-text, :root .has-large-font-size { font-size: var(--global--font-size-lg); line-height: var(--global--line-height-heading); } :root .is-larger-text, :root .has-larger-font-size, :root .is-extra-large-text, :root .has-extra-large-font-size { font-size: var(--global--font-size-xl); line-height: var(--global--line-height-heading); } :root .is-huge-text, :root .has-huge-font-size { font-size: var(--global--font-size-xxl); line-height: var(--global--line-height-heading); font-weight: var(--heading--font-weight-page-title); } :root .is-gigantic-text, :root .has-gigantic-font-size { font-size: var(--global--font-size-xxxl); line-height: var(--global--line-height-heading); font-weight: var(--heading--font-weight-page-title); } /** * Editor Post Title * - Needs a special styles */ .wp-block.editor-post-title__block { border-bottom: 3px solid var(--global--color-border); padding-bottom: calc(2 * var(--global--spacing-vertical)); margin-bottom: calc(3 * var(--global--spacing-vertical)); max-width: var(--responsive--alignwide-width); } .wp-block.editor-post-title__block .editor-post-title__input { color: var(--global--color-secondary); font-family: var(--heading--font-family); font-size: var(--global--font-size-page-title); font-weight: var(--heading--font-weight-page-title); line-height: var(--heading--line-height-h1); } .wp-block.block-editor-default-block-appender > textarea { font-family: var(--global--font-secondary); font-size: var(--global--font-size-md); } .has-primary-color[class] { color: var(--global--color-primary); } .has-secondary-color[class] { color: var(--global--color-secondary); } .has-background a, .has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 { color: currentColor; } .has-primary-background-color[class] { background-color: var(--global--color-primary); color: var(--global--color-background); } .has-secondary-background-color[class] { background-color: var(--global--color-secondary); color: var(--global--color-background); } .has-white-background-color[class] { background-color: var(--global--color-white); color: var(--global--color-secondary); } .has-black-background-color[class] { background-color: var(--global--color-black); color: var(--global--color-primary); } [data-block] { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .wp-block { max-width: var(--responsive--aligndefault-width); } .wp-block[data-align=wide], .wp-block.alignwide { max-width: var(--responsive--alignwide-width); } .wp-block[data-align=full], .wp-block.alignfull { max-width: none; } .alignleft { margin: 0; margin-right: var(--global--spacing-horizontal); } .alignright { margin: 0; margin-left: var(--global--spacing-horizontal); } .has-drop-cap:not(:focus)::first-letter { font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); line-height: 0.66; text-transform: uppercase; font-style: normal; float: left; margin: 0.1em 0.1em 0 0; font-size: calc(1.2 * var(--heading--font-size-h1)); } @media only screen and (min-width: 482px) { .wp-block[data-align=left] > * { max-width: 290px; margin-right: var(--global--spacing-horizontal); } .wp-block[data-align=right] > * { max-width: 290px; margin-left: var(--global--spacing-horizontal); } } .wp-block-freeform.block-library-rich-text__tinymce blockquote { border: none; } .wp-block-freeform.block-library-rich-text__tinymce blockquote:before { left: 5px; } html { font-family: var(--global--font-secondary); line-height: var(--global--line-height-body); } body { --wp--typography--line-height: var(--global--line-height-body); color: var(--global--color-primary); background-color: var(--global--color-background); font-family: var(--global--font-secondary); font-size: var(--global--font-size-base); font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } .wp-block a { color: var(--wp--style--color--link, var(--global--color-primary)); } .wp-block a:hover { text-decoration-style: dotted; } .wp-block a:focus { outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); text-decoration: none; } .has-background .has-link-color a, .has-background.has-link-color a { color: var(--wp--style--color--link, var(--global--color-primary)); } button, a { cursor: pointer; } .has-black-color[class] { color: var(--global--color-black); } .has-black-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-black, #000); color: var(--local--color-primary); } .has-gray-color[class] { color: var(--global--color-gray); } .has-gray-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-gray, #000); color: var(--local--color-primary); } .has-dark-gray-color[class] { color: var(--global--color-dark-gray); } .has-dark-gray-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-dark-gray, #000); color: var(--local--color-primary); } .has-green-color[class] { color: var(--global--color-green); } .has-green-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-green, #fff); color: var(--local--color-primary); } .has-blue-color[class] { color: var(--global--color-blue); } .has-blue-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-blue, #fff); color: var(--local--color-primary); } .has-purple-color[class] { color: var(--global--color-purple); } .has-purple-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-purple, #fff); color: var(--local--color-primary); } .has-red-color[class] { color: var(--global--color-red); } .has-red-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-red, #fff); color: var(--local--color-primary); } .has-orange-color[class] { color: var(--global--color-orange); } .has-orange-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-orange, #fff); color: var(--local--color-primary); } .has-yellow-color[class] { color: var(--global--color-yellow); } .has-yellow-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-yellow, #fff); color: var(--local--color-primary); } .has-white-color[class] { color: var(--global--color-white); } .has-white-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-white, #fff); color: var(--local--color-primary); } .has-background a, .has-background p, .has-background h1, .has-background h2, .has-background h3, .has-background h4, .has-background h5, .has-background h6 { color: currentColor; } .has-black-background-color[class] { background-color: var(--global--color-black); } .has-black-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-black, #000); background-color: var(--local--color-background); } .has-dark-gray-background-color[class] { background-color: var(--global--color-dark-gray); } .has-dark-gray-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-dark-gray, #000); background-color: var(--local--color-background); } .has-gray-background-color[class] { background-color: var(--global--color-gray); } .has-gray-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-gray, #000); background-color: var(--local--color-background); } .has-light-gray-background-color[class] { background-color: var(--global--color-light-gray); } .has-light-gray-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-light-gray, #fff); background-color: var(--local--color-background); } .has-green-background-color[class] { background-color: var(--global--color-green); } .has-green-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-green, #fff); background-color: var(--local--color-background); } .has-blue-background-color[class] { background-color: var(--global--color-blue); } .has-blue-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-blue, #fff); background-color: var(--local--color-background); } .has-purple-background-color[class] { background-color: var(--global--color-purple); } .has-purple-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-purple, #fff); background-color: var(--local--color-background); } .has-red-background-color[class] { background-color: var(--global--color-red); } .has-red-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-red, #fff); background-color: var(--local--color-background); } .has-orange-background-color[class] { background-color: var(--global--color-orange); } .has-orange-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-orange, #fff); background-color: var(--local--color-background); } .has-yellow-background-color[class] { background-color: var(--global--color-yellow); } .has-yellow-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-yellow, #fff); background-color: var(--local--color-background); } .has-white-background-color[class] { background-color: var(--global--color-white); } .has-white-background-color[class] > [class*=__inner-container] { --local--color-background: var(--global--color-white, #fff); background-color: var(--local--color-background); } .has-background:not(.has-text-color).has-black-background-color[class], .has-background:not(.has-text-color).has-gray-background-color[class], .has-background:not(.has-text-color).has-dark-gray-background-color[class] { color: var(--global--color-white); } .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-background, #fff); color: var(--local--color-primary, var(--global--color-primary)); } .is-dark-theme .has-background:not(.has-text-color).has-black-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-gray-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-dark-gray-background-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-primary, #000); } .has-background:not(.has-text-color).has-green-background-color[class], .has-background:not(.has-text-color).has-blue-background-color[class], .has-background:not(.has-text-color).has-purple-background-color[class], .has-background:not(.has-text-color).has-red-background-color[class], .has-background:not(.has-text-color).has-orange-background-color[class], .has-background:not(.has-text-color).has-yellow-background-color[class], .has-background:not(.has-text-color).has-white-background-color[class] { color: var(--global--color-dark-gray); } .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-primary, #000); color: var(--local--color-primary, var(--global--color-primary)); } .is-dark-theme .has-background:not(.has-text-color).has-green-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-blue-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-purple-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-red-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-orange-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-yellow-background-color[class] > [class*=__inner-container], .is-dark-theme .has-background:not(.has-text-color).has-white-background-color[class] > [class*=__inner-container] { --local--color-primary: var(--global--color-background, #fff); } .has-purple-to-yellow-gradient-background { background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow)); } .has-yellow-to-purple-gradient-background { background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple)); } .has-green-to-yellow-gradient-background { background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow)); } .has-yellow-to-green-gradient-background { background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green)); } .has-red-to-yellow-gradient-background { background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow)); } .has-yellow-to-red-gradient-background { background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red)); } .has-purple-to-red-gradient-background { background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red)); } .has-red-to-purple-gradient-background { background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple)); } assets/sass/07-utilities/a11y.scss000064400000001423147206564210012735 0ustar00.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; } .skip-link:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } assets/sass/07-utilities/measure.scss000064400000000401147206564210013616 0ustar00// Measure // - The width of a line of text, in characters, is known as its measure. header *, main *, footer * { max-width: var(--global--spacing-measure); } html, body, div, header, nav, article, figure, hr, main, section, footer { max-width: none; } assets/sass/07-utilities/color-palette.scss000064400000020404147206564210014734 0ustar00// Gutenberg text color options .has-black-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-primary: var(--global--color-black, #000000); color: var(--local--color-primary); } color: var(--global--color-black); } .has-gray-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-primary: var(--global--color-gray, #000000); color: var(--local--color-primary); } color: var(--global--color-gray); } .has-dark-gray-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-primary: var(--global--color-dark-gray, #000000); color: var(--local--color-primary); } color: var(--global--color-dark-gray); } .has-green-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-primary: var(--global--color-green, #FFFFFF); color: var(--local--color-primary); } color: var(--global--color-green); } .has-blue-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-primary: var(--global--color-blue, #FFFFFF); color: var(--local--color-primary); } color: var(--global--color-blue); } .has-purple-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-primary: var(--global--color-purple, #FFFFFF); color: var(--local--color-primary); } color: var(--global--color-purple); } .has-red-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-primary: var(--global--color-red, #FFFFFF); color: var(--local--color-primary); } color: var(--global--color-red); } .has-orange-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-primary: var(--global--color-orange, #FFFFFF); color: var(--local--color-primary); } color: var(--global--color-orange); } .has-yellow-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-primary: var(--global--color-yellow, #FFFFFF); color: var(--local--color-primary); } color: var(--global--color-yellow); } .has-white-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-primary: var(--global--color-white, #FFFFFF); color: var(--local--color-primary); } color: var(--global--color-white); } // Gutenberg background-color options .has-background { a, p, h1, h2, h3, h4, h5, h6 { color: currentColor; } } .has-black-background-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-background: var(--global--color-black, #000000); background-color: var(--local--color-background); } background-color: var(--global--color-black); } .has-dark-gray-background-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-background: var(--global--color-dark-gray, #000000); background-color: var(--local--color-background); } background-color: var(--global--color-dark-gray); } .has-gray-background-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-background: var(--global--color-gray, #000000); background-color: var(--local--color-background); } background-color: var(--global--color-gray); } .has-light-gray-background-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-background: var(--global--color-light-gray, #FFFFFF); background-color: var(--local--color-background); } background-color: var(--global--color-light-gray); } .has-green-background-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-background: var(--global--color-green, #FFFFFF); background-color: var(--local--color-background); } background-color: var(--global--color-green); } .has-blue-background-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-background: var(--global--color-blue, #FFFFFF); background-color: var(--local--color-background); } background-color: var(--global--color-blue); } .has-purple-background-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-background: var(--global--color-purple, #FFFFFF); background-color: var(--local--color-background); } background-color: var(--global--color-purple); } .has-red-background-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-background: var(--global--color-red, #FFFFFF); background-color: var(--local--color-background); } background-color: var(--global--color-red); } .has-orange-background-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-background: var(--global--color-orange, #FFFFFF); background-color: var(--local--color-background); } background-color: var(--global--color-orange); } .has-yellow-background-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-background: var(--global--color-yellow, #FFFFFF); background-color: var(--local--color-background); } background-color: var(--global--color-yellow); } .has-white-background-color[class] { // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-background: var(--global--color-white, #FFFFFF); background-color: var(--local--color-background); } background-color: var(--global--color-white); } .has-background:not(.has-text-color) { &.has-black-background-color[class], &.has-gray-background-color[class], &.has-dark-gray-background-color[class] { color: var(--global--color-white); // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-primary: var(--global--color-background, #FFFFFF); // Reverse the local foreground color in darkmode .is-dark-theme & { --local--color-primary: var(--global--color-primary, #000000); } color: var(--local--color-primary, var(--global--color-primary)); } } &.has-green-background-color[class], &.has-blue-background-color[class], &.has-purple-background-color[class], &.has-red-background-color[class], &.has-orange-background-color[class], &.has-yellow-background-color[class], &.has-white-background-color[class] { color: var(--global--color-dark-gray); // Localize CSS-variables to limit relationship scope > [class*="__inner-container"] { --local--color-primary: var(--global--color-primary, #000000); // Reverse the local foreground color in darkmode .is-dark-theme & { --local--color-primary: var(--global--color-background, #FFFFFF); } color: var(--local--color-primary, var(--global--color-primary)); } } } // Custom gradients .has-purple-to-yellow-gradient-background { background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-yellow)); } .has-yellow-to-purple-gradient-background { background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-purple)); } .has-green-to-yellow-gradient-background { background: linear-gradient(160deg, var(--global--color-green), var(--global--color-yellow)); } .has-yellow-to-green-gradient-background { background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-green)); } .has-red-to-yellow-gradient-background { background: linear-gradient(160deg, var(--global--color-red), var(--global--color-yellow)); } .has-yellow-to-red-gradient-background { background: linear-gradient(160deg, var(--global--color-yellow), var(--global--color-red)); } .has-purple-to-red-gradient-background { background: linear-gradient(160deg, var(--global--color-purple), var(--global--color-red)); } .has-red-to-purple-gradient-background { background: linear-gradient(160deg, var(--global--color-red), var(--global--color-purple)); } assets/sass/07-utilities/print.scss000064400000006010147206564210013313 0ustar00/* Adding print support. The print styles are based on the the great work of Andreas Hecht in https://www.jotform.com/blog/css-perfect-print-stylesheet-98272/. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Margins & paddings # Typography # Page breaks # Links # Visibility --------------------------------------------------------------*/ @media print { /* Margins & paddings */ @page { margin: 2cm; } .entry .entry-header, .entry, .single .site-main > article > .entry-footer { margin-top: 0; margin-bottom: 0; } .site-footer .site-info { margin: 0; } .site-header { padding: 0; } /* Fonts */ body { font: 13pt Georgia, "Times New Roman", Times, serif; // Fallback for browsers without CSS variables support. font: 13pt var(--global--font-secondary, Georgia, "Times New Roman", Times, serif); line-height: 1.3; background: #fff !important; color: #000; } // Override color settings that changes the text to white. .has-background-dark * { color: #000 !important; } h1, .entry-title, .singular .entry-title, .page-title { font-size: 22pt; font-weight: bold; } h2, h3, h4, .has-regular-font-size, .has-large-font-size, h2.author-title, p.author-bio, .comments-title, .archive-description { font-size: 14pt; margin-top: 25px; } .comment-meta, .comment-meta .comment-author .fn { font-size: 13pt; } /* Page breaks */ a { page-break-inside: avoid; } blockquote { page-break-inside: avoid; } h1, h2, h3, h4, h5, h6 { page-break-after: avoid; page-break-inside: avoid; } img { page-break-inside: avoid; page-break-after: avoid; } table, pre, figure { page-break-inside: avoid; } ul, ol, dl { page-break-before: avoid; } /* Links */ a:link, a:visited, a { background: transparent; font-weight: bold; text-decoration: underline; text-align: left; } a[href^="http"]:after { content: " < " attr(href) "> "; } a:after > img { content: ""; } article a[href^="#"]:after { content: ""; } a:not(:local-link):after { // stylelint-disable-line selector-pseudo-class-no-unknown content: " < " attr(href) "> "; } .entry-title a:after { content: "\a < " attr(href) "> "; white-space: pre; font-size: 14pt; } .cat-links a:after, .tags-links a:after, .byline a:after, .comment-metadata a:after, .wp-block-calendar a:after, .wp-block-tag-cloud a:after, .page-links a:after { content: ""; } /* Visibility */ .primary-navigation, .site-title + .primary-navigation, .footer-navigation, .entry-footer, .post-navigation, .navigation.pagination, .widget-area, .edit-link, .more-link, .comment-reply, .reply, .comment .comment-metadata .edit-link, .comment-respond, #dark-mode-toggler { display: none !important; } .entry .entry-content .wp-block-button .wp-block-button__link, .entry .entry-content .button, .entry .entry-content .wp-block-file__button { color: #000; background: none; } } assets/sass/07-utilities/ie.scss000064400000001572147206564210012564 0ustar00.is-IE { &.is-dark-theme { color: #fff; *, a, .site-description, .entry-title, .entry-footer, .widget-area, .post-navigation .meta-nav, .footer-navigation-wrapper li a:link, .site-footer > .site-info, .site-footer > .site-info a, .site-footer > .site-info a:visited { color: #fff; } .sub-menu-toggle svg, .sub-menu-toggle path, .post-navigation .meta-nav svg, .post-navigation .meta-nav path { fill: #fff; } .primary-navigation > div > .menu-wrapper > li > .sub-menu li { background: #000; } &.primary-navigation-open { @include media(mobile-only) { .primary-navigation > .primary-menu-container, .menu-button-container { background-color: #000; } } } .skip-link:focus { color: #21759b; } } .navigation .nav-links { display: block; } .post-thumbnail .wp-post-image { min-width: auto; } } assets/sass/style-editor.scss000064400000001033147206564210012344 0ustar00/** * These styles should be loaded by the Block Editor only */ @import "01-settings/fonts"; @import "01-settings/global"; @import "02-tools/mixins"; @import "02-tools/functions"; @import "03-generic/breakpoints"; // Add relevant styles from "04-elements/misc" b, strong { font-weight: 700; } @import "04-elements/blockquote"; @import "04-elements/media"; @import "04-elements/forms-editor"; @import "04-elements/links"; @import "05-blocks/blocks-editor"; @import "06-components/editor"; @import "07-utilities/color-palette"; assets/sass/05-blocks/quote/_style.scss000064400000006576147206564210014074 0ustar00.wp-block-quote { border-left: none; font-family: var(--quote--font-family); font-size: var(--quote--font-size); font-style: var(--quote--font-style); font-weight: var(--quote--font-weight); line-height: var(--quote--line-height); p { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; } &:before { content: "\201C"; left: 8px; } .wp-block-quote__citation, cite, footer { font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; .has-background &, [class*="background-color"] &, [style*="background-color"] &, .wp-block-cover[style*="background-image"] & { color: currentColor; } } &:where(:not([style*="font-style"])) .wp-block-quote__citation, &:where(:not([style*="font-style"])) cite, &:where(:not([style*="font-style"])) footer { font-style: var(--quote--font-style-cite); } // The cite has a lighter font-weight than the rest of the quote. &:where(:not([style*="font-weight"])) .wp-block-quote__citation, &:where(:not([style*="font-weight"])) cite, &:where(:not([style*="font-weight"])) footer { font-weight: normal; } /** * Block Options */ &.has-text-align-right { margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto; padding-right: 0; border-right: none; // Hide the left aligned quote. &:before { display: none; } // Align the quote left of the text. p:before { content: "\201D"; margin-right: 5px; } } &.has-text-align-center { margin: var(--global--spacing-vertical) auto; &:before { display: none; } } // The large style was removed in WordPress 6.0, the CSS is kept for backwards compatibility. &.is-large, &.is-style-large { padding-left: 0; padding-right: 0; /* Resetting margins to match _block-container.scss */ margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); p { font-size: var(--quote--font-size-large); font-style: var(--quote--font-style-large); line-height: var(--quote--line-height-large); } &:before { font-size: var(--quote--font-size-large); line-height: var(--quote--line-height-large); left: calc(-1 * var(--global--spacing-horizontal)); } &.has-text-align-right { // Hide the left aligned quote. &:before { display: none; } // Align the quote left of the text. p:before { content: "\201D"; font-size: var(--quote--font-size-large); font-weight: normal; line-height: var(--quote--line-height-large); margin-right: 10px; } } .wp-block-quote__citation, cite, footer { color: var(--global--color-primary); font-size: var(--global--font-size-sm); } @include media(mobile-only) { padding-left: var(--global--spacing-horizontal); &:before { left: 0; } &.has-text-align-right { padding-left: 0; padding-right: var(--global--spacing-horizontal); &:before { right: 0; } } &.has-text-align-center { padding-left: 0; padding-right: 0; } } } @include media(mobile-only) { &.has-text-align-right { padding-left: 0; padding-right: calc(0.5 * var(--global--spacing-horizontal)); &:before { right: 0; } } &.has-text-align-center { padding-left: 0; padding-right: 0; } } } assets/sass/05-blocks/quote/_editor.scss000064400000006551147206564210014213 0ustar00.wp-block-quote { position: relative; border-left: none; margin: var(--global--spacing-vertical) auto var(--global--spacing-vertical) var(--global--spacing-horizontal); padding-left: 1em; font-family: var(--quote--font-family); font-size: var(--quote--font-size); font-style: var(--quote--font-style); font-weight: var(--quote--font-weight); line-height: var(--quote--line-height); p { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; } strong { font-weight: var(--quote--font-weight-strong); } &:before { content: "\201C"; left: 8px; } .wp-block-quote__citation { color: currentColor; font-family: inherit; font-style: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; .has-background &, [class*="background-color"] &, [style*="background-color"] &, .wp-block-cover[style*="background-image"] & { color: currentColor; } } &:where(:not([style*="font-style"])) .wp-block-quote__citation { font-style: var(--quote--font-style-cite); } // The cite has a lighter font-weight than the rest of the quote. &:where(:not([style*="font-weight"])) .wp-block-quote__citation { font-weight: normal; } &.has-text-align-right { margin: var(--global--spacing-vertical) var(--global--spacing-horizontal) var(--global--spacing-vertical) auto; padding-right: 0; border-right: none; // Hide the left aligned quote. &:before { display: none; } // Align the quote left of the text. p:before { content: "\201D"; margin-right: 5px; } } &.has-text-align-center { margin: var(--global--spacing-vertical) auto; &:before { display: none; } } // The large style was removed in WordPress 6.0, the CSS is kept for backwards compatibility. &.is-large, &.is-style-large { padding-left: 0; /* Resetting margins to match _block-container.scss */ margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); p { font-size: var(--quote--font-size-large); font-style: var(--quote--font-style-large); line-height: var(--quote--line-height-large); } &:before { font-size: var(--quote--font-size-large); line-height: var(--quote--line-height-large); left: calc(-1 * var(--global--spacing-horizontal)); } &.has-text-align-right { // Hide the left aligned quote. &:before { display: none; } // Align the quote left of the text. p:before { content: "\201D"; font-size: var(--quote--font-size-large); font-weight: normal; line-height: var(--quote--line-height-large); margin-right: 10px; } } @include media(mobile-only) { padding-left: var(--global--spacing-horizontal); &:before { left: 0; } &.has-text-align-right { padding-left: 0; padding-right: var(--global--spacing-horizontal); &:before { right: 0; } } } } @include media(mobile-only) { padding-left: calc(0.5 * var(--global--spacing-horizontal)); &:before { left: 0; } &.has-text-align-right { padding-left: 0; padding-right: calc(0.5 * var(--global--spacing-horizontal)); &:before { right: 0; } } &.has-text-align-center { padding-left: 0; padding-right: 0; } } @include media(mobile) { margin-left: auto; &.has-text-align-right { margin-right: auto; } } } assets/sass/05-blocks/preformatted/_style.scss000064400000000104147206564210015410 0ustar00pre.wp-block-preformatted { overflow-x: auto; white-space: pre; } assets/sass/05-blocks/preformatted/_editor.scss000064400000000170147206564210015541 0ustar00pre.wp-block-preformatted { overflow-x: auto; white-space: pre !important; font-size: var(--global--font-size-xs); } assets/sass/05-blocks/code/_style.scss000064400000000423147206564210013632 0ustar00.wp-block-code { border-color: var(--global--color-border); border-radius: 0; border-style: solid; border-width: 0.1rem; padding: var(--global--spacing-unit); code { color: var(--global--color-primary); white-space: pre; overflow-x: auto; display: block; } } assets/sass/05-blocks/code/_editor.scss000064400000000406147206564210013761 0ustar00.wp-block-code code { white-space: pre !important; overflow-x: auto; } .wp-block-code { border-color: var(--global--color-border); border-radius: 0; border-style: solid; border-width: 0.1rem; padding: var(--global--spacing-unit); color: currentColor; } assets/sass/05-blocks/paragraph/_style.scss000064400000000530147206564210014664 0ustar00p { line-height: var(--wp--typography--line-height, var(--global--line-height-body)); // inherits general font style set at &.has-background { padding: var(--global--spacing-unit); } // Override `color: inherit` from Core styles. &.has-text-color a { color: var(--wp--style--color--link, var(--global--color-primary)); } } assets/sass/05-blocks/paragraph/_editor.scss000064400000000231147206564210015010 0ustar00p { line-height: var(--wp--typography--line-height, var(--global--line-height-body)); &.has-background { padding: var(--global--spacing-unit); } } assets/sass/05-blocks/list/_style.scss000064400000001123147206564210013671 0ustar00ul, ol { font-family: var(--list--font-family); margin: 0; padding-left: calc(2 * var(--global--spacing-horizontal)); // Utility classes &.aligncenter { list-style-position: inside; padding: 0; } &.alignright { list-style-position: inside; text-align: right; padding: 0; } } ul { list-style-type: disc; ul { list-style-type: circle; } } ol { list-style-type: decimal; ul { list-style-type: circle; } } dt { font-family: var(--definition-term--font-family); font-weight: bold; } dd { margin: 0; padding-left: calc(2 * var(--global--spacing-horizontal)); } assets/sass/05-blocks/list/_editor.scss000064400000000724147206564210014025 0ustar00ul, ol { font-family: var(--list--font-family); margin: var(--global--spacing-vertical) 0; padding-left: calc(2 * var(--global--spacing-horizontal)); // Utility classes &.aligncenter { list-style-position: inside; padding: 0; text-align: center; } &.alignright { list-style-position: inside; padding: 0; text-align: right; } } li { > ul, > ol { margin: 0; } } dt { font-family: var(--definition-term--font-family); font-weight: bold; } assets/sass/05-blocks/image/_style.scss000064400000002511147206564210014002 0ustar00.wp-block-image { text-align: center; figcaption { color: var(--global--color-primary); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; } .alignright { margin-left: var(--global--spacing-horizontal); } .alignleft { margin-right: var(--global--spacing-horizontal); } a:focus img { outline-offset: 2px; } } // Remove vertical margins from image block wrappers when floated .entry-content > *[class="wp-block-image"], .entry-content [class*="inner-container"] > *[class="wp-block-image"] { margin-top: 0; margin-bottom: 0; // Remove top margins from the following element when previous image block is floated + * { margin-top: 0; } } // Block Styles .wp-block-image.is-style-twentytwentyone-border img, .wp-block-image.is-style-twentytwentyone-image-frame img { border: calc(3 * var(--separator--height)) solid var(--global--color-border); } .wp-block-image.is-style-twentytwentyone-image-frame img { padding: var(--global--spacing-unit); } .entry-content { > .wp-block-image { > .alignleft, > .alignright { @include media(mobile) { max-width: 50%; } @include media(mobile-only) { margin-left: 0; margin-right: 0; } } } } assets/sass/05-blocks/image/_editor.scss000064400000001061147206564210014127 0ustar00/* Center image block by default in the editor */ .wp-block-image, .wp-block-image > div:not(.components-placeholder) { text-align: center; } [data-type="core/image"] .block-editor-block-list__block-edit figure.is-resized { margin: 0 auto; } /* Block Styles */ .wp-block-image.is-style-twentytwentyone-border img, .wp-block-image.is-style-twentytwentyone-image-frame img { border: calc(3 * var(--separator--height)) solid var(--global--color-border); } .wp-block-image.is-style-twentytwentyone-image-frame img { padding: var(--global--spacing-unit); } assets/sass/05-blocks/blocks.scss000064400000002162147206564210012700 0ustar00// Blocks // - These styles replace key Gutenberg Block styles with font, color, and // spacing with CSS-variables overrides // - In the future the Block styles may get compiled to individual .css // files and conditionally loaded @import "audio/style"; @import "button/style"; @import "code/style"; @import "columns/style"; @import "cover/style"; @import "file/style"; @import "gallery/style"; @import "group/style"; @import "heading/style"; @import "image/style"; @import "latest-comments/style"; @import "latest-posts/style"; @import "legacy/style"; // "Blocks" from the legacy WP editor, ie: galleries, .button class, etc. @import "list/style"; @import "media-text/style"; @import "navigation/style"; @import "paragraph/style"; @import "preformatted/style"; @import "pullquote/style"; @import "query-loop/style"; @import "quote/style"; @import "rss/style"; @import "search/style"; @import "separator/style"; @import "social-icons/style"; @import "table/style"; @import "tag-clould/style"; @import "verse/style"; @import "video/style"; @import "utilities/font-sizes"; @import "utilities/style"; // Import LAST to cascade properly assets/sass/05-blocks/utilities/_style.scss000064400000005771147206564210014746 0ustar00/* Block Alignments */ /** * These selectors set the default max width for content appearing inside a post or page. */ .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) { @extend %responsive-aligndefault-width; } /** * .alignleft */ .alignleft { /*rtl:ignore*/ text-align: left; margin-top: 0; } // Targeting the .entry-content class is necessary to ensure these styles // only apply when the block isn't nested. .entry-content > .alignleft { max-width: var(--responsive--aligndefault-width); @extend %responsive-alignleft; } @include media(mobile) { .alignleft { /*rtl:ignore*/ float: left; /*rtl:ignore*/ margin-right: var(--global--spacing-horizontal); margin-bottom: var(--global--spacing-vertical); } .entry-content > .alignleft { max-width: calc(50% - var(--responsive--alignleft-margin)); } } /** * .aligncenter */ .aligncenter { clear: both; display: block; float: none; margin-right: auto; margin-left: auto; text-align: center; } /** * .alignright */ .alignright { margin-top: 0; margin-bottom: var(--global--spacing-vertical); } // Targeting the .entry-content class is necessary to ensure these styles // only apply when the block isn't nested. .entry-content > .alignright { max-width: var(--responsive--aligndefault-width); @extend %responsive-alignright; } @include media(mobile) { .alignright { /*rtl:ignore*/ float: right; /*rtl:ignore*/ margin-left: var(--global--spacing-horizontal); } .entry-content > .alignright { max-width: calc(50% - var(--responsive--alignright-margin)); } } // Make sure siblings of floated elements are top-aligned when nested [class*="inner-container"] > .alignleft + *, [class*="inner-container"] > .alignright + * { margin-top: 0; } /** * .alignwide */ .alignwide { clear: both; @extend %responsive-alignwide-width; } .alignwide [class*="inner-container"] > .alignwide { @extend %responsive-alignwide-width-nested; } /** * .alignfull */ .alignfull { clear: both; @extend %responsive-alignfull-width-mobile; @extend %responsive-alignfull-width; } .alignfull [class*="inner-container"] > .alignwide { @extend %responsive-alignwide-width-nested; } // Content alignment .has-left-content { justify-content: flex-start; } .has-right-content { justify-content: flex-end; } // Parallax .has-parallax { background-attachment: fixed; } // Drop caps .has-drop-cap:not(:focus)::first-letter { font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); line-height: 0.66; text-transform: uppercase; font-style: normal; float: left; margin: 0.1em 0.1em 0 0; font-size: calc(1.2 * var(--heading--font-size-h1)); } .has-drop-cap:not(:focus)::after { content: ""; display: table; clear: both; padding-top: 14px; } .desktop-only { display: none; @include media(mobile) { display: block; } } assets/sass/05-blocks/utilities/_font-sizes.scss000064400000002430147206564210015674 0ustar00// Gutenberg Font-size utility classes :root { .is-extra-small-text, .has-extra-small-font-size { font-size: var(--global--font-size-xs); } .is-small-text, .has-small-font-size { font-size: var(--global--font-size-sm); } .is-regular-text, .has-regular-font-size, .is-normal-font-size, .has-normal-font-size, .has-medium-font-size { font-size: var(--global--font-size-base); } .is-large-text, .has-large-font-size { font-size: var(--global--font-size-lg); line-height: var(--global--line-height-heading); } .is-larger-text, .has-larger-font-size, .is-extra-large-text, .has-extra-large-font-size { font-size: var(--global--font-size-xl); line-height: var(--global--line-height-heading); } .is-huge-text, .has-huge-font-size { font-size: var(--global--font-size-xxl); line-height: var(--global--line-height-heading); // This size is meant to mimic the page titles, so the font weight is reduced to match. font-weight: var(--heading--font-weight-page-title); } .is-gigantic-text, .has-gigantic-font-size { font-size: var(--global--font-size-xxxl); line-height: var(--global--line-height-heading); // This size is meant to mimic the page titles, so the font weight is reduced to match. font-weight: var(--heading--font-weight-page-title); } } assets/sass/05-blocks/utilities/_editor.scss000064400000006243147206564210015067 0ustar00/** * Editor Post Title * - Needs a special styles */ // Post title style .wp-block.editor-post-title__block { border-bottom: 3px solid var(--global--color-border); padding-bottom: calc(2 * var(--global--spacing-vertical)); margin-bottom: calc(3 * var(--global--spacing-vertical)); max-width: var(--responsive--alignwide-width); .editor-post-title__input { color: var(--global--color-secondary); font-family: var(--heading--font-family); font-size: var(--global--font-size-page-title); font-weight: var(--heading--font-weight-page-title); line-height: var(--heading--line-height-h1); } } // Editor UI font styles .wp-block.block-editor-default-block-appender > textarea { font-family: var(--global--font-secondary); font-size: var(--global--font-size-md); } // Gutenberg text color options .has-primary-color[class] { color: var(--global--color-primary); } .has-secondary-color[class] { color: var(--global--color-secondary); } // Gutenberg background-color options .has-background { a, p, h1, h2, h3, h4, h5, h6 { color: currentColor; } } .has-primary-background-color[class] { background-color: var(--global--color-primary); color: var(--global--color-background); } .has-secondary-background-color[class] { background-color: var(--global--color-secondary); color: var(--global--color-background); } .has-white-background-color[class] { background-color: var(--global--color-white); color: var(--global--color-secondary); } .has-black-background-color[class] { background-color: var(--global--color-black); color: var(--global--color-primary); } // Spacing Overrides [data-block] { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } // Block Alignments .wp-block { // Gutenberg injects a rule that limits the max width of .wp-block to 580px // This line overrides it to use the responsive spacing rules for default width content max-width: var(--responsive--aligndefault-width); // Use the theme's max-width for wide alignment. &[data-align="wide"], &.alignwide { max-width: var(--responsive--alignwide-width); } &[data-align="full"], &.alignfull { max-width: none; } } .alignleft { margin: 0; margin-right: var(--global--spacing-horizontal); } .alignright { margin: 0; margin-left: var(--global--spacing-horizontal); } // Drop cap .has-drop-cap:not(:focus)::first-letter { font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); line-height: 0.66; text-transform: uppercase; font-style: normal; float: left; margin: 0.1em 0.1em 0 0; font-size: calc(1.2 * var(--heading--font-size-h1)); } @media only screen and (min-width: 482px) { .wp-block[data-align="left"] > * { max-width: 290px; margin-right: var(--global--spacing-horizontal); } .wp-block[data-align="right"] > * { max-width: 290px; margin-left: var(--global--spacing-horizontal); } } // Remove the border of blockquotes inside the classic block. .wp-block-freeform.block-library-rich-text__tinymce blockquote { border: none; } // Adjust the position of the quote symbol for blockquotes inside the classic block. .wp-block-freeform.block-library-rich-text__tinymce blockquote:before { left: 5px; } assets/sass/05-blocks/legacy/_style.scss000064400000001240147206564210014162 0ustar00.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; a { display: block; } a:focus img { outline-offset: -2px; } .gallery-columns-2 & { max-width: 50%; } .gallery-columns-3 & { max-width: 33.33%; } .gallery-columns-4 & { max-width: 25%; } .gallery-columns-5 & { max-width: 20%; } .gallery-columns-6 & { max-width: 16.66%; } .gallery-columns-7 & { max-width: 14.28%; } .gallery-columns-8 & { max-width: 12.5%; } .gallery-columns-9 & { max-width: 11.11%; } } .gallery-caption { display: block; } // Legacy images, linked figure.wp-caption a:focus img { outline-offset: 2px; } assets/sass/05-blocks/legacy/_editor.scss000064400000001010147206564210014303 0ustar00.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; .gallery-columns-2 & { max-width: 50%; } .gallery-columns-3 & { max-width: 33.33%; } .gallery-columns-4 & { max-width: 25%; } .gallery-columns-5 & { max-width: 20%; } .gallery-columns-6 & { max-width: 16.66%; } .gallery-columns-7 & { max-width: 14.28%; } .gallery-columns-8 & { max-width: 12.5%; } .gallery-columns-9 & { max-width: 11.11%; } } .gallery-caption { display: block; } assets/sass/05-blocks/query-loop/_style.scss000064400000000263147206564210015036 0ustar00.wp-block-query { &.has-background { padding: calc(0.666 * var(--global--spacing-vertical)); @include media(mobile) { padding: var(--global--spacing-vertical); } } } assets/sass/05-blocks/query-loop/_editor.scss000064400000000263147206564210015164 0ustar00.wp-block-query { &.has-background { padding: calc(0.666 * var(--global--spacing-vertical)); @include media(mobile) { padding: var(--global--spacing-vertical); } } } assets/sass/05-blocks/audio/_style.scss000064400000000161147206564210014020 0ustar00.wp-block-audio { audio:focus { outline-offset: 5px; outline: 2px solid var(--global--color-primary); } } assets/sass/05-blocks/latest-posts/_style.scss000064400000011312147206564210015361 0ustar00.wp-block-latest-posts { padding-left: 0; // Vertical margins logic &:not(.is-grid) > li { margin-top: calc(1.666 * var(--global--spacing-vertical)); margin-bottom: calc(1.666 * var(--global--spacing-vertical)); &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } .widget-area &:not(.is-grid) > li { margin-top: 0; margin-bottom: 0; } &.is-grid { word-wrap: break-word; word-break: break-word; > li { margin-bottom: var(--global--spacing-vertical); &:last-child { margin-bottom: 0; } } // Remove bottom margins in grid columns &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1), &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li, &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1), &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li, &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1), &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li, &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1), &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li, &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1), &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li { margin-bottom: 0; } } > li > * { margin-top: calc(0.333 * var(--global--spacing-vertical)); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } // Post title > li > a { display: inline-block; font-family: var(--latest-posts--title-font-family); font-size: var(--latest-posts--title-font-size); font-weight: var(--heading--font-weight); line-height: var(--global--line-height-heading); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } .widget-area & > li > a { font-size: var(--global--font-size-sm); margin-bottom: 0; } // Post author .wp-block-latest-posts__post-author { color: var(--global--color-primary); font-size: var(--global--font-size-md); line-height: var(--global--line-height-body); } // Post date .wp-block-latest-posts__post-date { color: var(--global--color-primary); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); [class*="inner-container"] &, .has-background & { color: currentColor; } } // Post content .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts__post-full-content { font-family: var(--latest-posts--description-font-family); font-size: var(--latest-posts--description-font-size); line-height: var(--global--line-height-body); margin-top: calc(0.666 * var(--global--spacing-vertical)); } // Utility classes &.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); .entry-content [class*="inner-container"] &, .entry-content .has-background & { padding-left: 0; padding-right: 0; } } // Block Styles &.is-style-twentytwentyone-latest-posts-dividers { border-top: calc(3 * var(--separator--height)) solid var(--global--color-border); border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border); &:not(.is-grid) > li, > li { padding-bottom: var(--global--spacing-vertical); border-bottom: var(--separator--height) solid var(--global--color-border); margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); &:last-child { padding-bottom: 0; border-bottom: none; } } &.is-grid { // Border moves up 1px to overlap the li borders in the last row. box-shadow: inset 0 -1px 0 0 var(--global--color-border); border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border); li { margin: 0; padding-top: var(--global--spacing-vertical); padding-right: var(--global--spacing-horizontal); &:last-child { padding-bottom: var(--global--spacing-vertical); } } // This is using a non-standard media query because it is directly overriding the gutenberg-provided widths. // https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/latest-posts/style.scss#L28-L34 @media screen and (min-width: 600px) { @for $i from 2 through 6 { &.columns-#{ $i } li { width: calc((100% / #{ $i })); } } } } } &.is-style-twentytwentyone-latest-posts-borders { li { border: calc(3 * var(--separator--height)) solid var(--global--color-border); padding: var(--global--spacing-vertical) var(--global--spacing-horizontal); &:last-child { padding-bottom: var(--global--spacing-vertical); } } &:not(.is-grid) li { margin-top: var(--global--spacing-horizontal); margin-bottom: var(--global--spacing-horizontal); } } } assets/sass/05-blocks/latest-posts/_editor.scss000064400000007216147206564210015517 0ustar00.wp-block-latest-posts { padding-left: 0; // Vertical margins logic &:not(.is-grid) > li { margin-top: calc(1.666 * var(--global--spacing-vertical)); margin-bottom: calc(1.666 * var(--global--spacing-vertical)); &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } &.is-grid { word-wrap: break-word; word-break: break-word; > li { margin-bottom: var(--global--spacing-vertical); &:last-child { margin-bottom: 0; } } } > li > * { margin-top: calc(0.333 * var(--global--spacing-vertical)); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } // Post title > li > a { display: inline-block; font-family: var(--latest-posts--title-font-family); font-size: var(--latest-posts--title-font-size); font-weight: var(--heading--font-weight); line-height: var(--global--line-height-heading); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } // Post author .wp-block-latest-posts__post-author { color: var(--global--color-primary); font-size: var(--global--font-size-md); line-height: var(--global--line-height-body); } // Post date .wp-block-latest-posts__post-date { color: var(--global--color-primary); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); [class*="inner-container"] &, .has-background & { color: currentColor; } } // Post content .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts__post-full-content { font-family: var(--latest-posts--description-font-family); font-size: var(--latest-posts--description-font-size); line-height: var(--global--line-height-body); margin-top: calc(0.666 * var(--global--spacing-vertical)); } // Block Styles &.is-style-twentytwentyone-latest-posts-dividers { border-top: calc(3 * var(--separator--height)) solid var(--global--color-border); border-bottom: calc(3 * var(--separator--height)) solid var(--global--color-border); &:not(.is-grid) > li, > li { padding-bottom: var(--global--spacing-vertical); border-bottom: var(--separator--height) solid var(--global--color-border); margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); &:last-child { padding-bottom: 0; border-bottom: none; } } &.is-grid { // Border moves up 1px to overlap the li borders in the last row. box-shadow: inset 0 -1px 0 0 var(--global--color-border); border-bottom: calc(2 * var(--separator--height)) solid var(--global--color-border); li { margin: 0; padding-top: var(--global--spacing-vertical); padding-right: var(--global--spacing-horizontal); &:last-child { padding-bottom: var(--global--spacing-vertical); } } // This is using a non-standard media query because it is directly overriding the gutenberg-provided widths. // https://github.com/WordPress/gutenberg/blob/master/packages/block-library/src/latest-posts/style.scss#L28-L34 @media screen and (min-width: 600px) { @for $i from 2 through 6 { &.columns-#{ $i } li { width: calc((100% / #{ $i })); } } } } } &.is-style-twentytwentyone-latest-posts-borders { li { border: calc(3 * var(--separator--height)) solid var(--global--color-border); padding: var(--global--spacing-vertical) var(--global--spacing-horizontal); &:last-child { padding-bottom: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } &:not(.is-grid) li { margin-top: var(--global--spacing-horizontal); margin-bottom: var(--global--spacing-horizontal); } } } assets/sass/05-blocks/media-text/_style.scss000064400000001745147206564210014771 0ustar00.wp-block-media-text { &.alignfull { margin-top: 0; margin-bottom: 0; } a:focus img { outline-offset: -1px; } .wp-block-media-text__content { padding: var(--global--spacing-horizontal); @include media(tablet) { padding: var(--global--spacing-vertical); } > * { margin-top: calc(0.666 * var(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--spacing-vertical)); @include media(mobile) { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } } // Block Options &.is-stacked-on-mobile .wp-block-media-text__content { @include media(mobile) { padding-top: var(--global--spacing-vertical); padding-bottom: var(--global--spacing-vertical); } } // Block Styles &.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border); } } assets/sass/05-blocks/media-text/_editor.scss000064400000000575147206564210015117 0ustar00.wp-block-media-text { [data-align="full"] & { margin-top: 0; margin-bottom: 0; } @include innerblock-margin-clear(".wp-block-media-text__content"); .wp-block-media-text__content { padding: var(--global--spacing-horizontal); } // Block Styles &.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border); } } assets/sass/05-blocks/group/_style.scss000064400000003406147206564210014060 0ustar00.wp-block-group { // Start IE clearfix. // This hack is only necessary because we want to support IE11. // If we don't want to support IE11, then "display: flow-root" would suffice. display: block; clear: both; display: flow-root; // stylelint-disable-line declaration-block-no-duplicate-properties &:before, &:after { content: ""; display: block; clear: both; } // End IE clearfix. .wp-block-group__inner-container { margin-left: auto; margin-right: auto; > * { margin-top: calc(0.666 * var(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--spacing-vertical)); &.alignfull { @extend %responsive-alignfull-width-mobile; } @include media(mobile) { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } } &.has-background { padding: calc(0.666 * var(--global--spacing-vertical)); @include media(mobile) { padding: var(--global--spacing-vertical); } } // Block Styles &.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border); padding: var(--global--spacing-vertical); } // Adjust alignfull items to account for left and right padding. &.has-background, &.is-style-twentytwentyone-border { .wp-block-group__inner-container > .alignfull, .wp-block-group__inner-container > hr.wp-block-separator:not(.is-style-dots):not(.alignwide).alignfull { max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical))); width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical))); margin-left: calc(-1 * var(--global--spacing-vertical)); } } } assets/sass/05-blocks/group/_editor.scss000064400000001533147206564210014205 0ustar00.wp-block-group { &.has-background { padding: var(--global--spacing-vertical); [data-align="full"] & { margin-top: 0; margin-bottom: 0; } } // Block Styles &.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border); padding: var(--global--spacing-vertical); .wp-block-group__inner-container > [data-align="full"] { max-width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical))); width: calc(var(--responsive--alignfull-width) + (2 * var(--global--spacing-vertical))); margin-left: calc(-1 * var(--global--spacing-vertical)); } } @include innerblock-margin-clear(".wp-block-group__inner-container"); } .wp-block-group .wp-block-group.has-background > .block-editor-block-list__layout > [data-align="full"] { margin: 0; width: 100%; } assets/sass/05-blocks/separator/_style.scss000064400000002354147206564210014725 0ustar00hr { border-style: none; border-bottom: var(--separator--height) solid var(--separator--border-color); clear: both; margin-left: auto; margin-right: auto; &.wp-block-separator { border-bottom: var(--separator--height) solid var(--separator--border-color); opacity: 1; &:not(.is-style-dots):not(.alignwide) { max-width: var(--responsive--aligndefault-width); } &:not(.is-style-dots) { &.alignwide { max-width: var(--responsive--alignwide-width); } &.alignfull { max-width: var(--responsive--alignfull-width); } } /** * Block Options */ &.is-style-twentytwentyone-separator-thick { border-bottom-width: calc(3 * var(--separator--height)); } &.is-style-dots { &.has-background, &.has-text-color { background-color: transparent !important; &:before { color: currentColor !important; } } &:before { color: var(--separator--border-color); font-size: var(--global--font-size-xl); letter-spacing: var(--global--font-size-sm); padding-left: var(--global--font-size-sm); } } .has-background &, [class*="background-color"] &, [style*="background-color"] &, .wp-block-cover[style*="background-image"] & { border-color: currentColor; } } } assets/sass/05-blocks/separator/_editor.scss000064400000001660147206564210015052 0ustar00.wp-block-separator, hr { border-bottom: var(--separator--height) solid var(--separator--border-color); clear: both; opacity: 1; &[style*="text-align:right"], &[style*="text-align: right"] { border-right-color: var(--separator--border-color); } &:not(.is-style-dots) { max-width: var(--responsive--aligndefault-width); } [data-align="full"] > &, [data-align="wide"] > & { max-width: inherit; } &.is-style-twentytwentyone-separator-thick { border-bottom-width: calc(3 * var(--separator--height)); } &.is-style-dots { border-bottom: none; &.has-background, &.has-text-color { background-color: transparent !important; &:before { color: currentColor !important; } } &:before { color: var(--separator--border-color); } } .has-background &, [class*="background-color"] &, [style*="background-color"] &, .wp-block-cover[style*="background-image"] & { border-color: currentColor; } } assets/sass/05-blocks/verse/_style.scss000064400000000105147206564210014041 0ustar00.wp-block-verse { font-family: var(--entry-content--font-family); } assets/sass/05-blocks/verse/_editor.scss000064400000000072147206564210014172 0ustar00pre.wp-block-verse { padding: 0; color: currentColor; } assets/sass/05-blocks/social-icons/_style.scss000064400000000461147206564210015305 0ustar00.wp-block-social-links { a:focus { color: var(--global--color-primary); } &.is-style-twentytwentyone-social-icons-color { a { color: var(--global--color-primary); } .wp-social-link, &.has-icon-background-color.has-icon-background-color .wp-social-link { background: none; } } } assets/sass/05-blocks/social-icons/_editor.scss000064400000000466147206564210015440 0ustar00.wp-block-social-links { // Social icons are horizontal, so they don't need vertical spacing. [data-block] { margin-top: 0; margin-bottom: 0; } &.is-style-twentytwentyone-social-icons-color { button { color: var(--global--color-primary); } .wp-social-link { background: none; } } } assets/sass/05-blocks/tag-clould/_style.scss000064400000000206147206564210014752 0ustar00.wp-block-tag-cloud { &.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } } assets/sass/05-blocks/tag-clould/_editor.scss000064400000000103147206564210015074 0ustar00.wp-block-tag-cloud { &.aligncenter { text-align: center; } } assets/sass/05-blocks/rss/_style.scss000064400000005277147206564210013543 0ustar00.wp-block-rss { padding-left: 0; > li { list-style: none; } // Vertical margins logic &:not(.is-grid) > li { margin-top: calc(1.666 * var(--global--spacing-vertical)); margin-bottom: calc(1.666 * var(--global--spacing-vertical)); &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } &.is-grid { > li { margin-bottom: var(--global--spacing-vertical); &:last-child { margin-bottom: 0; } } // Remove bottom margins in grid columns &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1), &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li, &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1), &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li, &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1), &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li, &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1), &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li, &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1), &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li { margin-bottom: 0; } } > li > * { margin-top: calc(0.333 * var(--global--spacing-vertical)); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } // Post title .wp-block-rss__item-title > a { display: inline-block; font-family: var(--latest-posts--title-font-family); font-size: var(--latest-posts--title-font-size); font-weight: var(--heading--font-weight); line-height: var(--global--line-height-heading); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } // Post author .wp-block-rss__item-author { color: var(--global--color-primary); font-size: var(--global--font-size-md); line-height: var(--global--line-height-body); } // Post date .wp-block-rss__item-publish-date { color: var(--global--color-primary); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); [class*="inner-container"] &, .has-background & { color: currentColor; } } // Post content .wp-block-rss__item-excerpt, .wp-block-rss__item-full-content { font-family: var(--latest-posts--description-font-family); font-size: var(--latest-posts--description-font-size); line-height: var(--global--line-height-body); margin-top: calc(0.666 * var(--global--spacing-vertical)); } // Utility classes &.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); .entry-content [class*="inner-container"] &, .entry-content .has-background & { padding-left: 0; padding-right: 0; } } } assets/sass/05-blocks/rss/_editor.scss000064400000005277147206564210013671 0ustar00.wp-block-rss { padding-left: 0; > li { list-style: none; } // Vertical margins logic &:not(.is-grid) > li { margin-top: calc(1.666 * var(--global--spacing-vertical)); margin-bottom: calc(1.666 * var(--global--spacing-vertical)); &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } &.is-grid { > li { margin-bottom: var(--global--spacing-vertical); &:last-child { margin-bottom: 0; } } // Remove bottom margins in grid columns &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1), &.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li, &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1), &.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li, &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1), &.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li, &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1), &.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li, &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1), &.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li { margin-bottom: 0; } } > li > * { margin-top: calc(0.333 * var(--global--spacing-vertical)); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } // Post title .wp-block-rss__item-title > a { display: inline-block; font-family: var(--latest-posts--title-font-family); font-size: var(--latest-posts--title-font-size); font-weight: var(--heading--font-weight); line-height: var(--global--line-height-heading); margin-bottom: calc(0.333 * var(--global--spacing-vertical)); } // Post author .wp-block-rss__item-author { color: var(--global--color-primary); font-size: var(--global--font-size-md); line-height: var(--global--line-height-body); } // Post date .wp-block-rss__item-publish-date { color: var(--global--color-primary); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); [class*="inner-container"] &, .has-background & { color: currentColor; } } // Post content .wp-block-rss__item-excerpt, .wp-block-rss__item-full-content { font-family: var(--latest-posts--description-font-family); font-size: var(--latest-posts--description-font-size); line-height: var(--global--line-height-body); margin-top: calc(0.666 * var(--global--spacing-vertical)); } // Utility classes &.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); .entry-content [class*="inner-container"] &, .entry-content .has-background & { padding-left: 0; padding-right: 0; } } } assets/sass/05-blocks/file/_style.scss000064400000000347147206564210013644 0ustar00.wp-block-file { // Undo Gutenberg hover defaults a.wp-block-file__button:active, a.wp-block-file__button:focus, a.wp-block-file__button:hover { opacity: inherit; } a.wp-block-file__button { display: inline-block; } } assets/sass/05-blocks/file/_editor.scss000064400000000672147206564210013773 0ustar00.wp-block-file { .wp-block-file__textlink { text-decoration: underline; text-decoration-style: solid; text-decoration-thickness: 1px; &:hover { text-decoration: underline; text-decoration-style: dotted; } } .wp-block-file__button { // Extend button style @include button-style(); display: inline-block; // Remove :focus styles in the editor &:focus { outline-offset: inherit; outline: inherit; } } } assets/sass/05-blocks/blocks-editor.scss000064400000002241147206564210014162 0ustar00// Block Styles for the Editor // - These styles replace key Gutenberg Block styles for fonts, colors, and // spacing with CSS-variables overrides in the Block Editor // - In the future the Block styles may get compiled to individual .css // files and conditionally loaded @import "button/editor"; @import "code/editor"; @import "cover/editor"; @import "columns/editor"; @import "file/editor"; @import "gallery/editor"; @import "group/editor"; @import "heading/editor"; @import "html/editor"; @import "image/editor"; @import "latest-comments/editor"; @import "latest-posts/editor"; @import "legacy/editor"; // "Blocks" from the legacy WP editor, ie: galleries, .button class, etc. @import "list/editor"; @import "media-text/editor"; @import "navigation/editor"; @import "paragraph/editor"; @import "preformatted/editor"; @import "pullquote/editor"; @import "query-loop/editor"; @import "quote/editor"; @import "rss/editor"; @import "search/editor"; @import "separator/editor"; @import "social-icons/editor"; @import "table/editor"; @import "tag-clould/editor"; @import "verse/editor"; @import "utilities/font-sizes"; @import "utilities/editor"; // Import LAST to cascade properly assets/sass/05-blocks/cover/_style.scss000064400000005231147206564210014040 0ustar00.wp-block-cover, .wp-block-cover-image { &:not(.alignwide):not(.alignfull) { clear: both; } &.alignfull { margin-top: 0; margin-bottom: 0; } background-color: var(--cover--color-background); min-height: var(--cover--height); margin-top: inherit; margin-bottom: inherit; .wp-block-cover__inner-container, .wp-block-cover-image-text, .wp-block-cover-text { color: currentColor; // Uses text color specified with background-color options in 07-utilities\color-palette.scss margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); a:not(.wp-block-button__link):not(.wp-block-file__button) { color: currentColor; } .has-link-color a { color: var(--wp--style--color--link, var(--global--color-primary)); } } /* default & custom background-color */ &:not([class*="background-color"]) { .wp-block-cover__inner-container, .wp-block-cover-image-text, .wp-block-cover-text { color: var(--cover--color-foreground); } } /* Treating H2 separately to account for legacy /core styles */ h2 { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); max-width: inherit; // undo opinionated styles text-align: inherit; // undo opinionated styles padding: 0; &.has-text-align-left { text-align: left; } &.has-text-align-center { text-align: center; } &.has-text-align-right { text-align: right; } } .wp-block-cover__inner-container { width: calc(100% - calc(2 * var(--global--spacing-vertical))); > * { margin-top: calc(0.666 * var(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--spacing-vertical)); @include media(mobile) { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } } &.alignleft, &.alignright { margin-top: 0; > * { margin-top: calc(2 * var(--global--spacing-vertical)); margin-bottom: calc(2 * var(--global--spacing-vertical)); padding-left: var(--global--spacing-horizontal); padding-right: var(--global--spacing-horizontal); width: 100%; } } &.has-left-content, &.has-right-content { justify-content: center; } /* Block Styles */ &.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border); } /* The background color class is used just for the overlay, and does not need to be applied to the inner container. */ &[class*="-background-color"][class] .wp-block-cover__inner-container { background-color: unset; } } assets/sass/05-blocks/cover/_editor.scss000064400000003353147206564210014171 0ustar00.wp-block-cover, .wp-block-cover-image { &:not(.alignwide):not(.alignfull) { clear: both; } background-color: var(--cover--color-background); min-height: var(--cover--height); margin-top: inherit; margin-bottom: inherit; [data-align="full"] & { margin-top: 0; margin-bottom: 0; } @include innerblock-margin-clear(".wp-block-cover__inner-container"); .wp-block-cover__inner-container, .wp-block-cover-image-text, .wp-block-cover-text, .block-editor-block-list__block { color: currentColor; // uses text color specified with background-color options in /blocks/utilities/_style.scss a { color: currentColor; } .has-link-color a { color: var(--wp--style--color--link, var(--global--color-primary)); } } // Default & custom background-color &:not([class*="background-color"]) { .wp-block-cover__inner-container, .wp-block-cover-image-text, .wp-block-cover-text, .block-editor-block-list__block { color: var(--cover--color-foreground); } } // Treating H2 separately to account for legacy /core styles h2 { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); padding: 0; text-align: inherit; &.has-text-align-left { text-align: left; } &.has-text-align-center { text-align: center; } &.has-text-align-right { text-align: right; } } // Block Styles &.is-style-twentytwentyone-border { border: calc(3 * var(--separator--height)) solid var(--global--color-border); } // The background color class is used just for the overlay, and does not need to be applied to the inner container. &[class*="-background-color"][class] .wp-block-cover__inner-container { background-color: unset; } } assets/sass/05-blocks/html/_editor.scss000064400000000337147206564210014016 0ustar00[data-type="core/html"] textarea { // Make sure that the color is not white on white when a dark body background is used. color: var(--global--color-dark-gray); border-radius: 0; padding: var(--global--spacing-unit); } assets/sass/05-blocks/button/_style.scss000064400000005256147206564210014244 0ustar00/** * Button */ .site .button, button, input[type="submit"], input[type="reset"], .wp-block-search .wp-block-search__button, .wp-block-button .wp-block-button__link, .wp-block-file a.wp-block-file__button { // Extend button style @include button-style(); } /** * Block Options */ .wp-block-button { // Target the default and filled button states. &:not(.is-style-outline) { .wp-block-button__link:not(:hover):not(:active) { // Text colors &:not(.has-text-color) { color: var(--global--color-background); // Nested .has-background & { color: var(--local--color-background, var(--global--color-background)); &.has-background { color: var(--global--color-primary); } } } // Background-colors &:not(.has-background) { background-color: var(--global--color-primary); // Nested .has-background & { background-color: var(--local--color-primary, var(--global--color-primary)); } } } // Hover Button color should match parent element foreground color .wp-block-button__link:hover, .wp-block-button__link:active { border-color: currentColor !important; background-color: transparent !important; color: inherit !important; } } // Outline Style. &.is-style-outline { .wp-block-button__link:not(:hover):not(:active) { // Border colors &:not(.has-text-color), &:not(.has-background), &.has-background { border-color: currentColor; } // Text colors &:not(.has-text-color) { color: var(--global--color-primary); // Nested .has-background & { color: var(--local--color-primary, var(--global--color-primary)); } } &.has-background { // Nested .has-background &:not(.has-text-color) { color: inherit; } } // Background-colors &:not(.has-background) { background-color: transparent; } } .wp-block-button__link:hover, .wp-block-button__link:active { border-color: transparent !important; background-color: var(--global--color-primary) !important; color: var(--global--color-background) !important; .has-background & { background-color: var(--local--color-primary, var(--global--color-primary)) !important; color: var(--local--color-background, var(--global--color-background)) !important; } .has-text-color & { color: var(--local--color-background, var(--global--color-background)) !important; } } } // Squared Style .is-style-squared .wp-block-button__link { border-radius: 0; } } .is-style-outline .wp-block-button__link[style*="radius"]:focus, .wp-block-button a.wp-block-button__link[style*="radius"]:focus { outline-offset: 2px; outline: 2px dotted var(--button--color-background); } assets/sass/05-blocks/button/_editor.scss000064400000005305147206564210014365 0ustar00.wp-block-button__link { // Extend button style @include button-style(); } /** * Block Options */ .wp-block-button { // Target the default and filled button states. &:not(.is-style-outline) { .wp-block-button__link:not(:hover):not(:active) { // Text colors &:not(.has-text-color) { color: var(--global--color-background); // Nested .has-background & { color: var(--local--color-background, var(--global--color-background)); &.has-background { color: var(--global--color-primary); } } } // Background-colors &:not(.has-background) { background-color: var(--global--color-primary); // Nested .has-background & { background-color: var(--local--color-primary, var(--global--color-primary)); } } } // Hover Button color should match parent element foreground color .wp-block-button__link:hover, .wp-block-button__link:active { border-color: currentColor !important; background-color: transparent !important; color: inherit !important; } // Remove :focus styles in the editor .wp-block-button__link:focus { outline-offset: inherit; outline: inherit; } } // Outline Style. &.is-style-outline { .wp-block-button__link:not(:hover):not(:active) { // Border colors &:not(.has-text-color), &:not(.has-background), &.has-background { border-color: currentColor; } // Text colors &:not(.has-text-color) { color: var(--global--color-primary); // Nested .has-background & { color: var(--local--color-primary, var(--global--color-primary)); } } &.has-background { // Nested .has-background &:not(.has-text-color) { color: inherit; } } // Background-colors &:not(.has-background) { background-color: transparent; } } // Hover Button color should match default button style .wp-block-button__link:hover, .wp-block-button__link:active { background-color: var(--global--color-primary) !important; border-color: transparent !important; color: var(--global--color-background) !important; .has-background & { background-color: var(--local--color-primary, var(--global--color-primary)) !important; color: var(--local--color-background, var(--global--color-background)) !important; } .has-text-color & { color: var(--local--color-background, var(--global--color-background)) !important; } } // Remove :focus styles in the editor .wp-block-button__link:focus { outline-offset: inherit; outline: inherit; } } // Squared Style &.is-style-squared { border-radius: 0; } } .is-style-outline .wp-block-button__link[style*="radius"], .wp-block-button__link[style*="radius"] { outline-offset: 2px; } assets/sass/05-blocks/latest-comments/_style.scss000064400000001453147206564210016043 0ustar00.wp-block-latest-comments { padding-left: 0; &:where(:not([class*="-font-size"]):not([style*="font-size"])) .wp-block-latest-comments__comment { font-size: var(--global--font-size-sm); } .wp-block-latest-comments__comment { line-height: var(--global--line-height-body); /* Vertical margins logic */ margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } .wp-block-latest-comments__comment-meta { font-family: var(--heading--font-family); } .wp-block-latest-comments__comment-date { color: inherit; font-size: inherit; } .wp-block-latest-comments__comment-excerpt p { font-size: inherit; line-height: var(--global--line-height-body); margin: 0; } } assets/sass/05-blocks/latest-comments/_editor.scss000064400000001453147206564210016171 0ustar00.wp-block-latest-comments { padding-left: 0; &:where(:not([class*="-font-size"]):not([style*="font-size"])) .wp-block-latest-comments__comment { font-size: var(--global--font-size-sm); } .wp-block-latest-comments__comment { line-height: var(--global--line-height-body); /* Vertical margins logic */ margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } .wp-block-latest-comments__comment-meta { font-family: var(--heading--font-family); } .wp-block-latest-comments__comment-date { color: inherit; font-size: inherit; } .wp-block-latest-comments__comment-excerpt p { font-size: inherit; line-height: var(--global--line-height-body); margin: 0; } } assets/sass/05-blocks/heading/_style.scss000064400000002412147206564210014317 0ustar00h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { clear: both; font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); strong { font-weight: var(--heading--font-weight-strong); } } h1, .h1 { font-size: var(--heading--font-size-h1); letter-spacing: var(--heading--letter-spacing-h1); line-height: var(--heading--line-height-h1); } h2, .h2 { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); } h3, .h3 { font-size: var(--heading--font-size-h3); letter-spacing: var(--heading--letter-spacing-h3); line-height: var(--heading--line-height-h3); } h4, .h4 { font-size: var(--heading--font-size-h4); font-weight: var(--heading--font-weight-strong); letter-spacing: var(--heading--letter-spacing-h4); line-height: var(--heading--line-height-h4); } h5, .h5 { font-size: var(--heading--font-size-h5); font-weight: var(--heading--font-weight-strong); letter-spacing: var(--heading--letter-spacing-h5); line-height: var(--heading--line-height-h5); } h6, .h6 { font-size: var(--heading--font-size-h6); font-weight: var(--heading--font-weight-strong); letter-spacing: var(--heading--letter-spacing-h6); line-height: var(--heading--line-height-h6); } assets/sass/05-blocks/heading/_editor.scss000064400000003227147206564210014452 0ustar00.wp-block-heading h1, h1, .h1, .wp-block-heading h2, h2, .h2, .wp-block-heading h3, h3, .h3, .wp-block-heading h4, h4, .h4, .wp-block-heading h5, h5, .h5, .wp-block-heading h6, h6, .h6 { clear: both; font-family: var(--heading--font-family); font-weight: var(--heading--font-weight); strong { font-weight: var(--heading--font-weight-strong); } &[style*="--wp--typography--line-height"] { line-height: var(--wp--typography--line-height, var(--global--line-height-body)); } } .wp-block-heading h1, h1, .h1 { font-size: var(--heading--font-size-h1); letter-spacing: var(--heading--letter-spacing-h1); line-height: var(--heading--line-height-h1); } .wp-block-heading h2, h2, .h2 { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); } .wp-block-heading h3, h3, .h3 { font-size: var(--heading--font-size-h3); letter-spacing: var(--heading--letter-spacing-h3); line-height: var(--heading--line-height-h3); } .wp-block-heading h4, h4, .h4 { font-size: var(--heading--font-size-h4); font-weight: var(--heading--font-weight-strong); letter-spacing: var(--heading--letter-spacing-h4); line-height: var(--heading--line-height-h4); } .wp-block-heading h5, h5, .h5 { font-size: var(--heading--font-size-h5); font-weight: var(--heading--font-weight-strong); letter-spacing: var(--heading--letter-spacing-h5); line-height: var(--heading--line-height-h5); } .wp-block-heading h6, h6, .h6 { font-size: var(--heading--font-size-h6); font-weight: var(--heading--font-weight-strong); letter-spacing: var(--heading--letter-spacing-h6); line-height: var(--heading--line-height-h6); } assets/sass/05-blocks/gallery/_style.scss000064400000001264147206564210014363 0ustar00.wp-block-gallery { margin: 0 auto; .blocks-gallery-image, .blocks-gallery-item { // On mobile and responsive viewports, we allow only 1 or 2 columns at the most. width: calc((100% - var(--global--spacing-unit)) / 2); figcaption { margin: 0; // Text color is always white to account for default gradient background color: var(--global--color-white); font-size: var(--global--font-size-xs); a { color: var(--global--color-white); &:focus { background-color: transparent; outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); text-decoration: none; } } } a:focus img { outline-offset: 2px; } } } assets/sass/05-blocks/gallery/_editor.scss000064400000000155147206564210014507 0ustar00.wp-block-gallery { figcaption { margin-bottom: 0; a { color: var(--global--color-white); } } } assets/sass/05-blocks/search/_style.scss000064400000005462147206564210014175 0ustar00.wp-block-search { max-width: var(--responsive--aligndefault-width); &__button-only.aligncenter { .wp-block-search__inside-wrapper { justify-content: center; } } .wp-block-search__label { font-size: var(--form--font-size); font-weight: var(--form--label-weight); margin-bottom: calc(var(--global--spacing-vertical) / 3); } .wp-block-search__input { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); color: var(--form--color-text); line-height: var(--form--line-height); max-width: inherit; margin-right: calc(-1 * var(--button--border-width)); // Override the default theme style for search input fields. margin-left: 0; padding: var(--form--spacing-unit); &:focus { color: var(--form--color-text); border-color: var(--form--border-color); } .has-background & { border-color: var(--local--color-primary, var(--global--color-primary)) !important; } } button.wp-block-search__button { margin-left: 0; line-height: 1; &.has-icon { padding: 6px calc(0.5 * var(--button--padding-horizontal)); svg { width: 40px; height: 40px; fill: currentColor; } } &:hover, &:active { .has-background & { background-color: var(--local--color-background, var(--global--color-background)) !important; color: var(--local--color-primary, var(--global--color-primary)) !important; } .has-text-color & { color: var(--local--color-primary, var(--global--color-primary)) !important; } } } &.wp-block-search__button-inside { .wp-block-search__inside-wrapper { background-color: var(--global--color-white); border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); padding: var(--form--border-width); .has-background & { border-color: var(--local--color-primary, var(--global--color-primary)) !important; } .wp-block-search__input { margin-left: 0; margin-right: 0; padding-left: var(--form--spacing-unit); // Add outline for focus styles to override default &:focus { color: var(--form--color-text); outline-offset: -2px; outline: 2px dotted var(--form--border-color); } } button.wp-block-search__button { padding: var(--button--padding-vertical) var(--button--padding-horizontal); // Search button always needs black contrast against white form background &:hover { color: var(--global--color-dark-gray); } .is-dark-theme & { color: var(--global--color-dark-gray); &:hover { background-color: var(--global--color-dark-gray); color: var(--global--color-white); } } &.has-icon { padding: 6px calc(0.5 * var(--button--padding-horizontal)); } } } } } .wp-block-search__button { box-shadow: none; } assets/sass/05-blocks/search/_editor.scss000064400000005101147206564210014311 0ustar00.wp-block-search { max-width: var(--responsive--aligndefault-width); .wp-block-search__label { font-size: var(--form--font-size); font-weight: var(--form--label-weight); margin-bottom: calc(var(--global--spacing-vertical) / 3); } &.wp-block-search__button-inside .wp-block-search__inside-wrapper, .wp-block-search__input { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); font-family: var(--form--font-family); font-size: var(--form--font-size); line-height: var(--form--line-height); max-width: inherit; margin-right: calc(-1 * var(--button--border-width)); padding: var(--form--spacing-unit); .is-dark-theme & { background: var(--global--color-white-90); } .has-background & { border-color: var(--local--color-primary, var(--global--color-primary)) !important; } } .wp-block-search__button.wp-block-search__button { @include button-style(); box-shadow: none; margin-left: 0; &.has-icon { padding: 6px calc(0.5 * var(--button--padding-horizontal)); display: inherit; svg { width: 40px; height: 40px; } } &:hover, &:active { .has-background & { background-color: var(--local--color-background, var(--global--color-background)) !important; color: var(--local--color-primary, var(--global--color-primary)) !important; } .has-text-color & { color: var(--local--color-primary, var(--global--color-primary)) !important; } } // Remove :focus styles in the editor &:focus { outline-offset: inherit; outline: inherit; } } &.wp-block-search__button-inside { .wp-block-search__inside-wrapper { padding: var(--form--border-width); } .wp-block-search__input { border: none; } &.wp-block-search__text-button, &.wp-block-search__icon-button { .wp-block-search__button { // Search button always needs black contrast against white form background &:hover { color: var(--global--color-dark-gray); } .is-dark-theme & { color: var(--global--color-dark-gray); &:hover { background-color: var(--global--color-dark-gray); color: var(--global--color-white); } } } } &.wp-block-search__text-button .wp-block-search__button { // Match the text button size with the icon button. padding: var(--button--padding-vertical) var(--button--padding-horizontal); } } } .wp-block[data-align="center"] > * { text-align: center; } .wp-block[data-align="center"] { .wp-block-search__button-only { .wp-block-search__inside-wrapper { justify-content: center; } } } assets/sass/05-blocks/_config.scss000064400000000257147206564210013032 0ustar00// Variable Configuration // - Import all config files for display in // the editor, customizer, and front end. @import "separator/config"; @import "utilities/config"; assets/sass/05-blocks/columns/_style.scss000064400000003762147206564210014411 0ustar00.wp-block-columns { &:not(.alignwide):not(.alignfull) { clear: both; } .wp-block-column { > * { margin-top: calc(0.66 * var(--global--spacing-vertical)); margin-bottom: calc(0.66 * var(--global--spacing-vertical)); @include media(mobile) { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } &:last-child { margin-bottom: 0; } } .wp-block-column:not(:last-child) { margin-bottom: calc(0.66 * var(--global--spacing-vertical)); @include media(mobile) { margin-bottom: var(--global--spacing-vertical); } @include media(desktop) { margin-bottom: 0; } } &.is-style-twentytwentyone-columns-overlap { justify-content: space-around; @include media(laptop) { .wp-block-column { &:nth-child(2n) { margin-left: calc(-2 * var(--global--spacing-horizontal)); margin-top: calc(2.5 * var(--global--spacing-horizontal)); z-index: 2; // Provide text-based child blocks with a default background color to ensure they're readable. > p, > h1, > h2, > h3, > h4, > h5, > h6, > ul, > ol, > pre { &:not(.has-background) { background-color: var(--global--color-background); padding: var(--global--spacing-unit); } } // Lists should still have their usual left padding. > ul:not(.has-background), > ol:not(.has-background) { padding-left: calc(2 * var(--global--spacing-horizontal)); } &.is-vertically-aligned-center { margin-top: 0; } } } } } &.alignfull { .wp-block-column { p:not(.has-background), h1:not(.has-background), h2:not(.has-background), h3:not(.has-background), h4:not(.has-background), h5:not(.has-background), h6:not(.has-background) { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } } } } assets/sass/05-blocks/columns/_editor.scss000064400000002700147206564210014526 0ustar00.wp-block-columns { &:not(.alignwide):not(.alignfull) { clear: both; } .wp-block, .wp-block-column { // Allow Gutenberg to set the width of a block that lives inside the columns block. max-width: inherit; } @include innerblock-margin-clear(".wp-block-column"); &.is-style-twentytwentyone-columns-overlap { @include media(laptop) { .wp-block-column:nth-child(2n) { margin-left: calc(-2 * var(--global--spacing-horizontal)); margin-top: calc(2.5 * var(--global--spacing-horizontal)); z-index: 2; // Provide text-based child blocks with a default background color to ensure they're readable. > p, > h1, > h2, > h3, > h4, > h5, > h6, > ul, > ol, > pre { &:not(.has-background) { background-color: var(--global--color-background); padding: var(--global--spacing-unit); } } // Lists should still have their usual left padding. > ul:not(.has-background), > ol:not(.has-background) { padding-left: calc(2 * var(--global--spacing-horizontal)); } &.is-vertically-aligned-center { margin-top: 0; } } } } .wp-block[data-align="full"] > & { p:not(.has-background), h1:not(.has-background), h2:not(.has-background), h3:not(.has-background), h4:not(.has-background), h5:not(.has-background), h6:not(.has-background) { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } } } assets/sass/05-blocks/pullquote/_style.scss000064400000004364147206564210014762 0ustar00.wp-block-pullquote { padding: calc(2 * var(--global--spacing-unit)) 0; text-align: center; border-width: var(--pullquote--border-width); border-bottom-style: solid; border-top-style: solid; color: currentColor; border-color: currentColor; position: relative; font-size: var(--pullquote--font-size); font-style: var(--pullquote--font-style); font-weight: 700; letter-spacing: var(--pullquote--letter-spacing); blockquote::before { color: currentColor; content: "\201C"; display: block; position: relative; // Override the absolute position. left: 0; font-size: 3rem; font-weight: 500; line-height: 1; } p { font-family: var(--pullquote--font-family); font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; } &:where(:not([style*="line-height"])) p { line-height: var(--pullquote--line-height); } a { color: currentColor; } .wp-block-pullquote__citation, cite, footer { color: currentColor; display: block; font-size: var(--global--font-size-xs); font-style: var(--pullquote--font-style); text-transform: none; } /** * Block Options */ &:not(.is-style-solid-color) { background: none; } &.alignleft:not(.is-style-solid-color) { blockquote:before, cite { text-align: center; } } &.alignwide > p, &.alignwide blockquote { max-width: var(--responsive--alignwide-width); } &.alignfull:not(.is-style-solid-color) > p, &.alignfull:not(.is-style-solid-color) blockquote { padding: 0 calc(2 * var(--global--spacing-unit)); } &.is-style-solid-color { color: var(--pullquote--color-foreground); padding: calc(2.5 * var(--global--spacing-unit)); border-width: var(--pullquote--border-width); border-style: solid; border-color: var(--pullquote--border-color); @media (min-width: 600px) { padding: calc(5 * var(--global--spacing-unit)); } blockquote::before { text-align: left; } blockquote { margin: 0; max-width: inherit; p { font-size: var(--pullquote--font-size); } } .wp-block-pullquote__citation, cite, footer { color: currentColor; } &.alignleft, &.alignright { padding: var(--global--spacing-unit); blockquote { max-width: initial; } } } } assets/sass/05-blocks/pullquote/_editor.scss000064400000004311147206564210015100 0ustar00.wp-block-pullquote { padding: calc(2 * var(--global--spacing-unit)) 0; text-align: center; border-width: var(--pullquote--border-width); border-bottom-style: solid; border-top-style: solid; color: currentColor; border-color: currentColor; position: relative; font-size: var(--pullquote--font-size); font-style: var(--pullquote--font-style); font-weight: 700; letter-spacing: var(--pullquote--letter-spacing); blockquote::before { color: currentColor; content: "\201C"; display: block; position: relative; // Override the absolute position. left: 0; font-size: 3rem; font-weight: 500; line-height: 1; } p { font-family: var(--pullquote--font-family); font-size: inherit; font-style: inherit; font-weight: inherit; letter-spacing: inherit; line-height: inherit; margin: 0; } &:where(:not([style*="line-height"])) p { line-height: var(--pullquote--line-height); } a { color: currentColor; } .wp-block-pullquote__citation, cite, footer { font-size: var(--global--font-size-xs); font-style: var(--pullquote--font-style); text-transform: none; } // Block Options &:not(.is-style-solid-color) { background: none; } &.is-style-solid-color { margin-left: auto; margin-right: auto; padding: calc(2.5 * var(--global--spacing-unit)); border-width: var(--pullquote--border-width); border-style: solid; border-color: var(--pullquote--border-color); @media ( min-width: 600px ) { padding: calc(5 * var(--global--spacing-unit)); } blockquote::before { text-align: left; } &.alignleft blockquote, &.alignright blockquote { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); max-width: inherit; } blockquote { margin: 0; max-width: 100%; p { font-size: var(--pullquote--font-size); } } .wp-block-pullquote__citation, cite, footer { color: currentColor; } } } .wp-block[data-align="full"] { .wp-block-pullquote:not(.is-style-solid-color) { blockquote { padding: 0 calc(2 * var(--global--spacing-unit)); } } } .wp-block[data-align="left"], .wp-block[data-align="right"] { .wp-block-pullquote.is-style-solid-color { padding: var(--global--spacing-unit); } } assets/sass/05-blocks/navigation/_style.scss000064400000003536147206564210015067 0ustar00.wp-block-navigation { .wp-block-navigation-link { .wp-block-navigation-link__label { font-family: var(--primary-nav--font-family); font-size: var(--primary-nav--font-size); font-weight: var(--primary-nav--font-weight); } } .wp-block-navigation-link__submenu-icon { padding: 0; } // Top level navigation container. > .wp-block-navigation__container { .has-child { .wp-block-navigation-link { display: inherit; } .wp-block-navigation__container { border: none; left: 0; min-width: max-content; opacity: 0; padding: 0; position: inherit; top: inherit; .wp-block-navigation-link__submenu-icon { display: none; } } } > .has-child { > .wp-block-navigation__container { background: var(--global--color-background); margin: 0; padding: 0; position: absolute; top: 100%; border: 1px solid var(--primary-nav--border-color); &:before, &:after { content: ""; display: block; position: absolute; width: 0; top: -10px; left: var(--global--spacing-horizontal); border-style: solid; border-color: var(--primary-nav--border-color) transparent; border-width: 0 7px 10px 7px; } &:after { top: -9px; border-color: var(--global--color-background) transparent; } } } } &:not(.has-background) { .wp-block-navigation__container { background: var(--global--color-background); .wp-block-navigation__container { background: var(--global--color-background); } } } &:not(.has-text-color) { .wp-block-navigation-link { > a { &:hover, &:focus { color: var(--primary-nav--color-link-hover); } &:hover { text-decoration: underline; text-decoration-style: dotted; } } } .wp-block-navigation-link__content { color: currentColor; } } } assets/sass/05-blocks/navigation/_editor.scss000064400000001330147206564210015203 0ustar00.wp-block-navigation { [data-block] { margin-top: revert; margin-bottom: revert; } .wp-block-navigation__container { background: var(--global--color-background); } .wp-block-navigation-link { .wp-block-navigation-link__label { font-family: var(--primary-nav--font-family); font-size: var(--primary-nav--font-size); font-weight: var(--primary-nav--font-weight); } } .has-child { .wp-block-navigation__container { box-shadow: var(--global--elevation); } } &:not(.has-text-color) { .wp-block-navigation-link { > a { &:hover, &:focus { color: var(--primary-nav--color-link-hover); } } } .wp-block-navigation-link__content { color: currentColor; } } } assets/sass/05-blocks/table/_style.scss000064400000003042147206564210014007 0ustar00table, .wp-block-table { width: 100%; min-width: 240px; border-collapse: collapse; thead, tfoot { text-align: center; } th { font-family: var(--heading--font-family); } td, th { padding: calc(0.5 * var(--global--spacing-unit)); border: 1px solid; } figcaption { color: var(--global--color-primary); font-size: var(--global--font-size-xs); } &.is-style-regular .has-background, &.is-style-stripes .has-background, &.is-style-stripes .has-background thead tr, &.is-style-stripes .has-background tfoot tr, &.is-style-stripes .has-background tbody tr { color: var(--table--has-background-text-color); } &.is-style-stripes { border-color: var(--table--stripes-border-color); th, td { border-width: 0; } tbody tr:nth-child(odd) { background-color: var(--table--stripes-background-color); } .has-background tbody tr:nth-child(odd) { background-color: var(--global--color-white-90); } } } table.wp-calendar-table { td, th { background: transparent; border: 0; text-align: center; line-height: 2; vertical-align: middle; word-break: normal; } th { font-weight: bold; } thead, tbody { color: currentColor; border: 1px solid; } caption { font-weight: bold; text-align: left; margin-bottom: var(--global--spacing-unit); color: currentColor; } } .wp-calendar-nav { text-align: left; margin-top: calc(var(--global--spacing-unit) / 2); svg { height: 1em; vertical-align: middle; path { fill: currentColor; } } .wp-calendar-nav-next { float: right; } } assets/sass/05-blocks/table/_editor.scss000064400000002527147206564210014144 0ustar00table, .wp-block-table { thead, tfoot { text-align: center; } th { font-family: var(--heading--font-family); } td, th { padding: calc(0.5 * var(--global--spacing-unit)); } &.is-style-regular .has-background, &.is-style-stripes .has-background, &.is-style-stripes .has-background thead tr, &.is-style-stripes .has-background tfoot tr, &.is-style-stripes .has-background tbody tr { color: var(--table--has-background-text-color); } &.is-style-stripes { border-color: var(--table--stripes-border-color); th, td { border-width: 0; } tbody tr:nth-child(odd) { background-color: var(--table--stripes-background-color); } .has-background tbody tr:nth-child(odd) { background-color: var(--global--color-white-90); } } } table.wp-calendar-table { td, th { background: transparent; border: 0; text-align: center; line-height: 2; vertical-align: middle; } th { font-weight: bold; } thead, tbody { color: currentColor; border: 1px solid; } caption { font-weight: bold; text-align: left; margin-bottom: var(--global--spacing-unit); color: currentColor; } } .wp-calendar-nav { text-align: left; margin-top: calc(var(--global--spacing-unit) / 2); svg { height: 1em; vertical-align: middle; path { fill: currentColor; } } .wp-calendar-nav-next { float: right; } } assets/sass/05-blocks/video/_style.scss000064400000000504147206564210014026 0ustar00.wp-block-video { figcaption { color: var(--global--color-primary); font-size: var(--global--font-size-xs); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; } } * > figure > video { max-width: unset; width: 100%; vertical-align: middle; } assets/sass/02-tools/mixins.scss000064400000004355147206564210012620 0ustar00// Responsive breakpoints mixin @mixin add_variables( $view: frontend ) { @if frontend == $view { :root { @content; } } @if editor == $view { :root, body { @content; } } } // Button style // - Applies button styles to blocks and elements that share them. @mixin button-style() { border: var(--button--border-width) solid transparent; border-radius: var(--button--border-radius); cursor: pointer; font-weight: var(--button--font-weight); font-family: var(--button--font-family); font-size: var(--button--font-size); line-height: var(--button--line-height); padding: var(--button--padding-vertical) var(--button--padding-horizontal); text-decoration: none; // Standard Button Color Relationship Logic &:not(:hover):not(:active) { // Text colors &:not(.has-text-color) { color: var(--global--color-background); // Nested .has-background & { color: var(--local--color-background, var(--global--color-primary)); &.has-background { color: var(--global--color-primary); } } } // Background-colors &:not(.has-background) { background-color: var(--global--color-primary); // Nested .has-background & { background-color: var(--local--color-primary, var(--global--color-primary)); } } } // Hover Button color should match parent element foreground color &:hover, &:active { background-color: transparent; border-color: currentColor; color: inherit; } // Focus Button outline color should always match the current text color &:focus { outline-offset: -6px; outline: 2px dotted currentColor; } // Disabled Button colors &:disabled { background-color: var(--global--color-white-50); border-color: var(--global--color-white-50); color: var(--button--color-text-active); } } @mixin innerblock-margin-clear($container) { // Clear the top margin for the first-child. > #{$container} > *:first-child { margin-top: 0; } // Last child that is not the appender. > #{$container} > *:last-child:not(.block-list-appender) { margin-bottom: 0; } // When selected, the last item becomes the second last because of the appender. &.has-child-selected > #{$container} > *:nth-last-child(2), &.is-selected > #{$container} > *:nth-last-child(2) { margin-bottom: 0; } } assets/sass/02-tools/functions.scss000064400000011045147206564210013313 0ustar00// Remove the unit of a length // @param {Number} $number - Number to remove unit from // @return {Number} - Unitless number @function strip-unit($number) { @if type-of($number) == "number" and not unitless($number) { @return $number / ($number * 0 + 1); } @return $number; } // ---- // Sass (v3.3.14) // Compass (v1.0.0.rc.1) // ---- @function pow($x, $y) { $ret: 1; @if $y > 0 { @for $i from 1 through $y { $ret: $ret * $x; } } @else { @for $i from $y to 0 { $ret: $ret / $x; } } @return $ret; } // Map deep get // @author Hugo Giraudel // @access public // @param {Map} $map - Map // @param {Arglist} $keys - Key chain // @return {*} - Desired value // // Example: // $m-breakpoint: map-deep-get($__prefix-default-config, "layouts", "M"); @function map-deep-get($map, $keys...) { @each $key in $keys { $map: map-get($map, $key); } @return $map; } // Deep set function to set a value in nested maps // @author Hugo Giraudel // @access public // @param {Map} $map - Map // @param {List} $keys - Key chaine // @param {*} $value - Value to assign // @return {Map} // // Example: // $__prefix-default-config: map-deep-set($__prefix-default-config, "layouts" "M", 650px); @function map-deep-set($map, $keys, $value) { $maps: ($map); $result: null; // If the last key is a map already // Warn the user we will be overriding it with $value @if type-of(nth($keys, -1)) == "map" { @warn "The last key you specified is a map; it will be overridden with `#{$value}`."; } // If $keys is a single key // Just merge and return @if length($keys) == 1 { @return map-merge($map, ($keys: $value)); } // Loop from the first to the second to last key from $keys // Store the associated map to this key in the $maps list // If the key doesn't exist, throw an error @for $i from 1 through length($keys) - 1 { $current-key: nth($keys, $i); $current-map: nth($maps, -1); $current-get: map-get($current-map, $current-key); @if $current-get == null { @error "Key `#{$key}` doesn't exist at current level in map."; } $maps: append($maps, $current-get); } // Loop from the last map to the first one // Merge it with the previous one @for $i from length($maps) through 1 { $current-map: nth($maps, $i); $current-key: nth($keys, $i); $current-val: if($i == length($maps), $value, $result); $result: map-merge($current-map, ($current-key: $current-val)); } // Return result @return $result; } // jQuery-style extend function // - Child themes can use this function to `reset` the values in // config maps without editing the `master` Sass files. // - src: https://www.sitepoint.com/extra-map-functions-sass/ // - About `map-merge()`: // - - only takes 2 arguments // - - is not recursive // @param {Map} $map - first map // @param {ArgList} $maps - other maps // @param {Bool} $deep - recursive mode // @return {Map} // Examples: // $grid-configuration-default: ( // 'columns': 12, // 'layouts': ( // 'small': 800px, // 'medium': 1000px, // 'large': 1200px, // ), // ); // $grid-configuration-custom: ( // 'layouts': ( // 'large': 1300px, // 'huge': 1500px // ), // ); // $grid-configuration-user: ( // 'direction': 'ltr', // 'columns': 16, // 'layouts': ( // 'large': 1300px, // 'huge': 1500px // ), // ); // $deep: false // $grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user); // --> ("columns": 16, "layouts": (("large": 1300px, "huge": 1500px)), "direction": "ltr") // $deep: true // $grid-configuration: map-extend($grid-configuration-default, $grid-configuration-custom, $grid-configuration-user, true); // --> ("columns": 16, "layouts": (("small": 800px, "medium": 1000px, "large": 1300px, "huge": 1500px)), "direction": "ltr") @function map-extend($map, $maps.../*, $deep */) { $last: nth($maps, -1); $deep: $last == true; $max: if($deep, length($maps) - 1, length($maps)); // Loop through all maps in $maps... @for $i from 1 through $max { // Store current map $current: nth($maps, $i); // If not in deep mode, simply merge current map with map @if not $deep { $map: map-merge($map, $current); } @else { // If in deep mode, loop through all tuples in current map @each $key, $value in $current { // If value is a nested map and same key from map is a nested map as well @if type-of($value) == "map" and type-of(map-get($map, $key)) == "map" { // Recursive extend $value: map-extend(map-get($map, $key), $value, true); } // Merge current tuple with map $map: map-merge($map, ($key: $value)); } } } @return $map; } assets/sass/01-settings/global.scss000064400000024113147206564210013242 0ustar00/* Variables */ // Vertical Rhythm Multiplier $baseline-unit: 10px; :root { /* Font Family */ --global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); --global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif); /* Font Size */ --global--font-size-base: 1.25rem; // 20px / 16px --global--font-size-xs: 1rem; // 16px / 16px --global--font-size-sm: 1.125rem; // 18px / 16px --global--font-size-md: 1.25rem; // 20px / 16px --global--font-size-lg: 1.5rem; // 24px / 16px --global--font-size-xl: 2.25rem; // 36px / 16px --global--font-size-xxl: 4rem; // 64px / 16px --global--font-size-xxxl: 5rem; // 80px / 16px --global--font-size-page-title: var(--global--font-size-xxl); --global--letter-spacing: normal; /* Line Height */ --global--line-height-body: 1.7; --global--line-height-heading: 1.3; --global--line-height-page-title: 1.1; /* Headings */ --heading--font-family: var(--global--font-primary); --heading--font-size-h6: var(--global--font-size-xs); --heading--font-size-h5: var(--global--font-size-sm); --heading--font-size-h4: var(--global--font-size-lg); --heading--font-size-h3: calc(1.25 * var(--global--font-size-lg)); --heading--font-size-h2: var(--global--font-size-xl); --heading--font-size-h1: var(--global--font-size-page-title); --heading--letter-spacing-h6: 0.05em; --heading--letter-spacing-h5: 0.05em; --heading--letter-spacing-h4: var(--global--letter-spacing); --heading--letter-spacing-h3: var(--global--letter-spacing); --heading--letter-spacing-h2: var(--global--letter-spacing); --heading--letter-spacing-h1: var(--global--letter-spacing); --heading--line-height-h6: var(--global--line-height-heading); --heading--line-height-h5: var(--global--line-height-heading); --heading--line-height-h4: var(--global--line-height-heading); --heading--line-height-h3: var(--global--line-height-heading); --heading--line-height-h2: var(--global--line-height-heading); --heading--line-height-h1: var(--global--line-height-page-title); --heading--font-weight: normal; --heading--font-weight-page-title: 300; --heading--font-weight-strong: 600; /* Block: Latest posts */ --latest-posts--title-font-family: var(--heading--font-family); --latest-posts--title-font-size: var(--heading--font-size-h3); --latest-posts--description-font-family: var(--global--font-secondary); --latest-posts--description-font-size: var(--global--font-size-sm); --list--font-family: var(--global--font-secondary); --definition-term--font-family: var(--global--font-primary); /* Colors */ --global--color-black: #000; --global--color-dark-gray: #28303d; --global--color-gray: #39414d; --global--color-light-gray: #f0f0f0; --global--color-green: #d1e4dd; --global--color-blue: #d1dfe4; --global--color-purple: #d1d1e4; --global--color-red: #e4d1d1; --global--color-orange: #e4dad1; --global--color-yellow: #eeeadd; --global--color-white: #fff; --global--color-white-50: rgba(255, 255, 255, 0.5); // Used for disabled buttons --global--color-white-90: rgba(255, 255, 255, 0.9); // Used in form fields. --global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */ --global--color-secondary: var(--global--color-gray); /* Headings */ --global--color-primary-hover: var(--global--color-primary); --global--color-background: var(--global--color-green); /* Mint, default body background */ --global--color-border: var(--global--color-primary); /* Used for borders (separators) */ /* Spacing */ --global--spacing-unit: #{2 * $baseline-unit}; // 20px --global--spacing-measure: unset; // Use ch units here. ie: 60ch = 60 character max-width --global--spacing-horizontal: #{2.5 * $baseline-unit}; // 25px --global--spacing-vertical: #{3 * $baseline-unit}; // 30px. /* Elevation */ --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); /* Forms */ --form--font-family: var(--global--font-secondary); --form--font-size: var(--global--font-size-sm); --form--line-height: var(--global--line-height-body); --form--color-text: var(--global--color-dark-gray); // Text color in input fields is always dark over light background. --form--color-ranged: var(--global--color-secondary); --form--label-weight: 500; --form--border-color: var(--global--color-secondary); --form--border-width: 3px; --form--border-radius: 0; --form--spacing-unit: calc(0.5 * var(--global--spacing-unit)); /* Cover block */ --cover--height: calc(15 * var(--global--spacing-vertical)); --cover--color-foreground: var(--global--color-white); --cover--color-background: var(--global--color-black); /* Buttons */ // Colors --button--color-text: var(--global--color-background); --button--color-text-hover: var(--global--color-secondary); --button--color-text-active: var(--global--color-secondary); --button--color-background: var(--global--color-secondary); --button--color-background-active: var(--global--color-background); // Fonts --button--font-family: var(--global--font-primary); --button--font-size: var(--global--font-size-base); --button--font-weight: 500; --button--line-height: 1.5; // Borders --button--border-width: 3px; --button--border-radius: 0; // Spacing --button--padding-vertical: 15px; --button--padding-horizontal: calc(2 * var(--button--padding-vertical)); /* entry */ --entry-header--color: var(--global--color-primary); --entry-header--color-link: currentColor; --entry-header--color-hover: var(--global--color-primary-hover); --entry-header--color-focus: var(--global--color-secondary); --entry-header--font-size: var(--heading--font-size-h2); --entry-content--font-family: var(--global--font-secondary); --entry-author-bio--font-family: var(--heading--font-family); --entry-author-bio--font-size: var(--heading--font-size-h4); /* Header */ --branding--color-text: var(--global--color-primary); --branding--color-link: var(--global--color-primary); --branding--color-link-hover: var(--global--color-secondary); --branding--title--font-family: var(--global--font-primary); --branding--title--font-size: var(--global--font-size-lg); --branding--title--font-size-mobile: var(--heading--font-size-h4); --branding--title--font-weight: normal; --branding--title--text-transform: uppercase; --branding--description--font-family: var(--global--font-secondary); --branding--description--font-size: var(--global--font-size-sm); --branding--logo--max-width: 300px; --branding--logo--max-height: 100px; --branding--logo--max-width-mobile: 96px; --branding--logo--max-height-mobile: 96px; /* Main navigation */ --primary-nav--font-family: var(--global--font-secondary); --primary-nav--font-family-mobile: var(--global--font-primary); --primary-nav--font-size: var(--global--font-size-md); --primary-nav--font-size-sub-menu: var(--global--font-size-xs); --primary-nav--font-size-mobile: var(--global--font-size-sm); --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-sm); --primary-nav--font-size-button: var(--global--font-size-xs); --primary-nav--font-style: normal; --primary-nav--font-style-sub-menu-mobile: normal; --primary-nav--font-weight: normal; --primary-nav--font-weight-button: 500; --primary-nav--color-link: var(--global--color-primary); --primary-nav--color-link-hover: var(--global--color-primary-hover); --primary-nav--color-text: var(--global--color-primary); --primary-nav--padding: calc(0.66 * var(--global--spacing-unit)); --primary-nav--border-color: var(--global--color-primary); /* Pagination */ --pagination--color-text: var(--global--color-primary); --pagination--color-link-hover: var(--global--color-primary-hover); --pagination--font-family: var(--global--font-secondary); --pagination--font-size: var(--global--font-size-lg); --pagination--font-weight: normal; --pagination--font-weight-strong: 600; /* Footer */ --footer--color-text: var(--global--color-primary); --footer--color-link: var(--global--color-primary); --footer--color-link-hover: var(--global--color-primary-hover); --footer--font-family: var(--global--font-primary); --footer--font-size: var(--global--font-size-sm); /* Block: Pull quote */ --pullquote--font-family: var(--global--font-primary); --pullquote--font-size: var(--heading--font-size-h3); --pullquote--font-style: normal; --pullquote--letter-spacing: var(--heading--letter-spacing-h4); --pullquote--line-height: var(--global--line-height-heading); --pullquote--border-width: 3px; --pullquote--border-color: var(--global--color-primary); --pullquote--color-foreground: var(--global--color-primary); --pullquote--color-background: var(--global--color-background); --quote--font-family: var(--global--font-secondary); --quote--font-size: var(--global--font-size-md); --quote--font-size-large: var(--global--font-size-xl); --quote--font-style: normal; --quote--font-weight: 700; --quote--font-weight-strong: bolder; --quote--font-style-large: normal; --quote--font-style-cite: normal; --quote--line-height: var(--global--line-height-body); --quote--line-height-large: 1.35; --separator--border-color: var(--global--color-border); --separator--height: 1px; /* Block: Table */ --table--stripes-border-color: var(--global--color-light-gray); --table--stripes-background-color: var(--global--color-light-gray); --table--has-background-text-color: var(--global--color-dark-gray); /* Widgets */ --widget--line-height-list: 1.9; --widget--line-height-title: 1.4; --widget--font-weight-title: 700; --widget--spacing-menu: calc(0.66 * var(--global--spacing-unit)); /* Admin-bar height */ --global--admin-bar--height: 0px; } .admin-bar { --global--admin-bar--height: 32px; @media only screen and (max-width: 782px) { --global--admin-bar--height: 46px; } } @media only screen and (min-width: 652px) { // Not using the mixin because it's compiled after this file :root { --global--font-size-xl: 2.5rem; // 40px / 16px --global--font-size-xxl: 6rem; // 96px / 16px --global--font-size-xxxl: 9rem; // 144px / 16px --heading--font-size-h3: 2rem; // 32px / 16px --heading--font-size-h2: 3rem; // 48px / 16px } } assets/sass/01-settings/file-header.scss000064400000002144147206564210014147 0ustar00/* Theme Name: Twenty Twenty-One Theme URI: https://wordpress.org/themes/twentytwentyone/ Author: the WordPress team Author URI: https://wordpress.org/ Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog. Requires at least: 5.3 Tested up to: 6.6 Requires PHP: 5.6 Version: 2.3 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: twentytwentyone Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog, portfolio Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org Twenty Twenty-One is distributed under the terms of the GNU GPL. */ assets/sass/01-settings/fonts.scss000064400000000077147206564210013136 0ustar00// Do we need to serve a font? Add the @font-face styles here. assets/sass/style-dark-mode.scss000064400000005133147206564210012726 0ustar00/* OS dark theme preference */ @media only screen { .is-dark-theme.is-dark-theme { --global--color-background: var(--global--color-dark-gray); --global--color-primary: var(--global--color-light-gray); --global--color-secondary: var(--global--color-light-gray); --button--color-text: var(--global--color-background); --button--color-text-hover: var(--global--color-secondary); --button--color-text-active: var(--global--color-secondary); --button--color-background: var(--global--color-secondary); --button--color-background-active: var(--global--color-background); --global--color-border: #9ea1a7; /* Block: Table */ --table--stripes-border-color: rgba(240, 240, 240, 0.15); --table--stripes-background-color: rgba(240, 240, 240, 0.15); } .is-dark-theme img { filter: brightness(.85) contrast(1.1); } .respect-color-scheme-preference.is-dark-theme body { background-color: var(--global--color-background); } #dark-mode-toggler { cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: var(--global--font-size-xs); padding: 0.5em; min-height: 44px; // A11y requirement for minimum clickable area. min-width: max-content; border: 2px solid currentColor; box-shadow: none; background: var(--button--color-text); color: var(--button--color-background); z-index: 9998; .no-js & { display: none; } &.fixed-bottom { position: fixed; bottom: 5px; // The bottom property has transition (see below). right: 5px; &.hide:not(:focus) { bottom: -80px; } } &.relative { position: absolute; height: 44px; top: calc(2.4 * var(--global--spacing-vertical) - 44px); right: calc(50vw - var(--responsive--alignwide-width) / 2 - 0.5em); .admin-bar & { top: calc(2.4 * var(--global--spacing-vertical) - 44px + 32px); @media only screen and (max-width: 782px) { top: calc(2.4 * var(--global--spacing-vertical) - 44px + 46px); } @media only screen and (max-width: 481px) { top: calc(2.4 * var(--global--spacing-vertical) - 44px + 26px); } } ~ nav { body:not(.primary-navigation-open) & { @media only screen and (max-width: 481px) { top: calc(44px + 44px); } } } } .primary-navigation-open & { display: none; } &:hover, &:focus { color: var(--button--color-background-active); border: 2px solid var(--button--color-text-active); background-color: var(--button--color-text-active); } .is-IE & { display: none; } &.fixed-bottom { @media (prefers-reduced-motion: no-preference) { transition: bottom 0.5s; } } } } assets/sass/03-generic/reset.scss000064400000002020147206564210012673 0ustar00/** * Reset specific elements to make them easier to style in other contexts. */ html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, form, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } /** * Apply generic border-box to all elements. * See: * https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ html { /* Apply border-box across the entire page. */ box-sizing: border-box; // HTML resets font-family: var(--global--font-secondary); line-height: var(--global--line-height-body); } /** * Relax the definition a bit, to allow components to override it manually. */ * { &, &::before, &::after { box-sizing: inherit; } } // body resets body { font-size: var(--global--font-size-base); font-weight: normal; color: var(--global--color-primary); text-align: left; background-color: var(--global--color-background); } button { cursor: pointer; } assets/sass/03-generic/vertical-margins.scss000064400000007170147206564210015033 0ustar00/** * Site Structure * * - Set vertical margins and responsive widths on * top-level wrappers and content wrappers * - `--global--width-content` is a responsive variable * - See: globals/_global-width-responsive.scss */ /** * Top Level Wrappers (header, main, footer) * - Set vertical padding and horizontal margins */ .site-header, .site-main, .widget-area, .site-footer { padding-top: var(--global--spacing-vertical); padding-bottom: var(--global--spacing-vertical); margin-left: auto; margin-right: auto; } .site-header { padding-top: calc(0.75 * var(--global--spacing-vertical)); padding-bottom: calc(2 * var(--global--spacing-vertical)); @include media(mobile) { padding-bottom: calc(3 * var(--global--spacing-vertical)); } } /** * Site-main children wrappers * - Add double vertical margins here for clearer hierarchy */ .site-main > * { margin-top: calc(3 * var(--global--spacing-vertical)); margin-bottom: calc(3 * var(--global--spacing-vertical)); &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } /** * Set the default maximum responsive content-width */ .default-max-width { @extend %responsive-aligndefault-width; } /** * Set the wide maximum responsive content-width */ .wide-max-width { @extend %responsive-alignwide-width; } /** * Set the full maximum responsive content-width */ .full-max-width { @extend %responsive-alignfull-width-mobile; @extend %responsive-alignfull-width; } /* * Block & non-gutenberg content wrappers * - Set margins */ .entry-header, .post-thumbnail, .entry-content, .entry-footer, .author-bio { margin-top: var(--global--spacing-vertical); margin-right: auto; margin-bottom: var(--global--spacing-vertical); margin-left: auto; } /* * Block & non-gutenberg content wrapper children * - Sets spacing-vertical margin logic */ .site-main > article > *, // apply vertical margins to article level .site-main > .not-found > *, // apply vertical margins to article level .entry-content > *, [class*="inner-container"] > *, .wp-block-template-part > *, .wp-block-post-template :where(li > *) { // using :where keeps specificity low. margin-top: calc(0.666 * var(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--spacing-vertical)); @include media(mobile) { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } .site-footer > *, .widget-area > * { margin-top: calc(0.666 * var(--global--spacing-vertical)); margin-bottom: calc(0.666 * var(--global--spacing-vertical)); @include media(mobile) { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } /* * Block & non-gutenberg content wrapper children * - Sets spacing-unit margins */ //.site-header > *, // Removed, to align site title and menu. .entry-header > *, .post-thumbnail > *, .page-content > *, .comment-content > *, .widget > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } /* * .entry-content children specific controls * - Adds special margin overrides for alignment utility classes */ .entry-content > * { &.alignleft, &.alignright, &.alignleft:first-child + *, &.alignright:first-child + *, &.alignfull.has-background { margin-top: 0; } &:last-child, &.alignfull.has-background { margin-bottom: 0; } // Reset alignleft and alignright margins after alignfull &.alignfull + .alignleft, &.alignfull + .alignright { margin-top: var(--global--spacing-vertical); } } assets/sass/03-generic/clearings.scss000064400000000673147206564210013534 0ustar00.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } assets/sass/03-generic/normalize.scss000064400000013710147206564210013561 0ustar00/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; text-decoration-thickness: 1px; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration-style: dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } assets/sass/03-generic/breakpoints.scss000064400000011111147206564210014073 0ustar00/** * Responsive Styles */ /** * Required Variables */ $default_width: 610px; $max_content_width: 1240px; $breakpoint_sm: 482px; $breakpoint_md: 592px; $breakpoint_lg: 652px; $breakpoint_xl: 822px; $breakpoint_xxl: 1024px; // Responsive breakpoints mixin @mixin media( $res ) { @if mobile-only == $res { @media only screen and (max-width: #{$breakpoint_sm - 0.02}) { @content; } } @if mobile == $res { @media only screen and (min-width: #{$breakpoint_sm}) { @content; } } @if tablet-only == $res { @media only screen and (max-width: #{$breakpoint_md - 0.02}) { @content; } } @if tablet == $res { @media only screen and (min-width: #{$breakpoint_md}) { @content; } } @if laptop-only == $res { @media only screen and (max-width: #{$breakpoint_lg - 0.02}) { @content; } } @if laptop == $res { @media only screen and (min-width: #{$breakpoint_lg}) { @content; } } @if desktop-only == $res { @media only screen and (max-width: #{$breakpoint_xl - 0.02}) { @content; } } @if desktop == $res { @media only screen and (min-width: #{$breakpoint_xl}) { @content; } } @if wide-only == $res { @media only screen and (max-width: #{$breakpoint_xxl - 0.02}) { @content; } } @if wide == $res { @media only screen and (min-width: #{$breakpoint_xxl}) { @content; } } } /** * Root Media Query Variables */ :root { --responsive--spacing-horizontal: calc(2 * var(--global--spacing-horizontal) * 0.6); --responsive--aligndefault-width: calc(100vw - var(--responsive--spacing-horizontal)); --responsive--alignwide-width: calc(100vw - var(--responsive--spacing-horizontal)); --responsive--alignfull-width: 100%; --responsive--alignright-margin: var(--global--spacing-horizontal); --responsive--alignleft-margin: var(--global--spacing-horizontal); } @include media(mobile) { :root { --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), #{$default_width}); --responsive--alignwide-width: calc(100vw - 4 * var(--global--spacing-horizontal)); --responsive--alignright-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); --responsive--alignleft-margin: calc(0.5 * (100vw - var(--responsive--aligndefault-width))); } } @include media(desktop) { :root { --responsive--aligndefault-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), #{$default_width}); --responsive--alignwide-width: min(calc(100vw - 8 * var(--global--spacing-horizontal)), #{$max_content_width}); } } /** * Extends */ %responsive-aligndefault-width { max-width: var(--responsive--aligndefault-width); margin-left: auto; margin-right: auto; } %responsive-alignwide-width { max-width: var(--responsive--alignwide-width); margin-left: auto; margin-right: auto; } %responsive-alignfull-width-mobile { max-width: var(--responsive--alignfull-width); width: var(--responsive--alignfull-width); margin-left: auto; margin-right: auto; } @include media(mobile) { %responsive-alignfull-width { max-width: var(--responsive--alignfull-width); width: auto; margin-left: auto; margin-right: auto; } } %responsive-alignwide-width-nested { margin-left: auto; margin-right: auto; width: var(--responsive--alignwide-width); max-width: var(--responsive--alignfull-width); } %responsive-alignfull-width-nested { margin-left: auto; margin-right: auto; width: calc(var(--responsive--alignfull-width) - calc(2 * var(--responsive--spacing-horizontal))); max-width: var(--responsive--alignfull-width); } @include media(desktop) { %responsive-alignfull-width-nested { margin-left: auto; margin-right: auto; width: calc(var(--responsive--alignfull-width) - calc(4 * var(--responsive--spacing-horizontal))); max-width: var(--responsive--alignfull-width); } } %responsive-alignleft-mobile { /*rtl:ignore*/ margin-left: 0; /*rtl:ignore*/ margin-right: var(--responsive--spacing-horizontal); } @include media(mobile) { %responsive-alignleft { /*rtl:ignore*/ margin-left: var(--responsive--alignleft-margin); /*rtl:ignore*/ margin-right: var(--global--spacing-horizontal); } } %responsive-alignright-mobile { /*rtl:ignore*/ margin-left: var(--responsive--spacing-horizontal); /*rtl:ignore*/ margin-right: 0; } @include media(mobile) { %responsive-alignright { /*rtl:ignore*/ margin-left: var(--global--spacing-horizontal); /*rtl:ignore*/ margin-right: var(--responsive--alignright-margin); } } // Output .default-max-width { @extend %responsive-aligndefault-width; } .wide-max-width { @extend %responsive-alignwide-width; } .full-max-width { @extend %responsive-alignfull-width; } assets/sass/04-elements/links.scss000064400000003563147206564210013107 0ustar00/* * text-underline-offset doesn't work in Chrome at all 👎 * But looks nice in Safari/Firefox, so let's keep it and * maybe Chrome will support it soon. */ a { cursor: pointer; color: var(--wp--style--color--link, var(--global--color-primary)); text-underline-offset: 3px; text-decoration-skip-ink: all; } a:hover { text-decoration-style: dotted; text-decoration-skip-ink: none; } .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) { /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; text-decoration: underline 1px dotted currentColor; text-decoration-skip-ink: none; background: rgba(255, 255, 255, .9); // Change text color when the body background is dark. .is-dark-theme & { background: var(--global--color-black); color: var(--global--color-white); text-decoration: none; .meta-nav { color: var(--wp--style--color--link, var(--global--color-white)); } } // Change colors when the body background is white. .has-background-white & { background: rgba(0, 0, 0, .9); color: var(--wp--style--color--link, var(--global--color-white)); .meta-nav { color: var(--wp--style--color--link, var(--global--color-white)); } } &.skip-link { /* Only visible in Windows High Contrast mode */ outline: 2px solid transparent; outline-offset: -2px; &:focus { color: #21759b; background-color: #f1f1f1; } } &.custom-logo-link { background: none; } img { outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary)); } } // Enforce the custom link color even if a custom background color has been set. // The extra specificity here is required to override the background color styles. .has-background { // Target both current level and nested block. .has-link-color a, &.has-link-color a { color: var(--wp--style--color--link, var(--global--color-primary)); } } assets/sass/04-elements/blockquote.scss000064400000002655147206564210014140 0ustar00blockquote { padding: 0; position: relative; margin: var(--global--spacing-vertical) 0 var(--global--spacing-vertical) var(--global--spacing-horizontal); > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } p { letter-spacing: var(--heading--letter-spacing-h4); font-family: var(--quote--font-family); font-size: var(--quote--font-size); font-style: var(--quote--font-style); font-weight: var(--quote--font-weight); line-height: var(--quote--line-height); } cite, footer { font-weight: normal; color: var(--global--color-primary); letter-spacing: var(--global--letter-spacing); } &.alignleft, &.alignright { padding-left: inherit; p { font-size: var(--heading--font-size-h5); max-width: inherit; width: inherit; } cite, footer { font-size: var(--global--font-size-xs); letter-spacing: var(--global--letter-spacing); } } strong { font-weight: var(--quote--font-weight-strong); } &:before { content: "\201C"; position: absolute; left: calc(-0.5 * var(--global--spacing-horizontal)); } .wp-block-quote__citation, cite, footer { color: var(--global--color-primary); font-style: var(--quote--font-style-cite); } @include media(mobile-only) { padding-left: calc(0.5 * var(--global--spacing-horizontal)); &:before { left: 0; } } } assets/sass/04-elements/forms-editor.scss000064400000001307147206564210014373 0ustar00select, select:focus { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); color: var(--form--color-text); font-size: var(--form--font-size); -moz-appearance: none; -webkit-appearance: none; appearance: none; padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit); background: var(--global--color-white) url("data:image/svg+xml;utf8,") no-repeat; // stylelint-disable-line function-url-quotes background-position: right var(--form--spacing-unit) top 60%; } assets/sass/04-elements/misc.scss000064400000000364147206564210012716 0ustar00/* Over here, place any elements that do not need to have their own file. */ b, strong { font-weight: 700; } dfn, cite, em, i { font-style: italic; } pre { white-space: pre; overflow-x: auto; } .entry-content > code { display: block; } assets/sass/04-elements/media.scss000064400000001430147206564210013035 0ustar00img { height: auto; max-width: 100%; vertical-align: middle; } /* Classic editor images */ .entry-content img { max-width: 100%; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object, video { max-width: 100%; } /* Media captions */ figcaption, .wp-caption, .wp-caption-text, .wp-block-embed figcaption { color: currentColor; font-size: var(--global--font-size-xs); line-height: var(--global--line-height-body); margin-top: calc(0.5 * var(--global--spacing-unit)); margin-bottom: var(--global--spacing-unit); text-align: center; .alignleft &, .alignright & { margin-bottom: 0; } } /* WP Smiley */ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } assets/sass/04-elements/forms.scss000064400000015655147206564210013122 0ustar00input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], .site textarea { border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); color: var(--form--color-text); line-height: var(--global--line-height-body); padding: var(--form--spacing-unit); // Gives a little more space for the outline offset. margin: 0 2px; max-width: 100%; &:focus { color: var(--form--color-text); outline-offset: 2px; outline: 2px dotted var(--form--border-color); } &:disabled { opacity: 0.7; } .is-dark-theme & { background: var(--global--color-white-90); } } // Reset the negative offset from normalize to make the thicker "border" work on focus. input[type="search"] { &:focus { outline-offset: -7px; .is-dark-theme & { outline-color: var(--global--color-background); } } } input[type="color"] { padding: calc(var(--form--spacing-unit) / 2); height: calc(4 * var(--form--spacing-unit)); } input[type="email"], input[type="url"] { /*rtl:ignore*/ direction: ltr; } select { border: var(--form--border-width) solid var(--form--border-color); color: var(--form--color-text); -moz-appearance: none; -webkit-appearance: none; appearance: none; line-height: var(--global--line-height-body); padding: var(--form--spacing-unit) calc(3 * var(--form--spacing-unit)) var(--form--spacing-unit) var(--form--spacing-unit); background: var(--global--color-white) url("data:image/svg+xml;utf8,") no-repeat; // stylelint-disable-line function-url-quotes background-position: right var(--form--spacing-unit) top 60%; &:focus { outline-offset: 2px; outline: 2px dotted var(--form--border-color); } .is-dark-theme & { background: var(--global--color-white-90) url("data:image/svg+xml;utf8,") no-repeat; // stylelint-disable-line function-url-quotes background-position: right var(--form--spacing-unit) top 60%; } } textarea { width: 100%; } label { font-size: var(--form--font-size); font-weight: var(--form--label-weight); margin-bottom: calc(var(--global--spacing-vertical) / 3); } /** https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/ https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker. License: MIT. */ @supports (-webkit-appearance: none) or (-moz-appearance: none) { input[type="checkbox"], input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; position: relative; width: 25px; height: 25px; border: var(--form--border-width) solid var(--form--border-color); background: var(--global--color-white); &:disabled { opacity: 0.7; } .is-dark-theme & { background: var(--global--color-white-90); } } input[type="checkbox"] { &:focus { outline-offset: 2px; outline: 2px dotted var(--form--border-color); } &:after { content: ""; opacity: 0; display: block; left: 5px; top: 2px; position: absolute; width: 7px; height: 13px; border: 3px solid var(--form--color-text); border-top: 0; border-left: 0; transform: rotate(30deg); } &:checked { color: var(--form--color-text); &:after { opacity: 1; } } } input[type="radio"] { border-radius: 50%; &:focus { outline-offset: 2px; outline: 2px dotted var(--form--border-color); } &:after { content: ""; opacity: 0; display: block; left: 3px; top: 3px; position: absolute; width: 11px; height: 11px; border-radius: 50%; background: var(--form--color-text); } &:checked { border: 4px solid var(--form--border-color); &:after { opacity: 1; } // Focus style for checked radio buttons. &:focus { outline-offset: 4px; outline: 2px dotted var(--form--border-color); } } } } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; padding-left: 10px; font-size: var(--global--font-size-xs); vertical-align: top; } /** * https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/ */ @supports (-webkit-appearance: none) or (-moz-appearance: none) { input[type="range"] { -webkit-appearance: none; /* Hides the slider so that custom slider can be made */ width: 100%; /* Specific width is required for Firefox. */ height: 6px; background: var(--form--color-ranged); border-radius: 6px; outline-offset: 10px; &:disabled { opacity: 0.7; } } input[type="range"]::-webkit-slider-thumb { -webkit-appearance: none; border: 3px solid var(--form--color-ranged); height: 44px; width: 44px; border-radius: 50%; background: var(--global--color-background); cursor: pointer; } input[type="range"]::-moz-range-thumb { border: 3px solid var(--form--color-ranged); height: 44px; width: 44px; border-radius: 50%; background: var(--global--color-background); cursor: pointer; box-sizing: border-box; } } input[type="range"]::-ms-track { width: 100%; height: 6px; border-radius: 6px; border-width: 19px 0; border-color: var(--global--color-background); background: transparent; color: transparent; cursor: pointer; } input[type="range"]::-ms-fill-upper { background: var(--form--color-ranged); border-radius: 6px; } input[type="range"]::-ms-fill-lower { background: var(--form--color-ranged); border-radius: 6px; } input[type="range"]::-ms-thumb { border: 3px solid var(--form--color-ranged); height: 44px; width: 44px; border-radius: 50%; background: var(--global--color-background); cursor: pointer; } fieldset { display: grid; border-color: var(--global--color-secondary); padding: var(--global--spacing-horizontal); legend { font-size: var(--global--font-size-lg); } input { &[type="submit"] { max-width: max-content; } &:not([type="submit"]) { margin-bottom: var(--global--spacing-unit); } &[type="radio"], &[type="checkbox"] { margin-bottom: 0; } &[type="radio"] + label, &[type="checkbox"] + label { font-size: var(--form--font-size); padding-left: 0; margin-bottom: var(--global--spacing-unit); } } } ::-moz-placeholder { // Firefox 19+ opacity: 1; } .post-password-message { font-size: var(--global--font-size-lg); } .post-password-form { display: flex; flex-wrap: wrap; &__label { width: 100%; margin-bottom: 0; } input[type="password"] { flex-grow: 1; margin-top: calc(var(--global--spacing-vertical) / 3); margin-right: calc(0.66 * var(--global--spacing-horizontal)); } &__submit { margin-top: calc(var(--global--spacing-vertical) / 3); @include media(tablet) { margin-left: calc(0.4 * var(--global--spacing-horizontal)); } } } assets/sass/style.scss000064400000012000147206564210011054 0ustar00@import "01-settings/file-header"; /** * SETTINGS * File-header..........The file header for the themes style.css file. * Fonts................Any font files, if the project needs specific fonts. * Global...............Project-specific, globally available variables. * * TOOLS * Functions............Global functions. * Mixins...............Global mixins. * * GENERIC * Normalize.css........Normalise browser defaults. * Breakpoints..........Mixins and variables for responsive styles * Vertical-margins.....Vertical spacing for the main components. * Reset................Reset specific elements to make them easier to style in other contexts. * Clearings............Clearings for the main components. * * ELEMENTS * Blockquote...........Default blockquote. * Forms................Element-level form styling. * Headings.............H1–H6 * Links................Default links. * Lists................Default lists. * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video. * * BLOCKS * Audio................Specific styles for the audio block. * Button...............Specific styles for the button block. * Code.................Specific styles for the code block. * Columns..............Specific styles for the columns block. * Cover................Specific styles for the cover block. * File.................Specific styles for the file block. * Gallery..............Specific styles for the gallery block. * Group................Specific styles for the group block. * Heading..............Specific styles for the heading block. * Image................Specific styles for the image block. * Latest comments......Specific styles for the latest comments block. * Latest posts.........Specific styles for the latest posts block. * Legacy...............Specific styles for the legacy gallery. * List.................Specific styles for the list block. * Media text...........Specific styles for the media and text block. * Navigation...........Specific styles for the navigation block. * Paragraph............Specific styles for the paragraph block. * Pullquote............Specific styles for the pullquote block. * Quote................Specific styles for the quote block. * Search...............Specific styles for the search block. * Separator............Specific styles for the separator block. * Table................Specific styles for the table block. * Verse................Specific styles for the verse block. * Video................Specific styles for the video block. * Utilities............Block alignments. * * COMPONENTS * Header...............Header styles. * Footer...............Footer styles. * Comments.............Comment styles. * Archives.............Archive styles. * 404..................404 styles. * Search...............Search styles. * Navigation...........Navigation styles. * Footer Navigation....Footer Navigation styles. * Pagination...........Pagination styles. * Single...............Single page and post styles. * Posts and pages......Misc, sticky post styles. * Entry................Entry, author biography. * Widget...............Widget styles. * Editor...............Editor styles. * * UTILITIES * A11y.................Screen reader text, prefers reduced motion etc. * Color Palette........Classes for the color palette colors. * Editor Font Sizes....Editor Font Sizes. * Measure..............The width of a line of text, in characters. */ // Print................Print styles /* Categories 01 to 03 are the basics. */ @import "01-settings/fonts"; @import "01-settings/global"; @import "02-tools/mixins"; @import "02-tools/functions"; @import "03-generic/normalize"; @import "03-generic/breakpoints"; @import "03-generic/vertical-margins"; @import "03-generic/reset"; @import "03-generic/clearings"; /* Category 04 can contain any default HTML element. Do not add classes here, just give the elements some basic styles. */ @import "04-elements/blockquote"; @import "04-elements/forms"; @import "04-elements/media"; @import "04-elements/misc"; @import "04-elements/links"; /* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */ @import "05-blocks/blocks"; /* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */ @import "06-components/header"; @import "06-components/footer"; @import "06-components/single"; @import "06-components/posts-and-pages"; @import "06-components/entry"; @import "06-components/archives"; @import "06-components/404"; @import "06-components/search"; @import "06-components/comments"; @import "06-components/navigation"; @import "06-components/footer-navigation"; @import "06-components/pagination"; @import "06-components/widgets"; /* Category 07 is for any utility classes that are not assigned to a specific component. */ @import "07-utilities/a11y"; @import "07-utilities/color-palette"; @import "07-utilities/measure"; @import "07-utilities/ie"; assets/sass/06-components/single.scss000064400000000670147206564210013617 0ustar00.singular .entry-header { border-bottom: 3px solid var(--global--color-border); padding-bottom: calc(2 * var(--global--spacing-vertical)); margin-bottom: calc(3 * var(--global--spacing-vertical)); } .home .entry-header { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .singular .has-post-thumbnail .entry-header { border-bottom: none; padding-bottom: calc(1.3 * var(--global--spacing-vertical)); margin-bottom: 0; } assets/sass/06-components/posts-and-pages.scss000064400000000725147206564210015344 0ustar00.sticky { // This class is required to pass ThemeCheck. } .no-results.not-found > *:first-child { margin-bottom: calc(3 * var(--global--spacing-vertical)); } // Styling for wp_link_pages. .page-links { clear: both; .post-page-numbers { display: inline-block; margin-left: calc(0.66 * var(--global--spacing-unit)); margin-right: calc(0.66 * var(--global--spacing-unit)); min-width: 44px; min-height: 44px; &:first-child { margin-left: 0; } } } assets/sass/06-components/header.scss000064400000010016147206564210013561 0ustar00// Site header .site-header { @extend %responsive-alignwide-width; display: flex; align-items: flex-start; flex-wrap: wrap; row-gap: var(--global--spacing-vertical); // Add space in case the menu wraps below the site branding. .wp-custom-logo & { align-items: center; } @include media(mobile) { padding-top: calc(var(--global--spacing-vertical) / 0.75); // 40px } @include media(desktop) { padding-top: calc(2.4 * var(--global--spacing-vertical)); // 60px } } // Site branding .site-branding { color: var(--branding--color-text); margin-right: 140px; &:last-child { margin-right: 0; width: 100%; text-align: center; } @include media(mobile) { margin-right: initial; margin-top: 4px; // Align the baseline of the site title with the primary menu } } // Site title .site-title { color: var(--branding--color-link); font-family: var(--branding--title--font-family); font-size: var(--branding--title--font-size-mobile); letter-spacing: normal; text-transform: var(--branding--title--text-transform); line-height: var(--global--line-height-heading); margin-bottom: calc(var(--global--spacing-vertical) / 6); a { color: currentColor; font-weight: var(--branding--title--font-weight); &:link, &:visited, &:active { color: currentColor; } &:hover, &:focus { color: var(--branding--color-link-hover); } } @include media(mobile) { font-size: var(--branding--title--font-size); } } // Site description .site-description { color: currentColor; font-family: var(--branding--description--font-family); font-size: var(--branding--description--font-size); line-height: 1.4; } .site-title > a { text-decoration-color: var(--global--color-secondary); } // Site logo .site-logo { margin: calc(var(--global--spacing-vertical) / 2) 0; .site-header > & { width: 100%; padding-bottom: calc(var(--global--spacing-vertical) * 1.5); border-bottom: 1px solid; text-align: center; } .custom-logo { margin-left: auto; margin-right: auto; max-width: var(--branding--logo--max-width-mobile); max-height: var(--branding--logo--max-height-mobile); height: auto; display: inline-block; width: auto; } @include media(mobile) { .custom-logo { max-width: var(--branding--logo--max-width); max-height: var(--branding--logo--max-height); height: auto; width: auto; } } } @include media(mobile-only) { .site-header { &.has-logo { &:not(.has-title-and-tagline) { &.has-menu { .site-logo { position: absolute; padding-top: calc(0.5 * var(--global--spacing-vertical)); margin-top: 0; top: var(--global--admin-bar--height); .primary-navigation-open & { display: none; } img { max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em); } } } } &.has-title-and-tagline { align-items: flex-start; &.has-menu { justify-content: space-between; .site-branding { max-width: calc(100% - 160px); } } .site-branding { margin-right: 0; } body:not(.primary-navigation-open) & { &:after { display: none; } .primary-navigation { position: relative; top: 0; } .menu-button-container { position: relative; padding-top: 0; margin-top: calc(0px - var(--button--padding-vertical) + (0.25 * var(--global--spacing-unit))); #primary-mobile-menu { // The 4.5px here is to offset the icon size horizontally // (the icon's width is larger than the path's width and has extra space on the sides). padding-left: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); padding-right: calc(var(--global--spacing-horizontal) * 0.6 - 4.5px); margin-right: calc(0px - var(--global--spacing-horizontal) * 0.6); } } } } } &:not(.has-logo) { &.has-title-and-tagline { .site-branding { margin-right: 0; max-width: calc(100% - 160px); } } } &:not(.has-menu) { justify-content: center; } } } assets/sass/06-components/archives.scss000064400000002004147206564210014133 0ustar00.page-title { font-size: var(--global--font-size-page-title); } h1.page-title, h2.page-title { font-weight: var(--heading--font-weight-page-title); } h1.page-title { line-height: var(--heading--line-height-h1); } .page-header { border-bottom: 3px solid var(--global--color-border); padding-bottom: calc(2 * var(--global--spacing-vertical)); } .archive, .search, .blog { .content-area { .format-aside, .format-status, .format-link { .entry-content { font-size: var(--global--font-size-lg); } } } .format-image, .format-gallery, .format-video { .entry-content { margin-top: calc(2 * var(--global--spacing-vertical)); } } .entry-footer { .cat-links, .tags-links { display: block; } } &.logged-in { .entry-footer { .posted-on { margin-right: calc(0.5 * var(--global--spacing-unit)); } } } } .archive-description { margin-top: var(--global--spacing-vertical); font-size: var(--global--font-size-xl); line-height: var(--global--line-height-heading); } assets/sass/06-components/footer-navigation.scss000064400000002741147206564210015772 0ustar00 .footer-navigation { margin-top: calc(2 * var(--global--spacing-vertical)); margin-bottom: var(--global--spacing-vertical); color: var(--footer--color-text); font-size: var(--global--font-size-xs); font-family: var(--footer--font-family); } .footer-navigation-wrapper { display: flex; justify-content: center; flex-wrap: wrap; list-style: none; padding-left: 0; li { display: inline; // This is to prevent hover styles from overlapping when the menu wraps. line-height: 3; a { padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); color: var(--footer--color-link); &:link, &:visited, &:active { color: var(--footer--color-link); } &:hover { text-decoration: underline; text-decoration-style: dotted; text-decoration-skip-ink: none; color: var(--footer--color-link-hover); } &:focus { .is-dark-theme & { .svg-icon { fill: var(--wp--style--color--link, var(--global--color-background)); } } // Change colors when the body background is white. .has-background-white & { .svg-icon { fill: var(--wp--style--color--link, var(--global--color-white)); } } } } .svg-icon { vertical-align: middle; fill: var(--footer--color-link); &:hover { transform: scale(1.1); } @media (prefers-reduced-motion: no-preference) { transition: transform 0.1s ease; } } } .sub-menu-toggle, .menu-item-description { display: none; } } assets/sass/06-components/search.scss000064400000000135147206564210013577 0ustar00.search-no-results .page-content { margin-top: calc(3 * var(--global--spacing-vertical)); } assets/sass/06-components/404.scss000064400000000204147206564210012636 0ustar00.error404 main p { font-size: var(--global--font-size-lg); margin-bottom: calc(var(--global--spacing-vertical) * 1.6666666667); } assets/sass/06-components/editor.scss000064400000002120147206564210013614 0ustar00html { font-family: var(--global--font-secondary); line-height: var(--global--line-height-body); } body { --wp--typography--line-height: var(--global--line-height-body); color: var(--global--color-primary); background-color: var(--global--color-background); font-family: var(--global--font-secondary); font-size: var(--global--font-size-base); font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; } // Links styles .wp-block a { color: var(--wp--style--color--link, var(--global--color-primary)); &:hover { text-decoration-style: dotted; } &:focus { outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); text-decoration: none; } } // Enforce the custom link color even if a custom background color has been set. // The extra specificity here is required to override the background color styles. .has-background { // Target both current level and nested block. .has-link-color a, &.has-link-color a { color: var(--wp--style--color--link, var(--global--color-primary)); } } button, a { cursor: pointer; } assets/sass/06-components/comments.scss000064400000010664147206564210014167 0ustar00/** * Comments Wrapper */ .comments-area { > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } &.show-avatars { .avatar { border-radius: 50%; position: absolute; top: 10px; } .fn { display: inline-block; padding-left: 85px; } .comment-metadata { padding: 8px 0 9px 85px; } } } /** * Comment Title */ .comments-title, .comment-reply-title { font-size: var(--heading--font-size-h2); letter-spacing: var(--heading--letter-spacing-h2); } .comment-reply-title { display: flex; justify-content: space-between; small { a { font-family: var(--global--font-secondary); font-size: var(--global--font-size-xs); font-style: normal; font-weight: normal; letter-spacing: normal; } } } /* Nested comment reply title*/ .comment .comment-respond .comment-reply-title { font-size: var(--global--font-size-lg); } /** * Comment Lists */ .comment-list { padding-left: 0; list-style: none; > li { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .comment-list .children { list-style: none; padding-left: 0; > li { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } } .comment-list .depth-2, .comment-list .depth-3 { @include media(mobile) { padding-left: calc(4 * var(--global--spacing-horizontal)); } } /** * Comment Meta */ .comment-meta { .comment-author { line-height: var(--global--line-height-heading); margin-bottom: calc(0.25 * var(--global--spacing-unit)); @include media(mobile) { margin-bottom: 0; padding-right: 0; } .fn { font-family: var(--global--font-secondary); font-weight: normal; font-size: var(--global--font-size-lg); hyphens: auto; word-wrap: break-word; word-break: break-word; } } .comment-metadata { color: var(--global--color-primary); font-size: var(--global--font-size-xs); padding: 8px 0 9px 0; .edit-link { margin-left: var(--global--spacing-horizontal); } } @include media(mobile) { margin-right: inherit; .comment-author { max-width: inherit; } } } .reply { font-size: var(--global--font-size-sm); line-height: var(--global--line-height-heading); } .bypostauthor { display: block; } .says { display: none; } .pingback .url, .trackback .url { font-family: var(--global--font-primary); } // Comment body .comment-body { position: relative; margin-bottom: calc(1.7 * var(--global--spacing-vertical)); > * { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .reply { margin: 0; } } .comment-content { word-wrap: break-word; } // Pingbacks & Trackbacks .pingback .comment-body, .trackback .comment-body { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); } .comment-respond { margin-top: var(--global--spacing-vertical); } .comment-respond > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; &.comment-form { margin-bottom: var(--global--spacing-vertical); } } } .comment-author { padding-top: 3px; .url { color: currentColor; } } .comment-form { display: flex; flex-wrap: wrap; > * { flex-basis: 100%; } .comment-notes { font-size: var(--global--font-size-sm); } .comment-form-url, .comment-form-comment { width: 100%; } .comment-form-author, .comment-form-email { flex-basis: 0; flex-grow: 1; @include media(mobile-only) { flex-basis: 100%; } } .comment-form-cookies-consent > label, .comment-notes { font-size: var(--global--font-size-xs); font-weight: normal; } } .comment-form > p { margin-bottom: var(--global--spacing-unit); &:first-of-type { margin-top: 0; } &:last-of-type { margin-bottom: 0; } label, input[type="email"], input[type="text"], input[type="url"], textarea { display: block; font-size: var(--global--font-size-sm); margin-bottom: calc(.5 * var(--global--spacing-unit)); width: 100%; font-weight: var(--form--label-weight); } &.comment-form-cookies-consent { display: flex; } @include media(mobile) { &.comment-form-author { margin-right: calc(1.5 * var(--global--spacing-horizontal)); } &.comment-notes, &.logged-in-as { display: block; } } } assets/sass/06-components/footer.scss000064400000003366147206564210013641 0ustar00// Footer .site-footer { padding-top: 0; padding-bottom: calc(1.7 * var(--global--spacing-vertical)); @extend %responsive-alignwide-width; // Increase the top vertical spacing when there is no widget area. .no-widgets & { margin-top: calc(6 * var(--global--spacing-vertical)); } @include media(mobile-only) { .no-widgets & { margin-top: calc(3 * var(--global--spacing-vertical)); } } } // Footer Branding .site-footer > .site-info { padding-top: var(--global--spacing-vertical); color: var(--footer--color-text); font-family: var(--footer--font-family); font-size: var(--footer--font-size); line-height: var(--global--line-height-body); border-top: 3px solid var(--global--color-border); .site-name { text-transform: var(--branding--title--text-transform); font-size: var(--branding--title--font-size); } .privacy-policy, .powered-by { margin-top: calc(0.5 * var(--global--spacing-vertical)); } @include media(desktop) { display: flex; align-items: center; .site-name { margin-right: calc(0.5 * var(--global--spacing-vertical)); } .privacy-policy, .powered-by { margin-top: initial; margin-left: auto; } .privacy-policy + .powered-by { margin-left: calc(0.5 * var(--global--spacing-vertical)); } } a { color: var(--footer--color-link); &:link, &:visited, &:active { color: var(--footer--color-link); } &:hover { color: var(--footer--color-link-hover); } &:focus { color: var(--footer--color-link-hover); .is-dark-theme & { color: var(--wp--style--color--link, var(--global--color-background)); } // Change colors when the body background is white. .has-background-white & { color: var(--wp--style--color--link, var(--global--color-white)); } } } } assets/sass/06-components/widgets.scss000064400000005271147206564210014006 0ustar00.widget-area { @extend %responsive-alignwide-width; margin-top: calc(6 * var(--global--spacing-vertical)); padding-bottom: calc(var(--global--spacing-vertical) / 3); color: var(--footer--color-text); font-size: var(--footer--font-size); font-family: var(--footer--font-family); @include media(laptop) { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: calc(2 * var(--global--spacing-horizontal)); } @include media(wide) { grid-template-columns: repeat(3, 1fr); } @include media(mobile-only) { margin-top: calc(3 * var(--global--spacing-vertical)); } .wp-block-social-links { &.alignright { margin-top: var(--global--spacing-vertical); justify-content: flex-end; } &.alignleft { margin-top: var(--global--spacing-vertical); } } &:after { content: ""; display: table; clear: both; } } .widget { h1, h2, h3, h4, h5, h6 { font-weight: var(--widget--font-weight-title); line-height: var(--widget--line-height-title); } h1 { font-size: var(--global--font-size-md); } h2 { font-size: var(--global--font-size-sm); } h3 { font-size: var(--global--font-size-xs); } h4 { font-size: var(--global--font-size-xs); } h5 { font-size: var(--global--font-size-xs); } h6 { font-size: var(--global--font-size-xs); } ul { list-style-type: none; padding: 0; li { line-height: var(--widget--line-height-list); } &.sub-menu, &.children { margin-left: var(--widget--spacing-menu); } .sub-menu-toggle { display: none; } } a { color: var(--footer--color-link); text-decoration: underline; text-decoration-style: solid; text-decoration-color: currentColor; &:link, &:visited, &:active { color: var(--footer--color-link); } &:hover { color: var(--footer--color-link-hover); text-decoration-style: dotted; } } } // Search widget styles .search-form { display: flex; flex-wrap: wrap; margin: auto; max-width: var(--responsive--aligndefault-width); > label { width: 100%; margin-bottom: 0; font-weight: var(--form--label-weight); } .search-field { flex-grow: 1; max-width: inherit; margin-top: calc(var(--global--spacing-vertical) / 3); margin-right: calc(0.66 * var(--global--spacing-horizontal)); } .search-submit { margin-top: calc(var(--global--spacing-vertical) / 3); margin-left: 10px; } } .widget_search > .search-form { .search-field { margin-right: calc(-1 * var(--button--border-width)); -webkit-appearance: none; margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } .search-submit { margin-left: 0; margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } } .widget_rss a.rsswidget .rss-widget-icon { display: none; } assets/sass/06-components/navigation.scss000064400000024231147206564210014474 0ustar00 // Navigation // Mobile menu toggles .menu-button-container { display: none; justify-content: space-between; position: absolute; right: 0; padding-top: calc(0.5 * var(--global--spacing-vertical)); padding-bottom: calc(0.25 * var(--global--spacing-vertical)); @include media(mobile-only) { display: flex; } // Override specificity from default button styles. #primary-mobile-menu { display: flex; margin-left: auto; padding: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit))) calc(0.5 * var(--button--padding-horizontal)); font-size: var(--primary-nav--font-size-button); font-weight: var(--primary-nav--font-weight-button); background-color: transparent; border: none; color: var(--primary-nav--color-link); .dropdown-icon { display: flex; align-items: center; .svg-icon { margin-left: calc(0.25 * var(--global--spacing-unit)); } // Menu icon is off-center vertically to prevent blurry pixels. &.open .svg-icon { position: relative; top: -1px; } &.close { display: none; } } &[aria-expanded*="true"] { .dropdown-icon { &.open { display: none; } &.close { display: flex; .has-logo.has-title-and-tagline & { animation-name: twentytwentyone-close-button-transition; animation-duration: 0.3s; } } } } } // When the menu is open, hide the close button and show the hide button. .primary-navigation-open & { width: 100%; z-index: 500; background-color: var(--global--color-background); #primary-mobile-menu { position: static; } } } .primary-navigation { position: absolute; top: var(--global--admin-bar--height); right: 0; color: var(--primary-nav--color-text); font-size: var(--primary-nav--font-size); line-height: 1.15; margin-top: 0; margin-bottom: 0; // Mobile menu closed > .primary-menu-container { position: fixed; visibility: hidden; opacity: 0; top: 0; right: 0; bottom: 0; left: 0; // Height of the menu-button-container using font size, line height, and total padding, plus 5px so the focus of the first item is visible. padding-top: calc(var(--button--line-height) * var(--primary-nav--font-size-button) + 42px + 5px); padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); padding-bottom: var(--global--spacing-horizontal); background-color: var(--global--color-background); transform: translateY(var(--global--spacing-vertical)); @media (prefers-reduced-motion: no-preference) { transition: all .15s ease-in-out; } @include media(mobile-only) { height: 100vh; z-index: 499; overflow-x: hidden; overflow-y: auto; border: 2px solid transparent; .has-logo.has-title-and-tagline & { position: fixed; transform: translateY(0) translateX(100%); } .admin-bar .has-logo.has-title-and-tagline & { top: var(--global--admin-bar--height); } .admin-bar & { height: calc(100vh - var(--global--admin-bar--height)); } &:focus { border: 2px solid var(--global--color-primary); } } } // Mobile menu open .primary-navigation-open & { @include media(mobile-only) { width: 100%; position: fixed; z-index: 2; // To be greater than the cover block and embeds. } > .primary-menu-container { position: absolute; visibility: visible; opacity: 1; transform: translateY(0); } } .primary-navigation-open .has-logo.has-title-and-tagline & { @include media(mobile-only) { > .primary-menu-container { transform: translateX(0) translateY(0); } } } @include media(mobile) { position: relative; margin-left: auto; // Hide Mobile menu on desktop > .primary-menu-container { visibility: visible; opacity: 1; position: relative; padding: 0; background-color: transparent; overflow: initial; transform: none; } // Hide mobile menu toggle #toggle-menu { display: none; } // Hide sub-sub-menus > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul { display: none; } // Don't adjust position when logged-in .admin-bar & { top: initial; > .primary-menu-container { top: initial; } } } // Menu list wrapper > div > .menu-wrapper { display: flex; justify-content: flex-start; flex-wrap: wrap; list-style: none; margin: 0; max-width: none; padding-left: 0; position: relative; @include media(mobile-only) { padding-bottom: 100px; ul { padding-left: 0; } } li { display: block; position: relative; width: 100%; @include media(mobile) { margin: 0; width: inherit; &:last-child { margin-right: 0; } } } // Sub-menu buttons .sub-menu-toggle { display: flex; height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px); width: 44px; padding: 0; justify-content: center; align-items: center; background: transparent; color: currentColor; border: none; &:focus { outline: 2px solid var(--wp--style--color--link, var(--global--color-primary)); } @include media(mobile-only) { display: none; } .icon-plus, .icon-minus { height: 100%; display: flex; align-items: center; svg { margin-top: -1px; } } .icon-minus { display: none; } // When the sub-menu is open, display the minus icon &[aria-expanded="true"] { .icon-minus { display: flex; } .icon-plus { display: none; } } } // Sub-menus Flyout > li > .sub-menu { position: relative; @include media(mobile) { @media (prefers-reduced-motion: no-preference) { transition: all 0.5s ease; } } @include media(mobile) { left: 0; margin: 0; min-width: max-content; position: absolute; top: 100%; padding-top: 3px; z-index: 88888; &:before, &:after { content: ""; display: block; position: absolute; width: 0; top: -10px; left: var(--global--spacing-horizontal); border-style: solid; border-color: var(--primary-nav--border-color) transparent; border-width: 0 7px 10px 7px; } &:after { top: -9px; border-color: var(--global--color-background) transparent; } li { background: var(--global--color-background); } &.submenu-reposition-left { /* rtl:ignore */ left: 0; /* rtl:ignore */ right: auto; &:before, &:after { /* rtl:ignore */ left: var(--global--spacing-horizontal); /* rtl:ignore */ right: auto; } } &.submenu-reposition-right { /* rtl:ignore */ right: 0; /* rtl:ignore */ left: auto; &:before, &:after { /* rtl:ignore */ left: auto; /* rtl:ignore */ right: var(--global--spacing-horizontal); } } } } } // Top-level Item Link Colors .primary-menu > .menu-item:hover > a { color: var(--primary-nav--color-link-hover); } .primary-menu-container { @include media(mobile) { // Better align with the site title when the menu wraps. margin-right: calc(0px - var(--primary-nav--padding)); margin-left: calc(0px - var(--primary-nav--padding)); // Top-level Menu Item > ul > .menu-item { display: flex; > a { padding-left: var(--primary-nav--padding); padding-right: var(--primary-nav--padding); + .sub-menu-toggle { margin-left: calc(5px - var(--primary-nav--padding)); } } } } } // Menu Item Link a { display: block; font-family: var(--primary-nav--font-family-mobile); font-size: var(--primary-nav--font-size-mobile); font-weight: var(--primary-nav--font-weight); padding: var(--primary-nav--padding) 0; text-decoration: none; @include media(mobile) { display: block; font-family: var(--primary-nav--font-family); font-size: var(--primary-nav--font-size); font-weight: var(--primary-nav--font-weight); } + svg { fill: var(--primary-nav--color-text); } &:hover, &:link, &:visited { color: var(--primary-nav--color-link-hover); } &:hover { text-decoration: underline; text-decoration-style: dotted; } &:focus { position: relative; z-index: 99999; // Ensure focus styles appear above absolute positioned elements outline-offset: 0; text-decoration-thickness: 2px; } } .current-menu-item > a:first-child, .current_page_item > a:first-child { text-decoration: underline; text-decoration-style: solid; &:hover { text-decoration: underline; text-decoration-style: dotted; } } // Sub-menu depth indicators + text styles .sub-menu { margin: 0; padding: 0; list-style: none; margin-left: var(--primary-nav--padding); border: 1px solid var(--primary-nav--border-color); .sub-menu { border: none; } // Sub-menu items om wide screens. @include media(mobile) { // For nested sub-menus, don't duplicate the padding > .menu-item > .sub-menu { padding: 0; } } .menu-item { @include media(mobile-only) { &:last-child { margin-bottom: 0; } } > a { padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding); display: block; font-size: var(--primary-nav--font-size-sub-menu-mobile); font-style: var(--primary-nav--font-style-sub-menu-mobile); @include media(mobile) { font-size: var(--primary-nav--font-size-sub-menu); font-style: var(--primary-nav--font-style); } } } } // Show top-level sub-menu indicators above mobile-breakpoint-only .menu-item-has-children { > .svg-icon { display: none; } @include media(mobile) { > .svg-icon { display: inline-block; height: 100%; } .sub-menu .svg-icon { display: none; } } } .menu-item-description { display: block; clear: both; font-size: var(--global--font-size-xs); text-transform: none; line-height: 1.7; > span { display: inline-block; } } } // Keep the menu pinned to the top when the menu is open. @include media(mobile-only) { .lock-scrolling .site { position: fixed; max-width: 100%; width: 100%; } } // Close button animation for when a custom logo is present. @keyframes twentytwentyone-close-button-transition { from { opacity: 0; } to { opacity: 1; } } assets/sass/06-components/pagination.scss000064400000010337147206564210014470 0ustar00/* Next/Previous navigation */ // All navigation .navigation { color: var(--global--color-primary); a { color: var(--global--color-primary); text-decoration: none; &:hover { color: var(--global--color-primary-hover); text-decoration: underline; text-decoration-style: dotted; } &:focus { color: var(--global--color-secondary); } &:active { color: var(--global--color-primary); } } .nav-links { > * { min-width: 44px; min-height: 44px; } .nav-next a, .nav-previous a { display: flex; flex-direction: column; } .dots { text-align: center; } @include media(tablet) { display: flex; justify-content: center; flex-wrap: wrap; .nav-next, .nav-previous { flex: 0 1 auto; margin-bottom: inherit; margin-top: inherit; max-width: calc(50% - (0.5 * var(--global--spacing-unit))); } .nav-next { text-align: right; } } } .svg-icon { display: inline-block; fill: currentColor; vertical-align: middle; position: relative; } .nav-previous .svg-icon, .prev .svg-icon { top: -2px; margin-right: calc(0.25 * var(--global--spacing-unit)); } .nav-next .svg-icon, .next .svg-icon { top: -1px; margin-left: calc(0.25 * var(--global--spacing-unit)); } } // Singular navigation .post-navigation { margin: var(--global--spacing-vertical) auto; @include media(desktop) { margin: var(--global--spacing-vertical) auto; } @extend %responsive-alignwide-width; .meta-nav { line-height: var(--global--line-height-body); color: var(--global--color-primary); } .post-title { display: inline-block; font-family: var(--global--font-primary); font-size: var(--global--font-size-lg); font-weight: var(--pagination--font-weight-strong); line-height: var(--global--line-height-heading); @include media(desktop) { margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0; } } .nav-links { @include media(mobile) { justify-content: space-between; } } .nav-next, .nav-previous { margin-top: var(--global--spacing-vertical); margin-bottom: var(--global--spacing-vertical); &:first-child { margin-top: 0; } &:last-child { margin-bottom: 0; } } } // Index/archive navigation .pagination, .comments-pagination { border-top: 3px solid var(--global--color-border); padding-top: var(--global--spacing-vertical); margin: var(--global--spacing-vertical) auto; @include media(desktop) { margin: var(--global--spacing-vertical) auto; } @extend %responsive-alignwide-width; // Resets the top margin added to the .nav-links items below. .nav-links { margin-top: calc(-1 * var(--global--spacing-vertical)); a:hover { color: var(--pagination--color-link-hover); } .is-dark-theme & { a:active, a:hover:active, a:hover:focus { color: var(--global--color-background); } } .has-background-white & { a:active, a:hover:active, a:hover:focus { color: var(--global--color-white); } } } .nav-links > * { color: var(--pagination--color-text); font-family: var(--pagination--font-family); font-size: var(--pagination--font-size); font-weight: var(--pagination--font-weight); margin-top: var(--global--spacing-vertical); margin-left: calc(0.66 * var(--global--spacing-unit)); margin-right: calc(0.66 * var(--global--spacing-unit)); &.current { text-decoration: underline; } &:not(.dots):not(.current):hover { text-decoration-style: dotted; } &:first-child { margin-left: 0; } &:last-child { margin-right: 0; } &.next { margin-left: auto; } &.prev { margin-right: auto; } } @include media(desktop-only) { .nav-links { display: flex; flex-wrap: wrap; } .page-numbers { display: none; &.prev, &.next { display: inline-block; flex: 0 1 auto; } } } @include media(mobile-only) { .nav-short { display: none; } } } // Comments pagination .comments-pagination { padding-top: calc(0.66 * var(--global--spacing-vertical)); margin: calc(3 * var(--global--spacing-vertical)) auto; @include media(desktop) { margin: calc(3 * var(--global--spacing-vertical)) auto calc(4 * var(--global--spacing-vertical)) auto; } .nav-links > * { font-size: var(--global--font-size-md); } } assets/sass/06-components/entry.scss000064400000010001147206564210013464 0ustar00.entry-title { color: var(--entry-header--color); font-size: var(--entry-header--font-size); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--heading--line-height-h2); overflow-wrap: break-word; a { color: var(--entry-header--color-link); text-underline-offset: 0.15em; &:hover { color: var(--entry-header--color-hover); } &:focus { color: var(--entry-header--color-focus); } &:active { color: var(--entry-header--color-link); } } } .singular .entry-title { font-size: var(--global--font-size-page-title); } h1.entry-title { line-height: var(--heading--line-height-h1); font-weight: var(--heading--font-weight-page-title); } /** * Entry Content */ .entry-content, .entry-summary { font-family: var(--entry-content--font-family); } .entry-content { p { word-wrap: break-word; } // Overwrite iframe embeds that have inline styles. > iframe[style] { margin: var(--global--spacing-vertical) 0 !important; max-width: 100% !important; } // Classic editor audio embeds. .wp-audio-shortcode { @extend %responsive-aligndefault-width; } } .entry-footer { color: var(--global--color-primary); clear: both; float: none; font-size: var(--global--font-size-xs); display: block; > span { display: inline-block; } a { color: currentColor; &:hover, &:focus { color: var(--global--color-primary-hover); } &:active { color: currentColor; } } } // Extra specificity to override rules in _vertical-margins.scss .site-main > article > .entry-footer { margin-top: var(--global--spacing-vertical); padding-top: var(--global--spacing-unit); padding-bottom: calc(3 * var(--global--spacing-vertical)); border-bottom: var(--separator--height) solid var(--separator--border-color); } body:not(.single) .site-main > article:last-of-type .entry-footer { border-bottom: var(--separator--height) solid transparent; } .single .site-main > article > .entry-footer { margin-top: calc(3.4 * var(--global--spacing-vertical)); margin-bottom: calc(3.4 * var(--global--spacing-vertical)); padding-bottom: 0; padding-top: calc(0.8 * var(--global--spacing-vertical)); border-top: 3px solid var(--separator--border-color); border-bottom: var(--separator--height) solid transparent; display: grid; grid-template-columns: repeat(2, 1fr); column-gap: calc(2 * var(--global--spacing-horizontal)); .post-taxonomies, .full-size-link { justify-content: flex-end; text-align: right; } .full-size-link:first-child:last-child { grid-column: span 2; } .posted-on, .byline, .cat-links, .tags-links { display: block; } @include media(mobile-only) { display: block; .full-size-link { display: block; } .post-taxonomies, .full-size-link { text-align: left; } } } /** * Post Thumbnails */ .post-thumbnail { @extend %responsive-aligndefault-width; text-align: center; .entry-header &, .singular & { @extend %responsive-alignwide-width-nested; } .wp-post-image { display: block; width: auto; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: calc(2 * var(--global--spacing-vertical)); } } /** * Author */ .author-bio { position: relative; font-size: var(--global--font-size-xs); max-width: var(--responsive--aligndefault-width); .site-main > article > & { margin-top: calc(2 * var(--global--spacing-vertical)); } // Avatars are optional and can be turned off. &.show-avatars { .avatar { display: inline-block; vertical-align: top; border-radius: 50%; } .author-bio-content { display: inline-block; padding-left: var(--global--spacing-horizontal); max-width: calc(var(--responsive--aligndefault-width) - 90px); } } .author-bio-content { .author-title { font-family: var(--entry-author-bio--font-family); font-size: var(--entry-author-bio--font-size); display: inline; } .author-description { font-size: var(--global--font-size-xs); margin-top: calc(0.5 * var(--global--spacing-vertical)); margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } } } assets/js/customize-preview.js000064400000004745147206564210012542 0ustar00/* global twentytwentyoneGetHexLum, jQuery */ ( function() { // Add listener for the "background_color" control. wp.customize( 'background_color', function( value ) { value.bind( function( to ) { var lum = twentytwentyoneGetHexLum( to ), isDark = 127 > lum, textColor = ! isDark ? 'var(--global--color-dark-gray)' : 'var(--global--color-light-gray)', tableColor = ! isDark ? 'var(--global--color-light-gray)' : 'var(--global--color-dark-gray)', stylesheetID = 'twentytwentyone-customizer-inline-styles', stylesheet, styles; // Modify the html & body classes depending on whether this is a dark background or not. if ( isDark ) { document.body.classList.add( 'is-dark-theme' ); document.documentElement.classList.add( 'is-dark-theme' ); document.body.classList.remove( 'is-light-theme' ); document.documentElement.classList.remove( 'is-light-theme' ); document.documentElement.classList.remove( 'respect-color-scheme-preference' ); } else { document.body.classList.remove( 'is-dark-theme' ); document.documentElement.classList.remove( 'is-dark-theme' ); document.body.classList.add( 'is-light-theme' ); document.documentElement.classList.add( 'is-light-theme' ); if ( wp.customize( 'respect_user_color_preference' ).get() ) { document.documentElement.classList.add( 'respect-color-scheme-preference' ); } } // Toggle the white background class. if ( 225 <= lum ) { document.body.classList.add( 'has-background-white' ); } else { document.body.classList.remove( 'has-background-white' ); } stylesheet = jQuery( '#' + stylesheetID ); styles = ''; // If the stylesheet doesn't exist, create it and append it to . if ( ! stylesheet.length ) { jQuery( '#twenty-twenty-one-style-inline-css' ).after( '' ); stylesheet = jQuery( '#' + stylesheetID ); } // Generate the styles. styles += '--global--color-primary:' + textColor + ';'; styles += '--global--color-secondary:' + textColor + ';'; styles += '--global--color-background:' + to + ';'; styles += '--button--color-background:' + textColor + ';'; styles += '--button--color-text:' + to + ';'; styles += '--button--color-text-hover:' + textColor + ';'; styles += '--table--stripes-border-color:' + tableColor + ';'; styles += '--table--stripes-background-color:' + tableColor + ';'; // Add the styles. stylesheet.html( ':root{' + styles + '}' ); } ); } ); }() ); assets/js/editor.js000064400000001631147206564210010316 0ustar00/* global setTimeout */ wp.domReady( function() { // Unregister "Wide" Separator Style. wp.blocks.unregisterBlockStyle( 'core/separator', 'wide' ); // Add to ".block-editor__typewriter" the "is-dark-theme" class if needed. function twentytwentyoneCopyDarkThemeClass() { var editor, attemptDelay = 25, attempt = 0, maxAttempts = 10; if ( ! document.body.classList.contains( 'is-dark-theme' ) ) { return; } editor = document.querySelector( '.block-editor__typewriter' ); if ( null === editor ) { // Try again. if ( attempt < maxAttempts ) { setTimeout( function() { twentytwentyoneCopyDarkThemeClass(); }, attemptDelay ); // Increment the attempts counter. attempt++; // Double the delay, give the server some time to breathe. attemptDelay *= 2; } return; } editor.classList.add( 'is-dark-theme' ); } twentytwentyoneCopyDarkThemeClass(); } ); assets/js/responsive-embeds.js000064400000002147147206564210012465 0ustar00/** * File responsive-embeds.js. * * Make embeds responsive so they don't overflow their container. */ /** * Add max-width & max-height to