/* Theme Name: Sviesa Theme URI: Author: Ignas Skridla Author URI: Description: Version: 1.0 Requires at least: 5.8 Text Domain: sviesa */ /** * Breakpoint mixins */ /** * Long content fade mixin * * Creates a fading overlay to signify that the content is longer * than the space allows. */ /** * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ /** * Reset default styles for JavaScript UI based pages. * This is a WP-admin agnostic reset */ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ /** * These are default block editor widths in case the theme doesn't provide them. */ /** * Breakpoints & Media Queries */ /** * Base * - Reset the browser */ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap"); body { margin: 0; padding: 0; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { height: auto; max-width: 100%; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } .is-root-container { padding-left: var(--wp--custom--post-content--padding--left); padding-right: var(--wp--custom--post-content--padding--right); } .block-editor-block-list__layout.is-root-container > .wp-block[data-align=full], .wp-block-post-content > .alignfull { margin-left: calc(-1 * var(--wp--custom--post-content--padding--left)) !important; margin-right: calc(-1 * var(--wp--custom--post-content--padding--right)) !important; width: calc(100% + var(--wp--custom--post-content--padding--left) + var(--wp--custom--post-content--padding--right)) !important; } .site-header, .post-header, .page-content, [data-align=full] p, .alignfull p { padding-left: var(--wp--custom--post-content--padding--left); padding-right: var(--wp--custom--post-content--padding--right); } @media (min-width: 480px) { .wp-block[data-align=left], .wp-block[data-align=right], .wp-site-blocks .alignleft, .wp-site-blocks .alignright { max-width: var(--wp--custom--alignment--aligned-max-width); } } .aligncenter { text-align: center; } ::-moz-selection { background-color: var(--wp--custom--color--selection); } ::selection { background-color: var(--wp--custom--color--selection); } ::-moz-selection { background-color: var(--wp--custom--color--selection); } p, h1, h2, h3, h4, h5, h6 { margin-top: var(--wp--custom--margin--vertical); margin-bottom: var(--wp--custom--margin--vertical); } h2 { font-weight: 400; } .image-no-margin { margin: 0; } .image-no-margin > * { vertical-align: bottom; } .has-background-no-padding.wp-block-columns.has-background { padding: 0; } /** * Elements * - Styles for basic HTML elemants */ a { cursor: pointer; text-underline-offset: 0.15em; text-decoration: none; } a:hover, a:focus { text-decoration-line: underline; } .block-editor-block-list__layout a, .wp-block-post-content a { text-decoration-line: underline; } .block-editor-block-list__layout a:hover, .block-editor-block-list__layout a:focus, .wp-block-post-content a:hover, .wp-block-post-content a:focus { text-decoration: none; } input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea { background: var(--wp--custom--form--color--background); border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color); border-radius: var(--wp--custom--form--border--radius); -webkit-box-shadow: var(--wp--custom--form--color--box-shadow); box-shadow: var(--wp--custom--form--color--box-shadow); color: var(--wp--custom--form--color--text); font-family: var(--wp--preset--font-family--base); padding: var(--wp--custom--form--padding); } 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=range]: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, textarea:focus { color: var(--wp--custom--form--color--text); border-color: var(--custom--form--color--border); } select { font-family: inherit; font-size: 100%; } textarea { width: 100%; } input[type=checkbox] + label { display: inline; margin-left: 0.5em; line-height: 1em; } /** * Button */ /** * Block Options */ .wp-block-button.wp-block-button__link, .wp-block-button .wp-block-button__link { border-width: 0; padding-top: calc(var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width)); padding-bottom: calc(var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width)); padding-left: calc(var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width)); padding-right: calc(var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width)); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-radius: var(--wp--custom--button--border--radius); } .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus { --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text); --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background); --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color); opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-color: var(--wp--custom--button--border--color); } .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg { fill: var(--wp--custom--button--color--text); } .wp-block-button.wp-block-button__link:hover, .wp-block-button.wp-block-button__link:focus, .wp-block-button.wp-block-button__link.has-focus, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link.has-focus { --wp--custom--button--border--radius: var(--wp--custom--button--hover--border--radius); --wp--custom--button--spacing--padding--top: var(--wp--custom--button--hover--spacing--padding--top); --wp--custom--button--spacing--padding--bottom: var(--wp--custom--button--hover--spacing--padding--bottom); --wp--custom--button--spacing--padding--left: var(--wp--custom--button--hover--spacing--padding--left); --wp--custom--button--spacing--padding--right: var(--wp--custom--button--hover--spacing--padding--right); --wp--custom--button--typography--font-weight: var(--wp--custom--button--hover--typography--font-weight) --wp--custom--button--typography--font-family: var(--wp--custom--button--hover--typography--font-family); --wp--custom--button--typography--font-size: var(--wp--custom--button--hover--typography--font-size); --wp--custom--button--typography--line-height: var(--wp--custom--button--hover--typography--line-height); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; } .wp-block-button.wp-block-button__link svg, .wp-block-button .wp-block-button__link svg { fill: var(--wp--custom--button--color--text); } .wp-block-button.is-style-outline.wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link { --wp--custom--button--color--text: var(--wp--custom--button--border--color); --wp--custom--button--color--background: transparent; border-style: var(--wp--custom--button--border--style); border-width: var(--wp--custom--button--border--width); padding-top: var(--wp--custom--button--spacing--padding--top); padding-bottom: var(--wp--custom--button--spacing--padding--bottom); padding-left: var(--wp--custom--button--spacing--padding--left); padding-right: var(--wp--custom--button--spacing--padding--right); opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; } .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus { --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text); --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background); --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color); opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-color: var(--wp--custom--button--border--color); } .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg { fill: var(--wp--custom--button--color--text); } .wp-block-button.is-style-outline.wp-block-button__link:hover, .wp-block-button.is-style-outline.wp-block-button__link:focus, .wp-block-button.is-style-outline.wp-block-button__link.has-focus, .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus { --wp--custom--button--border--radius: var(--wp--custom--button--hover--border--radius); --wp--custom--button--spacing--padding--top: var(--wp--custom--button--hover--spacing--padding--top); --wp--custom--button--spacing--padding--bottom: var(--wp--custom--button--hover--spacing--padding--bottom); --wp--custom--button--spacing--padding--left: var(--wp--custom--button--hover--spacing--padding--left); --wp--custom--button--spacing--padding--right: var(--wp--custom--button--hover--spacing--padding--right); --wp--custom--button--typography--font-weight: var(--wp--custom--button--hover--typography--font-weight) --wp--custom--button--typography--font-family: var(--wp--custom--button--hover--typography--font-family); --wp--custom--button--typography--font-size: var(--wp--custom--button--hover--typography--font-size); --wp--custom--button--typography--line-height: var(--wp--custom--button--hover--typography--line-height); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; } .wp-block-button.is-style-outline.wp-block-button__link svg, .wp-block-button.is-style-outline .wp-block-button__link svg { fill: var(--wp--custom--button--color--text); } .wp-block-buttons .wp-block-button:last-child { margin-bottom: 0; } .wp-block-code code { font-family: var(--wp--custom--code--typography--font-family); } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { font-size: var(--wp--custom--gallery--caption--font-size); } .wp-block-image { /* From what I can tell the below are styles regularly used by themes to fix the image block. I believe these should go into the block's default styles. It's difficult to say how this will land, however based on discussion found in (many) related issues here: https://github.com/WordPress/gutenberg/issues/28923 */ text-align: center; } ul, ol { font-family: var(--wp--custom--list--font-family); padding-left: var(--wp--custom--list--padding--left); } .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open { background-color: var(--wp--custom--color--background); color: var(--wp--custom--color--foreground); } .wp-block-navigation.is-responsive .wp-block-navigation-link__content { color: var(--wp--custom--color--foreground) !important; } .wp-block-navigation.is-responsive .has-child .wp-block-navigation-link__container { display: revert; } p.has-text-color a { color: var(--wp--style--color--link); } p.has-drop-cap:not(:focus):first-letter { font-size: var(--wp--custom--paragraph--dropcap--typography--font-size); font-family: var(--wp--custom--paragraph--dropcap--typography--font-family); font-weight: var(--wp--custom--paragraph--dropcap--typography--font-weight); margin: var(--wp--custom--paragraph--dropcap--margin); } .editor-styles-wrapper a { color: var(--wp--style--color--link) !important; } .wp-block-post-author__name { font-weight: var(--wp--custom--post-author--font-weight); } /** * Button */ /** * Block Options */ .wp-block-button.wp-block-button__link, .wp-block-button .wp-block-button__link { border-width: 0; padding-top: calc(var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width)); padding-bottom: calc(var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width)); padding-left: calc(var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width)); padding-right: calc(var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width)); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-radius: var(--wp--custom--button--border--radius); } .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus { --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text); --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background); --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color); opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-color: var(--wp--custom--button--border--color); } .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg { fill: var(--wp--custom--button--color--text); } .wp-block-button.wp-block-button__link:hover, .wp-block-button.wp-block-button__link:focus, .wp-block-button.wp-block-button__link.has-focus, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link.has-focus { --wp--custom--button--border--radius: var(--wp--custom--button--hover--border--radius); --wp--custom--button--spacing--padding--top: var(--wp--custom--button--hover--spacing--padding--top); --wp--custom--button--spacing--padding--bottom: var(--wp--custom--button--hover--spacing--padding--bottom); --wp--custom--button--spacing--padding--left: var(--wp--custom--button--hover--spacing--padding--left); --wp--custom--button--spacing--padding--right: var(--wp--custom--button--hover--spacing--padding--right); --wp--custom--button--typography--font-weight: var(--wp--custom--button--hover--typography--font-weight) --wp--custom--button--typography--font-family: var(--wp--custom--button--hover--typography--font-family); --wp--custom--button--typography--font-size: var(--wp--custom--button--hover--typography--font-size); --wp--custom--button--typography--line-height: var(--wp--custom--button--hover--typography--line-height); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; } .wp-block-button.wp-block-button__link svg, .wp-block-button .wp-block-button__link svg { fill: var(--wp--custom--button--color--text); } .wp-block-button.is-style-outline.wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link { --wp--custom--button--color--text: var(--wp--custom--button--border--color); --wp--custom--button--color--background: transparent; border-style: var(--wp--custom--button--border--style); border-width: var(--wp--custom--button--border--width); padding-top: var(--wp--custom--button--spacing--padding--top); padding-bottom: var(--wp--custom--button--spacing--padding--bottom); padding-left: var(--wp--custom--button--spacing--padding--left); padding-right: var(--wp--custom--button--spacing--padding--right); opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; } .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus { --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text); --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background); --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color); opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-color: var(--wp--custom--button--border--color); } .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg { fill: var(--wp--custom--button--color--text); } .wp-block-button.is-style-outline.wp-block-button__link:hover, .wp-block-button.is-style-outline.wp-block-button__link:focus, .wp-block-button.is-style-outline.wp-block-button__link.has-focus, .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus { --wp--custom--button--border--radius: var(--wp--custom--button--hover--border--radius); --wp--custom--button--spacing--padding--top: var(--wp--custom--button--hover--spacing--padding--top); --wp--custom--button--spacing--padding--bottom: var(--wp--custom--button--hover--spacing--padding--bottom); --wp--custom--button--spacing--padding--left: var(--wp--custom--button--hover--spacing--padding--left); --wp--custom--button--spacing--padding--right: var(--wp--custom--button--hover--spacing--padding--right); --wp--custom--button--typography--font-weight: var(--wp--custom--button--hover--typography--font-weight) --wp--custom--button--typography--font-family: var(--wp--custom--button--hover--typography--font-family); --wp--custom--button--typography--font-size: var(--wp--custom--button--hover--typography--font-size); --wp--custom--button--typography--line-height: var(--wp--custom--button--hover--typography--line-height); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; } .wp-block-button.is-style-outline.wp-block-button__link svg, .wp-block-button.is-style-outline .wp-block-button__link svg { fill: var(--wp--custom--button--color--text); } .wp-block-buttons .wp-block-button:last-child { margin-bottom: 0; } .wp-block-post-comments .comment { font-size: var(--wp--custom--form--typography--font-size); } .wp-block-post-comments label, .wp-block-post-comments .comment-meta { font-size: var(--wp--custom--form--label--typography--font-size); } .wp-block-post-comments input[type=submit], .wp-block-post-comments .reply a { border-width: 0; padding-top: calc(var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width)); padding-bottom: calc(var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width)); padding-left: calc(var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width)); padding-right: calc(var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width)); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-radius: var(--wp--custom--button--border--radius); } .wp-block-post-comments input[type=submit] svg, .wp-block-post-comments .reply a svg { fill: var(--wp--custom--button--color--text); } .wp-block-post-comments input[type=submit]:not(.has-background):not(.has-text-color):hover, .wp-block-post-comments input[type=submit]:not(.has-background):not(.has-text-color):focus, .wp-block-post-comments input[type=submit]:not(.has-background):not(.has-text-color).has-focus, .wp-block-post-comments .reply a:not(.has-background):not(.has-text-color):hover, .wp-block-post-comments .reply a:not(.has-background):not(.has-text-color):focus, .wp-block-post-comments .reply a:not(.has-background):not(.has-text-color).has-focus { --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text); --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background); --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color); opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-color: var(--wp--custom--button--border--color); } .wp-block-post-comments input[type=submit]:not(.has-background):not(.has-text-color):hover svg, .wp-block-post-comments input[type=submit]:not(.has-background):not(.has-text-color):focus svg, .wp-block-post-comments input[type=submit]:not(.has-background):not(.has-text-color).has-focus svg, .wp-block-post-comments .reply a:not(.has-background):not(.has-text-color):hover svg, .wp-block-post-comments .reply a:not(.has-background):not(.has-text-color):focus svg, .wp-block-post-comments .reply a:not(.has-background):not(.has-text-color).has-focus svg { fill: var(--wp--custom--button--color--text); } .wp-block-post-comments input[type=submit]:hover, .wp-block-post-comments input[type=submit]:focus, .wp-block-post-comments input[type=submit].has-focus, .wp-block-post-comments .reply a:hover, .wp-block-post-comments .reply a:focus, .wp-block-post-comments .reply a.has-focus { --wp--custom--button--border--radius: var(--wp--custom--button--hover--border--radius); --wp--custom--button--spacing--padding--top: var(--wp--custom--button--hover--spacing--padding--top); --wp--custom--button--spacing--padding--bottom: var(--wp--custom--button--hover--spacing--padding--bottom); --wp--custom--button--spacing--padding--left: var(--wp--custom--button--hover--spacing--padding--left); --wp--custom--button--spacing--padding--right: var(--wp--custom--button--hover--spacing--padding--right); --wp--custom--button--typography--font-weight: var(--wp--custom--button--hover--typography--font-weight) --wp--custom--button--typography--font-family: var(--wp--custom--button--hover--typography--font-family); --wp--custom--button--typography--font-size: var(--wp--custom--button--hover--typography--font-size); --wp--custom--button--typography--line-height: var(--wp--custom--button--hover--typography--line-height); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; } .wp-block-post-comments .reply a { display: inline-block; } .wp-block-pullquote.is-style-solid-color, .wp-block-pullquote { text-align: var(--wp--custom--pullquote--typography--text-align); } .wp-block-pullquote.is-style-solid-color blockquote, .wp-block-pullquote blockquote { padding: 0; margin: 0; } .wp-block-pullquote.is-style-solid-color blockquote p, .wp-block-pullquote blockquote p { font-size: 1em; padding: 0; margin: 0; line-height: inherit; } .wp-block-pullquote.is-style-solid-color blockquote .wp-block-pullquote__citation, .wp-block-pullquote.is-style-solid-color blockquote cite, .wp-block-pullquote blockquote .wp-block-pullquote__citation, .wp-block-pullquote blockquote cite { display: block; font-size: var(--wp--custom--pullquote--citation--typography--font-size); font-family: var(--wp--custom--pullquote--citation--typography--font-family); font-style: var(--wp--custom--pullquote--citation--typography--font-style); font-weight: var(--wp--custom--pullquote--citation--typography--font-weight); margin-top: var(--wp--custom--pullquote--citation--spacing--margin--top); } .wp-block-pullquote.is-style-solid-color.is-style-solid-color, .wp-block-pullquote.is-style-solid-color { background-color: var(--wp--custom--color--foreground); color: var(--wp--custom--color--background); } .wp-block-query-pagination { padding-top: 1.5em; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -ms-grid; display: grid; grid-template-areas: "prev numbers next"; -ms-grid-columns: 1fr 2fr 1fr; grid-template-columns: 1fr 2fr 1fr; } @media (max-width: 479px) { .wp-block-query-pagination { grid-template-areas: "prev next"; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } .wp-block-query-pagination .wp-block-query-pagination-previous { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-align: start; justify-self: start; grid-area: prev; } .wp-block-query-pagination .wp-block-query-pagination-next { -ms-grid-row: 1; -ms-grid-column: 3; -ms-grid-column-align: end; justify-self: end; grid-area: next; } .wp-block-query-pagination .wp-block-query-pagination-numbers { -ms-grid-row: 1; -ms-grid-column: 2; grid-area: numbers; -ms-grid-column-align: center; justify-self: center; } @media (max-width: 479px){ .wp-block-query-pagination .wp-block-query-pagination-previous { -ms-grid-row: 1; -ms-grid-column: 1; } .wp-block-query-pagination .wp-block-query-pagination-next { -ms-grid-row: 1; -ms-grid-column: 2; } } .wp-block-query-pagination .wp-block-query-pagination-numbers .current { text-decoration: underline; } @media (max-width: 479px) { .wp-block-query-pagination .wp-block-query-pagination-numbers { display: none; } } .wp-block-quote.is-style-large p, .wp-block-quote p { font-style: unset; margin-top: 0px; } .wp-block-quote.is-style-large .wp-block-quote__citation, .wp-block-quote.is-style-large cite, .wp-block-quote .wp-block-quote__citation, .wp-block-quote cite { font-size: var(--wp--custom--quote--citation--typography--font-size); font-style: var(--wp--custom--quote--citation--typography--font-style); } /** * Button */ /** * Block Options */ .wp-block-button.wp-block-button__link, .wp-block-button .wp-block-button__link { border-width: 0; padding-top: calc(var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width)); padding-bottom: calc(var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width)); padding-left: calc(var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width)); padding-right: calc(var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width)); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-radius: var(--wp--custom--button--border--radius); } .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus { --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text); --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background); --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color); opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-color: var(--wp--custom--button--border--color); } .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg { fill: var(--wp--custom--button--color--text); } .wp-block-button.wp-block-button__link:hover, .wp-block-button.wp-block-button__link:focus, .wp-block-button.wp-block-button__link.has-focus, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link.has-focus { --wp--custom--button--border--radius: var(--wp--custom--button--hover--border--radius); --wp--custom--button--spacing--padding--top: var(--wp--custom--button--hover--spacing--padding--top); --wp--custom--button--spacing--padding--bottom: var(--wp--custom--button--hover--spacing--padding--bottom); --wp--custom--button--spacing--padding--left: var(--wp--custom--button--hover--spacing--padding--left); --wp--custom--button--spacing--padding--right: var(--wp--custom--button--hover--spacing--padding--right); --wp--custom--button--typography--font-weight: var(--wp--custom--button--hover--typography--font-weight) --wp--custom--button--typography--font-family: var(--wp--custom--button--hover--typography--font-family); --wp--custom--button--typography--font-size: var(--wp--custom--button--hover--typography--font-size); --wp--custom--button--typography--line-height: var(--wp--custom--button--hover--typography--line-height); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; } .wp-block-button.wp-block-button__link svg, .wp-block-button .wp-block-button__link svg { fill: var(--wp--custom--button--color--text); } .wp-block-button.is-style-outline.wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link { --wp--custom--button--color--text: var(--wp--custom--button--border--color); --wp--custom--button--color--background: transparent; border-style: var(--wp--custom--button--border--style); border-width: var(--wp--custom--button--border--width); padding-top: var(--wp--custom--button--spacing--padding--top); padding-bottom: var(--wp--custom--button--spacing--padding--bottom); padding-left: var(--wp--custom--button--spacing--padding--left); padding-right: var(--wp--custom--button--spacing--padding--right); opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; } .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus { --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text); --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background); --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color); opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-color: var(--wp--custom--button--border--color); } .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg { fill: var(--wp--custom--button--color--text); } .wp-block-button.is-style-outline.wp-block-button__link:hover, .wp-block-button.is-style-outline.wp-block-button__link:focus, .wp-block-button.is-style-outline.wp-block-button__link.has-focus, .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus { --wp--custom--button--border--radius: var(--wp--custom--button--hover--border--radius); --wp--custom--button--spacing--padding--top: var(--wp--custom--button--hover--spacing--padding--top); --wp--custom--button--spacing--padding--bottom: var(--wp--custom--button--hover--spacing--padding--bottom); --wp--custom--button--spacing--padding--left: var(--wp--custom--button--hover--spacing--padding--left); --wp--custom--button--spacing--padding--right: var(--wp--custom--button--hover--spacing--padding--right); --wp--custom--button--typography--font-weight: var(--wp--custom--button--hover--typography--font-weight) --wp--custom--button--typography--font-family: var(--wp--custom--button--hover--typography--font-family); --wp--custom--button--typography--font-size: var(--wp--custom--button--hover--typography--font-size); --wp--custom--button--typography--line-height: var(--wp--custom--button--hover--typography--line-height); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; } .wp-block-button.is-style-outline.wp-block-button__link svg, .wp-block-button.is-style-outline .wp-block-button__link svg { fill: var(--wp--custom--button--color--text); } .wp-block-buttons .wp-block-button:last-child { margin-bottom: 0; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: var(--wp--custom--form--padding); border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color); border-radius: var(--wp--custom--form--border--radius); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { padding: 0; } .wp-block-search .wp-block-search__input { padding: var(--wp--custom--form--padding); border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button, .wp-block-search .wp-block-search__button { border-width: 0; padding-top: calc(var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width)); padding-bottom: calc(var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width)); padding-left: calc(var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width)); padding-right: calc(var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width)); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-radius: var(--wp--custom--button--border--radius); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button svg, .wp-block-search .wp-block-search__button svg { fill: var(--wp--custom--button--color--text); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):hover, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):focus, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus, .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):hover, .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):focus, .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus { --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text); --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background); --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color); opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-color: var(--wp--custom--button--border--color); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):hover svg, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color):focus svg, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus svg, .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):hover svg, .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color):focus svg, .wp-block-search .wp-block-search__button:not(.has-background):not(.has-text-color).has-focus svg { fill: var(--wp--custom--button--color--text); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:hover, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button:focus, .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-focus, .wp-block-search .wp-block-search__button:hover, .wp-block-search .wp-block-search__button:focus, .wp-block-search .wp-block-search__button.has-focus { --wp--custom--button--border--radius: var(--wp--custom--button--hover--border--radius); --wp--custom--button--spacing--padding--top: var(--wp--custom--button--hover--spacing--padding--top); --wp--custom--button--spacing--padding--bottom: var(--wp--custom--button--hover--spacing--padding--bottom); --wp--custom--button--spacing--padding--left: var(--wp--custom--button--hover--spacing--padding--left); --wp--custom--button--spacing--padding--right: var(--wp--custom--button--hover--spacing--padding--right); --wp--custom--button--typography--font-weight: var(--wp--custom--button--hover--typography--font-weight) --wp--custom--button--typography--font-family: var(--wp--custom--button--hover--typography--font-family); --wp--custom--button--typography--font-size: var(--wp--custom--button--hover--typography--font-size); --wp--custom--button--typography--line-height: var(--wp--custom--button--hover--typography--line-height); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon, .wp-block-search .wp-block-search__button.has-icon { line-height: 0; } .wp-block-separator { margin: var(--wp--custom--separator--margin); opacity: var(--wp--custom--separator--opacity); } .wp-block-separator:not(.is-style-wide) { width: var(--wp--custom--separator--width); } /** * Button */ /** * Block Options */ .wp-block-button.wp-block-button__link, .wp-block-button .wp-block-button__link { border-width: 0; padding-top: calc(var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width)); padding-bottom: calc(var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width)); padding-left: calc(var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width)); padding-right: calc(var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width)); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-radius: var(--wp--custom--button--border--radius); } .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus { --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text); --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background); --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color); opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-color: var(--wp--custom--button--border--color); } .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg { fill: var(--wp--custom--button--color--text); } .wp-block-button.wp-block-button__link:hover, .wp-block-button.wp-block-button__link:focus, .wp-block-button.wp-block-button__link.has-focus, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link.has-focus { --wp--custom--button--border--radius: var(--wp--custom--button--hover--border--radius); --wp--custom--button--spacing--padding--top: var(--wp--custom--button--hover--spacing--padding--top); --wp--custom--button--spacing--padding--bottom: var(--wp--custom--button--hover--spacing--padding--bottom); --wp--custom--button--spacing--padding--left: var(--wp--custom--button--hover--spacing--padding--left); --wp--custom--button--spacing--padding--right: var(--wp--custom--button--hover--spacing--padding--right); --wp--custom--button--typography--font-weight: var(--wp--custom--button--hover--typography--font-weight) --wp--custom--button--typography--font-family: var(--wp--custom--button--hover--typography--font-family); --wp--custom--button--typography--font-size: var(--wp--custom--button--hover--typography--font-size); --wp--custom--button--typography--line-height: var(--wp--custom--button--hover--typography--line-height); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; } .wp-block-button.wp-block-button__link svg, .wp-block-button .wp-block-button__link svg { fill: var(--wp--custom--button--color--text); } .wp-block-button.is-style-outline.wp-block-button__link, .wp-block-button.is-style-outline .wp-block-button__link { --wp--custom--button--color--text: var(--wp--custom--button--border--color); --wp--custom--button--color--background: transparent; border-style: var(--wp--custom--button--border--style); border-width: var(--wp--custom--button--border--width); padding-top: var(--wp--custom--button--spacing--padding--top); padding-bottom: var(--wp--custom--button--spacing--padding--bottom); padding-left: var(--wp--custom--button--spacing--padding--left); padding-right: var(--wp--custom--button--spacing--padding--right); opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; } .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus { --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text); --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background); --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color); opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-color: var(--wp--custom--button--border--color); } .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button.is-style-outline.wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover svg, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus svg, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color).has-focus svg { fill: var(--wp--custom--button--color--text); } .wp-block-button.is-style-outline.wp-block-button__link:hover, .wp-block-button.is-style-outline.wp-block-button__link:focus, .wp-block-button.is-style-outline.wp-block-button__link.has-focus, .wp-block-button.is-style-outline .wp-block-button__link:hover, .wp-block-button.is-style-outline .wp-block-button__link:focus, .wp-block-button.is-style-outline .wp-block-button__link.has-focus { --wp--custom--button--border--radius: var(--wp--custom--button--hover--border--radius); --wp--custom--button--spacing--padding--top: var(--wp--custom--button--hover--spacing--padding--top); --wp--custom--button--spacing--padding--bottom: var(--wp--custom--button--hover--spacing--padding--bottom); --wp--custom--button--spacing--padding--left: var(--wp--custom--button--hover--spacing--padding--left); --wp--custom--button--spacing--padding--right: var(--wp--custom--button--hover--spacing--padding--right); --wp--custom--button--typography--font-weight: var(--wp--custom--button--hover--typography--font-weight) --wp--custom--button--typography--font-family: var(--wp--custom--button--hover--typography--font-family); --wp--custom--button--typography--font-size: var(--wp--custom--button--hover--typography--font-size); --wp--custom--button--typography--line-height: var(--wp--custom--button--hover--typography--line-height); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; } .wp-block-button.is-style-outline.wp-block-button__link svg, .wp-block-button.is-style-outline .wp-block-button__link svg { fill: var(--wp--custom--button--color--text); } .wp-block-buttons .wp-block-button:last-child { margin-bottom: 0; } .wp-block-file .wp-block-file__button { border-width: 0; padding-top: calc(var(--wp--custom--button--spacing--padding--top) + var(--wp--custom--button--border--width)); padding-bottom: calc(var(--wp--custom--button--spacing--padding--bottom) + var(--wp--custom--button--border--width)); padding-left: calc(var(--wp--custom--button--spacing--padding--left) + var(--wp--custom--button--border--width)); padding-right: calc(var(--wp--custom--button--spacing--padding--right) + var(--wp--custom--button--border--width)); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-radius: var(--wp--custom--button--border--radius); display: inline-block; } .wp-block-file .wp-block-file__button svg { fill: var(--wp--custom--button--color--text); } .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):hover, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):focus, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color).has-focus { --wp--custom--button--color--text: var(--wp--custom--button--hover--color--text); --wp--custom--button--color--background: var(--wp--custom--button--hover--color--background); --wp--custom--button--border--color: var(--wp--custom--button--hover--border--color); opacity: 1; color: var(--wp--custom--button--color--text); background-color: var(--wp--custom--button--color--background); border-color: currentColor; border-color: var(--wp--custom--button--border--color); } .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):hover svg, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color):focus svg, .wp-block-file .wp-block-file__button:not(.has-background):not(.has-text-color).has-focus svg { fill: var(--wp--custom--button--color--text); } .wp-block-file .wp-block-file__button:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button.has-focus { --wp--custom--button--border--radius: var(--wp--custom--button--hover--border--radius); --wp--custom--button--spacing--padding--top: var(--wp--custom--button--hover--spacing--padding--top); --wp--custom--button--spacing--padding--bottom: var(--wp--custom--button--hover--spacing--padding--bottom); --wp--custom--button--spacing--padding--left: var(--wp--custom--button--hover--spacing--padding--left); --wp--custom--button--spacing--padding--right: var(--wp--custom--button--hover--spacing--padding--right); --wp--custom--button--typography--font-weight: var(--wp--custom--button--hover--typography--font-weight) --wp--custom--button--typography--font-family: var(--wp--custom--button--hover--typography--font-family); --wp--custom--button--typography--font-size: var(--wp--custom--button--hover--typography--font-size); --wp--custom--button--typography--line-height: var(--wp--custom--button--hover--typography--line-height); font-weight: var(--wp--custom--button--typography--font-weight); font-family: var(--wp--custom--button--typography--font-family); font-size: var(--wp--custom--button--typography--font-size); line-height: var(--wp--custom--button--typography--line-height); text-decoration: none; } .wp-block-table figcaption { font-size: var(--wp--custom--table--figcaption--typography--font-size); text-align: center; } .wp-block-table td, .wp-block-table th { border: 1px solid; padding: calc(0.5 * var(--wp--custom--margin--vertical)) calc(0.5 * var(--wp--custom--margin--horizontal)); } .wp-block-video figcaption { margin: var(--wp--custom--video--caption--margin); text-align: var(--wp--custom--video--caption--text-align); } .wp-block-columns { margin-bottom: unset; } .post-meta { display: -webkit-box; display: -ms-flexbox; display: flex; } .post-meta .wp-block-post-author, .post-meta .wp-block-post-date, .post-meta .wp-block-post-tags, .post-meta .wp-block-post-hierarchical-terms { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: calc(2 * var(--wp--custom--margin--baseline)); } .post-meta .wp-block-post-author:before, .post-meta .wp-block-post-date:before, .post-meta .wp-block-post-tags:before, .post-meta .wp-block-post-hierarchical-terms:before { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; content: ""; display: inline-block; margin-right: calc(0.5 * var(--wp--custom--margin--baseline)); height: 16px; width: 16px; } .post-meta .wp-block-post-author:before { background: url(svg/post-author.svg) no-repeat; } .post-meta .wp-block-post-date:before { background: url(svg/post-date.svg) no-repeat; } .post-meta .wp-block-post-hierarchical-terms:before { background: url(svg/post-category.svg) no-repeat; } .current-menu-item a { color: #ee565d; } @media (min-width: 901px) { .wp-block-navigation.nav-primary--mobile { display: none; } .other-links-mobile { display: none !important; } } @media (max-width: 900px) { .nav-primary--desktop.wp-block-navigation { display: none !important; } .other-links-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } .other-links-desktop { display: none !important; } .site-content { padding-left: 1.2vh !important; padding-right: 1.2vh !important; } .mobile-heading-2 { margin-top: 3rem !important; } .nav-cats--desktop { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; -webkit-overflow-scrolling: touch; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .nav-cats--desktop > ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .nav-cats--desktop > ul > li { padding: 20px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; -webkit-flex: 1; text-align: left; padding-left: 0px; padding-top: 10px; } .nav-cats--desktop ul:first-child { padding-left: 10px !important; } body .is-layout-constrained > * + * { -webkit-margin-before: 5px; margin-block-start: 5px; } body .is-layout-constrained > p { -webkit-margin-before: 15px; margin-block-start: 15px; } .search-desktop-icon { display: none !important; } .wp-block-search__inside-wrapper { width: 100% !important; } } .wp-block-navigation:where(.has-background) .wp-block-navigation-item__content, .wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content { padding: 0 0.2rem; } .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open { padding: 4vw; } .wp-block-navigation.is-responsive .wp-block-navigation__container { -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; gap: 1vw; } .nav-cats--desktop .current-menu-item a { color: #ee565d; } .nav-cats--desktop a:hover { color: #ee565d; } @media (min-width: 901px) { .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-close { border: 1px solid red; position: fixed !important; } .site-header-wrapper.scrolled { -webkit-transform: translateY(var(--top-header-menu)); transform: translateY(var(--top-header-menu)); } .hotspot-content > p { font-size: 2rem; text-align: center; } .top-header { -webkit-transition: -webkit-transform 0.25s ease-in-out; transition: -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out; will-change: transform; } .site-header-wrapper.wp-block-template-part { position: fixed; top: 0; right: 0; left: 0; z-index: 1001; } .site-header-wrapper { -webkit-transition: background-color 200ms linear, -webkit-transform 0.25s ease-in-out; transition: background-color 200ms linear, -webkit-transform 0.25s ease-in-out; transition: transform 0.25s ease-in-out, background-color 200ms linear; transition: transform 0.25s ease-in-out, background-color 200ms linear, -webkit-transform 0.25s ease-in-out; will-change: transform; background-color: white; } .site-header-wrapper { width: 100vw; } .site-content { margin-top: 130px; } } @media screen and (max-width: 901px) { .top-extra-menu { display: none !important; } } @media screen and (max-width: 900px) { .site-header-wrapper.wp-block-template-part { position: fixed; top: 0; right: 0; left: 0; z-index: 1001; background-color: white; } .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; } body { padding-top: 50px; } } .border-shaddow { -webkit-box-shadow: 0px 1px 1px lightgrey; box-shadow: 0px 1px 1px lightgrey; } .wp-block-navigation-item__content:hover { text-decoration: none; color: #ee565d; } .wp-block-navigation__responsive-container { margin-bottom: 1.2rem; } .wp-block-navigation__responsive-close { width: 100%; margin-left: auto; margin-right: auto; } .header-line { border-bottom: 1px solid lightgrey; padding: 10px; } .middle-header { width: 1200px; } .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) { background-color: white; } @media (min-width: 1000px) { .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: block !important; width: 100% !important; position: relative !important; z-index: auto !important; background-color: inherit !important; } } @media screen and (max-width: 999px) { .share-row { display: none !important; } .header-line { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } } @media screen and (max-width: 700px) { .wp-block-columns { gap: 0px !important; } footer .wp-block-column { margin-top: 2rem; } } @media screen and (max-width: 899px) { .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { display: none; } } .creative-club .wp-block-navigation-item__content { width: 108px; height: 108px; color: transparent; background: url("images/creative-club-logo.svg") no-repeat; } .creative-club .wp-block-navigation-item__content span { color: transparent; text-decoration: none; } .creative-club .wp-block-navigation-item__content:hover { text-decoration: none; } .home-link .wp-block-navigation-item__content { width: 164px; height: 26px; color: transparent; background: url("images/bureaubiz-logo.svg") no-repeat; } @media screen and (min-width: 900px) { .home-link .wp-block-navigation-item__content { display: none; } } header { margin-top: 130px; } .wp-block-navigation-item__label { font-weight: 500; } @media screen and (min-width: 600px) and (max-width: 899px) { .wp-block-navigation__responsive-container-open:not(.always-shown) { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media screen and (max-width: 899px) { .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content { display: none; } } .nav-cats--desktop > .wp-block-navigation__container span { font-weight: lighter !important; } .no-slick-buttons > button { display: none; } :root { --white: #ffffff; --wp--preset--font-family--headings: "Inter", serif; --wp--preset--font-family--base: "Inter", serif; --wp--custom--list--font-family: "Inter", serif; --wp--preset--font-family--base: "Inter", serif; --wp--custom--color--foreground: "Inter", serif; --font-headings: "Inter", serif; } body { overflow-x: hidden; } [data-align=full] p, .alignfull p { padding: 0; } [data-align=full] .slide-content > *, .alignfull .slide-content > * { padding-left: var(--wp--custom--post-content--padding--left); padding-right: var(--wp--custom--post-content--padding--right); } .post-header { padding: 4rem 1rem; } .wp-block-post-content h2 { font-weight: bold !important; font-size: var(--wp--preset--font-size--normal); } .wp-block-post-conten h3 + p, .wp-block-post-conten h3 + ul, .wp-block-post-conten h3 + ol, h4 + p, h4 + ul, h4 + ol, h5 + p, h5 + ul, h5 + ol, h6 + p, h6 + ul, h6 + ol { margin-top: -20px; } .wp-block-pullquote.is-style-solid-color blockquote p, .wp-block-pullquote blockquote p { margin: inherit; padding: inherit; } .has-drop-cap, .editor-post-title, .wp-block-navigation .wp-block-navigation-link__label, .font-heading { font-family: var(--wp--preset--font-family--headings); } .wp-block-column .wp-block-pullquote { margin-bottom: 0; } .editorskit-title-hidden .post-header { display: none; } .c-accordion__item.has-border { border: 1px solid currentcolor; } .c-accordion__item.has-background-color { padding: 30px; } .c-accordion__item.has-background-color h1, .c-accordion__item.has-background-color h2, .c-accordion__item.has-background-color h3, .c-accordion__item.has-background-color h4, .c-accordion__item.has-background-color h5, .c-accordion__item.has-background-color h6 { padding: 0; margin: 0; } .c-accordion__item .c-accordion__content > * { padding-top: 0; padding-bottom: var(--wp--custom--margin--vertical); margin-top: 0; margin-bottom: 0; } .c-accordion__item .c-accordion__content > *:first-child { padding-top: var(--wp--custom--margin--vertical); } .c-accordion__item .c-accordion__content > *:last-child { padding-bottom: 0; } .c-accordion__item .c-accordion__title { padding: 0; } .c-accordion__item .c-accordion__title:after { color: currentcolor; } .wp-block-media-text.has-media-on-the-top figure.wp-block-media-text__media { margin-bottom: var(--wp--custom--margin--vertical); } .wp-block-search { font-size: var(--wp--preset--font-size--normal); } .wp-block-search .wp-block-search__input { font-size: var(--wp--preset--font-size--normal); } .wp-block-search .wp-block-search__input:focus, .wp-block-search .wp-block-search__input:focus-visible { border: 2px dotted black; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { padding: 5px; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { margin-left: 0; } input[type=search]:focus, input[type=search]:focus-visible { border: 1px solid; outline: 0px solid black; } .wp-block-navigation.is-responsive .wp-block-navigation__responsive-container.is-menu-open { background: white; color: black; } .wp-block-navigation .has-child :where(.submenu-container, .wp-block-navigation-link__container) { white-space: nowrap; } @media screen and (min-width: 1024px) { .has-child .wp-block-navigation-link__container { -webkit-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: -webkit-transform 0.35s ease 0s; transition: -webkit-transform 0.35s ease 0s; transition: transform 0.35s ease 0s; transition: transform 0.35s ease 0s, -webkit-transform 0.35s ease 0s; } .has-child:hover > .wp-block-navigation-link__container { -webkit-transform: translateY(0); transform: translateY(0); } } .block-editor-block-list__block textarea { background: #fff; color: #000; } *.has-background, div *.has-background { padding: initial; } .mt-0 { margin-top: 0; } .mw-250 { max-width: 250px !important; } .wp-block-site-title { margin: 15px; } .accordion:not(.wp-block) header:hover { cursor: pointer; background: red; } .accordion:not(.wp-block) header + section { opacity: 0; max-height: 0; padding: 0; display: none; } .accordion:not(.wp-block) header.open + section { opacity: 1; max-height: 200vh; padding-top: 2vh; display: block; } .accordion:not(.wp-block) header.open svg { -webkit-transform: rotate(180deg); transform: rotate(180deg); } .accordion header { border-bottom: 1px solid white; } .accordion header.open { background: #84C8C1 !important; border: none; } .accordion section { padding: 1.4em 1.8em 0.1em !important; } .accordion header:hover { background: #84C8C1 !important; } .price-plans { max-width: 100%; } .price-plans p { padding: 0.5em 1em 1em; font-size: 17.6px; font-size: 1.1rem; margin-bottom: 0; } .price-plans .price-header { background: #333; color: #fff; padding: 0.5em 0.33em; margin-bottom: 0.5em; text-align: center; } .price-plans h3 { background: #333; color: #fff; padding: 0.5em 0.33em; margin-bottom: 0.5em; font-family: "AvenirLTPro-Roman", sans-serif; } .price-plans > div { border: 1px solid #333; -webkit-box-flex: 1; -ms-flex: 1 1 12em; flex: 1 1 12em; margin: 0 1em 2em 1em; } .wp-block-columns.price-plans { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.2em; } @media screen and (max-width: 1100px) { .price-plans > div { -ms-flex-preferred-size: 100% !important; flex-basis: 100% !important; } } h1, h2, h3, h4, h5, h6 { margin-top: var(--wp--custom--spacing--baseline); margin-bottom: var(--wp--custom--spacing--baseline); margin-bottom: 1rem; margin-top: 1rem; } .custom-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; text-align: center; -webkit-box-align: stretch !important; -ms-flex-align: stretch !important; align-items: stretch !important; } .custom-flex > div { background: white; -ms-flex-preferred-size: 250px; flex-basis: 250px; margin-top: 10px; color: black; text-align: center; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .custom-flex svg { color: white !important; } @media (max-width: 800px) { .custom-flex > div { -ms-flex-preferred-size: 200px; flex-basis: 200px; } } @media (max-width: 600px) { .custom-flex > div { -ms-flex-preferred-size: 90%; flex-basis: 90%; } } .clients-flex-logos { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; gap: 3em !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; margin: 0 auto; width: 70%; margin: 0 auto; margin-top: 0px; margin-top: 5rem; } .clients-flex-logos > figure { -ms-flex-preferred-size: 100px; flex-basis: 100px; } .clients-flex-logos img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); } @media (max-width: 800px) { .clients-flex-logos { -webkit-box-pack: space-evenly !important; -ms-flex-pack: space-evenly !important; justify-content: space-evenly !important; } .clients-flex-logos figure { -ms-flex-preferred-size: 120px !important; flex-basis: 120px !important; } } .rem-1-bottom { margin-bottom: 1rem; } .button.has-background:hover { background: var(--wp--custom--color--tertiary) !important; } .wp-block-button button { cursor: pointer; } .mb-0 { margin-bottom: 0 !important; } .mb-10 { margin-bottom: 10 !important; } html { scroll-behavior: smooth; scroll-padding-top: var(--scroll-padding, 60px); } .wp-block-navigation__container li { text-align: center; } input.wp-block-search__input { border: 1px solid black; } .button.has-background:hover { background: var(--wp--custom--color--tertiary) !important; } .wp-block-button button { cursor: pointer; } .mb-0 { margin-bottom: 0 !important; } .mb-10 { margin-bottom: 10 !important; } html { scroll-behavior: smooth; scroll-padding-top: var(--scroll-padding, 60px); } .wp-block-navigation__container li { text-align: center; } .news-post { margin: 10px; } .color-white > a { color: white !important; } .no-underline > a { text-decoration: none !important; } .wp-block-separator { border-bottom: 1px solid; } .post-subtile { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5em; -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; margin-bottom: 8px; -webkit-box-align: baseline !important; -ms-flex-align: baseline !important; align-items: baseline !important; } .post-subtile.upper { -webkit-box-pack: justify !important; -ms-flex-pack: justify !important; justify-content: space-between !important; } .post-subtile a { font-size: 12px; color: #F05041; text-decoration: none; margin-bottom: 0px; } .post-subtile > p { margin-bottom: 0px; margin-top: 0px; } .post-subtile .wp-block-post-date { font-size: 12px; } a h2 { margin-bottom: 20px; } .news-tile > a { text-decoration: none; } .red-color { color: #F05041; } .inline-date:not(.mobile) { padding-left: 10px; border-left: 2px solid #cacaca; color: #cacaca; line-height: 0.8; color: black; font-size: 12px; } .inline-date.mobile { color: #cacaca; line-height: 0.8; color: black; font-size: 12px; } .news-tile-single { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 16px; overflow: hidden; } .news-excerpt { font-size: 16px; } a { text-decoration: none !important; } .wp-block-post-featured-image { margin-bottom: 3px; } .gap-zero-two { gap: 0.2em !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .inline-date.author-tag { color: black; } .top-seperator { margin: 0px; color: #cacaca; } .single-thumb-p { font-size: 12px; margin: 0px; text-align: right; margin-right: 5px; padding-bottom: 3px; -webkit-margin-before: 12px !important; margin-block-start: 12px !important; } .single-thumb img { -o-object-fit: contain; object-fit: contain; padding-top: 2vh !important; object-fit: contain; max-height: 600px; } .top-posts-landing img { max-height: 244px; -o-object-fit: contain; object-fit: contain; } .color-white { color: white; } .vertical-news-block { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5em; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .vertical-news-block-inner { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0.5em; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: left; -ms-flex-align: left; align-items: left; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .vertical-news-block-inner * { margin: 0; text-align: left; } .custom-news-list-wrapper { list-style: none; } .wp-block-separator { color: #D3D3D3; } .wp-block-post-template.custom-teaser { margin-top: 0; margin-bottom: 0; max-width: 100%; list-style: none; padding: 0; } .custom-teaser-no-wrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .tooltip { position: relative; display: inline-block; } .tooltip .tooltiptext { visibility: hidden; width: 120px; background-color: white; color: black; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 150%; left: 120%; margin-left: -75px; opacity: 0; font-size: 12px; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; border: 1px solid gray; } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } .margin-0 { margin-top: 0 !important; } .wp-block-comment-content > p { margin-top: 5px; margin-bottom: 5px; } #comment, #author { border: 1px solid grey !important; } .wp-block-getwid-toggle__content { padding: 1em; } #comments { font-size: 16px; } #submit { border: 1px solid black !important; color: black; padding: 1em; padding: 0.5em; font-size: 15px; } .wp-block-comment-author-name { font-style: italic !important; font-weight: bold !important; font-size: 14px !important; } .wp-block-comment-date.has-small-font-size { font-size: 13px !important; } .wp-block-getwid-toggle__header-title { font-weight: 400 !important; font-style: inherit !important; font-size: 16px; } .comments-title-count { color: #cf2e2e; } .direction-column-rewrite { -webkit-box-orient: vertical !important; -webkit-box-direction: normal !important; -ms-flex-direction: column !important; flex-direction: column !important; -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important; } .gap-24 { gap: 24px; } .pagination-loading { display: none; } @media screen and (max-width: 700px) { .wp-block-columns { gap: 0px !important; } } .mt-120 { margin-top: 150px; } .post-subtile { gap: 0px !important; -webkit-column-gap: 10px !important; -moz-column-gap: 10px !important; column-gap: 10px !important; -webkit-box-orient: horizontal !important; -webkit-box-direction: normal !important; -ms-flex-direction: row !important; flex-direction: row !important; } .mt-10 { margin-top: 10px; } .columns-3 > .li :first-child { -ms-flex-preferred-size: 100%; flex-basis: 100%; } @media screen and (min-width: 900px) { .wp-block-post-template.is-flex-container.is-flex-container.columns-3:not(.three-tops) > li:nth-child(-n+2) { width: 49%; } .wp-block-post-template.is-flex-container.is-flex-container.columns-3:not(.three-tops) > li:nth-child(-n+2) .wp-block-post-featured-image img:first-child { height: 350px !important; } .wp-block-post-template.is-flex-container.is-flex-container.columns-3:not(.three-tops) > li:nth-child(-n+2) .wp-block-post-featured-image { height: 350px !important; } } .cats-list { padding-left: 0px; line-height: 29px; display: inline-block; list-style-type: none; width: 1200px !important; max-width: 1200px !important; margin-left: auto !important; margin-right: auto !important; } .cats-list > li { float: left; margin: 0 2rem 0 0; font-size: 16px; } .active-li { font-weight: 500; } .wp-block-query-pagination { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wp-block-query-pagination-numbers, .wp-block-query-pagination-next, .wp-block-query-pagination-previous { margin: 0.8rem !important; } .comment-p > p { font-size: 15px !important; } .comment-p { -ms-flex-preferred-size: 90% !important; flex-basis: 90% !important; } .comment-flex { -webkit-box-align: end !important; -ms-flex-align: end !important; align-items: flex-end !important; } .wp-block-comment-reply-link { font-weight: lighter; text-align: right; font-style: italic; } .curr_cat > a { font-weight: 500; color: #ee565d; text-decoration: underline !important; text-decoration-color: #dbdbdb !important; text-underline-offset: 10px !important; } .text-center { text-align: center; } .wp-block-post-featured-image:not(.single-thumb) img { -o-object-position: center 10% !important; object-position: center 10% !important; } .pswp__bg { background: #333333 !important; } .magazine-cover { -o-object-fit: contain; object-fit: contain; } .mobile-author { display: none !important; } .mobile-author .post-subtile.upper { -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; -webkit-margin-before: 0px !important; margin-block-start: 0px !important; } .post-subtile.upper { -webkit-margin-before: 12px !important; margin-block-start: 12px !important; } @media screen and (max-width: 999px) { .mobile-author { display: block !important; -webkit-margin-before: 0.1rem !important; margin-block-start: 0.1rem !important; } .post-subtile.upper.desktop { display: none; } .tooltip .tooltiptext { display: none; } } .share-button-mobile { width: 20px !important; cursor: pointer; } .reply-row { -webkit-margin-before: 0px !important; margin-block-start: 0px !important; } .child_full { -ms-flex-preferred-size: 100%; flex-basis: 100%; } .wp-block-post-title a { display: inline; } .top_item:not(.full_img) { height: 250px !important; -o-object-fit: cover !important; object-fit: cover !important; } .top-stickies-h2 { margin-top: 0.4rem; margin-bottom: 0.4rem; } .top-read-wrapper > li { -webkit-margin-before: 15px; margin-block-start: 15px; } .text-left { text-align: left; } .share-row-mobile { gap: 12px !important; } @media screen and (max-width: 1037px) { .wp-block-post-template.is-flex-container { gap: 1em !important; } .arkive-s-form { padding-top: 1rem; } } .search-fields { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; gap: 1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .search-fields input { background: white !important; color: black !important; } .search-fields select { padding: 0.37rem; background: white; border: var(--wp--custom--form--border--width) var(--wp--custom--form--border--style) var(--wp--custom--form--border--color); } .search-fiels select:focus { border: 1px dotted black; } .arkive-search-btn { margin-left: 0px !important; min-width: 200px; padding: 0.5rem !important; border-radius: 10px !important; border: 1px solid gray !important; } .arkive-search-btn:hover { border: 1px solid black !important; } .search-button-custom .wp-block-search__inside-wrapper > button { min-width: 150px; padding: 0.5rem !important; border-radius: 10px !important; border: 2px solid gray !important; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .search-button-custom .wp-block-search__inside-wrapper > button:hover { border: 2px dotted black !important; } .wp-block-post-terms__separator { color: #F05041; } .no-block-margin { -webkit-margin-before: 0px !important; margin-block-start: 0px !important; } .three-items-title.wp-block-post-title { margin-top: 0.4rem !important; } input, select { border: 1px solid grey !important; border-radius: 5px !important; } .wpforms-field-medium, .wpforms-field-small { border: 1px solid #808080 !important; } .minor-link { color: grey !important; padding-top: 2rem !important; } .inline-date.author-tag { max-width: 300px; line-height: 1.2em; } .cmplz-cookiebanner .cmplz-title { color: black !important; font-size: 18px !important; } @media screen and (max-width: 425px) { .cmplz-cookiebanner .cmplz-header .cmplz-title { display: block !important; } .cmplz-cookiebanner .cmplz-header { -ms-grid-columns: auto !important; grid-template-columns: auto !important; } } .featured-max-height img { max-height: 300px; -o-object-fit: cover; object-fit: cover; } .wp-block-navigation .has-child > .wp-block-navigation__submenu-container { width: auto !important; height: auto !important; min-width: 200px !important; padding: 15px 15px; border-bottom-left-radius: 10px; -webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.15); border-bottom-right-radius: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wp-block-navigation:where(.has-background) .wp-block-navigation-item__content, .wp-block-navigation :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content { padding: 0.4rem 0.5rem; } .setupad_place { text-align: center; } .onyx-poll-message.success { display: none !important; } .onyx-poll-ft-btn.onyx-poll-view { display: none !important; } .entry-content.wp-block-post-content a:not(.wp-element-button) { color: #ee565d !important; } .color-white { color: white !important; } @media screen and (min-width: 700px) { .in-article-setupad { width: 310px; height: 250px; float: left; margin: 20px; } } @media screen and (max-width: 699px) { .in-article-setupad { text-align: center; margin: 20px 5px; width: 100%; } } .slick-dots { display: none !important; } .wp-block-getwid-content-slider.has-arrows-inside .slick-next::before, .wp-block-getwid-content-slider.has-arrows-inside .slick-prev::before, .wp-block-getwid-images-slider.has-arrows-inside .slick-next::before, .wp-block-getwid-images-slider.has-arrows-inside .slick-prev::before, .wp-block-getwid-media-text-slider.has-arrows-inside .slick-next::before, .wp-block-getwid-media-text-slider.has-arrows-inside .slick-prev::before, .wp-block-getwid-post-carousel.has-arrows-inside .slick-next::before, .wp-block-getwid-post-carousel.has-arrows-inside .slick-prev::before, .wp-block-getwid-post-slider.has-arrows-inside .slick-next::before, .wp-block-getwid-post-slider.has-arrows-inside .slick-prev::before { color: white !important; } .wp-block-getwid-images-slider.arrow-green-sviesa.has-arrows-inside .slick-next::before, .wp-block-getwid-images-slider.arrow-green-sviesa.has-arrows-inside .slick-prev::before { color: #1d6931 !important; } .wp-block-getwid-content-slider.arrow-green-sviesa.has-arrows-inside .slick-next::before, .wp-block-getwid-content-slider.arrow-green-sviesa.has-arrows-inside .slick-prev::before, .wp-block-getwid-content-slider.arrow-green-sviesa.has-arrows-inside .slick-next::before, .wp-block-getwid-content-slider.arrow-green-sviesa.has-arrows-inside .slick-prev::before, .wp-block-getwid-content-slider.arrow-green-sviesa.has-arrows-inside .slick-next::before, .wp-block-getwid-content-slider.arrow-green-sviesa.has-arrows-inside .slick-prev::before, .wp-block-getwid-images-slider.arrow-green-sviesa.has-arrows-inside .slick-prev::before .wp-block-getwid-post-carousel.arrow-green-sviesa.has-arrows-inside .slick-next::before, .wp-block-getwid-post-carousel.has-arrows-inside .slick-prev::before, .wp-block-getwid-post-slider.has-arrows-inside .slick-next::before, .wp-block-getwid-post-slider.has-arrows-inside .slick-prev::before { color: red !important; } body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) + .setupad_place { max-width: 100%; }