@charset "UTF-8"; /* Categories 01 to 03 are the basics. */ /*! 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 { -webkit-box-sizing: content-box; 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: none; } /** * 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 */ -webkit-text-decoration-style: dotted; 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 { -webkit-box-sizing: border-box; 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"] { -webkit-box-sizing: border-box; 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; } /** * Repsonsive Styles */ /** * Required Variables */ /** * Root Media Query Variables */ :root { --responsive--spacing-horizontal: 40px; --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); --responsive--alignright-margin-post: var(--global--spacing-horizontal); --responsive--alignleft-margin-post: var(--global--spacing-horizontal); } @media only screen and (min-width: 482px) { :root { --responsive--aligndefault-width: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 1170px); --responsive--aligndefault-width-post: min(calc(100vw - 4 * var(--global--spacing-horizontal)), 768px); --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))); --responsive--alignright-margin-post: calc(0.5 * (100vw - var(--responsive--aligndefault-width-post))); --responsive--alignleft-margin-post: calc(0.5 * (100vw - var(--responsive--aligndefault-width-post))); } } @media only screen and (min-width: 822px) { :root { --responsive--aligndefault-width: 1170px; --responsive--alignwide-width: 1370px; --responsive--aligndefault-width-post: 768px; } } /** * Extends */ .default-max-width, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .rocksite-s-footer, .rocksite-c-breadcrumbs, .rocksite-c-columns, .rocksite-l-page__header, .rocksite-l-article .rocksite-l-article__header, .entry-content .wp-audio-shortcode, .post-thumbnail, .rocksite-l-archive, .rocksite-l-archive.no-sidebar, .post-navigation { max-width: var(--responsive--aligndefault-width); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .post .default-max-width, .post .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .post *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .post .rocksite-s-footer, .post .rocksite-c-breadcrumbs, .post .rocksite-c-columns, .post .rocksite-l-page__header, .post .rocksite-l-article .rocksite-l-article__header, .rocksite-l-article .post .rocksite-l-article__header, .post .entry-content .wp-audio-shortcode, .entry-content .post .wp-audio-shortcode, .post .post-thumbnail, .post .rocksite-l-archive, .post .post-navigation, .rockiste-narrow-page .default-max-width, .rockiste-narrow-page .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .rockiste-narrow-page *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .rockiste-narrow-page .rocksite-s-footer, .rockiste-narrow-page .rocksite-c-breadcrumbs, .rockiste-narrow-page .rocksite-c-columns, .rockiste-narrow-page .rocksite-l-page__header, .rockiste-narrow-page .rocksite-l-article .rocksite-l-article__header, .rocksite-l-article .rockiste-narrow-page .rocksite-l-article__header, .rockiste-narrow-page .entry-content .wp-audio-shortcode, .entry-content .rockiste-narrow-page .wp-audio-shortcode, .rockiste-narrow-page .post-thumbnail, .rockiste-narrow-page .rocksite-l-archive, .rockiste-narrow-page .post-navigation, .editor-styles-wrapper .default-max-width, .editor-styles-wrapper .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .editor-styles-wrapper *[class*="inner-container"] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .editor-styles-wrapper .rocksite-s-footer, .editor-styles-wrapper .rocksite-c-breadcrumbs, .editor-styles-wrapper .rocksite-c-columns, .editor-styles-wrapper .rocksite-l-page__header, .editor-styles-wrapper .rocksite-l-article .rocksite-l-article__header, .rocksite-l-article .editor-styles-wrapper .rocksite-l-article__header, .editor-styles-wrapper .entry-content .wp-audio-shortcode, .entry-content .editor-styles-wrapper .wp-audio-shortcode, .editor-styles-wrapper .post-thumbnail, .editor-styles-wrapper .rocksite-l-archive, .editor-styles-wrapper .post-navigation { max-width: var(--responsive--aligndefault-width-post); } } .author-bio { max-width: var(--responsive--aligndefault-width-post); margin-left: auto; margin-right: auto; } .wide-max-width, .alignwide, .pagination, .comments-pagination, .widget-area { max-width: var(--responsive--alignwide-width); margin-left: auto; margin-right: auto; } .post .wide-max-width, .post .alignwide, .post .pagination, .post .comments-pagination, .post .widget-area, .editor-styles-wrapper .wide-max-width, .editor-styles-wrapper .alignwide, .editor-styles-wrapper .pagination, .editor-styles-wrapper .comments-pagination, .editor-styles-wrapper .widget-area { max-width: var(--responsive--aligndefault-width); } .wp-block-group .wp-block-group__inner-container > *.alignfull, .alignfull { max-width: var(--responsive--alignfull-width); width: var(--responsive--alignfull-width); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .full-max-width, .alignfull { max-width: var(--responsive--alignfull-width); width: auto; margin-left: auto; margin-right: auto; } } .alignwide [class*="inner-container"] > .alignwide, .alignfull [class*="inner-container"] > .alignwide, .entry-header .post-thumbnail, .singular .post-thumbnail { margin-left: auto; margin-right: auto; width: var(--responsive--alignwide-width); max-width: var(--responsive--alignfull-width); } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: var(--global--color-text-base); } p + h3 { margin: 34px 0 24px 0; } /** * 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. */ -webkit-box-sizing: border-box; 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 { -webkit-box-sizing: inherit; box-sizing: inherit; } body { font-size: var(--global--font-size-base); font-weight: normal; color: var(--global--color-text-base); 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: 9px 28px; position: relative; margin: 0 0 var(--global--spacing-vertical-text) 0; border: none; } 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 { 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); margin-bottom: 4px; } blockquote cite, blockquote footer { font-weight: normal; color: var(--global--color-text-lighten); font-size: var(--global--font-size-xs); letter-spacing: var(--global--letter-spacing); } blockquote cite:before, blockquote footer:before { content: '— '; display: inline-block; } 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 .wp-block-quote__citation, blockquote cite, blockquote footer { font-weight: normal; color: var(--global--color-text-lighten); font-size: var(--global--font-size-xs); } @media only screen and (max-width: 481px) { blockquote { padding-left: calc(0.5 * var(--global--spacing-horizontal)); } blockquote:before { left: 0; } } /* Input 4 types of default buttons atoms .has-black-color - default button Markup: ../../../../styleguide/templates/atoms/inputs/input.html Style guide: Atoms.input */ 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-width: var(--form--border-width); border-style: solid; border-color: var(--form--border-color); border-radius: var(--form--border-radius); color: var(--global--color-text-lighten); line-height: var(--form--line-height); padding: var(--form--spacing-unit-vertical) var(--form--spacing-unit-horizontal); background-color: var(--form--field-background); font-size: var(--global--font-size-sm); } 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(--global--color-text-lighten); outline-offset: 2px; border-color: var(--form--border-focus-color); outline: none; } 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-surface); } input[type="text"].-invert, input[type="email"].-invert, input[type="url"].-invert, input[type="password"].-invert, input[type="search"].-invert, input[type="number"].-invert, input[type="tel"].-invert, input[type="date"].-invert, input[type="month"].-invert, input[type="week"].-invert, input[type="time"].-invert, input[type="datetime"].-invert, input[type="datetime-local"].-invert, input[type="color"].-invert, .site textarea.-invert { border-color: var(--global--color-invert); color: var(--global--color-invert); background: var(--global--color-surface-invert); } input[type="text"].-invert::-webkit-input-placeholder, input[type="email"].-invert::-webkit-input-placeholder, input[type="url"].-invert::-webkit-input-placeholder, input[type="password"].-invert::-webkit-input-placeholder, input[type="search"].-invert::-webkit-input-placeholder, input[type="number"].-invert::-webkit-input-placeholder, input[type="tel"].-invert::-webkit-input-placeholder, input[type="date"].-invert::-webkit-input-placeholder, input[type="month"].-invert::-webkit-input-placeholder, input[type="week"].-invert::-webkit-input-placeholder, input[type="time"].-invert::-webkit-input-placeholder, input[type="datetime"].-invert::-webkit-input-placeholder, input[type="datetime-local"].-invert::-webkit-input-placeholder, input[type="color"].-invert::-webkit-input-placeholder, .site textarea.-invert::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: var(--global--color-invert); } input[type="text"].-invert::-moz-placeholder, input[type="email"].-invert::-moz-placeholder, input[type="url"].-invert::-moz-placeholder, input[type="password"].-invert::-moz-placeholder, input[type="search"].-invert::-moz-placeholder, input[type="number"].-invert::-moz-placeholder, input[type="tel"].-invert::-moz-placeholder, input[type="date"].-invert::-moz-placeholder, input[type="month"].-invert::-moz-placeholder, input[type="week"].-invert::-moz-placeholder, input[type="time"].-invert::-moz-placeholder, input[type="datetime"].-invert::-moz-placeholder, input[type="datetime-local"].-invert::-moz-placeholder, input[type="color"].-invert::-moz-placeholder, .site textarea.-invert::-moz-placeholder { /* Firefox 19+ */ color: var(--global--color-invert); } input[type="text"].-invert:-ms-input-placeholder, input[type="email"].-invert:-ms-input-placeholder, input[type="url"].-invert:-ms-input-placeholder, input[type="password"].-invert:-ms-input-placeholder, input[type="search"].-invert:-ms-input-placeholder, input[type="number"].-invert:-ms-input-placeholder, input[type="tel"].-invert:-ms-input-placeholder, input[type="date"].-invert:-ms-input-placeholder, input[type="month"].-invert:-ms-input-placeholder, input[type="week"].-invert:-ms-input-placeholder, input[type="time"].-invert:-ms-input-placeholder, input[type="datetime"].-invert:-ms-input-placeholder, input[type="datetime-local"].-invert:-ms-input-placeholder, input[type="color"].-invert:-ms-input-placeholder, .site textarea.-invert:-ms-input-placeholder { /* IE 10+ */ color: var(--global--color-invert); } input[type="text"].-invert:-moz-placeholder, input[type="email"].-invert:-moz-placeholder, input[type="url"].-invert:-moz-placeholder, input[type="password"].-invert:-moz-placeholder, input[type="search"].-invert:-moz-placeholder, input[type="number"].-invert:-moz-placeholder, input[type="tel"].-invert:-moz-placeholder, input[type="date"].-invert:-moz-placeholder, input[type="month"].-invert:-moz-placeholder, input[type="week"].-invert:-moz-placeholder, input[type="time"].-invert:-moz-placeholder, input[type="datetime"].-invert:-moz-placeholder, input[type="datetime-local"].-invert:-moz-placeholder, input[type="color"].-invert:-moz-placeholder, .site textarea.-invert:-moz-placeholder { /* Firefox 18- */ color: var(--global--color-invert); } 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-width: var(--form--border-width); border-style: solid; border-color: var(--form--border-color); color: var(--global--color-text-lighten); -moz-appearance: none; -webkit-appearance: none; appearance: none; border-radius: var(--form--border-radius); line-height: var(--global--line-height-body); padding: var(--form--spacing-unit-vertical) var(--form--spacing-unit-horizontal); padding-right: 60px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10' fill='none' viewBox='0 0 18 10'%3E%3Cpath fill='%23161B3D' d='M1.637.738l-.899.899 7.813 7.812.449.43.45-.43 7.812-7.812-.899-.899L9 8.102 1.637.738z'/%3E%3C/svg%3E") 90% 50% no-repeat var(--form--field-background) !important; } select:focus { outline-offset: 2px; outline: 2px dotted var(--form--border-color); } .is-dark-theme select { background: var(--global--color-surface) 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); } /* Search 4 types of default buttons atoms .has-black-color - default button Markup: ../../../../styleguide/templates/components/search.html Style guide: Components.search */ /** https://css-tricks.com/custom-styling-form-inputs-with-modern-css-features/ https://codepen.io/aaroniker/pen/ZEYoxEY by Aaron Iker. License: MIT. */ .rocksite-c-search-field { display: inline-block; position: relative; width: 100%; } .rocksite-c-search-field__input[type="text"], .rocksite-c-search-field__input[type="search"] { padding-right: 50px; width: 100%; } .rocksite-c-search-field__button { border: none; background: none; position: absolute; top: 0; right: 0; bottom: 0; padding: 8px 14px; width: 60px; } .rocksite-c-search-field__button:focus { outline: none; background: var(--button--color-background-focus); } .rocksite-c-search-field__button svg { fill: var(--global--color-text-base); min-width: 28px; } .rocksite-c-search-field__button:hover svg { fill: var(--global--color-secondary-base); } @supports (-webkit-appearance: none) or (-moz-appearance: none) { input[type="checkbox"], input[type="radio"] { -webkit-appearance: none; -moz-appearance: none; position: relative; width: 16px; height: 16px; border: 1px solid var(--form--border-color); background: var(--global--color-invert); border-radius: 3px; } 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-surface); } input[type="checkbox"]:focus { outline-offset: 2px; outline: 2px dotted var(--form--border-color); } input[type="checkbox"]:after { content: ""; opacity: 0; display: block; left: 4px; top: 1px; position: absolute; width: 6px; height: 10px; border: 2px solid var(--form--color-text); border-top: 0; border-left: 0; -webkit-transform: rotate(34deg); transform: rotate(34deg); } input[type="checkbox"]:checked { color: var(--form--color-text); background: var(--global--color-primary-base); border-color: var(--global--color-primary-base); } input[type="checkbox"]:checked:after { opacity: 1; border-color: var(--global--color-invert); } 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: -webkit-max-content; max-width: -moz-max-content; 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: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .post-password-form__label { width: 100%; margin-bottom: 0; } .post-password-form input[type="password"] { -webkit-box-flex: 1; -ms-flex-positive: 1; 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 { display: block; height: auto; max-width: 100%; } /* 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-block-embed { margin-bottom: var(--global--spacing-vertical-text); } /* 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; } /* * 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-base)); text-underline-offset: 3px; text-decoration-skip-ink: all; } a:hover { -webkit-text-decoration-style: dotted; 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; -webkit-text-decoration: underline 1px dotted currentColor; 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), .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-background)); } .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-invert)); } .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-invert)); } .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) img { outline: 2px dotted var(--wp--style--color--link, var(--global--color-primary-base)); } .has-background .has-link-color a, .has-background.has-link-color a { color: var(--wp--style--color--link, var(--global--color-primary-base)); } /** * Extends */ h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .rocksite-s-main-header__navigation li a:hover { text-decoration: underline; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-color: var(--primary-nav--border-color); text-decoration-color: var(--primary-nav--border-color); text-decoration-thickness: 2px; } article h2 { margin-bottom: 16px; } article p { margin: 0 0 28px 0; } article p + h2, article * + h2 { margin: 56px 0 16px; } article p + h3, article * + h3 { margin: 43px 0 26px; } article p + h4, article * + h4 { margin: 56px 0 28px; } article p + h5, article * + h5 { margin: 38px 0 28px; } article p + h6, article * + h6 { margin: 38px 0 24px; } article ul + p { margin-top: 28px; } /* Category 05 is all about adjusting the default block styles to the given layout. I only added three blocks as examples. */ .wp-block-audio { margin-bottom: var(--global--spacing-vertical-text); } .wp-block-audio figcaption { color: var(--global--color-text-lighten); } .wp-block-audio audio:focus { outline-offset: 5px; outline: 2px solid var(--global--color-primary-base); } /* Button Filled 4 types of default buttons atoms .has-black-color - default button .has-text-base-color - secondary button .has-gray-base-color - Success button .has-gray-darken-color - Warning button .has-success-base-color - Ghost version button .has-black-background-color - next .has-gray-base-background-color - next .has-primary-base-background-color - next Markup: ../../../../styleguide/templates/blocks/buttons-filled.html Style guide: Blocks.buttons-filled */ /* Button outlined 4 types of default buttons atoms .-primary - default button .-secondary - secondary button .-success - Success button .-warning - Warning button .-ghost - Ghost version button Markup: ../../../../styleguide/templates/blocks/buttons-outlined.html Style guide: Blocks.buttons-outlined */ .site .button, .rocksite-a-button, input[type="submit"], input[type="reset"], .wp-block-search__button, .wp-block-button .wp-block-button__link { cursor: pointer; font-weight: var(--button--font-weight); font-family: var(--button--font-family); line-height: var(--button--line-height); background-color: var(--button--color-background); border-radius: var(--button--border-radius); border: var(--button--border-width) solid var(--button--color-background); color: var(--button--color-text); text-decoration: none; display: inline-block; padding: var(--button--padding-vertical) var(--button--padding-horizontal); padding-top: 8px; font-size: var(--button--font-size); } .site .button:focus, .rocksite-a-button:focus, input[type="submit"]:focus, input[type="reset"]:focus, .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus { background: transparent; outline-offset: -6px; outline: var(--button--focus-outline); } .is-dark-theme .site .button:focus, .is-dark-theme .rocksite-a-button:focus, .is-dark-theme input[type="submit"]:focus, .is-dark-theme input[type="reset"]:focus, .is-dark-theme .wp-block-search__button:focus, .is-dark-theme .wp-block-button .wp-block-button__link:focus { color: var(--button--color-background); } .site .button:focus:not(.has-background), .rocksite-a-button:focus:not(.has-background), input[type="submit"]:focus:not(.has-background), input[type="reset"]:focus:not(.has-background), .wp-block-search__button:focus:not(.has-background), .wp-block-button .wp-block-button__link:focus:not(.has-background) { color: var(--button--color-text-hover); } .site .button:hover, .rocksite-a-button:hover, input[type="submit"]:hover, input[type="reset"]:hover, .wp-block-search__button:hover, .wp-block-button .wp-block-button__link:hover { color: var(--button--color-text-hover); background: transparent; border-color: var(--button--color-background); } .site .button:disabled, .rocksite-a-button:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, .wp-block-search__button:disabled, .wp-block-button .wp-block-button__link:disabled { background-color: var(--global--color-gray-lighten); border-color: var(--global--color-gray-lighten); color: var(--button--color-text-active); } .site .button.-outlined, .rocksite-a-button.-outlined, input[type="submit"].-outlined, input[type="reset"].-outlined, .wp-block-search__button.-outlined, .wp-block-button .wp-block-button__link.-outlined { background: none; border-color: var(--global--color-secondary); color: var(--global--color-secondary); } .site .button.-outlined:hover, .rocksite-a-button.-outlined:hover, input[type="submit"].-outlined:hover, input[type="reset"].-outlined:hover, .wp-block-search__button.-outlined:hover, .wp-block-button .wp-block-button__link.-outlined:hover { background-color: var(--button--color-background); color: var(--button--color-text); } .site .button:active, input[type="submit"]:active, input[type="reset"]:active, .wp-block-search .wp-block-search__button:active, .wp-block-file .wp-block-file__button:active { color: var(--button--color-text-active); background-color: var(--button--color-background-active); } .site .button:hover, input[type="submit"]:hover, input[type="reset"]:hover, .wp-block-search .wp-block-search__button:hover, .wp-block-file .wp-block-file__button:hover { color: var(--button--color-text-hover); background: transparent; } /* Button Icon 4 types of default buttons atoms .-large - larger version .-outlined - Outlined button .-rounded - ROunded button .-outlined.-rounded - Outlined button and ROunded Markup: ../../../../styleguide/templates/atoms/buttons-icon.html Style guide: Atoms.buttons-icon */ .rocksite-a-button-icon { cursor: pointer; font-weight: var(--button--font-weight); font-family: var(--button--font-family); line-height: var(--button--line-height); background-color: var(--button--color-background); border-radius: var(--button--border-radius); border: var(--button--border-width) solid var(--button--color-background); color: var(--button--color-text); text-decoration: none; display: inline-block; padding: var(--button--padding-vertical) var(--button--padding-horizontal); padding-top: 8px; font-size: var(--button--font-size); display: -webkit-box; display: -ms-flexbox; display: flex; width: 38px; height: 38px; padding: 4px; line-height: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rocksite-a-button-icon:focus { background: transparent; outline-offset: -6px; outline: var(--button--focus-outline); } .is-dark-theme .rocksite-a-button-icon:focus { color: var(--button--color-background); } .rocksite-a-button-icon:focus:not(.has-background) { color: var(--button--color-text-hover); } .rocksite-a-button-icon:hover { color: var(--button--color-text-hover); background: transparent; border-color: var(--button--color-background); } .rocksite-a-button-icon:disabled { background-color: var(--global--color-gray-lighten); border-color: var(--global--color-gray-lighten); color: var(--button--color-text-active); } .rocksite-a-button-icon.-rounded { border-radius: 100px; border: var(--button--border-width) solid var(--global--color-secondary); } .rocksite-a-button-icon.-large { width: 44px; height: 44px; } .rocksite-a-button-icon.-small { width: 28px; height: 28px; } .rocksite-a-button-icon.-facebook { background: var(--global--color-facebook); border-color: var(--global--color-facebook); } .rocksite-a-button-icon.-facebook:hover { background: var(--global--color-invert); } .rocksite-a-button-icon.-facebook:hover svg { fill: var(--global--color-facebook); } .rocksite-a-button-icon.-twitter { background: var(--global--color-twitter); border-color: var(--global--color-twitter); } .rocksite-a-button-icon.-twitter:hover { background: var(--global--color-invert); } .rocksite-a-button-icon.-twitter:hover svg { fill: var(--global--color-twitter); } .rocksite-a-button-icon.-linkedin { background: var(--global--color-linkedin); border-color: var(--global--color-linkedin); } .rocksite-a-button-icon.-linkedin:hover { background: var(--global--color-invert); } .rocksite-a-button-icon.-linkedin:hover svg { fill: var(--global--color-linkedin); } .rocksite-a-button-icon.-instagram { background: var(--global--color-instagram); border-color: var(--global--color-instagram); } .rocksite-a-button-icon.-instagram:hover { background: var(--global--color-invert); } .rocksite-a-button-icon.-instagram:hover svg { fill: var(--global--color-instagram); } .rocksite-a-button-icon.-pinterest { background: var(--global--color-pinterest); border-color: var(--global--color-pinterest); } .rocksite-a-button-icon.-pinterest:hover { background: var(--global--color-invert); } .rocksite-a-button-icon.-pinterest:hover svg { fill: var(--global--color-pinterest); } .rocksite-a-button-icon.-outlined { background: none; border-color: var(--global--color-secondary); } .rocksite-a-button-icon.-outlined svg { fill: var(--global--color-secondary); } .rocksite-a-button-icon.-outlined:hover { background-color: var(--global--color-secondary); } .rocksite-a-button-icon.-outlined:hover svg { fill: var(--global--color-invert); } .rocksite-a-button-icon svg { display: block; fill: var(--global--color-invert); } .rocksite-a-button-icon:hover svg { display: block; fill: var(--global--color-secondary); } /** * Block Options */ .wp-block-button:not(.is-style-outline) .wp-block-button__link:active { color: var(--button--color-text-active) !important; background: transparent !important; border-color: var(--button--color-background); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { color: var(--button--color-text-hover); background: transparent; border-color: var(--button--color-background); } .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus { outline: 1px dotted var(--button--color-background); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-primary-base-background-color.has-background { border-color: var(--global--color-primary-base); background: var(--global--color-primary-base); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-primary-base-background-color.has-background:hover { background: transparent !important; color: var(--global--color-primary-base); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-primary-lighten-background-color.has-background { border-color: var(--global--color-primary-lighten); background: var(--global--color-primary-lighten); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-primary-lighten-background-color.has-background:hover { background: transparent !important; color: var(--global--color-primary-lighten); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-secondary-base-background-color.has-background { border-color: var(--global--color-secondary-base); background: var(--global--color-secondary-base); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-secondary-base-background-color.has-background:hover { background: transparent !important; color: var(--global--color-secondary-base); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-secondary-lighten-background-color.has-background { border-color: var(--global--color-secondary-lighten); background: var(--global--color-secondary-lighten); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-secondary-lighten-background-color.has-background:hover { background: transparent !important; color: var(--global--color-secondary-lighten); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-third-base-background-color.has-background { border-color: var(--global--color-third-base); background: var(--global--color-third-base); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-third-base-background-color.has-background:hover { background: transparent !important; color: var(--global--color-third-base); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-third-lighten-background-color.has-background { border-color: var(--global--color-third-lighten); background: var(--global--color-third-lighten); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-third-lighten-background-color.has-background:hover { background: transparent !important; color: var(--global--color-third-lighten); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-surface-background-color.has-background { border-color: var(--global--color-surface); background: var(--global--color-surface); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-surface-background-color.has-background:hover { background: transparent !important; color: var(--global--color-surface); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-invert-background-color.has-background { border-color: var(--global--color-invert); background: var(--global--color-invert); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-invert-background-color.has-background:hover { background: transparent !important; color: var(--global--color-invert); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-warning-background-color.has-background { border-color: var(--global--color-warning); background: var(--global--color-warning); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-warning-background-color.has-background:hover { background: transparent !important; color: var(--global--color-warning); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-success-background-color.has-background { border-color: var(--global--color-success); background: var(--global--color-success); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-success-background-color.has-background:hover { background: transparent !important; color: var(--global--color-success); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-gray-base-background-color.has-background { border-color: var(--global--color-gray-base); background: var(--global--color-gray-base); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-gray-base-background-color.has-background:hover { background: transparent !important; color: var(--global--color-gray-base); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-gray-lighten-background-color.has-background { border-color: var(--global--color-gray-lighten); background: var(--global--color-gray-lighten); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-gray-lighten-background-color.has-background:hover { background: transparent !important; color: var(--global--color-gray-lighten); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-gray-darken-background-color.has-background { border-color: var(--global--color-gray-darken); background: var(--global--color-gray-darken); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-gray-darken-background-color.has-background:hover { background: transparent !important; color: var(--global--color-gray-darken); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-primary-base-color.has-text-color { color: var(--global--color-primary-base); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-primary-base-color.has-text-color:hover { color: var(--global--color-primary-base); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-primary-lighten-color.has-text-color { color: var(--global--color-primary-lighten); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-primary-lighten-color.has-text-color:hover { color: var(--global--color-primary-lighten); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-secondary-base-color.has-text-color { color: var(--global--color-secondary-base); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-secondary-base-color.has-text-color:hover { color: var(--global--color-secondary-base); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-secondary-lighten-color.has-text-color { color: var(--global--color-secondary-lighten); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-secondary-lighten-color.has-text-color:hover { color: var(--global--color-secondary-lighten); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-third-base-color.has-text-color { color: var(--global--color-third-base); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-third-base-color.has-text-color:hover { color: var(--global--color-third-base); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-third-lighten-color.has-text-color { color: var(--global--color-third-lighten); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-third-lighten-color.has-text-color:hover { color: var(--global--color-third-lighten); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-surface-color.has-text-color { color: var(--global--color-surface); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-surface-color.has-text-color:hover { color: var(--global--color-surface); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-invert-color.has-text-color { color: var(--global--color-invert); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-invert-color.has-text-color:hover { color: var(--global--color-invert); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-warning-color.has-text-color { color: var(--global--color-warning); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-warning-color.has-text-color:hover { color: var(--global--color-warning); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-success-color.has-text-color { color: var(--global--color-success); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-success-color.has-text-color:hover { color: var(--global--color-success); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-gray-base-color.has-text-color { color: var(--global--color-gray-base); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-gray-base-color.has-text-color:hover { color: var(--global--color-gray-base); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-gray-lighten-color.has-text-color { color: var(--global--color-gray-lighten); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-gray-lighten-color.has-text-color:hover { color: var(--global--color-gray-lighten); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-gray-darken-color.has-text-color { color: var(--global--color-gray-darken); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-gray-darken-color.has-text-color:hover { color: var(--global--color-gray-darken); } .wp-block-button:not(.is-style-outline) .wp-block-button__link.has-invert-color.has-text-color:hover { color: var(--global--color-text-base); } .wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link { padding: var(--button--padding-vertical) var(--button--padding-horizontal); } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background), .wp-block-button.is-style-canvi-large-outline .wp-block-button__link:not(.has-background) { background: transparent; } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color), .wp-block-button.is-style-canvi-large-outline .wp-block-button__link:not(.has-background):not(.has-text-color) { background: transparent; color: var(--button--color-background); border-color: var(--button--color-background); } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):active, .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link:not(.has-background):not(.has-text-color):active, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link:not(.has-background):not(.has-text-color):hover { color: var(--global--color-invert); background: var(--global--color-secondary); border-color: var(--global--color-secondary); } .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link:not(.has-background):not(.has-text-color):focus { color: var(--button--color-background); background: transparent; } .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background, .is-dark-theme .wp-block-button.is-style-canvi-large-outline .wp-block-button__link:not(.has-text-color).has-background { color: var(--global--color-gray-darken); } .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color, .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color, .is-dark-theme .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color).has-background.has-black-background-color, .is-dark-theme .wp-block-button.is-style-canvi-large-outline .wp-block-button__link:not(.has-text-color).has-background.has-gray-background-color, .is-dark-theme .wp-block-button.is-style-canvi-large-outline .wp-block-button__link:not(.has-text-color).has-background.has-dark-gray-background-color, .is-dark-theme .wp-block-button.is-style-canvi-large-outline .wp-block-button__link:not(.has-text-color).has-background.has-black-background-color { color: var(--global--color-invert); } .wp-block-button.is-style-outline .wp-block-button__link.has-background:hover, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link.has-background:hover { background: transparent !important; } .wp-block-button.is-style-outline .wp-block-button__link.has-text-color, .wp-block-button.is-style-outline .wp-block-button__link.has-background.has-text-color, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link.has-text-color, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link.has-background.has-text-color { border-color: currentColor; } .wp-block-button.is-style-outline .wp-block-button__link.has-primary-base-color.has-text-color:hover, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link.has-primary-base-color.has-text-color:hover { color: var(--global--color-invert); background-color: var(--global--color-primary-base); } .wp-block-button.is-style-outline .wp-block-button__link.has-primary-lighten-color.has-text-color:hover, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link.has-primary-lighten-color.has-text-color:hover { color: var(--global--color-invert); background-color: var(--global--color-primary-lighten); } .wp-block-button.is-style-outline .wp-block-button__link.has-secondary-base-color.has-text-color:hover, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link.has-secondary-base-color.has-text-color:hover { color: var(--global--color-invert); background-color: var(--global--color-secondary-base); } .wp-block-button.is-style-outline .wp-block-button__link.has-secondary-lighten-color.has-text-color:hover, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link.has-secondary-lighten-color.has-text-color:hover { color: var(--global--color-invert); background-color: var(--global--color-secondary-lighten); } .wp-block-button.is-style-outline .wp-block-button__link.has-third-base-color.has-text-color:hover, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link.has-third-base-color.has-text-color:hover { color: var(--global--color-invert); background-color: var(--global--color-third-base); } .wp-block-button.is-style-outline .wp-block-button__link.has-third-lighten-color.has-text-color:hover, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link.has-third-lighten-color.has-text-color:hover { color: var(--global--color-invert); background-color: var(--global--color-third-lighten); } .wp-block-button.is-style-outline .wp-block-button__link.has-surface-color.has-text-color:hover, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link.has-surface-color.has-text-color:hover { color: var(--global--color-invert); background-color: var(--global--color-surface); } .wp-block-button.is-style-outline .wp-block-button__link.has-invert-color.has-text-color:hover, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link.has-invert-color.has-text-color:hover { color: var(--global--color-invert); background-color: var(--global--color-invert); } .wp-block-button.is-style-outline .wp-block-button__link.has-warning-color.has-text-color:hover, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link.has-warning-color.has-text-color:hover { color: var(--global--color-invert); background-color: var(--global--color-warning); } .wp-block-button.is-style-outline .wp-block-button__link.has-success-color.has-text-color:hover, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link.has-success-color.has-text-color:hover { color: var(--global--color-invert); background-color: var(--global--color-success); } .wp-block-button.is-style-outline .wp-block-button__link.has-gray-base-color.has-text-color:hover, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link.has-gray-base-color.has-text-color:hover { color: var(--global--color-invert); background-color: var(--global--color-gray-base); } .wp-block-button.is-style-outline .wp-block-button__link.has-gray-lighten-color.has-text-color:hover, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link.has-gray-lighten-color.has-text-color:hover { color: var(--global--color-invert); background-color: var(--global--color-gray-lighten); } .wp-block-button.is-style-outline .wp-block-button__link.has-gray-darken-color.has-text-color:hover, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link.has-gray-darken-color.has-text-color:hover { color: var(--global--color-invert); background-color: var(--global--color-gray-darken); } .wp-block-button.is-style-canvi-large-fill .wp-block-button__link, .wp-block-button.is-style-canvi-large-outline .wp-block-button__link { padding: 8px 44px; font-size: var(--button--font-size-large); line-height: var(--button--line-height); } .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-button .wp-block-button { margin-bottom: var(--global--spacing-vertical-sm); } @media only screen and (min-width: 482px) { .wp-block-button + .wp-block-button { margin-left: var(--global--spacing-vertical-small); } } .wp-block-code { border-radius: 0; border: none; padding: var(--global--spacing-unit); background: var(--global--color-gray-base); margin-top: var(--global--spacing-vertical-text); margin-bottom: var(--global--spacing-vertical-text); } .wp-block-code code { font-size: var(--global--font-size-md); white-space: pre; overflow-x: auto; display: block; } .wp-block-columns:not(.alignwide):not(.alignfull) { clear: both; } @media only screen and (min-width: 482px) { .wp-block-columns .wp-block-column:not(:first-child) { margin-left: var(--global--spacing-horizontal); } } .wp-block-columns .wp-block-column > * { margin-top: 0; 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-canvi-columns-overlap { -ms-flex-pack: distribute; justify-content: space-around; } @media only screen and (min-width: 652px) { .wp-block-columns.is-style-canvi-columns-overlap .wp-block-column:nth-child(2n) { margin-left: -50px; margin-top: calc(2.5 * var(--global--spacing-horizontal)); z-index: 2; } .wp-block-columns.is-style-canvi-columns-overlap .wp-block-column:nth-child(2n) > p:not(.has-background), .wp-block-columns.is-style-canvi-columns-overlap .wp-block-column:nth-child(2n) > h1:not(.has-background), .wp-block-columns.is-style-canvi-columns-overlap .wp-block-column:nth-child(2n) > h2:not(.has-background), .wp-block-columns.is-style-canvi-columns-overlap .wp-block-column:nth-child(2n) > h3:not(.has-background), .wp-block-columns.is-style-canvi-columns-overlap .wp-block-column:nth-child(2n) > h4:not(.has-background), .wp-block-columns.is-style-canvi-columns-overlap .wp-block-column:nth-child(2n) > h5:not(.has-background), .wp-block-columns.is-style-canvi-columns-overlap .wp-block-column:nth-child(2n) > h6:not(.has-background), .wp-block-columns.is-style-canvi-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), .wp-block-columns.is-style-canvi-columns-overlap .wp-block-column:nth-child(2n) > ol:not(.has-background), .wp-block-columns.is-style-canvi-columns-overlap .wp-block-column:nth-child(2n) > pre:not(.has-background) { background-color: inherit; padding: var(--global--spacing-unit); } .wp-block-columns.is-style-canvi-columns-overlap .wp-block-column:nth-child(2n) > ul:not(.has-background), .wp-block-columns.is-style-canvi-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-canvi-columns-overlap .wp-block-column:nth-child(2n).is-vertically-aligned-center { margin-top: 0; } } .wp-block-columns.has-background { padding: var(--global--spacing-unit); } .wp-block-cover, .wp-block-cover-image { background-color: var(--cover--color-background); margin-top: inherit; margin-bottom: inherit; min-height: auto; /* default & custom background-color */ /* Treating H2 separately to account for legacy /core styles */ /* Block Styles */ } .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; } @media only screen and (min-width: 482px) { .wp-block-cover, .wp-block-cover-image { min-height: var(--cover--height); } } .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-base)); } .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; } @media only screen and (min-width: 482px) { .wp-block-cover .wp-block-cover__inner-container, .wp-block-cover-image .wp-block-cover__inner-container { width: calc(100% - 120px); } } .wp-block-cover .wp-block-cover__inner-container > *, .wp-block-cover-image .wp-block-cover__inner-container > * { margin-bottom: 0; margin-top: 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 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wp-block-cover.is-style-canvi-border, .wp-block-cover-image.is-style-canvi-border { border: var(--global--border-image-style); } .wp-block-cover.is-style-canvi-half-background-top.has-background-dim, .wp-block-cover.is-style-canvi-half-background-bottom.has-background-dim, .wp-block-cover-image.is-style-canvi-half-background-top.has-background-dim, .wp-block-cover-image.is-style-canvi-half-background-bottom.has-background-dim { background: none; } .wp-block-cover.is-style-canvi-half-background-top.has-background-dim:before, .wp-block-cover.is-style-canvi-half-background-bottom.has-background-dim:before, .wp-block-cover-image.is-style-canvi-half-background-top.has-background-dim:before, .wp-block-cover-image.is-style-canvi-half-background-bottom.has-background-dim:before { bottom: 50%; opacity: 1; background-color: inherit; } .wp-block-cover.is-style-canvi-half-background-bottom.has-background-dim, .wp-block-cover-image.is-style-canvi-half-background-bottom.has-background-dim { background: none; } .wp-block-cover.is-style-canvi-half-background-bottom.has-background-dim:before, .wp-block-cover-image.is-style-canvi-half-background-bottom.has-background-dim:before { top: 50%; bottom: 0; } .wp-block-file { margin-bottom: var(--global--spacing-vertical-text); } .wp-block-file > a { color: var(--global--color-text-base); } .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 { color: var(--button--color-text-hover); opacity: inherit; } .wp-block-file a.wp-block-file__button:visited { color: var(--button--color-text); } .wp-block-file a.wp-block-file__button:visited:hover { color: var(--button--color-text-hover); } .wp-block-file .wp-block-file__button { cursor: pointer; font-weight: var(--button--font-weight); font-family: var(--button--font-family); line-height: var(--button--line-height); background-color: var(--button--color-background); border-radius: var(--button--border-radius); border: var(--button--border-width) solid var(--button--color-background); color: var(--button--color-text); text-decoration: none; display: inline-block; padding: var(--button--padding-vertical) var(--button--padding-horizontal); padding-top: 8px; font-size: var(--button--font-size); display: inline-block; } .wp-block-file .wp-block-file__button:focus { background: transparent; outline-offset: -6px; outline: var(--button--focus-outline); } .is-dark-theme .wp-block-file .wp-block-file__button:focus { color: var(--button--color-background); } .wp-block-file .wp-block-file__button:focus:not(.has-background) { color: var(--button--color-text-hover); } .wp-block-file .wp-block-file__button:hover { color: var(--button--color-text-hover); background: transparent; border-color: var(--button--color-background); } .wp-block-file .wp-block-file__button:disabled { background-color: var(--global--color-gray-lighten); border-color: var(--global--color-gray-lighten); color: var(--button--color-text-active); } .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); font-size: var(--gallery--image-gap); position: relative; } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { margin: 0; color: var(--global--color-invert); font-size: var(--global--font-size-xs); padding: 30px 10px 10px 10px; } .wp-block-gallery .blocks-gallery-image figcaption a, .wp-block-gallery .blocks-gallery-item figcaption a { color: var(--global--color-invert); } .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-base)); 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-gallery.alignleft, .wp-block-gallery.alignright { margin-bottom: 0; } .wp-block-gallery .blocks-gallery-caption { margin-top: 0; margin-bottom: var(--global--spacing-vertical-text); } .wp-block-group { display: block; clear: both; display: flow-root; } @media only screen and (max-width: 591px) { .wp-block-group { padding: 0 !important; } } .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; } @media only screen and (min-width: 482px) { .wp-block-group .wp-block-group__inner-container > * { margin-top: var(--global--spacing-vertical-text); margin-bottom: var(--global--spacing-vertical-text); } } .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-canvi-border { border: var(--global--border-image-style); padding: var(--global--spacing-vertical); } .wp-block-group.is-style-canvi-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .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-canvi-border .wp-block-group__inner-container > .alignfull, .wp-block-group.is-style-canvi-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; margin-bottom: var(--global--spacing-vertical-text); padding: 0; /** Utilities classes */ } .wp-block-image figcaption { color: var(--global--color-text-lighten); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-sm); margin-top: 15px; text-align: center; } .wp-block-image .alignright { margin: 0; margin-left: var(--global--spacing-horizontal); } .wp-block-image .alignleft { margin: 0; margin-right: var(--global--spacing-horizontal); } .wp-block-image.size-full img { width: 100%; height: auto; } .wp-block-image a:focus img { outline-offset: 2px; } .wp-block-image + .wp-block-image { margin-top: var(--global--spacing-horizontal); } .wp-block-image.is-style-canvi-image-decoration img { position: relative; z-index: 1; } .wp-block-image.is-style-canvi-image-decoration figcaption { position: absolute; bottom: 0; left: 15px; z-index: 1; background: var(--global--color-background-transparent); right: 0; margin: 0; padding: 5px 10px; color: var(--global--color-text-base); } .wp-block-image.is-style-canvi-image-decoration:not(.alignleft), .wp-block-image.is-style-canvi-image-decoration:not(.alignright) { position: relative; padding: 15px 0 0 15px; } .wp-block-image.is-style-canvi-image-decoration:not(.alignleft):before, .wp-block-image.is-style-canvi-image-decoration:not(.alignright):before { background: var(--global--color-secondary); content: ''; display: block; right: 15px; bottom: 15px; position: absolute; top: 0; left: 0; z-index: 0; } .wp-block-image.is-style-canvi-image-decoration .alignleft, .wp-block-image.is-style-canvi-image-decoration .alignright { position: relative; padding: 15px 0 0 15px; } .wp-block-image.is-style-canvi-image-decoration .alignleft:before, .wp-block-image.is-style-canvi-image-decoration .alignright:before { background: var(--global--color-secondary); content: ''; display: block; right: 15px; bottom: 15px; position: absolute; top: 0; left: 0; z-index: 0; } .wp-block-image.is-style-canvi-image-border img { border: var(--global--border-image-style); } .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; } img { height: auto; max-width: 100%; vertical-align: middle; } @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: 481px) { .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 .wp-block-latest-comments__comment { font-size: var(--global--font-size-sm); 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); font-size: var(--global--font-size-md); line-height: var(--global--line-height-md); } .wp-block-latest-comments .wp-block-latest-comments__comment-meta a { color: var(--global--color-text-base); } .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-link { text-decoration: underline; -webkit-text-decoration-color: var(--global--color-secondary-base); text-decoration-color: var(--global--color-secondary-base); } .wp-block-latest-comments .wp-block-latest-comments__comment-date { color: var(--global--color-text-lighten); font-size: var(--global--font-size-sm); line-height: var(--global--line-height-sm); font-weight: normal; font-family: var(--global--font-secondary); } .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { font-size: var(--global--font-size-sm); line-height: var(--global--line-height-body); margin: 10px 0 0 0; } .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-meta { margin-left: 55px; } .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-excerpt { margin-left: 55px; } .wp-block-latest-posts { padding-left: 0; } .wp-block-latest-posts > li > a { display: inline-block; color: var(--global--color-text-base); font-family: var(--latest-posts--title-font-family); font-size: var(--heading--font-size-h5); font-weight: var(--heading--font-weight); line-height: var(--heading--line-height-h5); width: 100%; } .wp-block-latest-posts .wp-block-latest-posts__post-author { color: var(--global--color-text-lighten); font-size: var(--global--font-size-sm); line-height: var(--global--line-height-sm); display: inline; padding-right: 10px; clear: both; } .wp-block-latest-posts .wp-block-latest-posts__post-date { color: var(--global--color-text-lighten); font-size: var(--global--font-size-sm); line-height: var(--global--line-height-sm); display: inline; } [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(--latest-posts--description-line-height); margin-top: var(--global--spacing-vertical-sm); margin-bottom: 0; } .wp-block-latest-posts > li { margin-bottom: var(--latest-posts--bottom-space); padding: 15px 0; overflow: hidden; } .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 .wp-block-latest-posts__featured-image { width: 100%; position: relative; margin-top: -15px; padding-top: 15px; padding-left: 15px; margin-bottom: var(--global--spacing-horizontal); } .wp-block-latest-posts > li .wp-block-latest-posts__featured-image:before { background: var(--global--color-secondary); content: ''; display: block; bottom: 15px; position: absolute; top: 0; left: 0; right: 15px; z-index: 0; } .wp-block-latest-posts > li .wp-block-latest-posts__featured-image img { width: 100%; height: auto; position: relative; z-index: 1; } .wp-block-latest-posts > li .wp-block-latest-posts__featured-image a { width: 100%; display: block; } @media only screen and (min-width: 592px) { .wp-block-latest-posts > li .wp-block-latest-posts__featured-image.alignleft, .wp-block-latest-posts > li .wp-block-latest-posts__featured-image.alignright { width: 250px; float: left; } } .wp-block-latest-posts > li .wp-block-latest-posts__featured-image.alignleft + a, .wp-block-latest-posts > li .wp-block-latest-posts__featured-image.alignright + a { display: block; } .wp-block-latest-posts > li .wp-block-latest-posts__featured-image.alignleft + a + div, .wp-block-latest-posts > li .wp-block-latest-posts__featured-image.alignright + a + div { display: inline-block; } @media only screen and (min-width: 592px) { .wp-block-latest-posts > li .wp-block-latest-posts__featured-image.alignleft + a + div + time + div, .wp-block-latest-posts > li .wp-block-latest-posts__featured-image.alignright + a + div + time + div { float: left; width: calc(100% - 280px); } } .wp-block-latest-posts > li .wp-block-latest-posts__featured-image.alignleft { margin-right: var(--global--spacing-horizontal); } .wp-block-latest-posts > li .wp-block-latest-posts__featured-image.alignright { float: right; margin-left: var(--global--spacing-horizontal); } .wp-block-latest-posts.is-grid { word-wrap: break-word; word-break: break-word; } .wp-block-latest-posts.is-grid > li { margin-bottom: var(--latest-posts--bottom-space-grid); position: relative; font-size: 24px; -webkit-box-sizing: border-box; box-sizing: border-box; } .wp-block-latest-posts.is-grid > li:last-child { margin-bottom: 0; } @media only screen and (min-width: 592px) { .wp-block-latest-posts.is-grid.columns-3 .wp-block-latest-posts__featured-image.alignleft, .wp-block-latest-posts.is-grid.columns-3 .wp-block-latest-posts__featured-image.alignright, .wp-block-latest-posts.is-grid.columns-4 .wp-block-latest-posts__featured-image.alignleft, .wp-block-latest-posts.is-grid.columns-4 .wp-block-latest-posts__featured-image.alignright, .wp-block-latest-posts.is-grid.columns-5 .wp-block-latest-posts__featured-image.alignleft, .wp-block-latest-posts.is-grid.columns-5 .wp-block-latest-posts__featured-image.alignright, .wp-block-latest-posts.is-grid.columns-6 .wp-block-latest-posts__featured-image.alignleft, .wp-block-latest-posts.is-grid.columns-6 .wp-block-latest-posts__featured-image.alignright { width: 150px; float: left; } } @media only screen and (min-width: 592px) { .wp-block-latest-posts.is-grid.columns-3 .wp-block-latest-posts__featured-image.alignleft + a + div + time + div, .wp-block-latest-posts.is-grid.columns-3 .wp-block-latest-posts__featured-image.alignright + a + div + time + div, .wp-block-latest-posts.is-grid.columns-4 .wp-block-latest-posts__featured-image.alignleft + a + div + time + div, .wp-block-latest-posts.is-grid.columns-4 .wp-block-latest-posts__featured-image.alignright + a + div + time + div, .wp-block-latest-posts.is-grid.columns-5 .wp-block-latest-posts__featured-image.alignleft + a + div + time + div, .wp-block-latest-posts.is-grid.columns-5 .wp-block-latest-posts__featured-image.alignright + a + div + time + div, .wp-block-latest-posts.is-grid.columns-6 .wp-block-latest-posts__featured-image.alignleft + a + div + time + div, .wp-block-latest-posts.is-grid.columns-6 .wp-block-latest-posts__featured-image.alignright + a + div + time + div { float: right; width: calc(100% - 180px); } } .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.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-canvi-latest-posts-dividers { border-top: var(--separator--height) solid var(--global--color-text-lighten); border-bottom: var(--separator--height) solid var(--global--color-text-lighten); } .wp-block-latest-posts.is-style-canvi-latest-posts-dividers:not(.is-grid) > li, .wp-block-latest-posts.is-style-canvi-latest-posts-dividers > li { padding-bottom: var(--global--spacing-vertical); border-bottom: var(--separator--height) solid var(--global--color-text-lighten); margin-top: var(--global--spacing-vertical-sm); margin-bottom: var(--global--spacing-vertical-sm); } .wp-block-latest-posts.is-style-canvi-latest-posts-dividers:not(.is-grid) > li:last-child, .wp-block-latest-posts.is-style-canvi-latest-posts-dividers > li:last-child { padding-bottom: 0; border-bottom: none; } .wp-block-latest-posts.is-style-canvi-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-canvi-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-canvi-latest-posts-dividers.is-grid.columns-2 li { width: calc((100% / 2)); } .wp-block-latest-posts.is-style-canvi-latest-posts-dividers.is-grid.columns-3 li { width: calc((100% / 3)); } .wp-block-latest-posts.is-style-canvi-latest-posts-dividers.is-grid.columns-4 li { width: calc((100% / 4)); } .wp-block-latest-posts.is-style-canvi-latest-posts-dividers.is-grid.columns-5 li { width: calc((100% / 5)); } .wp-block-latest-posts.is-style-canvi-latest-posts-dividers.is-grid.columns-6 li { width: calc((100% / 6)); } } .wp-block-latest-posts.is-style-canvi-latest-posts-borders li { border: 1px solid var(--global--color-text-lighten); padding: var(--global--spacing-vertical) var(--global--spacing-horizontal); } .wp-block-latest-posts.is-style-canvi-latest-posts-borders li:last-child { padding-bottom: var(--global--spacing-vertical); } .wp-block-latest-posts.is-style-canvi-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: 50px; font-size: var(--global--font-size-md); line-height: var(--global--line-height-md); } ul ul, ul ol, ol ul, ol ol { padding-left: 30px; } 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; } ol { list-style-type: decimal; } 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 { grid-template-columns: 50% 50%; /** * Block Options */ } .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) calc(var(--responsive--spacing-horizontal) / 2); } @media only screen and (min-width: 592px) { .wp-block-media-text .wp-block-media-text__content { padding: 60px; } } .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: 60px; padding-bottom: 60px; } } .wp-block-media-text.has-media-on-the-right { grid-template-columns: 50% 50%; } @media only screen and (min-width: 592px) { .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content { padding: var(--global--spacing-horizontal) var(--responsive--spacing-horizontal) calc(var(--responsive--spacing-horizontal) / 2) 0; } } .wp-block-media-text.is-style-canvi-decoration .wp-block-media-text__media { position: relative; padding: 15px 0 0 15px; } @media only screen and (min-width: 592px) { .wp-block-media-text.is-style-canvi-decoration .wp-block-media-text__media { padding: 43px 0 0 80px; } } .wp-block-media-text.is-style-canvi-decoration .wp-block-media-text__media:before { content: ''; display: block; background: var(--global--color-secondary); position: absolute; top: 0; left: 0; right: 15px; bottom: 15px; z-index: 0; } @media only screen and (min-width: 592px) { .wp-block-media-text.is-style-canvi-decoration .wp-block-media-text__media:before { width: 80%; right: 90px; bottom: 70px; } } .wp-block-media-text.is-style-canvi-decoration .wp-block-media-text__media img { z-index: 1; position: relative; } @media only screen and (min-width: 592px) { .wp-block-media-text.is-style-canvi-decoration.has-media-on-the-right .wp-block-media-text__content { padding-right: 0; } } .wp-block-media-text.is-style-canvi-border .wp-block-media-text__media img { border: var(--global--border-image-style); } .wp-block-media-text + p { margin-top: var(--global--spacing-vertical-text); } .wp-block-navigation .wp-block-navigation-link { padding: 0; } .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content { padding: var(--primary-nav--padding); } .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; margin-left: var(--primary-nav--padding); min-width: -webkit-max-content; min-width: -moz-max-content; 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 .wp-block-navigation-link__content { display: inline-block; padding: calc(0.5 * var(--primary-nav--padding)) var(--primary-nav--padding); } .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:hover .wp-block-navigation__container, .wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container { display: block; opacity: 1; visibility: visible; } .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 7px; } .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; -webkit-text-decoration-style: dotted; text-decoration-style: dotted; } .wp-block-navigation:not(.has-text-color) .wp-block-navigation-link__content { color: currentColor; } p { line-height: var(--global--line-height-md); font-size: var(--global--font-size-md); } p.has-background { padding: var(--global--spacing-unit); } p.has-text-color a { color: var(--link--color-active); } pre.wp-block-preformatted { overflow-x: auto; white-space: pre !important; font-size: var(--global--font-size-md); line-height: var(--global--line-height-md); margin-top: var(--global--spacing-vertical-text); margin-bottom: var(--global--spacing-vertical-text); } .wp-block-pullquote { padding: 30px 40px; text-align: left; border: none; background: var(--pullquote--color-background); position: relative; /** * Block Styles */ /** * Block Options */ } .wp-block-pullquote blockquote { padding: 0; margin: 0; } .wp-block-pullquote p { color: var(--pullquote--color-content); font-family: var(--pullquote--font-family); font-size: var(--pullquote--font-size); font-style: var(--pullquote--font-style); font-weight: 700; letter-spacing: var(--pullquote--letter-spacing); line-height: var(--pullquote--line-height); margin: 0; } .wp-block-pullquote + p { margin-top: 28px; } .wp-block-pullquote a { color: currentColor; } .wp-block-pullquote .wp-block-pullquote__citation, .wp-block-pullquote cite, .wp-block-pullquote footer { color: var(--pullquote--color-cite); display: block; font-size: var(--global--font-size-xs); font-style: var(--pullquote--font-style); text-transform: none; margin-top: 10px; } .wp-block-pullquote.is-style-default { padding: 30px 40px; background: var(--pullquote--color-background); } .wp-block-pullquote.is-style-default > blockquote { padding: 0; margin: 0; } .wp-block-pullquote.is-style-solid-color { border-top: 2px solid var(--global--color-primary-base); } .wp-block-pullquote.is-style-canvi-small-pullquote-solid p, .wp-block-pullquote.is-style-canvi-small-pullquote p { font-size: var(--heading--font-size-h6); line-height: var(--heading--line-height-h6); } .wp-block-pullquote.is-style-canvi-small-pullquote { background: var(--pullquote--color-background); } .wp-block-pullquote.is-style-canvi-small-pullquote-solid { border-top: 2px solid var(--global--color-primary-base); background: var(--pullquote--color-background); } .wp-block-pullquote:not(.is-style-default), .wp-block-pullquote:not(.is-style-solid-color), .wp-block-pullquote:not(.is-style-canvi-small-pullquote), .wp-block-pullquote:not(.is-style-canvi-small-pullquote-solid) { background: var(--pullquote--color-background); } .wp-block-pullquote.alignfull blockquote { padding: 0; } .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignwide blockquote { max-width: var(--responsive--alignwide-width); } .wp-block-pullquote.alignfull:not(.alignright) > p, .wp-block-pullquote.alignfull:not(.alignright) blockquote, .wp-block-pullquote.alignfull:not(.alignleft) > p, .wp-block-pullquote.alignfull:not(.alignleft) blockquote { max-width: 100%; } .wp-block-pullquote.alignright + .alignright { clear: both; } .wp-block-pullquote.alignleft + .alignleft { clear: both; } .wp-block-pullquote.is-style-solid-color { padding: 40px 60px; } .wp-block-quote { padding: 9px 28px; position: relative; margin: 0 0 var(--global--spacing-vertical-text) 0; border: none; /** * Block Options */ } .wp-block-quote > * { margin-top: var(--global--spacing-unit); margin-bottom: var(--global--spacing-unit); } .wp-block-quote > *:first-child { margin-top: 0; } .wp-block-quote > *:last-child { margin-bottom: 0; } .wp-block-quote p { 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); margin-bottom: 4px; } .wp-block-quote cite, .wp-block-quote footer { font-weight: normal; color: var(--global--color-text-lighten); font-size: var(--global--font-size-xs); letter-spacing: var(--global--letter-spacing); } .wp-block-quote cite:before, .wp-block-quote footer:before { content: '— '; display: inline-block; } .wp-block-quote.alignleft, .wp-block-quote.alignright { padding-left: inherit; } .wp-block-quote.alignleft p, .wp-block-quote.alignright p { font-size: var(--heading--font-size-h5); max-width: inherit; width: inherit; } .wp-block-quote.alignleft cite, .wp-block-quote.alignleft footer, .wp-block-quote.alignright cite, .wp-block-quote.alignright footer { font-size: var(--global--font-size-xs); letter-spacing: var(--global--letter-spacing); } .wp-block-quote strong { font-weight: var(--quote--font-weight-strong); } .wp-block-quote .wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer { font-weight: normal; color: var(--global--color-text-lighten); font-size: var(--global--font-size-xs); } @media only screen and (max-width: 481px) { .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 { 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-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: 9px 28px; margin-bottom: var(--global--spacing-vertical-text); } .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 cite, .wp-block-quote.is-large footer, .wp-block-quote.is-style-large cite, .wp-block-quote.is-style-large footer { font-weight: normal; color: var(--global--color-text-lighten); font-size: var(--global--font-size-sm); letter-spacing: var(--global--letter-spacing); } @media only screen and (max-width: 481px) { .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: 481px) { .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-bottom: var(--global--spacing-vertical-large); } .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 { font-size: 30px; 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-bottom: var(--global--spacing-vertical-sm); } .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 { margin-bottom: var(--global--spacing-vertical-sm); } .wp-block-rss .wp-block-rss__item-title > a { display: inline-block; color: var(--global--color-text-base); font-family: var(--latest-posts--title-font-family); font-size: var(--heading--font-size-h5); font-weight: var(--heading--font-weight); line-height: var(--heading--line-height-h5); } .wp-block-rss .wp-block-rss__item-author { color: var(--global--color-text-lighten); font-size: var(--global--font-size-sm); line-height: var(--global--line-height-sm); margin-bottom: var(--global--spacing-vertical-sm); display: inline-block; padding-right: 10px; } .wp-block-rss .wp-block-rss__item-publish-date { color: var(--global--color-text-lighten); font-size: var(--global--font-size-sm); line-height: var(--global--line-height-sm); padding-right: 10px; margin-bottom: var(--global--spacing-vertical-sm); display: inline-block; } [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); } .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 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wp-block-search.wp-block-search__button-inside .wp-block-search__label, .wp-block-search.wp-block-search__button-outside .wp-block-search__label, .wp-block-search.wp-block-search__no-button .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__button-outside .wp-block-search__inside-wrapper, .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper { position: relative; padding: 0; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input, .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input, .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input { border-width: var(--form--border-width); border-style: solid; border-color: var(--form--border-color); color: var(--global--color-text-lighten); line-height: var(--form--line-height); max-width: inherit; padding: var(--form--spacing-unit-vertical) var(--form--spacing-unit-horizontal); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus, .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input:focus, .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input:focus { color: var(--form--color-text); border-color: var(--form--border-color); outline: none; } .has-background .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input, [class*="background-color"] .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input, [style*="background-color"] .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input, .wp-block-cover[style*="background-image"] .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input, .has-background .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input, [class*="background-color"] .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input, [style*="background-color"] .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input, .wp-block-cover[style*="background-image"] .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input, .has-background .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input, [class*="background-color"] .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input, [style*="background-color"] .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input, .wp-block-cover[style*="background-image"] .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input { border-color: currentColor; } .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input, .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input, .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input, .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input, .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input, .has-background.has-black-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper .wp-block-search__input, .has-background.has-gray-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input, .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input, .has-background.has-black-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input { border-color: var(--global--color-invert); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button, .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button, .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button { cursor: pointer; font-weight: var(--button--font-weight); font-family: var(--button--font-family); line-height: var(--button--line-height); background-color: var(--button--color-background); border-radius: var(--button--border-radius); border: var(--button--border-width) solid var(--button--color-background); color: var(--button--color-text); text-decoration: none; display: inline-block; padding: var(--button--padding-vertical) var(--button--padding-horizontal); padding-top: 8px; font-size: var(--button--font-size); border: none; overflow: hidden; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:focus, .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:focus, .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:focus { background: transparent; outline-offset: -6px; outline: var(--button--focus-outline); } .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:focus, .is-dark-theme .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:focus, .is-dark-theme .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:focus { color: var(--button--color-background); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:focus:not(.has-background), .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:focus:not(.has-background), .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:focus:not(.has-background) { color: var(--button--color-text-hover); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover { color: var(--button--color-text-hover); background: transparent; border-color: var(--button--color-background); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:disabled, .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:disabled, .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:disabled { background-color: var(--global--color-gray-lighten); border-color: var(--global--color-gray-lighten); color: var(--button--color-text-active); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:focus, .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:focus, .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:focus { outline: none; background: var(--button--color-background-focus); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover { color: var(--button--color-text-hover); background: transparent; border: 1px solid var(--button--color-background); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon, .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon, .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon { border: none; padding: 1px 10px; width: 60px; height: 44px; background: none; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon svg, .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon svg, .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon svg { width: 40px; height: 40px; fill: var(--form--icon-color); } .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-black-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-gray-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-black-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button { color: var(--global--color-invert); border-color: currentColor; } .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-black-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-gray-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-black-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover { background-color: var(--button--color-background); border-color: var(--global--color-invert); color: var(--global--color-invert); } .is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover { color: var(--button--color-text); } .has-background.has-white-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-green-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-blue-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-purple-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-red-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-orange-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-yellow-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-white-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-green-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-blue-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-purple-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-red-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-orange-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-yellow-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-white-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-green-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-blue-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-purple-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-red-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-orange-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button, .has-background.has-yellow-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button { border-color: currentColor; color: currentColor; } .has-background.has-white-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-green-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-blue-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-purple-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-red-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-orange-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-yellow-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-white-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-green-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-blue-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-purple-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-red-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-orange-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-yellow-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-white-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-green-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-blue-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-purple-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-red-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-orange-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .has-background.has-yellow-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover { background-color: var(--form--border-color); border-color: var(--form--border-color); color: var(--global--color-invert); } .is-dark-theme .has-background.has-white-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-green-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-blue-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-purple-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-red-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-orange-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-yellow-background-color .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-white-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-green-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-blue-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-purple-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-red-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-orange-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-yellow-background-color .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-white-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-green-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-blue-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-purple-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-red-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-orange-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover, .is-dark-theme .has-background.has-yellow-background-color .wp-block-search.wp-block-search__no-button .wp-block-search__inside-wrapper button.wp-block-search__button:hover { border-color: var(--button--color-text); background-color: var(--button--color-text); color: var(--button--color-background); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { background-color: var(--global--color-invert); border: var(--form--border-width) solid var(--form--border-color); border-radius: var(--form--border-radius); position: relative; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input { margin-right: 0; padding-right: 60px; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { outline: 2px dotted var(--form--border-color); outline-offset: -5px; } .is-dark-theme .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus { outline-color: currentColor; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button { margin-left: 0; } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button.has-icon { position: absolute; top: 0; right: 0; bottom: 0; } .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button, .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button, .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { border-color: var(--button--color-background); color: var(--button--color-background); } .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover, .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover, .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { color: var(--global--color-invert); } .is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button, .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button, .is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { border-color: var(--button--color-text); color: var(--button--color-text); } .is-dark-theme .has-background.has-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover, .is-dark-theme .has-background.has-dark-gray-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover, .is-dark-theme .has-background.has-black-background-color .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { color: var(--global--color-invert); } .is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button { border-color: var(--button--color-text); color: var(--button--color-text); } .is-dark-theme .wp-block-search.wp-block-search__button-inside button.wp-block-search__button:hover { border-color: var(--button--color-text); background-color: var(--button--color-text); color: var(--button--color-background); } .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon { background-color: var(--button--color-background); color: var(--button--color-text); } .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon svg { fill: var(--button--color-text); } .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon:hover { color: var(--button--color-text-hover); background: transparent; border: 1px solid var(--button--color-background); } .wp-block-search.wp-block-search__button-outside .wp-block-search__inside-wrapper button.wp-block-search__button.has-icon:hover svg { fill: var(--button--color-text-hover); } .wp-block-search__button { -webkit-box-shadow: none; 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; margin-top: var(--global--spacing-horizontal); margin-bottom: var(--global--spacing-horizontal); } 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-canvi-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-base); } .wp-block-social-links.is-style-canvi-social-icons-color a { color: var(--global--color-primary-base); } .wp-block-social-links.is-style-canvi-social-icons-color .wp-social-link { background: none; } .wp-block-spacer { display: block; margin-bottom: 0 !important; margin-top: 0 !important; } @media only screen and (max-width: 481px) { .wp-block-spacer[style] { height: var(--global--spacing-unit) !important; } } table, .wp-block-table { width: 100%; min-width: 240px; border-collapse: collapse; } 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: 5px; border: 1px solid; } table.is-style-regular .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:nth-child(even), .wp-block-table.is-style-regular .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:nth-child(even) { color: var(--table--has-background-text-color); } table figcaption, .wp-block-table figcaption { color: var(--global--color-text-lighten); } 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; border-right: 1px solid var(--table--border-color); } table.is-style-stripes th:last-child, table.is-style-stripes td:last-child, .wp-block-table.is-style-stripes th:last-child, .wp-block-table.is-style-stripes td:last-child { border: none; } table.is-style-stripes thead, .wp-block-table.is-style-stripes thead { border-bottom: none; } table.is-style-stripes tfoot, .wp-block-table.is-style-stripes tfoot { border-top-width: 1px; } 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.wp-calendar-table { max-width: 280px; border: none; } table.wp-calendar-table tr td, table.wp-calendar-table tr th { background: transparent; border: 0; text-align: center; line-height: 2; vertical-align: middle; word-break: normal; font-family: var(--global--font-secondary); } table.wp-calendar-table tr td a:link { display: block; background: var(--global--color-secondary-base); border-radius: 80px; text-decoration: none; color: var(--global--color-invert); width: 2em; height: 2em; } table.wp-calendar-table tr td a:hover { background: var(--global--color-primary-base); text-decoration: none; } table.wp-calendar-table tr th { font-weight: bold; background: var(--global--color-surface); padding: 0; } table.wp-calendar-table thead, table.wp-calendar-table tbody { color: currentColor; } table.wp-calendar-table caption { text-align: center; color: var(--global--color-invert); font-size: var(--global--font-size-md); line-height: var(--global--line-height-md); background: var(--global--color-primary-base); } .wp-calendar-nav { text-align: left; text-transform: uppercase; margin-top: 10px; margin-bottom: 10px; } .wp-calendar-nav a:link { text-decoration: none; } .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-calendar-nav .wp-calendar-nav-next a, .wp-calendar-nav .wp-calendar-nav-prev a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .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 { margin-bottom: var(--global--spacing-vertical-text); } .wp-block-video figcaption { color: var(-lighten); 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:not(.alignfull) { max-width: var(--responsive--aligndefault-width); margin-left: auto; margin-right: auto; } @media only screen and (min-width: 482px) { .entry-content > .alignleft:not(.alignfull) { /*rtl:ignore*/ margin-left: var(--responsive--alignleft-margin); /*rtl:ignore*/ margin-right: var(--global--spacing-horizontal); } .post .entry-content > .alignleft:not(.alignfull) { margin-left: var(--responsive--alignleft-margin-post); max-width: calc(var(--responsive--aligndefault-width-post) / 2); } } @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-text); } .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-text); } .entry-content > .alignright { max-width: var(--responsive--alignwide-width); margin-left: auto; margin-right: auto; } @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); } .post .entry-content > .alignright { margin-right: var(--responsive--alignright-margin-post); max-width: calc(var(--responsive--aligndefault-width-post) / 2); } } @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 { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .has-right-content { -webkit-box-pack: end; -ms-flex-pack: end; 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; } } .is-style-canvi-no-margin { margin-top: 0 !important; margin-bottom: 0 !important; } .wp-block-contact-form-7-contact-form-selector .wpcf7-form > p, .wp-block-contact-form-7-contact-form-selector .wpcf7-form > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .wp-block-contact-form-7-contact-form-selector .wpcf7-form > p > *, .wp-block-contact-form-7-contact-form-selector .wpcf7-form > div > * { margin-bottom: 20px; } @media only screen and (min-width: 482px) { .wp-block-contact-form-7-contact-form-selector .wpcf7-form > p, .wp-block-contact-form-7-contact-form-selector .wpcf7-form > div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .wp-block-contact-form-7-contact-form-selector .wpcf7-form-control-wrap { position: relative; } @media only screen and (min-width: 482px) { .wp-block-contact-form-7-contact-form-selector .wpcf7-form-control-wrap { margin-right: 15px; } } .wp-block-contact-form-7-contact-form-selector .wpcf7-form-control-wrap .wpcf7-not-valid-tip { position: absolute; top: 100%; font-size: 10px; line-height: 2; } .wp-block-contact-form-7-contact-form-selector .wpcf7-form-control.wpcf7-submit { cursor: pointer; font-weight: var(--button--font-weight); font-family: var(--button--font-family); line-height: var(--button--line-height); background-color: var(--button--color-background); border-radius: var(--button--border-radius); border: var(--button--border-width) solid var(--button--color-background); color: var(--button--color-text); text-decoration: none; display: inline-block; padding: var(--button--padding-vertical-large) var(--button--padding-horizontal-large); padding-bottom: 4px; font-size: var(--button--font-size-large); } .wp-block-contact-form-7-contact-form-selector .wpcf7-form-control.wpcf7-submit:focus { background: transparent; outline-offset: -6px; outline: var(--button--focus-outline); } .is-dark-theme .wp-block-contact-form-7-contact-form-selector .wpcf7-form-control.wpcf7-submit:focus { color: var(--button--color-background); } .wp-block-contact-form-7-contact-form-selector .wpcf7-form-control.wpcf7-submit:focus:not(.has-background) { color: var(--button--color-text-hover); } .wp-block-contact-form-7-contact-form-selector .wpcf7-form-control.wpcf7-submit:hover { color: var(--button--color-text-hover); background: transparent; border-color: var(--button--color-background); } .wp-block-contact-form-7-contact-form-selector .wpcf7-form-control.wpcf7-submit:disabled { background-color: var(--global--color-gray-lighten); border-color: var(--global--color-gray-lighten); color: var(--button--color-text-active); } .wp-block-contact-form-7-contact-form-selector .wpcf7 .wpcf7-response-output { background: var(--global--color-info-base); border: none; font-size: var(--system-info--font-size); padding: var(--system-info--padding); margin: var(--global--spacing-horizontal) 0; } .wp-block-contact-form-7-contact-form-selector .wpcf7 .ajax-loader { margin: 0; } /* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */ .rocksite-s-main-header { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: var(--global--spacing-vertical); padding: 10px calc(var(--responsive--spacing-horizontal) / 2) 10px calc(var(--responsive--spacing-horizontal) / 2); position: relative; background-color: var(--global--color-surface); margin-bottom: var(--responsive--spacing-horizontal); } @media only screen and (min-width: 482px) { .rocksite-s-main-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .rocksite-s-main-header .site-title, .rocksite-s-main-header.__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-right: 30px; } @media only screen and (min-width: 482px) { .rocksite-s-main-header .site-title, .rocksite-s-main-header.__title { margin: var(--branding--title--margin-vertical) 0 var(--branding--title--margin-vertical) 30px; } } .rocksite-s-main-header .site-title a, .rocksite-s-main-header.__title a { color: currentColor; font-weight: var(--branding--title--font-weight); } .rocksite-s-main-header .site-title a:link, .rocksite-s-main-header .site-title a:visited, .rocksite-s-main-header .site-title a:active, .rocksite-s-main-header.__title a:link, .rocksite-s-main-header.__title a:visited, .rocksite-s-main-header.__title a:active { color: currentColor; } .rocksite-s-main-header .site-title a:hover, .rocksite-s-main-header .site-title a:focus, .rocksite-s-main-header.__title a:hover, .rocksite-s-main-header.__title a:focus { color: var(--branding--color-link-hover); } @media only screen and (min-width: 482px) { .rocksite-s-main-header .site-title, .rocksite-s-main-header.__title { font-size: var(--branding--title--font-size); } } .rocksite-s-main-header .site-description, .rocksite-s-main-header__description { color: currentColor; font-family: var(--branding--description--font-family); font-size: var(--branding--description--font-size); line-height: 30px; } @media only screen and (min-width: 482px) { .rocksite-s-main-header .site-description, .rocksite-s-main-header__description { margin: var(--branding--title--margin-vertical) 0 var(--branding--title--margin-vertical) 30px; } } .rocksite-s-main-header a.custom-logo-link { text-decoration: none; } .has-background-white .rocksite-s-main-header a.custom-logo-link:focus, .is-dark-theme .rocksite-s-main-header a.custom-logo-link:focus { background: none; } .rocksite-s-main-header .site-title > a { -webkit-text-decoration-color: var(--global--color-secondary); text-decoration-color: var(--global--color-secondary); } @media only screen and (min-width: 482px) { .rocksite-s-main-header { margin-bottom: 60px; padding-left: 0; padding-right: 0; max-width: var(--responsive--aligndefault-width); margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 482px) { .rocksite-s-main-header.-full { max-width: 100%; padding-left: 40px; padding-right: 40px; } } .rocksite-s-main-header__logo { max-width: 140px; top: 40px; } .rocksite-s-main-header__logo img { display: block; max-width: 100%; height: auto; } .rocksite-s-main-header__navigation { position: relative; } .rocksite-s-main-header__navigation__overlay { position: absolute; top: 0; left: 0; display: none; } .rocksite-s-main-header__social_menu { margin-top: var(--global--spacing-horizontal); } @media only screen and (min-width: 482px) { .rocksite-s-main-header__social_menu { margin-top: 0; } } .rocksite-s-main-header__hamburger { position: absolute; width: 50px; top: 40px; right: calc(var(--responsive--spacing-horizontal) / 2); height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media only screen and (min-width: 482px) { .rocksite-s-main-header__hamburger { display: none; } } .rocksite-s-main-header__search-bar { position: absolute; top: 10px; left: 0; right: 0; padding: 20px 50px; height: 90px; background: var(--global--color-background); } @media only screen and (max-width: 481px) { .site-header:not(.has-logo).has-title-and-tagline .site-branding { margin-right: 0; max-width: calc(100% - 160px); } .site-header:not(.has-menu) { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } /** Footer **/ .rocksite-s-footer { padding-top: 60px; padding-bottom: 30px; border-top: var(--global--border); margin-top: 50px; } .rocksite-s-footer__body__info { max-width: 370px; } .rocksite-s-footer__body__info__logo { max-width: 80px; margin-bottom: 24px; } .rocksite-s-footer__body__info__logo img { max-width: 100%; height: auto; } .rocksite-s-footer__body__info .footer-description { margin-bottom: 20px; } .rocksite-s-footer__body__info__tagline { margin-bottom: var(--global--spacing-vertical-sm); } .rocksite-s-footer__bottom { padding-top: 60px; color: var(--footer--color-text); font-family: var(--footer--font-family); font-size: var(--footer--font-size); line-height: var(--global--line-height-body); } .rocksite-s-footer__bottom__powered-by { margin-top: calc(0.5 * var(--global--spacing-vertical)); font-weight: 400; } .rocksite-s-footer__bottom__powered-by a { font-weight: 700; } @media only screen and (min-width: 822px) { .rocksite-s-footer__bottom__powered-by { margin-top: initial; margin-left: 0; } } @media only screen and (min-width: 822px) { .rocksite-s-footer__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .rocksite-s-footer__bottom a { color: var(--footer--color-link); } .rocksite-s-footer__bottom a:link, .rocksite-s-footer__bottom a:visited, .rocksite-s-footer__bottom a:active { color: var(--footer--color-link); } .rocksite-s-footer__bottom a:hover { color: var(--footer--color-link-hover); } .rocksite-s-footer__bottom a:focus { color: var(--footer--color-link-hover); } .is-dark-theme .rocksite-s-footer__bottom a:focus { color: var(--wp--style--color--link, var(--global--color-background)); } .has-background-white .rocksite-s-footer__bottom a:focus { color: var(--wp--style--color--link, var(--global--color-invert)); } .home .entry-header { border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .singular .has-post-thumbnail .entry-header { border-bottom: none; padding: 0; margin-bottom: 40px; } .rocksite-c-breadcrumbs__links { position: relative; font-size: var(--global--font-size-sm); margin: 0 0 var(--global--spacing-vertical-large) 0; display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 30px; } @media only screen and (min-width: 482px) { .rocksite-c-breadcrumbs__links { font-size: var(--global--font-size-lg); padding-left: 118px; } } .rocksite-c-breadcrumbs__links li { color: var(--global--color-text-base); list-style: none; margin-left: 5px; } .rocksite-c-breadcrumbs__links li a { color: var(--global--color-text-base); } .rocksite-c-breadcrumbs__links li a:hover { color: var(--global--color-text-lighten); } .rocksite-c-breadcrumbs__links:before { width: 20px; height: 2px; content: ""; background: var(--global--color-black); position: absolute; top: 40%; left: 0; } @media only screen and (min-width: 482px) { .rocksite-c-breadcrumbs__links:before { width: 102px; } } .rocksite-c-article-box:not(.-full-width-thumbnail) { margin-bottom: var(--global--spacing-vertical); max-width: 100%; } @media only screen and (min-width: 482px) { .rocksite-c-article-box:not(.-full-width-thumbnail) { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (min-width: 482px) { .rocksite-c-article-box:not(.-full-width-thumbnail) .rocksite-c-article-box__thumbnail-wrapper { width: 250px; } } @media only screen and (min-width: 482px) { .rocksite-c-article-box:not(.-full-width-thumbnail) .rocksite-c-article-box__thumbnail-wrapper .post-thumbnail { width: 250px; } } @media only screen and (min-width: 482px) { .rocksite-c-article-box:not(.-full-width-thumbnail) .rocksite-c-article-box__thumbnail-wrapper .post-thumbnail .wp-post-image { width: 235px; } } @media only screen and (min-width: 482px) { .rocksite-c-article-box:not(.-full-width-thumbnail) .rocksite-c-article-box__content-wrapper { width: 490px; margin-left: 40px; } } .rocksite-c-article-box:not(.-full-width-thumbnail) .rocksite-c-article-box__content-wrapper__header { margin: 15px 0 10px 0; } .rocksite-c-article-box:not(.-full-width-thumbnail) .rocksite-c-article-box__content-wrapper__header__title { font-size: var(--heading--font-size-h5); line-height: var(--heading--line-height-h5); margin-bottom: 10px; } .rocksite-c-article-box:not(.-full-width-thumbnail) .rocksite-c-article-box__content-wrapper__content { margin: 0; } .rocksite-c-article-box:not(.-full-width-thumbnail) .rocksite-c-article-box__content-wrapper__content a { text-decoration: none; color: var(--global--color-text-base); } .rocksite-c-article-box:not(.-full-width-thumbnail) .rocksite-c-article-box__content-wrapper__content p { margin: 0; } .rocksite-c-article-box:not(.-full-width-thumbnail) .rocksite-c-article-box__content-wrapper__footer { margin: 10px 0 0 0; } .rocksite-c-article-box.-full-width-thumbnail { margin-bottom: 80px; } .rocksite-c-article-box.-full-width-thumbnail .rocksite-c-article-box__thumbnail-wrapper { margin-bottom: var(--global--spacing-vertical-text); } .rocksite-c-article-box.-full-width-thumbnail .rocksite-c-article__header__title { margin: 0 0 var(--global--spacing-vertical-text) 0; } /* Article Components */ .rocksite-a-icon-label { display: -webkit-box; display: -ms-flexbox; display: flex; } .rocksite-a-icon-label__text { margin-left: 5px; color: var(--global--color-text-lighten); font-size: var(--global--font-size-md); } .rocksite-c-author-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .rocksite-c-author-info__avatar { margin-right: 10px; } .rocksite-c-author-info__avatar img { border-radius: 50%; } .rocksite-c-author-info__name { font-size: var(--global--font-size-md); font-weight: 700; } /* Columns */ @media only screen and (min-width: 592px) { .rocksite-c-columns { display: -webkit-box; display: -ms-flexbox; display: flex; } } .rocksite-c-columns__item.--force-left { margin-left: 0; margin-right: auto; } .rocksite-c-columns__item + .rocksite-c-columns__item { margin-left: var(--global--spacing-horizontal); } .rocksite-c-columns.--align-right { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .no-results.not-found > *:first-child { margin-bottom: calc(3 * var(--global--spacing-vertical)); } .rocksite-l-page__header { margin-top: 50px; margin-bottom: 56px; } .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; } .tags-links a { display: inline-block; color: var(--global--color-text-base); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-xs); background-color: var(--global--color-gray-base); padding: 0 15px; border-radius: 20px; margin-right: 10px; } .tags-links a:hover { text-decoration: underline; -webkit-text-decoration-color: var(--global--color-text-base); text-decoration-color: var(--global--color-text-base); } .rocksite-c-chips-list a { display: inline-block; color: var(--global--color-invert); font-size: var(--global--font-size-xs); line-height: var(--global--line-height-xs); background: var(--global--color-third-base); padding: 0 6px; margin-right: 20px; } .rocksite-c-chips-list a:hover { text-decoration: underline; -webkit-text-decoration-color: var(--global--color-third-base); text-decoration-color: var(--global--color-third-base); } .rocksite-c-chips-list a:last-child { margin-right: 0; } /** Article Layout */ @media only screen and (min-width: 482px) { .rocksite-l-article .rocksite-l-article__header { margin-top: 50px; margin-bottom: 56px; } } .rocksite-l-article .rocksite-l-article__header__title { margin-bottom: 20px; } @media only screen and (min-width: 482px) { .rocksite-l-article .rocksite-l-article__header__title { margin-bottom: 50px; } } .rocksite-l-article .rocksite-l-article__header__top-meta { margin-bottom: var(--global--spacing-vertical); } @media only screen and (min-width: 482px) { .rocksite-l-article .rocksite-l-article__header__top-meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .rocksite-l-article .rocksite-l-article__header__top-meta__left { margin-bottom: 20px; } @media only screen and (min-width: 482px) { .rocksite-l-article .rocksite-l-article__header__top-meta__left { margin-bottom: 0; } } .rocksite-l-article .rocksite-l-article__header__thumbnail { margin-bottom: 40px; } @media only screen and (min-width: 482px) { .rocksite-l-article .rocksite-l-article__header__meta { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .rocksite-l-article .rocksite-l-article__header__meta__left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } @media only screen and (min-width: 482px) { .rocksite-l-article .rocksite-l-article__header__meta__left { margin-bottom: 0; } } .rocksite-l-article .rocksite-l-article__header__meta__left .rocksite-c-author-info { margin-right: 40px; } .rocksite-l-article .rocksite-l-article__header__meta__left .entry-meta { font-size: var(--global--font-size-md); margin: 0; } .rocksite-l-article .rocksite-l-article__header__meta__right { margin-bottom: 20px; } @media only screen and (min-width: 482px) { .rocksite-l-article .rocksite-l-article__header__meta__right { margin-bottom: 0; } } .rocksite-l-article .rocksite-l-article__footer { padding: var(--global--spacing-horizontal) 0; border-top: 1px solid var(--global--color-gray-lighten); border-bottom: 1px solid var(--global--color-gray-lighten); margin-bottom: 65px; } @media only screen and (min-width: 482px) { .rocksite-l-article .rocksite-l-article__footer { display: -webkit-box; display: -ms-flexbox; display: flex; } } .rocksite-l-article .rocksite-l-article__footer__left { margin-bottom: 40px; } @media only screen and (min-width: 482px) { .rocksite-l-article .rocksite-l-article__footer__left { width: 50%; margin-bottom: 0; } } @media only screen and (min-width: 482px) { .rocksite-l-article .rocksite-l-article__footer__right { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } .rocksite-l-article .rocksite-l-article__footer__right > * { -ms-flex-item-align: end; align-self: end; } .entry-title { color: var(--entry-header--color); font-size: var(--heading--font-size-h1); letter-spacing: var(--heading--letter-spacing-h2); line-height: var(--entry-header--line-height-h1); 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); } .entry-meta { color: var(--global--color-text-lighten); font-size: var(--global--font-size-xs); margin: 0 0 10px 0; } .entry-meta a:hover { color: var(--global--color-text-base); } .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 { font-size: var(--global--font-size-md); line-height: var(--global--line-height-md); } .entry-content p { word-wrap: break-word; line-height: var(--global--line-height-md); } .entry-content > iframe[style] { margin: var(--global--spacing-vertical) 0 !important; max-width: 100% !important; } @media only screen and (min-width: 482px) { .entry-content > iframe[style] { max-width: var(--global--spacing-vertical) !important; } } .entry-footer { color: var(--global--color-text-lighten); font-size: var(--global--font-size-xs); clear: both; float: none; display: block; } .entry-footer > span { display: inline-block; } body:not(.single) .site-main > article:last-of-type .entry-footer { border-bottom: var(--separator--height) solid transparent; } /** * Post Thumbnails */ .post-thumbnail { text-align: center; position: relative; margin-top: 0; padding: 15px 0 0 15px; } .post-thumbnail:before { background: var(--global--color-secondary); content: ''; display: block; width: calc(100% - 15px); bottom: 15px; position: absolute; top: 0; left: 0; z-index: -1; } .post-thumbnail .wp-post-image { display: block; width: auto; max-width: 100%; margin-right: 0; } /** * Author */ .author-bio { position: relative; font-size: var(--global--font-size-xs); } .site-main > article > .author-bio { margin-top: calc(2 * var(--global--spacing-vertical)); } .author-bio.show-avatars { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .author-bio.show-avatars .avatar { display: inline-block; vertical-align: top; border-radius: 50%; height: auto; } .author-bio.show-avatars .author-bio-content { display: inline-block; padding-left: var(--global--spacing-vertical-small); max-width: calc(var(--responsive--aligndefault-width) - 90px); margin-top: 0; } .author-bio .author-bio-content .author-title { font-size: var(--entry-author-bio--font-size); margin-bottom: var(--global--spacing-vertical-sm); } .author-bio .author-bio-content .author-description { font-size: var(--global--font-size-md); margin-top: 0; margin-bottom: calc(0.5 * var(--global--spacing-vertical)); color: var(--global--color-text-lighten); } .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 { 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); } /** Archive Layout */ .rocksite-l-archive { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 482px) { .rocksite-l-archive { display: -webkit-box; display: -ms-flexbox; display: flex; } } .rocksite-l-archive .rocksite-l-archive__articles .rocksite-c-article-box { width: auto; } @media only screen and (min-width: 482px) { .rocksite-l-archive.has-sidebar .rocksite-l-archive__articles { width: 780px; } } .rocksite-l-archive.has-sidebar .rocksite-l-archive__sidebar { width: 100%; } @media only screen and (min-width: 482px) { .rocksite-l-archive.has-sidebar .rocksite-l-archive__sidebar { padding-left: var(--global--spacing-horizontal-medium); width: 380px; } } .rocksite-l-archive .widget-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0; padding: 0; } .rocksite-l-archive .widget-area .widget { padding: var(--global--spacing-horizontal); background: var(--global--color-surface); margin: 0 0 20px 0; } .rocksite-l-archive .widget-area .widget .widget-title { color: var(--global--color-text-base); } .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)); } .search-no-results .page-content p { margin: var(--global--spacing-vertical-text) 0; } .search-result-count { margin: var(--global--spacing-vertical) 0; text-align: center; } /** * Comments Wrapper */ .comments-area { max-width: var(--responsive--aligndefault-width); margin-left: auto; margin-right: auto; margin-top: 120px; /** * Comment Title */ } @media only screen and (min-width: 482px) { .comments-area { max-width: var(--responsive--aligndefault-width-post); } } .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: 75px; } .comments-area.show-avatars .comment-metadata { padding: 8px 0 10px 75px; } .comments-area .comments-title, .comments-area .comment-reply-title { font-size: var(--heading--font-size-h4); letter-spacing: var(--heading--letter-spacing-h2); } .comments-area .comments-title { margin: 50px 0 38px 0; } .comment-reply-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .comment-reply-title small a { display: inline-block; padding: 10px 0; font-weight: 400; font-family: var(--global--font-secondary); font-size: var(--button--font-size); color: var(--global--color-secondary); text-transform: uppercase; } .comment-reply-title small a:hover { text-decoration: underline; -webkit-text-decoration-style: dotted; text-decoration-style: dotted; } /* 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 { position: relative; margin: 0 0 16px 0; } .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-primary); font-weight: 700; font-size: 1.5rem; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; word-wrap: break-word; word-break: break-word; } .comment-meta .comment-metadata { color: var(--global--color-text-lighten); font-size: var(--global--font-size-xs); padding: 8px 0 9px 0; } .comment-meta .comment-metadata a { color: var(--global--color-text-lighten); } .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: var(--global--spacing-vertical); padding: 40px 50px; border: 1px solid var(--global--color-gray-darken); } .comment-body .reply { margin: 0; text-align: right; } .comment-body .comment-reply-link { display: inline-block; padding: 10px 0; font-weight: 400; font-family: var(--global--font-secondary); font-size: var(--button--font-size); color: var(--global--color-secondary); text-transform: uppercase; } .comment-body .comment-reply-link:hover { text-decoration: underline; -webkit-text-decoration-style: dotted; text-decoration-style: dotted; } .comment-content a { 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: 60px; } .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: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .comment-form > * { -ms-flex-preferred-size: 100%; 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 { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media only screen and (max-width: 481px) { .comment-form .comment-form-author, .comment-form .comment-form-email { -ms-flex-preferred-size: 100%; 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(.5 * var(--global--spacing-unit)); width: 100%; font-weight: var(--form--label-weight); } .comment-form > p label { margin-bottom: 10px; } .comment-form > p input[type="checkbox"] { margin-top: 1px; } .comment-form > p.comment-form-cookies-consent { display: -webkit-box; display: -ms-flexbox; 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; } } .rocksite-c-menu-button { display: none; padding: 0 10px; -webkit-transform: translateY(-40px); transform: translateY(-40px); height: 60px; width: auto; } .rocksite-c-menu-button svg { fill: var(--global--color-text-base); } .rocksite-c-menu-button[aria-expanded*="true"] { -webkit-transform: translate(-40px, -40px); transform: translate(-40px, -40px); } @media only screen and (max-width: 481px) { .rocksite-c-menu-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; z-index: 500; } } .rocksite-c-menu-button__open { display: block; } [aria-expanded*="true"] .rocksite-c-menu-button__open { display: none; } .rocksite-c-menu-button__close { display: none; } [aria-expanded*="true"] .rocksite-c-menu-button__close { display: block; } .rocksite-s-main-header__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; } .rocksite-s-main-header__navigation .rocksite-s-main-header__navigation__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); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out; -webkit-transform: translateY(var(--global--spacing-vertical)); transform: translateY(var(--global--spacing-vertical)); } @media only screen and (max-width: 481px) { .rocksite-s-main-header__navigation .rocksite-s-main-header__navigation__menu__container__mobile-search { width: 100%; } } @media only screen and (max-width: 481px) { .rocksite-s-main-header__navigation .rocksite-s-main-header__navigation__menu__container__mobile-menu { padding: 20px 0 40px 0; } .rocksite-s-main-header__navigation .rocksite-s-main-header__navigation__menu__container__mobile-menu li a { padding-left: 0; } } .rocksite-s-main-header__navigation .rocksite-s-main-header__navigation__menu__container__toggle-menu ul { list-style: none; padding: 0; } .rocksite-s-main-header__navigation .rocksite-s-main-header__navigation__menu__container__toggle-menu ul .menu-item.-icon-item svg { margin-top: 7px; fill: var(--global--color-text-base); min-width: 28px; } .rocksite-s-main-header__navigation .rocksite-s-main-header__navigation__menu__container__toggle-menu ul .menu-item.-icon-item:hover svg { fill: var(--global--color-secondary-base); } @media only screen and (max-width: 481px) { .rocksite-s-main-header__navigation .rocksite-s-main-header__navigation__menu__container { height: calc(100vh - 60px); z-index: 499; overflow-x: hidden; overflow-y: auto; border: 2px solid transparent; top: 60px; padding-top: 40px; padding-bottom: 80px; } .has-logo.has-title-and-tagline .rocksite-s-main-header__navigation .rocksite-s-main-header__navigation__menu__container { position: fixed; -webkit-transform: translateY(0) translateX(100%); transform: translateY(0) translateX(100%); } .admin-bar .has-logo.has-title-and-tagline .rocksite-s-main-header__navigation .rocksite-s-main-header__navigation__menu__container { top: var(--global--admin-bar--height); } .admin-bar .rocksite-s-main-header__navigation .rocksite-s-main-header__navigation__menu__container { height: calc(100vh - var(--global--admin-bar--height)); } .rocksite-s-main-header__navigation .rocksite-s-main-header__navigation__menu__container:focus { border: 2px solid var(--global--color-primary-base); } } @media only screen and (max-width: 481px) { .primary-navigation-open .rocksite-s-main-header__navigation { width: 100%; position: fixed; z-index: 2; } } .primary-navigation-open .rocksite-s-main-header__navigation > .primary-menu-container { position: absolute; visibility: visible; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } @media only screen and (max-width: 481px) { .primary-navigation-open .has-logo.has-title-and-tagline .rocksite-s-main-header__navigation > .primary-menu-container { -webkit-transform: translateX(0) translateY(0); transform: translateX(0) translateY(0); } } @media only screen and (min-width: 482px) { .rocksite-s-main-header__navigation { position: relative; margin-left: auto; margin-right: auto; } .rocksite-s-main-header__navigation .rocksite-s-main-header__navigation__menu__container { visibility: visible; opacity: 1; position: relative; padding: 0; background-color: transparent; overflow: initial; -webkit-transform: none; transform: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .rocksite-s-main-header__navigation #toggle-menu { display: none; } .rocksite-s-main-header__navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded="false"] ~ ul { display: none; } .admin-bar .rocksite-s-main-header__navigation { top: initial; } .admin-bar .rocksite-s-main-header__navigation > .primary-menu-container { top: initial; } } .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; margin: 0; max-width: none; padding-left: 0; position: relative; } .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper li { display: block; position: relative; width: 100%; margin-bottom: 10px; line-height: 40px; } @media only screen and (min-width: 482px) { .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper li { margin: 0; width: inherit; } .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper li:last-child { margin-right: 0; } } .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper .sub-menu-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 20px; padding: 0; position: absolute; top: 0; right: 0; bottom: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: transparent; color: currentColor; border: none; } .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper .sub-menu-toggle:focus { outline: none; } @media only screen and (max-width: 481px) { .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper .sub-menu-toggle { display: none; } } .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper .sub-menu-toggle .icon-up, .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper .sub-menu-toggle .icon-down { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper .sub-menu-toggle .icon-up svg, .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper .sub-menu-toggle .icon-down svg { position: relative; right: -8px; } .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper .sub-menu-toggle .icon-up { display: none; } .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper .sub-menu-toggle[aria-expanded="true"] .icon-up { display: -webkit-box; display: -ms-flexbox; display: flex; } .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper .sub-menu-toggle[aria-expanded="true"] .icon-down { display: none; } .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper > li > .sub-menu { position: relative; } @media only screen and (min-width: 482px) { .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper > li > .sub-menu { left: 20px; margin: 0; min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; position: absolute; top: 90%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; z-index: 88888; } .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper > li > .sub-menu.submenu-reposition-left { /* rtl:ignore */ left: 0; /* rtl:ignore */ right: auto; } .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper > li > .sub-menu.submenu-reposition-left:before, .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper > li > .sub-menu.submenu-reposition-left:after { /* rtl:ignore */ left: var(--global--spacing-horizontal); /* rtl:ignore */ right: auto; } .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper > li > .sub-menu.submenu-reposition-right { /* rtl:ignore */ right: 0; /* rtl:ignore */ left: auto; } .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper > li > .sub-menu.submenu-reposition-right:before, .rocksite-s-main-header__navigation > div > .rocksite-s-main-header__navigation__menu__wrapper > li > .sub-menu.submenu-reposition-right:after { /* rtl:ignore */ left: auto; /* rtl:ignore */ right: var(--global--spacing-horizontal); } } .rocksite-s-main-header__navigation .primary-menu > .menu-item:hover > a { color: var(--primary-nav--color-link-hover); } @media only screen and (min-width: 482px) { .rocksite-s-main-header__navigation .primary-menu-container { margin-right: calc(0px - var(--primary-nav--padding)); margin-left: calc(0px - var(--primary-nav--padding)); } .rocksite-s-main-header__navigation .primary-menu-container > ul > .menu-item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5px; } .rocksite-s-main-header__navigation .primary-menu-container > ul > .menu-item > a { padding: var(--primary-nav--padding); } .rocksite-s-main-header__navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle { margin-left: calc(5px - var(--primary-nav--padding)); } } .rocksite-s-main-header__navigation li 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-mobile); text-decoration: none; color: var(--primary-nav--color-text); } @media only screen and (min-width: 482px) { .rocksite-s-main-header__navigation li a { display: block; padding: var(--primary-nav--padding); font-family: var(--primary-nav--font-family); font-size: var(--primary-nav--font-size); font-weight: var(--primary-nav--font-weight); } } .rocksite-s-main-header__navigation li a + svg { fill: var(--primary-nav--color-text); } .rocksite-s-main-header__navigation li a:hover, .rocksite-s-main-header__navigation li a:link, .rocksite-s-main-header__navigation li a:visited { color: var(--primary-nav--color-text); } .rocksite-s-main-header__navigation li a:focus { outline: var(--primary-nav--focus-outline); } .rocksite-s-main-header__navigation .current-menu-item > a:first-child, .rocksite-s-main-header__navigation .current_page_item > a:first-child { text-decoration: underline; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-color: var(--primary-nav--border-color); text-decoration-color: var(--primary-nav--border-color); text-decoration-thickness: 2px; } .rocksite-s-main-header__navigation .current-menu-item > a:first-child:hover, .rocksite-s-main-header__navigation .current_page_item > a:first-child:hover { text-decoration: underline; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-color: var(--primary-nav--border-color); text-decoration-color: var(--primary-nav--border-color); text-decoration-thickness: 2px; } .rocksite-s-main-header__navigation .sub-menu { margin: 0; padding-left: 40px; list-style: none; } .rocksite-s-main-header__navigation .sub-menu .sub-menu { border: none; } @media only screen and (min-width: 482px) { .rocksite-s-main-header__navigation .sub-menu { margin-left: var(--primary-nav--padding); background: var(--global--color-gray-lighten); -webkit-box-shadow: var(--global--elevation); box-shadow: var(--global--elevation); padding: 16px 20px; } .rocksite-s-main-header__navigation .sub-menu > .menu-item > .sub-menu { padding: 0; } } @media only screen and (max-width: 481px) { .rocksite-s-main-header__navigation .sub-menu .menu-item:last-child { margin-bottom: 0; } } .rocksite-s-main-header__navigation .sub-menu .menu-item > a { padding: 5px 0; display: block; font-size: var(--primary-nav--font-size-sub-menu-mobile); line-height: var(--global--line-height-md); font-style: var(--primary-nav--font-style-sub-menu-mobile); font-family: var(--primary-nav--font-family-sub-menu); } @media only screen and (min-width: 482px) { .rocksite-s-main-header__navigation .sub-menu .menu-item > a { font-size: var(--primary-nav--font-size-sub-menu); font-style: var(--primary-nav--font-style); } } .rocksite-s-main-header__navigation .menu-item-has-children > .svg-icon { display: none; } @media only screen and (min-width: 482px) { .rocksite-s-main-header__navigation .menu-item-has-children > .svg-icon { display: inline-block; height: 100%; } .rocksite-s-main-header__navigation .menu-item-has-children .sub-menu .svg-icon { display: none; } } .rocksite-s-main-header__navigation .menu-item-description { display: block; clear: both; font-size: var(--global--font-size-xs); text-transform: none; line-height: 1.7; } .rocksite-s-main-header__navigation .menu-item-description > span { display: inline-block; } .rocksite-o-search-navbar .search-form { max-width: 400px; } .rocksite-o-search-navbar__close-button { position: absolute; right: 50px; top: 20px; } .rocksite-c-social-menu { display: -webkit-box; display: -ms-flexbox; display: flex; } .rocksite-c-social-menu > a:not(:first-child) { margin-left: 10px; } @media only screen and (max-width: 481px) { .lock-scrolling .site { position: fixed; max-width: 100%; width: 100%; } } @-webkit-keyframes canvi-close-button-transition { from { opacity: 0; } to { opacity: 1; } } @keyframes canvi-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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; 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); -webkit-transition: -webkit-transform 0.1s ease; transition: -webkit-transform 0.1s ease; transition: transform 0.1s ease; transition: transform 0.1s ease, -webkit-transform 0.1s ease; 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; -webkit-text-decoration-style: dotted; 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-invert)); } .footer-navigation-wrapper li .svg-icon { vertical-align: middle; fill: var(--footer--color-link); } .footer-navigation-wrapper li .svg-icon:hover { -webkit-transform: scale(1.1); transform: scale(1.1); } .footer-navigation-wrapper .sub-menu-toggle, .footer-navigation-wrapper .menu-item-description { display: none; } /* Next/Previous navigation */ .navigation { color: var(--global--color-primary-base); } .navigation a { color: var(--global--color-primary-base); text-decoration: none; } .navigation a:hover { color: var(--global--color-primary-lighten); text-decoration: underline; -webkit-text-decoration-style: dotted; text-decoration-style: dotted; } .navigation a:focus { color: var(--global--color-secondary); } .navigation a:active { color: var(--global--color-primary-base); } .navigation .nav-links > * { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .navigation .nav-links .nav-next a, .navigation .nav-links .nav-previous a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .navigation .nav-links .dots { text-align: center; } @media only screen and (min-width: 592px) { .navigation .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .navigation .nav-links .nav-next, .navigation .nav-links .nav-previous { -webkit-box-flex: 0; -ms-flex: 0 1 auto; 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; } .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-text-lighten); font-size: var(--global--font-size-sm); text-transform: uppercase; margin-bottom: var(--global--spacing-vertical-sm); } .post-navigation .post-title { display: inline-block; font-family: var(--global--font-primary); font-size: var(--global--font-size-sm); font-weight: normal; line-height: var(--global--line-height-sm); } @media only screen and (min-width: 822px) { .post-navigation .post-title { margin: 5px 0 0; } } .post-navigation .nav-links a { color: var(--global--color-text-base); } .post-navigation .nav-links a .meta-nav { color: var(--global--color-text-lighten); } @media only screen and (min-width: 482px) { .post-navigation .nav-links { -webkit-box-pack: justify; -ms-flex-pack: justify; 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; } .post-navigation .nav-previous .svg-icon, .post-navigation .prev .svg-icon { margin-right: calc(0.25 * var(--global--spacing-unit)); } .post-navigation .nav-next .svg-icon, .post-navigation .next .svg-icon { margin-left: calc(0.25 * var(--global--spacing-unit)); } .pagination, .comments-pagination { padding-top: var(--global--spacing-vertical); margin: var(--global--spacing-vertical) auto; color: var(--global--color-primary-base); } @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-invert); } .pagination a, .comments-pagination a { color: var(--global--color-primary-base); text-decoration: none; } .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-right: 5px; background: var(--pagination--link-background); width: 30px; height: 30px; min-width: 30px; min-height: 30px; border-radius: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pagination .nav-links > *.current, .pagination .nav-links > *:hover, .comments-pagination .nav-links > *.current, .comments-pagination .nav-links > *:hover { background: var(--pagination--link-background-current); } @media only screen and (min-width: 592px) { .pagination .nav-links, .comments-pagination .nav-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .pagination .svg-icon, .comments-pagination .svg-icon { display: inline-block; fill: currentColor; vertical-align: middle; position: relative; margin: 0; } .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(--widget--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); -webkit-column-gap: calc(2 * var(--global--spacing-horizontal)); -moz-column-gap: calc(2 * var(--global--spacing-horizontal)); 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: 481px) { .widget-area { margin-top: calc(3 * var(--global--spacing-vertical)); } } .widget-area .wp-block-social-links.alignright { margin-top: var(--global--spacing-vertical); -webkit-box-pack: end; -ms-flex-pack: end; 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 ul { padding: 0; margin-left: 18px; } .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(--widget--color-link); } .widget a:link, .widget a:visited, .widget a:active { color: var(--widget--color-link-hover); } .widget a:hover { text-decoration: underline; -webkit-text-decoration-style: solid; text-decoration-style: solid; -webkit-text-decoration-color: var(--footer--color-link-hover); text-decoration-color: var(--footer--color-link-hover); } .widget .widget-title { font-size: var(--heading--font-size-h6); font-weight: var(--widget--font-weight-title); line-height: var(--widget--line-height-title); color: var(--global--color-text-lighten); margin-bottom: var(--global--spacing-vertical-small); } .widget .widget-title + * { margin-top: var(--global--spacing-vertical-small); } .widget.--footer .widget-title { color: var(--global--color-gray-darken); } .search-form { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: auto; width: 100%; } .search-form > label { width: 100%; margin-bottom: 0; font-weight: var(--form--label-weight); } .search-form .search-field { -webkit-box-flex: 1; -ms-flex-positive: 1; 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; background-color: transparent; color: var(--button--color-text-hover); margin-bottom: calc(0.5 * var(--global--spacing-vertical)); } .widget_search > .search-form .search-submit:hover { background-color: var(--button--color-background); color: var(--button--color-text); } .widget_nav_menu { margin: 0; } .widget_nav_menu ul { list-style: none; margin: 0; } .widget_nav_menu ul li a:link, .widget_nav_menu ul li a:visited { color: var(--global--color-text-base); font-weight: 600; } .widget_nav_menu.--footer { width: 170px; } .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; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 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; } @media (prefers-reduced-motion) { * { -webkit-transition-delay: 0s !important; transition-delay: 0s !important; -webkit-transition-duration: 0s !important; transition-duration: 0s !important; } } .has-black-color[class] { color: var(--global--color-black); } .has-text-lighten-color[class] { color: var(--global--color-text-lighten); } .has-primary-base-color[class] { color: var(--global--color-primary-base); } .has-primary-lighten-color[class] { color: var(--global--color-primary-lighten); } .has-secondary-base-color[class] { color: var(--global--color-secondary-base); } .has-secondary-lighten-color[class] { color: var(--global--color-secondary-lighten); } .has-third-base-color[class] { color: var(--global--color-third-base); } .has-third-lighten-color[class] { color: var(--global--color-third-lighten); } .has-surface-color[class] { color: var(--global--color-surface); } .has-invert-color[class] { color: var(--global--color-invert); } .has-warning-color[class] { color: var(--global--color-warning); } .has-success-color[class] { color: var(--global--color-success); } .has-gray-base-color[class] { color: var(--global--color-gray-base); } .has-gray-lighten-color[class] { color: var(--global--color-gray-lighten); } .has-gray-darken-color[class] { color: var(--global--color-gray-darken); } .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); border-color: currentColor; } .has-black-background-color[class].has-background-dim:before { background-color: var(--global--color-black); } .has-text-lighten-background-color[class] { background-color: var(--global--color-text-lighten); border-color: currentColor; } .has-text-lighten-background-color[class].has-background-dim:before { background-color: var(--global--color-text-lighten); } .has-primary-base-background-color[class] { background-color: var(--global--color-primary-base); border-color: currentColor; } .has-primary-base-background-color[class].has-background-dim:before { background-color: var(--global--color-primary-base); } .has-primary-lighten-background-color[class] { background-color: var(--global--color-primary-lighten); border-color: currentColor; } .has-primary-lighten-background-color[class].has-background-dim:before { background-color: var(--global--color-primary-lighten); } .has-secondary-base-background-color[class] { background-color: var(--global--color-secondary-base); border-color: currentColor; } .has-secondary-base-background-color[class].has-background-dim:before { background-color: var(--global--color-secondary-base); } .has-secondary-lighten-background-color[class] { background-color: var(--global--color-secondary-lighten); border-color: currentColor; } .has-secondary-lighten-background-color[class].has-background-dim:before { background-color: var(--global--color-secondary-lighten); } .has-third-base-background-color[class] { background-color: var(--global--color-third-base); border-color: currentColor; } .has-third-base-background-color[class].has-background-dim:before { background-color: var(--global--color-third-base); } .has-third-lighten-background-color[class] { background-color: var(--global--color-third-lighten); border-color: currentColor; } .has-third-lighten-background-color[class].has-background-dim:before { background-color: var(--global--color-third-lighten); } .has-surface-background-color[class] { background-color: var(--global--color-surface); border-color: currentColor; } .has-surface-background-color[class].has-background-dim:before { background-color: var(--global--color-surface); } .has-invert-background-color[class] { background-color: var(--global--color-invert); border-color: currentColor; } .has-invert-background-color[class].has-background-dim:before { background-color: var(--global--color-invert); } .has-warning-background-color[class] { background-color: var(--global--color-warning); border-color: currentColor; } .has-warning-background-color[class].has-background-dim:before { background-color: var(--global--color-warning); } .has-success-background-color[class] { background-color: var(--global--color-success); border-color: currentColor; } .has-success-background-color[class].has-background-dim:before { background-color: var(--global--color-success); } .has-gray-base-background-color[class] { background-color: var(--global--color-gray-base); border-color: currentColor; } .has-gray-base-background-color[class].has-background-dim:before { background-color: var(--global--color-gray-base); } .has-gray-lighten-background-color[class] { background-color: var(--global--color-gray-lighten); border-color: currentColor; } .has-gray-lighten-background-color[class].has-background-dim:before { background-color: var(--global--color-gray-lighten); } .has-gray-darken-background-color[class] { background-color: var(--global--color-gray-darken); border-color: currentColor; } .has-gray-darken-background-color[class].has-background-dim:before { background-color: var(--global--color-gray-darken); } .has-purple-to-yellow-gradient-background { background: linear-gradient(160deg, var(--global--color-third-lighten), var(--global--color-secondary-lighten)); } .has-yellow-to-purple-gradient-background { background: linear-gradient(160deg, var(--global--color-secondary-lighten), var(--global--color-third-lighten)); } .has-green-to-yellow-gradient-background { background: linear-gradient(160deg, var(--global--color-success-base), var(--global--color-secondary-lighten)); } .has-yellow-to-green-gradient-background { background: linear-gradient(160deg, var(--global--color-secondary-lighten), var(--global--color-success-base)); } .has-red-to-yellow-gradient-background { background: linear-gradient(160deg, var(--global--color-warning-base), var(--global--color-secondary-lighten)); } .has-yellow-to-red-gradient-background { background: linear-gradient(160deg, var(--global--color-secondary-lighten), var(--global--color-warning-base)); } .has-purple-to-red-gradient-background { background: linear-gradient(160deg, var(--global--color-third-lighten), var(--global--color-warning-base)); } .has-red-to-purple-gradient-background { background: linear-gradient(160deg, var(--global--color-warning-base), var(--global--color-third-lighten)); } header *, main *, footer * { max-width: var(--global--spacing-measure); } html, body, div, header, nav, article, figure, hr, main, section, footer { max-width: none; } .sticky { visibility: visible; } .u-hidden { display: none; } @media only screen and (max-width: 481px) { .u-hide-on-mobile { display: none; } } @media only screen and (min-width: 482px) { .u-hide-on-desktop { display: none !important; } } .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: 481px) { .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; } /* Category 08 is for integrated plugins components */ /* Classic Style ----------------------------------------------------------------------------- */ .shared-counts-wrap.style-classic { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .shared-counts-wrap.style-classic.before_content { padding: 0; } .shared-counts-wrap.style-classic .shared-counts-button { margin-right: 15px; /** Buttons variants */ } .shared-counts-wrap.style-classic .shared-counts-button:last-child { margin-right: 0; } .shared-counts-wrap.style-classic .shared-counts-button .shared-counts-icon-label { cursor: pointer; font-weight: var(--button--font-weight); font-family: var(--button--font-family); line-height: var(--button--line-height); background-color: var(--button--color-background); border-radius: var(--button--border-radius); border: var(--button--border-width) solid var(--button--color-background); color: var(--button--color-text); text-decoration: none; display: inline-block; padding: var(--button--padding-vertical) var(--button--padding-horizontal); padding-top: 8px; font-size: var(--button--font-size); width: 28px; height: 28px; padding: 2px 4px; text-align: center; border-radius: 50px; background: var(--global--color-facebook); border-color: var(--global--color-facebook); } .shared-counts-wrap.style-classic .shared-counts-button .shared-counts-icon-label:focus { background: transparent; outline-offset: -6px; outline: var(--button--focus-outline); } .is-dark-theme .shared-counts-wrap.style-classic .shared-counts-button .shared-counts-icon-label:focus { color: var(--button--color-background); } .shared-counts-wrap.style-classic .shared-counts-button .shared-counts-icon-label:focus:not(.has-background) { color: var(--button--color-text-hover); } .shared-counts-wrap.style-classic .shared-counts-button .shared-counts-icon-label:hover { color: var(--button--color-text-hover); background: transparent; border-color: var(--button--color-background); } .shared-counts-wrap.style-classic .shared-counts-button .shared-counts-icon-label:disabled { background-color: var(--global--color-gray-lighten); border-color: var(--global--color-gray-lighten); color: var(--button--color-text-active); } .shared-counts-wrap.style-classic .shared-counts-button .shared-counts-icon-label .shared-counts-icon svg { fill: var(--global--color-invert); width: 16px; height: 16px; } .shared-counts-wrap.style-classic .shared-counts-button .shared-counts-icon-label:hover { border-color: var(--global--color-facebook); } .shared-counts-wrap.style-classic .shared-counts-button .shared-counts-icon-label:hover .shared-counts-icon svg { fill: var(--global--color-facebook); } .shared-counts-wrap.style-classic .shared-counts-button .shared-counts-label { display: none; } .shared-counts-wrap.style-classic .shared-counts-button .shared-counts-count { font-size: 10px; padding: 2px 10px; background: var(--global--color-gray-base); border-radius: 20px; color: var(--global--color-text-base); -webkit-transform: translate(2px, -13px); transform: translate(2px, -13px); display: inline-block; line-height: 1; } .shared-counts-wrap.style-classic .shared-counts-button.linkedin .shared-counts-icon-label { background-color: var(--global--color-linkedin); border-color: var(--global--color-linkedin); } .shared-counts-wrap.style-classic .shared-counts-button.linkedin .shared-counts-icon-label:hover { background-color: var(--global--color-invert); } .shared-counts-wrap.style-classic .shared-counts-button.linkedin .shared-counts-icon-label:hover .shared-counts-icon svg { fill: var(--global--color-linkedin); } .shared-counts-wrap.style-classic .shared-counts-button.pinterest .shared-counts-icon-label { background-color: var(--global--color-pinterest); border-color: var(--global--color-pinterest); } .shared-counts-wrap.style-classic .shared-counts-button.pinterest .shared-counts-icon-label:hover { background-color: var(--global--color-invert); } .shared-counts-wrap.style-classic .shared-counts-button.pinterest .shared-counts-icon-label:hover .shared-counts-icon svg { fill: var(--global--color-pinterest); } .shared-counts-wrap.style-classic .shared-counts-button.twitter .shared-counts-icon-label { background-color: var(--global--color-twitter); border-color: var(--global--color-twitter); } .shared-counts-wrap.style-classic .shared-counts-button.twitter .shared-counts-icon-label:hover { background-color: var(--global--color-invert); } .shared-counts-wrap.style-classic .shared-counts-button.twitter .shared-counts-icon-label:hover .shared-counts-icon svg { fill: var(--global--color-twitter); }