@charset "UTF-8"; /** * Styles for the WordPress post/page editor. * Ensures a visual match between back- and front-end. */ /*-------------------------------------------------------------- >>> TABLE OF CONTENTS: ---------------------------------------------------------------- # Imports # Custom properties # Typography # Elements # Links # Adjustments for the editor --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Imports --------------------------------------------------------------*/ /** * Custom Properties */ /** * Custom vars */ :root { --global-gray-400: #CBD5E0; --global-gray-500: #A0AEC0; --global-xs-spacing: 1em; --global-sm-spacing: 1.5rem; --global-md-spacing: 2rem; --global-lg-spacing: 2.5em; --global-xl-spacing: 3.5em; --global-xxl-spacing: 5rem; --global-edge-spacing: 1.5rem; --global-boxed-spacing: 2rem; } /** * Custom Properties */ /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ html { -webkit-box-sizing: border-box; box-sizing: border-box; } /** * Inherit box-sizing to make it easier to change the property for * components that leverage other behavior; see * http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ *, *::before, *::after { -webkit-box-sizing: inherit; box-sizing: inherit; } hr { height: 0; border: 0; border-bottom: 2px solid var(--global-gray-400); } ul, ol { margin: 0 0 1.5em 1.5em; padding: 0; } ul.aligncenter, ol.aligncenter { list-style: none; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin-bottom: 0; margin-left: 1.5em; } dt { font-weight: 700; } dd { margin: 0 1.5em 1.5em; } /* stylelint-disable */ img { display: block; height: auto; max-width: 100%; } /* stylelint-enable */ /* Extra wide images within figure tags don't overflow the content area. */ figure { margin: 0.5em 0; } table { margin: 0 0 1.5em; width: 100%; } a { color: var(--global-palette-highlight); -webkit-transition: all .1s linear; transition: all .1s linear; } a:hover, a:focus, a:active { color: var(--global-palette-highlight-alt); } a:hover, a:active { outline: 0; } .inner-link-style-plain a:not(.button), .widget-area.inner-link-style-plain a:not(.button) { text-decoration: none; } .inner-link-style-normal a:not(.button), .widget-area.inner-link-style-normal a:not(.button) { text-decoration: underline; } .link-style-no-underline .entry-content p > a, .link-style-no-underline .entry-content strong > a, .link-style-no-underline .entry-content em > a, .link-style-no-underline .entry-content > ul a, .link-style-no-underline .entry-content a { text-decoration: none; } .link-style-no-underline .entry-content p > a:hover, .link-style-no-underline .entry-content strong > a:hover, .link-style-no-underline .entry-content em > a:hover, .link-style-no-underline .entry-content > ul a:hover, .link-style-no-underline .entry-content a:hover { text-decoration: none; } .link-style-color-underline .entry-content p a, .link-style-color-underline .entry-content strong > a, .link-style-color-underline .entry-content em > a, .link-style-color-underline .entry-content > ul a, .link-style-color-underline .entry-content > ol a { color: inherit; text-decoration: underline; -webkit-text-decoration-color: var(--global-palette-highlight); text-decoration-color: var(--global-palette-highlight); } .link-style-color-underline .entry-content p a:hover, .link-style-color-underline .entry-content strong > a:hover, .link-style-color-underline .entry-content em > a:hover, .link-style-color-underline .entry-content > ul a:hover, .link-style-color-underline .entry-content > ol a:hover { color: var(--global-palette-highlight); } .link-style-hover-background .entry-content p a, .link-style-hover-background .entry-content strong > a, .link-style-hover-background .entry-content em > a, .link-style-hover-background .entry-content > ul a, .link-style-hover-background .entry-content > ol a { color: var(--global-palette-highlight); text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from(var(--global-palette-highlight)), to(var(--global-palette-highlight))); background-image: linear-gradient(var(--global-palette-highlight), var(--global-palette-highlight)); background-position: 0% 100%; background-repeat: no-repeat; background-size: 100% 1px; } .link-style-hover-background .entry-content p a:hover, .link-style-hover-background .entry-content strong > a:hover, .link-style-hover-background .entry-content em > a:hover, .link-style-hover-background .entry-content > ul a:hover, .link-style-hover-background .entry-content > ol a:hover { color: var(--global-palette-highlight-alt2); text-decoration: none; background-size: 100% 100%; } .link-style-offset-background .entry-content p a, .link-style-offset-background .entry-content strong > a, .link-style-offset-background .entry-content em > a, .link-style-offset-background .entry-content > ul a, .link-style-offset-background .entry-content > ol a { color: inherit; text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from(var(--global-palette-highlight-alt2)), to(var(--global-palette-highlight))); background-image: linear-gradient(var(--global-palette-highlight-alt2), var(--global-palette-highlight)); background-repeat: no-repeat; background-position: 4px bottom; background-size: 100% 10px; } .link-style-offset-background .entry-content p a:hover, .link-style-offset-background .entry-content strong > a:hover, .link-style-offset-background .entry-content em > a:hover, .link-style-offset-background .entry-content > ul a:hover, .link-style-offset-background .entry-content > ol a:hover { color: inherit; text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from(var(--global-palette-highlight-alt2)), to(var(--global-palette-highlight-alt))); background-image: linear-gradient(var(--global-palette-highlight-alt2), var(--global-palette-highlight-alt)); } /** * Custom Properties */ /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { margin-bottom: 1.5em; max-width: 100%; } .wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; } .wp-caption-text { text-align: center; } .wp-caption .wp-caption-text { margin: 0.8075em 0; } /*-------------------------------------------------------------- ## Galleries (Legacy) --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); grid-gap: 0.5em; } .gallery .gallery-item { margin-top: 0; } .elementor-image-gallery .gallery { display: block; } @media screen and (min-width: 40em) { .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(6, 1fr); } .gallery-columns-7 { grid-template-columns: repeat(7, 1fr); } .gallery-columns-8 { grid-template-columns: repeat(8, 1fr); } .gallery-columns-9 { grid-template-columns: repeat(9, 1fr); } } .gallery-item { padding: 0.5em; } .gallery-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gallery-caption { font-size: 80%; } .gallery.entry { display: block; } /** * Custom Properties */ /*-------------------------------------------------------------- ## Blocks --------------------------------------------------------------*/ /* * Available block selectors: * .wp-block-image * .wp-block-media-text * .wp-block-gallery * .wp-block-audio * .wp-block-video * .wp-block-quote * .wp-block-cover * .wp-block-file * .wp-block-button * .wp-block-gallery * .wp-block-table * .wp-block-embed * .wp-block-audio * .wp-block-pullquote * .wp-block-preformatted * .wp-block-code * .wp-block-verse * .wp-block-table * .wp-block-separator * .wp-block-columns * .wp-block-column * .wp-block-latest-posts * .wp-block-categories * .wp-block-archives */ .has-drop-cap:not(:focus):first-letter { float: left; line-height: 1; font-size: 80px; font-weight: 600; margin: 0 .125em 0 0; text-transform: uppercase; } .wp-block-image { margin-bottom: 0; } figure.wp-block-image.aligncenter img { display: inline-block; } /* PullQuote Block */ .wp-block-pullquote { border-top: 0; border-bottom: 0; color: var(--global-palette4); } .wp-block-pullquote blockquote { border: 0; margin: 0 auto; padding: 2em; position: relative; } .wp-block-pullquote blockquote::before { font-size: 200px; line-height: 40px; font-family: sans-serif; color: var(--global-palette7); z-index: 0; position: absolute; left: 35px; content: open-quote; top: 80px; } .wp-block-pullquote blockquote p { font-size: 1.15em; font-style: italic; position: relative; z-index: 1; } .wp-block-pullquote blockquote cite { text-transform: uppercase; } .wp-block-pullquote.is-style-solid-color:not(.has-background) { background: var(--global-palette7); } .wp-block-pullquote.is-style-solid-color blockquote { padding: 0; } .wp-block-pullquote.is-style-solid-color blockquote:before { color: var(--global-palette9); left: -20px; top: 45px; } .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 1.15em; font-style: italic; } @media screen and (min-width: 767px) { .wp-block-pullquote blockquote p, .wp-block-pullquote.is-style-solid-color blockquote p { font-size: 1.3em; } } /* BlockQuote Block */ .wp-block-quote.is-large, .wp-block-quote.is-style-large { margin: 1.5em auto; padding: 0 1em; } .wp-block-quote.is-large, .wp-block-quote.is-style-large { border: none; } .wp-block-quote.has-text-align-right { border-left: none; border-right: 4px solid var(--global-palette4); padding-left: 0; padding-right: 1em; } .wp-block-quote.has-text-align-center { border: none; padding-left: 0; } .single-content .wp-block-quote p { margin-bottom: var(--global-sm-spacing); } .single-content .wp-block-quote p:last-child { margin-bottom: 0; } /* Cover Block */ .wp-block-cover { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wp-block-table { border-collapse: collapse; } .wp-block-table table { border-collapse: collapse; } .wp-block-table thead { border-bottom: 3px solid var(--global-palette6); } .wp-block-table tfoot { border-top: 3px solid var(--global-palette6); } .wp-block-table td, .wp-block-table th { padding: .5em; border: 1px solid var(--global-palette6); word-break: normal; } .wp-block-table.is-style-stripes thead { border-bottom: 0; } .wp-block-table.is-style-stripes tfoot { border-top: 0; } .wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th { border: 0; } .blocks-gallery-caption figcaption, .wp-block-embed figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-audio figcaption, .wp-block-video figcaption { color: var(--global-palette5); font-size: 80%; text-align: center; } .wp-block-separator { margin-left: auto; margin-right: auto; } .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: 160px; } .wp-block-separator.has-background:not(.is-style-dots) { border-bottom: none; height: 1px; } .wp-block-separator.has-background:not(.is-style-dots):not(.is-style-wide) { height: 2px; } .wp-block-separator.is-style-dots:before { font-size: 30px; } /* Social */ .single-content ul.wp-block-social-links { padding-left: 0; padding-right: 0; } /* Columns Block */ .single-content .wp-block-columns { margin-bottom: var(--global-md-spacing); margin-top: 0; } /* latest posts */ .wp-block-latest-posts.wp-block-latest-posts__list.is-grid { display: grid; -webkit-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; row-gap: 2.5rem; grid-template-columns: 1fr; padding-left: 0; } .wp-block-latest-posts.wp-block-latest-posts__list.is-grid .wp-block-latest-posts__featured-image:not(.alignleft):not(.alignright) { display: block; height: 0; padding-bottom: 66.67%; overflow: hidden; position: relative; } .wp-block-latest-posts.wp-block-latest-posts__list.is-grid .wp-block-latest-posts__featured-image:not(.alignleft):not(.alignright) img { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; position: absolute; } .wp-block-latest-posts.wp-block-latest-posts__list.is-grid li { margin: 0; width: 100%; } .wp-block-latest-posts.wp-block-latest-posts__list.is-grid li > a { margin: 1em 0 0; color: var(--global-palette3); text-decoration: none; font-size: 1.3em; display: block; } @media screen and (min-width: 767px) { .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-2 { grid-template-columns: 1fr 1fr; } .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-3 { grid-template-columns: 1fr 1fr 1fr; } .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-4 { grid-template-columns: 1fr 1fr 1fr 1fr; } .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } } .wp-block-latest-posts.wp-block-latest-posts__list { padding-left: 0; } .wp-block-latest-posts__list li { margin-top: var(--global-sm-spacing); } .wp-block-latest-posts__list li:after { clear: both; display: table; content: ''; } .wp-block-latest-posts__post-author, .wp-block-latest-posts__post-date { color: var(--global-palette6); } @media screen and (max-width: 540px) { .wp-block-latest-posts__featured-image.alignleft { float: none; margin-bottom: 1em; } } figure.wp-block-gallery ul { padding: 0; } .wp-block-media-text .wp-block-media-text__media img, .wp-block-media-text .wp-block-media-text__media video { max-width: unset; width: 100%; vertical-align: middle; } .wp-block-group.has-background { padding: 20px 30px; margin-top: 0; margin-bottom: 0; } .entry-content .wp-block-group.has-background { padding: 20px 30px; } .wp-block-navigation ul, .wp-block-navigation ul li { list-style: none; } .wp-block-search .wp-block-search__button { border-color: var(--global-gray-400); color: var(--global-palette4); background: var(--global-palette9); } .wp-block-search .wp-block-search__input { border-color: var(--global-gray-400); } .wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { border-color: var(--global-gray-400); border-radius: 3px; background: var(--global-palette9); } .wp-block-navigation ul.wp-block-navigation__container { padding: 0; } .has-child .wp-block-navigation__container { min-width: 12em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wp-block-yoast-how-to-block .schema-how-to-steps li { margin-bottom: var(--global-md-spacing); } .wp-block-yoast-how-to-block .schema-how-to-steps li .schema-how-to-step-text { margin-top: 0; } .single-content .wp-block-post-template, .single-content .wp-block-query-loop { padding: 0; } .single-content .wp-block-query .wp-block-post-featured-image.alignwide, .single-content .wp-block-query .wp-block-post-featured-image.alignfull { margin-left: 0; margin-right: 0; } .single-content .wp-block-query .wp-block-post-featured-image.alignfull { width: auto; } @font-face { font-family: 'star'; src: url("../../fonts/star.woff2?gmcsp2") format("woff2"), url("../../fonts/star.ttf?gmcsp2") format("truetype"), url("../../fonts/star.woff?gmcsp2") format("woff"), url("../../fonts/star.svg?gmcsp2#star") format("svg"); font-weight: normal; font-style: normal; } /*-------------------------------------------------------------- # Woo Blocks --------------------------------------------------------------*/ /** * Custom Star font. */ .wc-block-grid__product .wc-block-grid__product-title { font-size: 1em; padding-top: 0.5rem; font-weight: 500; margin-bottom: 0.5rem; font-family: var(--global-heading-font-family); } .entry-content .wc-block-grid__products { margin: 0 0 1em; padding: 0; } .wp-site-blocks .site-main .entry-content .wc-block-grid { font-size: 1em; } .wc-block-grid .wc-block-grid__products { margin: 0 0 1em; padding: 0; display: grid; grid-template-columns: 1fr; -webkit-column-gap: 2.5rem; -moz-column-gap: 2.5rem; column-gap: 2.5rem; row-gap: 2.5rem; list-style: none; } .wc-block-grid .wc-block-grid__products .woocommerce-loop-image-link img { width: 100%; } .wc-block-grid .wc-block-grid__products:not(.thisisforspecificity) .wc-block-grid__product, .wc-block-carousel .wc-block-grid__product { border-left: 0; border-right: 0; border-bottom: 0; width: 100%; max-width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; text-align: left; overflow: hidden; } .wc-block-carousel .wc-block-grid__product .entry-content-wrap { padding: 1.5rem; } .wc-block-carousel .wc-block-grid__product.product-loop-unboxed { -webkit-box-shadow: none; box-shadow: none; } .wc-block-carousel .wc-block-grid__product.product-loop-unboxed .entry-content-wrap { padding: 1rem 0 0; background: transparent; } .wc-block-grid__product.entry.loop-entry.content-bg.woo-archive-action-on-hover .wc-block-grid__product-add-to-cart { width: auto; position: absolute; bottom: -2rem; left: 0; margin-top: 0; padding: 0 1rem; right: 0; opacity: 0; -webkit-transition: opacity 0.3s cubic-bezier(0.17, 0.67, 0.35, 0.95); transition: opacity 0.3s cubic-bezier(0.17, 0.67, 0.35, 0.95); } .wc-block-grid__product.entry.loop-entry.content-bg.woo-archive-action-on-hover:hover .wc-block-grid__product-add-to-cart, .wc-block-grid__product.entry.loop-entry.content-bg.woo-archive-action-on-hover:focus-within .wc-block-grid__product-add-to-cart { bottom: -.8rem; opacity: 1; } .wc-block-grid__product.entry.loop-entry.content-bg.woo-archive-action-on-hover:hover .entry-content-wrap, .wc-block-grid__product.entry.loop-entry.content-bg.woo-archive-action-on-hover:focus-within .entry-content-wrap { -webkit-transform: translateY(-2rem); transform: translateY(-2rem); } #wrapper .wc-block-grid .wc-block-grid__products .product-loop-boxed .entry-content-wrap, #wrapper .wc-block-grid .wc-block-grid__products .woo-archive-action-on-hover .entry-content-wrap { padding: 1rem 1rem 1.5rem; position: relative; margin: 0 .5em; border-radius: .25rem; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.17, 0.67, 0.35, 0.95); transition: -webkit-transform 0.3s cubic-bezier(0.17, 0.67, 0.35, 0.95); transition: transform 0.3s cubic-bezier(0.17, 0.67, 0.35, 0.95); transition: transform 0.3s cubic-bezier(0.17, 0.67, 0.35, 0.95), -webkit-transform 0.3s cubic-bezier(0.17, 0.67, 0.35, 0.95); } .has-2-columns .wc-block-grid__products { grid-template-columns: 1fr 1fr; } .has-3-columns .wc-block-grid__products { grid-template-columns: 1fr 1fr 1fr; } .has-4-columns .wc-block-grid__products { grid-template-columns: 1fr 1fr 1fr 1fr; } .has-5-columns .wc-block-grid__products { grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .has-6-columns .wc-block-grid__products { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } @media screen and (max-width: 768px) { .has-4-columns .wc-block-grid__products { grid-template-columns: 1fr 1fr; } .has-6-columns .wc-block-grid__products { grid-template-columns: 1fr 1fr 1fr; } } @media screen and (max-width: 719px) { .wp-site-blocks .wc-block-grid .wc-block-grid__products { margin: 0 0 1em; padding: 0; display: grid; grid-template-columns: 1fr; } .wp-site-blocks .wc-block-grid .wc-block-grid__products .wc-block-grid__product { margin-left: 0; margin-right: 0; } } .wc-block-grid .wc-block-grid__product .wc-block-grid__product-image { margin-bottom: 0; } .wc-block-grid .wc-block-grid__product .product-details .wp-block-button { margin-top: 0; margin-bottom: 0; margin-left: 0; margin-right: 0; } .wc-block-grid.has-aligned-buttons .wc-block-grid__product .product-details.content-bg.entry-content-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .wc-block-grid.has-aligned-buttons .wc-block-grid__product .product-details .wp-block-button { margin-top: auto; } .wc-block-grid.has-aligned-buttons .wc-block-grid__product .product-details.content-bg.entry-content-wrap { padding-bottom: 1.5rem; } .wc-block-grid .wc-block-grid__product .entry-content-wrap { padding: 1.5rem; } body.content-style-unboxed .wc-block-grid .wc-block-grid__product .entry-content-wrap, .wc-block-grid .wc-block-grid__product.product-loop-unboxed .entry-content-wrap { padding: 1rem 0; background: transparent; } body.content-style-unboxed .wc-block-grid .wc-block-grid__product.woo-archive-action-visible .entry-content-wrap, .wc-block-grid .wc-block-grid__product.product-loop-unboxed.woo-archive-action-visible .entry-content-wrap { padding: 1rem 0 0; } .wc-block-grid .wc-block-grid__product.product-loop-unboxed { background: transparent; -webkit-box-shadow: none; box-shadow: none; } .wc-block-grid__product a.wc-block-grid__product-link, .wc-block-grid__product a.wc-block-grid__product-title-link { text-decoration: none; color: inherit; } .wc-block-grid__product a.wc-block-grid__product-link { position: relative; display: block; } .wc-block-grid__product:not(.woo-archive-image-hover-none) a.wc-block-grid__product-link { overflow: hidden; } .wc-block-grid__product { text-align: left; } .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-price { margin: 0 0 1em; } .wc-block-grid__product-price { font-weight: normal; font-size: 0.857em; } .wc-block-grid__product-price del { color: inherit; opacity: 0.5; } .wc-block-grid__product-price ins { background: none; font-weight: 700; } .wc-block-grid__products .wc-block-grid__product .wc-block-grid__product-onsale { min-height: 0; min-width: 0; padding: .5em 1em; font-weight: 700; position: absolute; text-align: center; line-height: 1.2; top: 6px; right: 6px; left: auto; margin: 0; border-radius: .25rem; background-color: var(--global-palette-highlight); color: var(--global-palette-btn); font-size: 0.857em; z-index: 9; border: 0; } .wc-block-grid__product .wc-block-grid__product-add-to-cart { color: inherit; } .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link .kadence-svg-iconset { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-item-align: center; align-self: center; } .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link .kadence-svg-iconset svg { top: .125em; position: relative; height: 1em; width: 1em; } .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link .kadence-spinner-svg, .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link .kadence-check-svg { display: none; } .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link.loading { opacity: 0.25; } .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link.loading .kadence-arrow-right-alt-svg { display: none; } .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link.loading .kadence-spinner-svg { display: block; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link.loading::after { display: none; } .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link.added { font-size: 0; } .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link.added .kadence-svg-iconset:last-child { font-size: 1rem; } .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link.added .kadence-arrow-right-alt-svg { display: none; } .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link.added .kadence-check-svg { display: block; font-size: 80%; } .wc-block-grid__product .wc-block-grid__product-add-to-cart .wp-block-button__link.added::after { display: none; } .wc-block-grid__product .wc-block-grid__product-add-to-cart a.added_to_cart { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; background: transparent; padding: 0.5em 0; text-transform: uppercase; font-weight: bold; line-height: 1.6; letter-spacing: .05em; color: inherit; text-decoration: none; font-size: 80%; } .wc-block-grid__product.woo-archive-btn-button .wc-block-grid__product-add-to-cart .wp-block-button__link { color: var(--global-palette-btn); text-align: center; display: block; width: 100%; -webkit-transition: color 0.2s ease, background 0.2s ease, border 0.2s ease; transition: color 0.2s ease, background 0.2s ease, border 0.2s ease; } .wc-block-grid__product.woo-archive-btn-button .wc-block-grid__product-add-to-cart .wp-block-button__link:hover { color: var(--global-palette-btn-hover); background: var(--global-palette-btn-bg-hover); } .wc-block-grid__product.woo-archive-btn-button .wc-block-grid__product-add-to-cart .wp-block-button__link.added { height: 0; overflow: hidden; } .wc-block-grid__product:not(.woo-archive-btn-button) .wc-block-grid__product-add-to-cart .wp-block-button__link { background: transparent; padding: 0.5em 0; text-transform: uppercase; font-weight: bold; letter-spacing: .05em; color: inherit; font-size: 80%; border: 0; -webkit-box-shadow: none; box-shadow: none; display: inline-block; -webkit-transition: color 0.2s ease; transition: color 0.2s ease; } .wc-block-grid__product:not(.woo-archive-btn-button) .wc-block-grid__product-add-to-cart .wp-block-button__link .kadence-svg-iconset { margin-left: 0.5em; } .wc-block-grid__product .wc-block-grid__product-rating { float: right; margin-top: 0; margin-bottom: 0; } .wc-block-grid__product .wc-block-grid__product-rating .star-rating { margin: 0.25em auto 0.25em; } .wc-block-grid.has-aligned-buttons .wc-block-grid__product .wc-block-grid__product-rating { margin-bottom: 12px; margin-left: 0; } .wc-block-grid.has-aligned-buttons .wc-block-grid__product .wc-block-grid__product-rating .star-rating { margin-left: 0; } .wc-block-grid__product .wc-block-grid__product-rating ~ .wc-block-grid__product-price { padding-right: 5.4em; } .wc-block-grid__product-rating .star-rating, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars, .wc-block-review-list .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars { font-family: "star"; display: block; margin: 0.25em auto 0.25em; margin-left: 0; font-size: 1em; line-height: 1; height: 1em; width: 5em; color: var(--global-palette-highlight); } .wc-block-grid__product-rating .star-rating:before, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before, .wc-block-review-list .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars:before { content: "\e900\e900\e900\e900\e900"; color: var(--global-gray-400); float: left; top: 0; left: 0; opacity: 1; right: auto; position: absolute; } .wc-block-grid__product-rating .star-rating span, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars span, .wc-block-review-list .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars span { float: left; right: auto; } .wc-block-grid__product-rating .star-rating span:before, .wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before, .wc-block-review-list .wc-block-components-review-list-item__rating > .wc-block-components-review-list-item__rating__stars span:before { content: "\e901\e901\e901\e901\e901"; right: auto; color: inherit; } li.product a .secondary-product-image, .wc-block-grid__product a .secondary-product-image { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -o-object-fit: cover; object-fit: cover; opacity: 0; min-width: 100%; min-height: 100%; } .products:not(.woo-archive-image-hover-none) li.product a { overflow: hidden; } .woo-archive-image-hover-fade .woocommerce-loop-product__link .attachment-woocommerce_thumbnail { -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .woo-archive-image-hover-fade .woocommerce-loop-product__link:hover .attachment-woocommerce_thumbnail { opacity: 1; } .woo-archive-image-hover-zoom .woocommerce-loop-product__link .attachment-woocommerce_thumbnail { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: opacity 0.4s ease, -webkit-transform 2s cubic-bezier(0, 0, 0.4, 1.1); transition: opacity 0.4s ease, -webkit-transform 2s cubic-bezier(0, 0, 0.4, 1.1); transition: opacity 0.4s ease, transform 2s cubic-bezier(0, 0, 0.4, 1.1); transition: opacity 0.4s ease, transform 2s cubic-bezier(0, 0, 0.4, 1.1), -webkit-transform 2s cubic-bezier(0, 0, 0.4, 1.1); } .woo-archive-image-hover-zoom .woocommerce-loop-product__link:hover .attachment-woocommerce_thumbnail { opacity: 1; -webkit-transform: scale(1.07); transform: scale(1.07); } .woo-archive-image-hover-slide .woocommerce-loop-product__link .attachment-woocommerce_thumbnail.secondary-product-image { -webkit-transform: translate(100%, 0); transform: translate(100%, 0); opacity: 1; -webkit-transition: all 0.4s cubic-bezier(0.17, 0.67, 0.35, 0.95); transition: all 0.4s cubic-bezier(0.17, 0.67, 0.35, 0.95); display: block; } .woo-archive-image-hover-slide .woocommerce-loop-product__link .attachment-woocommerce_thumbnail:not(.secondary-product-image) { -webkit-transform: translate(0); transform: translate(0); -webkit-transition: all 0.4s cubic-bezier(0.17, 0.67, 0.35, 0.95); transition: all 0.4s cubic-bezier(0.17, 0.67, 0.35, 0.95); display: block; } .woo-archive-image-hover-slide .woocommerce-loop-product__link.product-has-hover-image:hover .attachment-woocommerce_thumbnail:not(.secondary-product-image) { -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); } .woo-archive-image-hover-slide .woocommerce-loop-product__link.product-has-hover-image:hover .attachment-woocommerce_thumbnail.secondary-product-image { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .woo-archive-image-hover-flip .woocommerce-loop-product__link .attachment-woocommerce_thumbnail { -webkit-perspective: 1000px; perspective: 1000px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out; display: block; } .woo-archive-image-hover-flip .woocommerce-loop-product__link .attachment-woocommerce_thumbnail.secondary-product-image { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); opacity: 1; } .woo-archive-image-hover-flip .woocommerce-loop-product__link .attachment-woocommerce_thumbnail:not(.secondary-product-image) { -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .woo-archive-image-hover-flip .woocommerce-loop-product__link.product-has-hover-image:hover .attachment-woocommerce_thumbnail:not(.secondary-product-image) { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .woo-archive-image-hover-flip .woocommerce-loop-product__link.product-has-hover-image:hover .attachment-woocommerce_thumbnail.secondary-product-image { -webkit-transform: rotateY(360deg); transform: rotateY(360deg); } .wc-block-components-price-slider__range-input-wrapper { background-color: var(--global-gray-400); border-radius: 1em; -webkit-box-shadow: none; box-shadow: none; max-width: calc( 100% - 4px); margin-left: 2px; } .wc-block-components-price-slider__range-input-wrapper .wc-block-components-price-slider__range-input-progress { --range-color: var(--global-palette-highlight); border-radius: 1em; } .wc-block-components-price-slider__range-input-wrapper .wc-block-components-price-slider__range-input { margin: 0; padding: 0; border: 0; outline: none; background: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 0; display: block; position: relative; pointer-events: none; outline: none !important; position: absolute; left: 0; top: 0; } .wp-block, .wp-block.block-list-appender:only-child, .block-editor-block-list__layout.is-root-container > * { margin-left: auto; margin-right: auto; } html :where(.wp-block) { max-width: none; } .block-editor-block-list__layout.is-root-container > [data-align="full"] { max-width: none; } .block-editor-block-list__layout.is-root-container > * > .wp-block[data-align=wide] { max-width: none; } .edit-post-visual-editor__post-title-wrapper { margin-top: var(--global-md-spacing); margin-bottom: var(--global-md-spacing); } /*-------------------------------------------------------------- # Adjustments for the editor --------------------------------------------------------------*/ button, select, option { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; border-radius: inherit; } div[data-type="core/button"][data-align="right"], div[data-type="core/button"][data-align="left"] { display: block; } .block-editor-block-list__block.wp-block-columns { margin-top: 28px; } .block-editor-block-list__block[data-type="kadence/advancedheading"] { margin-bottom: 0; margin-top: 0; } [data-type="kadence/advancedheading"] + [data-type="kadence/advancedheading"] h1, [data-type="kadence/advancedheading"] + [data-type="kadence/advancedheading"] h2, [data-type="kadence/advancedheading"] + [data-type="kadence/advancedheading"] h3, [data-type="kadence/advancedheading"] + [data-type="kadence/advancedheading"] h4, [data-type="kadence/advancedheading"] + [data-type="kadence/advancedheading"] h5, [data-type="kadence/advancedheading"] + [data-type="kadence/advancedheading"] h6 { margin-top: 0; } .wp-block-button__link { border-radius: 3px; background: var(--global-palette-btn-bg); color: var(--global-palette-btn); padding: 0.4em 1em; border: 0; display: inline-block; cursor: pointer; text-decoration: none; -webkit-transition: all 0.2s ease; transition: all 0.2s ease; -webkit-box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0); } .wp-block-button__link:hover, .wp-block-button__link:focus { color: var(--global-palette-btn-hover); background: var(--global-palette-btn-bg-hover); -webkit-box-shadow: 0px 15px 25px -7px rgba(0, 0, 0, 0.1); box-shadow: 0px 15px 25px -7px rgba(0, 0, 0, 0.1); } .is-style-outline .wp-block-button__link { border: 2px solid currentColor; background: transparent; color: var(--global-palette-highlight); } .is-style-outline .wp-block-button__link:hover, .is-style-outline .wp-block-button__link:focus { background: transparent; color: var(--global-palette-highlight-alt); -webkit-box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0); box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0); } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { padding: 0; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; text-decoration: none; } h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background { padding: 1em 2em; } h1, h2, h3, h4, h5, h6 { margin: 1.5em 0 .5em; } .block-editor-block-list__layout > h1:first-child, .block-editor-block-list__layout > h2:first-child, .block-editor-block-list__layout > h3:first-child, .block-editor-block-list__layout > h4:first-child, .block-editor-block-list__layout > h5:first-child, .block-editor-block-list__layout > h6:first-child { margin-top: 0; } dfn, cite, em, i { font-style: italic; } blockquote, q { quotes: '“' '”'; } blockquote { padding-left: 1em; border-left: 4px solid var(--global-palette4); } .entry-content blockquote { margin: 0 0 var(--global-md-spacing); } blockquote cite, blockquote .wp-block-pullquote__citation { color: var(--global-palette5); font-size: 13px; margin-top: 1em; position: relative; font-style: normal; display: block; } address { margin: 0 0 1.5em; } pre { background: var(--global-palette7); font-family: "Courier 10 Pitch", Courier, monospace; font-size: 0.9375rem; line-height: 1.6; max-width: 100%; overflow: auto; padding: 1.5em; white-space: pre-wrap; } code, kbd, tt, var { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 0.8rem; } abbr, acronym { border-bottom: 1px dotted var(--global-palette4); cursor: help; } mark, ins { text-decoration: none; } big { font-size: 125%; } address, figure, hr, p, table, pre { margin-top: 0; margin-bottom: 0; } p, .wp-block[data-type="kadence/advancedheading"]:not(:last-child) p { margin-bottom: var(--global-md-spacing); } p:last-child { margin-bottom: 0; } p > img { display: inline-block; } pre { margin-bottom: var(--global-md-spacing); } pre.CodeMirror-line { line-height: inherit; margin: 0; overflow: visible; font-size: inherit; background: transparent; max-width: unset; padding: 0 4px; font-family: inherit; } hr { margin-top: var(--global-md-spacing); margin-bottom: 0; } ul, ol { margin: 0 0 var(--global-md-spacing); padding-left: 2em; } li > ol, li > ul { margin: 0; } .alignleft { float: left; margin-right: var(--global-md-spacing); } .alignright { float: right; margin-left: var(--global-md-spacing); } .editor-post-title__input { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } .gallery .gallery-item, .wp-block-freeform .gallery .gallery-item { width: auto; } /* Width of "full-wide" blocks */ .wp-block[data-align="full"] { max-width: none; } .wp-block-cover h2, .wp-block-cover h3, .wp-block-cover h4 { color: inherit; } .wp-block-cover .wp-block-cover-text { font-size: 2em; line-height: 1.25; } .wp-block-archives, .wp-block-categories__list, .wp-block-latest-posts, .wp-block-latest-comments { margin-left: auto; margin-right: auto; } .wp-block-latest-comments { padding-left: 2.5em; padding-right: 2.5em; } body:not(.mce-content-body):before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); pointer-events: none; } .kt-post-grid-item .kt-blocks-post-excerpt p { margin-bottom: 0; } .kadence-inner-column-inner > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block[data-type="kadence/advancedheading"]:first-child .wp-block-kadence-advancedheading { margin-top: 0; } .kt-tab-inner-content > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child h1, .kt-tab-inner-content > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child h2, .kt-tab-inner-content > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child h3, .kt-tab-inner-content > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child h4, .kt-tab-inner-content > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child h5, .kt-tab-inner-content > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child h6, .kt-accordion-panel-inner > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child h1, .kt-accordion-panel-inner > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child h2, .kt-accordion-panel-inner > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child h3, .kt-accordion-panel-inner > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child h4, .kt-accordion-panel-inner > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child h5, .kt-accordion-panel-inner > .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block:first-child h6 { margin-top: 0; } .wp-block-kadence-rowlayout .block-editor-block-list__layout ul { padding-left: 2em; } .product-details.content-bg { background: var(--global-palette9); } .block-editor-block-toolbar { color: #444; } .wp-block-image { margin-bottom: var(--global-md-spacing); } .interface-interface-skeleton__editor { max-width: 100%; } .wp-block-navigation__container > .wp-block-navigation-link, .wp-block-page-list, .wp-block-page-list > .wp-block-pages-list__item { margin: 0 2em 0 0; } :root { --brakpoint--max-mobile-query: 767px; --brakpoint--max-tablet-query: 1024px; --brakpoint--min-desktop-query: 1025px; /* Content Width */ --global-content-narrow-width: var(--kadence--content-narrow-width); /* Font Family */ --global--font-primary: var(--global-body-font-family); --global--font-secondary: var(--global-heading-font-family); /* Font Size */ --global--font-size-base: 18px; --global--font-size-extra-small: 12px; --global--font-size-small: 14px; --global--font-size-medium: 22px; --global--font-size-large: 28px; --global--font-size-larger: 36px; /* Font weight */ --global--font-weight-light: 300; --global--font-weight-regular: 400; --global--font-weight-bold: 700; --global--font-weight-semibold: 600; /* Text Line Height */ --global--line-height-base: 32px; --global--line-height-extra-small: 21px; --global--line-height-small: 20px; --global--line-height-medium: 34px; --global--line-height-large: 34px; --global--line-height-larger: 36px; /* Headings */ --heading--font-family: var(-global--font-secondary); --heading--letter-spacing: 0; --heading--font-weight: var(--global--font-weight-bold); --heading--font-size-h6: 18px; --heading--font-size-h5: 20px; --heading--font-size-h4: 30px; --heading--font-size-h3: 40px; --heading--font-size-h2: 60px; --heading--font-size-h1: 70px; --heading--line-height-h6: 28px; --heading--line-height-h5: 34px; --heading--line-height-h4: 44px; --heading--line-height-h3: 56px; --heading--line-height-h2: 88px; --heading--line-height-h1: 100px; --heading--letter-spacing-h6: --heading--letter-spacing; --heading--letter-spacing-h5: --heading--letter-spacing; --heading--letter-spacing-h4: --heading--letter-spacing; --heading--letter-spacing-h3: --heading--letter-spacing; --heading--letter-spacing-h2: --heading--letter-spacing; --heading--letter-spacing-h1: --heading--letter-spacing; /* Block: Latest posts */ --latest-posts--title-font-family: var(--heading--font-family); --latest-posts--title-font-size: var(--heading--font-size-h3); --latest-posts--description-font-family: var(--global--font-secondary); --latest-posts--description-font-size: var(--global--font-size-md); --latest-posts--description-line-height: var(--global--line-height-md); --latest-posts--bottom-space: var(--global--spacing-vertical); --latest-posts--bottom-space-grid: var(--global--spacing-vertical-large); --list--font-family: var(--global--font-secondary); --definition-term--font-family: var(--global--font-primary); /* Colors - based on kadence palete */ --global--color-accent: var(--global-palette1); --global--color-accent-alt: var(--global-palette2); --global--color-strongest-text: var(--global-palette3); --global--color-strong-text: var(--global-palette4); --global--color-medium-text: var(--global-palette5); --global--color-subtle-text: var(--global-palette6); --global--color-subtle-background: var(--global-palette7); --global--color-lighter-background: var(--global-palette8); --global--color-invert: var(--global-palette9); /* Colors - old */ --global--color-text-link-hover: var(--global--color-strongest-text); --global--color-text-link-visited: var(--global--color-strongest-text); --global--outline-color: var(--global--color-strongest-text); --global--border-color: var(--global--color-subtle-text); --global--color-gray-base: var(--global-palette6); --global--color-gray-lighten: var(--global-palette7); /* Functional Colors */ --global--color-success: #d1e4dd; --global--color-warning: #de350b; --global--color-info-base: var(--global--color-third-lighten); /* Social Colors */ --global--color-facebook: #135CB6; --global--color-linkedin: #2767B1; --global--color-pinterest: #E60023; --global--color-twitter: #00ACED; --global--color-instagram: #135CB6; /* Spacing */ --global--spacing-measure: unset; --global--spacing-horizontal-extra-small: 5px; --global--spacing-horizontal-small: 16px; --global--spacing-horizontal: 30px; --global--spacing-horizontal-medium: 40px; --global--spacing-horizontal-large: 50px; --global--spacing-horizontal-extra-large: 70px; --global--spacing-vertical-extra-small: 5px; --global--spacing-vertical-small: 10px; --global--spacing-vertical: 20px; --global--spacing-vertical-medium: 30px; --global--spacing-vertical-large: 50px; --global--spacing-vertical-text: 32px; /* padding */ --global--padding-horizontal: 30px; --global--padding-vertical: 30px; --global--padding-vertical-small: 20px; --global--padding-vertical-extra-small: 10px; --global--padding-horizontal-small: 20px; --global--padding-vertical-medium: 40px; --global--padding-horizontal-medium: 40px; /* Outline */ --global--focus-outline: 1px dashed var(--global--color-gray-lighten); /* Border */ --global--border: 1px solid var(--global--color-gray-darken); /* Elevation */ --global--elevation: 1px 1px 3px 0 rgba(0, 0, 0, 0.2); --global--elevation-tiny: 0px 0px 1px rgba(40, 41, 61, 0.08), 0px 0.5px 2px rgba(96, 97, 112, 0.16); /* Gradient */ --global--linear-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0) 50.52%, rgba(0, 0, 0, 0.65) 100%); /* Links */ --link--color-active: var(--global--color-accent-alt); --link--color-hover: var(--global--color-strongest-text); --link--color-focus: var(--global--color-strong-text); /* Forms */ --form--font-family: var(--global--font-primary); --form--font-size: var(--global--font-size-small); --form--line-height: var(--global--line-height-small); --form--color-text: var(--global--color-strong-text); --form--color-ranged: var(--global--color-strong-text); --form--color-placeholder: var(--global--color-strong-text); --form--label-weight: var(--global--font-weight-regular); --form--border-color: var(--global--color-strong-text); --form--icon-color: var(--global--color-strongest-text); --form--border-focus-color: var(--global--color-accent); --form--border-width: 0 0 1px 0; --form--border-radius: 0; --form--field-box-shadow: none; --form--field-box-shadow-focus: none; --form--input-height: 40px; --form--spacing-unit-vertical: 10px; --form--spacing-unit-horizontal: 10px; --form--field-background: var(--global--color-subtle-background); --form--message-error-background: none; --form--message-error-color: var(--global--color-warning); --form--message-error-font-size: var(--global--font-size-extra-small); --form--message-error-font-weight: var(--global--font-weight-regular); --form--message-error-text-align: left; --form--message-error-padding: 0; --form--message-error-border: none; --form--message-error-border-radius: 0; --form--message-margin-top: 10px; --form--message-width: 100%; /* Cover block */ --cover--height: 300px; --cover--color-foreground: var(--global--color-invert); --cover--color-background: var(--global--color-strongest-text); /* Buttons */ --button--color-text: var(--global-palette-btn); --button--color-text-hover: var(--global-palette-btn); --button--color-text-active: var(--global-palette-btn); --button--color-background: var(--global-palette-btn-bg); --button--color-background-hover: var(--global-palette-btn-bg-hover); --button--color-background-active: var(--global--color-accent-alt); --button--color-background-focus: var(--global--color-accent-alt); --button--focus-outline: none; --button--font-family: var(--kadence--buttons-typography-family); --button--font-size: var(--kadence--buttons-typography-size); --button--line-height: var(--kadence--buttons-typography-line-height); --button--font-size-large: 16px; --button--font-weight: var(--kadence--buttons-typography-line-weight); --button--line-height-large: 22px; --button--letter-spacing: var(--kadence--buttons-typography-letter-spacing); --button--min-height: 2.25rem; --button--text-transform: var(--kadence--buttons-typography-text-transform); --button--border-width: var(--kadence--buttons-border); --button--border-style: var(--kadence--buttons-border-style); --button--border-radius: 0; --button--border-color: var(--kadence--buttons-border-colors-color); --button--border-color-hover: var(--kadence--buttons-border-colors-hover); --button--padding: var(--kadence--buttons-padding, 7px 25px 7px 25px); --button--padding-vertical: 5px; --button--padding-vertical-large: 5px; --button--padding-horizontal: 25px; --button--padding-horizontal-large: 25px; /*Chips*/ --chips--height: 18px; --chips--line-height: 18px; --chips--height-medium: 24px; --chips--padding: 0 5px; --chips--font-size: 12px; --chips--letter-spacing: 1px; --gallery--image-gap: 30px; /* entry */ --entry-header--color: var(--global--color-strongest-text); --entry-header--color-link: currentColor; --entry-header--color-hover: var(--global--color-strongest-text); --entry-header--color-focus: var(--global--color-secondary); --entry-header--font-size: var(--heading--font-size-h1); --entry-header--line-height: var(--heading--line-height-h1); --entry-content--font-family: var(--global--font-secondary); --entry-author-bio--font-family: var(--heading--font-family); --entry-author-bio--font-size: var(--heading--font-size-h5); --entry-author-bio-author-name--font-family: var(--global--font-secondary); --entry-author-bio-author-name--font-size: var(--heading--font-size-h5); --entry-header-meta--color: var(--global--color-strongest-text); --entry-header-meta--font-size: var(--global--font-size-xs); --entry-post-navigation-title--font-family: var(--global--font-secondary); --entry-post-navigation-label--font-family: var(--global--font-primary); /* Header */ --branding--color-text: var(--global--color-strongest-text); --branding--color-link: var(--global--color-strongest-text); --branding--color-link-hover: var(--global--color-secondary); --branding--title--font-family: var(--global--font-primary); --branding--title--font-size: var(--global--font-size-lg); --branding--title--font-size-mobile: var(--heading--font-size-h4); --branding--title--font-weight: normal; --branding--title--text-transform: uppercase; --branding--description--font-family: var(--global--font-secondary); --branding--description--font-size: var(--global--font-size-sm); --branding--title--margin-vertical: var(--primary-nav--padding-vertical); --branding--logo--max-width: 300px; --branding--logo--max-height: 100px; --branding--logo--max-width-mobile: 96px; --branding--logo--max-height-mobile: 96px; /* Main navigation */ --primary-nav--font-family: var(--global--font-primary); --primary-nav--font-family-mobile: var(--global--font-primary); --primary-nav--font-family-sub-menu: var(--global--font-secondary); --primary-nav--font-size: 1.06rem; --primary-nav--font-size-sub-menu: var(--global--font-size-md); --primary-nav--font-size-mobile: var(--global--font-size-lg); --primary-nav--font-size-sub-menu-mobile: var(--global--font-size-md); --primary-nav--font-size-button: var(--global--font-size-xs); --primary-nav--font-style: normal; --primary-nav--font-style-sub-menu-mobile: normal; --primary-nav--font-weight: 300; --primary-nav--font-weight-button: 500; --primary-nav--color-link: var(--global--color-strongest-text); --primary-nav--color-link-hover: var(--global--color-strongest-text); --primary-nav--color-text: var(--global--color-strongest-text); --primary-nav--padding-vertical: 23px; --primary-nav--padding: var(--primary-nav--padding-vertical) 20px; --primary-nav--padding-mobile: 5px 20px; --primary-nav--border-color: var(--global--color-secondary); /* Outline */ --primary-nav--focus-outline: 2px dotted var(--global--outline-color); /* Pagination */ --pagination--color-text: var(--global--color-strongest-text); --pagination--color-link-hover: var(--global--color-strongest-text); --pagination--font-family: var(--global--font-secondary); --pagination--font-size: var(--global--font-size-sm); --pagination--font-weight: normal; --pagination--font-weight-strong: 600; --pagination--link-background: none; --pagination--link-background-current: var(--global--color-gray-base); /* Sidebar */ /* Footer */ --footer--color-text: var(--global--color-strongest-text); --footer--color-link: var(--global--color-strongest-text); --footer--color-link-hover: var(--global--color-secondary); --footer--font-family: var(--global--font-secondary); --footer--font-size: var(--global--font-size-sm); /* Block: Pull quote */ --pullquote--font-family: var(--global--font-primary); --pullquote--font-size: var(--heading--font-size-h4); --pullquote--font-style: normal; --pullquote--letter-spacing: var(--heading--letter-spacing-h4); --pullquote--line-height: var(--heading--line-height-h4); --pullquote--border-width: 2px; --pullquote--border-color: var(--global--color-primary-base); --pullquote--color-foreground: var(--global--color-surface); --pullquote--color-background: var(--global--color-surface); --pullquote--color-content: var(--global--color-strongest-text); --pullquote--color-cite: var(--global--color-strongest-text); --quote--font-family: var(--global--font-secondary); --quote--font-size: var(--global--font-size-md); --quote--font-size-large: var(--global--font-size-lg); --quote--font-style: italic; --quote--font-weight: 400; --quote--font-weight-strong: bolder; --quote--font-style-large: italic; --quote--font-style-cite: normal; --quote--line-height: var(--global--line-height-body); --quote--line-height-large: var(--global--line-height-md); --separator--border-color: var(--global--color-strongest-text); --separator--height: 1px; /* Block: Table */ --table--border-color: var(--global--color-strongest-text); --table--stripes-border-color: var(--global--color-gray-lighten); --table--stripes-background-color: var(--global--color-gray-lighten); --table--has-background-text-color: var(--global--color-gray-darken); /* Widgets */ --widget--line-height-list: 1.9; --widget--line-height-title: var(--heading--line-height-h6); --widget--font-weight-title: 700; --widget--font-size: var(--global--font-size-base); --widget--color-link: var(--global--color-primary-base); --widget--color-link-hover: var(--global--color-primary-base); /* Animations */ --global--animation-transition-scale: transform 1s ease 0s, -webkit-transform 1s ease 0s; --global--animation-transform-scale: scale(1.075); /* Admin-bar height */ --global--admin-bar--height: 0; /* System info */ --system-info--background-color: var(--global--color-info-base); --system-info--color-text: var(--global--color-info-base); --system-info--padding: 20px; --system-info--font-size: var(--global--font-size-sm); /* Kadence variables rewriting */ --global-gray-400: #CBD5E0; --global-gray-500: #A0AEC0; --global-xs-spacing: var(--global--spacing-horizontal-extra-small); --global-sm-spacing: var(--global--spacing-horizontal-small); --global-md-spacing: var(--global--spacing-horizontal); --global-lg-spacing: var(--global--spacing-horizontal-medium); --global-xl-spacing: var(--global--spacing-horizontal-large); --global-xxl-spacing: var(--global--spacing-horizontal-extra-large); --global-edge-spacing: var(--global--spacing-horizontal-small); --global-boxed-spacing: var(--global--spacing-horizontal-small); --global-palette-highlight: var(--global--color-info-base); --global-palette-highlight-alt:var(--global--color-info-base); --global-palette-highlight-alt2: var(--global--color-info-base); --global-palette-btn: var(--global--color-info-base); --global-palette-btn-hover: var(--global--color-info-base); --global-palette-btn-bg: var(--global--color-info-base); --global-palette-btn-bg-hover: var(--global--color-info-base); --global-base-font: var(--global--color-info-base); --global-heading-font: var(--global--color-info-base); } .admin-bar { --global--admin-bar--height: 32px; } @media only screen and (max-width: 782px) { .admin-bar { --global--admin-bar--height: 46px; } } @media only screen and (min-width: 652px) { :root { --heading--font-size-h3: 30px; --heading--font-size-h2: 50px; --heading--font-size-h1: 60px; } } .wp-block-latest-posts.wp-block-latest-posts__list { padding-left: 0; margin-left: 0; } .wp-block-latest-posts.wp-block-latest-posts__list > li > a { display: inline-block; color: var(--global--color-strongest-text); font-family: var(--latest-posts--title-font-family); font-size: var(--heading--font-size-h6); font-weight: var(--heading--font-weight); line-height: var(--heading--line-height-h6); width: 100%; } .wp-block-latest-posts.wp-block-latest-posts__list > li > a:hover { color: var(--global--color-strongest-text); text-decoration: underline; -webkit-text-decoration-color: var(--global--color-accent-alt); text-decoration-color: var(--global--color-accent-alt); text-underline-offset: 2px; text-decoration-thickness: 2px; } .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-author { color: var(--global--color-strong-text); font-size: var(--global--font-size-small); line-height: var(--global--line-height-small); display: inline; padding-right: 10px; clear: both; } .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-author:after { margin-left: 0.5rem; content: ""; display: inline-block; background-color: currentColor; height: 0.25rem; width: 0.25rem; opacity: .8; border-radius: 9999px; vertical-align: 0.1875em; background: var(--global--color-accent); } .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-date { color: var(--global--color-strong-text); font-size: var(--global--font-size-small); line-height: var(--global--line-height-small); display: inline; } [class*="inner-container"] .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-date, .has-background .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-date { color: currentColor; } .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-excerpt, .wp-block-latest-posts.wp-block-latest-posts__list .wp-block-latest-posts__post-full-content { margin-top: var(--global--spacing-vertical-small); margin-bottom: 0; } .wp-block-latest-posts.wp-block-latest-posts__list > li { margin-bottom: var(--global--spacing-vertical-small); padding: 0 0 var(--global--padding-vertical-small) 0; overflow: hidden; line-height: var(--global--line-height-small); } .wp-block-latest-posts.wp-block-latest-posts__list > li:first-child { margin-top: 0; } .wp-block-latest-posts.wp-block-latest-posts__list > li:last-child { margin-bottom: 0; } .wp-block-latest-posts.wp-block-latest-posts__list > li .wp-block-latest-posts__featured-image { width: 100px; position: relative; margin-bottom: var(--global--spacing-vertical-small); margin-top: 9px; } .wp-block-latest-posts.wp-block-latest-posts__list > li .wp-block-latest-posts__featured-image img { width: 100%; height: auto; position: relative; z-index: 1; } .wp-block-latest-posts.wp-block-latest-posts__list > li .wp-block-latest-posts__featured-image a { width: 100%; display: block; } .wp-block-latest-posts.wp-block-latest-posts__list > li .wp-block-latest-posts__featured-image.alignleft + a, .wp-block-latest-posts.wp-block-latest-posts__list > li .wp-block-latest-posts__featured-image.alignright + a { display: block; } .wp-block-latest-posts.wp-block-latest-posts__list > li .wp-block-latest-posts__featured-image.alignleft + a + div, .wp-block-latest-posts.wp-block-latest-posts__list > li .wp-block-latest-posts__featured-image.alignright + a + div { display: inline-block; } .wp-block-latest-posts.wp-block-latest-posts__list > li .wp-block-latest-posts__featured-image.alignleft { margin-right: var(--global--spacing-horizontal); } .wp-block-latest-posts.wp-block-latest-posts__list > li .wp-block-latest-posts__featured-image.alignright { float: right; margin-left: var(--global--spacing-horizontal); } .wp-block-latest-posts.wp-block-latest-posts__list.is-grid { word-wrap: break-word; word-break: break-word; } .wp-block-latest-posts.wp-block-latest-posts__list.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.wp-block-latest-posts__list.is-grid > li:last-child { margin-bottom: 0; } .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-3 .wp-block-latest-posts__featured-image + a, .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-4 .wp-block-latest-posts__featured-image + a, .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-5 .wp-block-latest-posts__featured-image + a, .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-6 .wp-block-latest-posts__featured-image + a { text-decoration: none; } .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-3 .wp-block-latest-posts__featured-image + a:hover, .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-4 .wp-block-latest-posts__featured-image + a:hover, .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-5 .wp-block-latest-posts__featured-image + a:hover, .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-6 .wp-block-latest-posts__featured-image + a:hover { text-decoration: underline; color: var(--global--color-text-link-hover); -webkit-text-decoration-style: dotted; text-decoration-style: dotted; text-underline-offset: 2px; text-decoration-skip-ink: all; -webkit-text-decoration-color: var(--global--color-text-link-hover); text-decoration-color: var(--global--color-text-link-hover); } .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1), .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-2 > li:nth-last-child(-n + 2):nth-child(2n + 1) ~ li, .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1), .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-3 > li:nth-last-child(-n + 3):nth-child(3n + 1) ~ li, .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1), .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-4 > li:nth-last-child(-n + 4):nth-child(4n + 1) ~ li, .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1), .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-5 > li:nth-last-child(-n + 5):nth-child(5n + 1) ~ li, .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1), .wp-block-latest-posts.wp-block-latest-posts__list.is-grid.columns-6 > li:nth-last-child(-n + 6):nth-child(6n + 1) ~ li { margin-bottom: 0; } .wp-block-latest-posts.wp-block-latest-posts__list.alignfull { padding-left: var(--global--spacing-unit); padding-right: var(--global--spacing-unit); } .entry-content [class*="inner-container"] .wp-block-latest-posts.wp-block-latest-posts__list.alignfull, .entry-content .has-background .wp-block-latest-posts.wp-block-latest-posts__list.alignfull { padding-left: 0; padding-right: 0; } .wp-block-latest-posts.wp-block-latest-posts__list.is-style-blockfold-latest-posts-dividers { border-top: var(--separator--height) solid var(--global--color-strongest-text); border-bottom: var(--separator--height) solid var(--global--color-strongest-text); } .wp-block-latest-posts.wp-block-latest-posts__list.is-style-blockfold-latest-posts-dividers:not(.is-grid) > li, .wp-block-latest-posts.wp-block-latest-posts__list.is-style-blockfold-latest-posts-dividers > li { padding-bottom: var(--global--spacing-vertical); border-bottom: var(--separator--height) solid var(--global--color-strongest-text); margin-top: var(--global--spacing-vertical-small); margin-bottom: var(--global--spacing-vertical-small); } .wp-block-latest-posts.wp-block-latest-posts__list.is-style-blockfold-latest-posts-dividers:not(.is-grid) > li:last-child, .wp-block-latest-posts.wp-block-latest-posts__list.is-style-blockfold-latest-posts-dividers > li:last-child { padding-bottom: 0; border-bottom: none; } .wp-block-latest-posts.wp-block-latest-posts__list.is-style-blockfold-latest-posts-dividers.is-grid li { margin: 0; padding-top: var(--global--spacing-vertical); padding-right: var(--global--spacing-horizontal); } .wp-block-latest-posts.wp-block-latest-posts__list.is-style-blockfold-latest-posts-dividers.is-grid li:last-child { padding-bottom: var(--global--spacing-vertical); } .wp-block-latest-posts.wp-block-latest-posts__list.is-style-blockfold-latest-posts-borders li { border: 1px solid var(--global--color-strongest-text); padding: var(--global--spacing-vertical) var(--global--spacing-horizontal); } .wp-block-latest-posts.wp-block-latest-posts__list.is-style-blockfold-latest-posts-borders li:last-child { padding-bottom: var(--global--spacing-vertical); } .wp-block-latest-posts.wp-block-latest-posts__list.is-style-blockfold-latest-posts-borders:not(.is-grid) li { margin-top: var(--global--spacing-horizontal); margin-bottom: var(--global--spacing-horizontal); } /* 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"], .wp-block-kadence-form .kb-form .kb-text-style-field, .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-strongest-text); 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(--form--font-size); -webkit-box-shadow: var(--form--field-box-shadow); box-shadow: var(--form--field-box-shadow); } input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .wp-block-kadence-form .kb-form .kb-text-style-field::-webkit-input-placeholder, .site textarea::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: var(--form--color-placeholder); opacity: 1; /* Firefox */ } input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .wp-block-kadence-form .kb-form .kb-text-style-field::-moz-placeholder, .site textarea::-moz-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: var(--form--color-placeholder); opacity: 1; /* Firefox */ } input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="month"]::-ms-input-placeholder, input[type="week"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="datetime"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, input[type="color"]::-ms-input-placeholder, .wp-block-kadence-form .kb-form .kb-text-style-field::-ms-input-placeholder, .site textarea::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: var(--form--color-placeholder); opacity: 1; /* Firefox */ } input[type="text"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="password"]::placeholder, input[type="search"]::placeholder, input[type="number"]::placeholder, input[type="tel"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="week"]::placeholder, input[type="time"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="color"]::placeholder, .wp-block-kadence-form .kb-form .kb-text-style-field::placeholder, .site textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: var(--form--color-placeholder); opacity: 1; /* Firefox */ } input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="color"]:-ms-input-placeholder, .wp-block-kadence-form .kb-form .kb-text-style-field:-ms-input-placeholder, .site textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--form--color-placeholder); } input[type="text"]::-ms-input-placeholder, input[type="email"]::-ms-input-placeholder, input[type="url"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder, input[type="search"]::-ms-input-placeholder, input[type="number"]::-ms-input-placeholder, input[type="tel"]::-ms-input-placeholder, input[type="date"]::-ms-input-placeholder, input[type="month"]::-ms-input-placeholder, input[type="week"]::-ms-input-placeholder, input[type="time"]::-ms-input-placeholder, input[type="datetime"]::-ms-input-placeholder, input[type="datetime-local"]::-ms-input-placeholder, input[type="color"]::-ms-input-placeholder, .wp-block-kadence-form .kb-form .kb-text-style-field::-ms-input-placeholder, .site textarea::-ms-input-placeholder { /* Microsoft Edge */ color: var(--form--color-placeholder); } 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, .wp-block-kadence-form .kb-form .kb-text-style-field:focus, .site textarea:focus { color: var(--global--color-strongest-text); outline-offset: 2px; border-color: var(--form--border-focus-color); outline: none; -webkit-box-shadow: var(--form--field-box-shadow-focus); box-shadow: var(--form--field-box-shadow-focus); } 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, .wp-block-kadence-form .kb-form .kb-text-style-field: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 .wp-block-kadence-form .kb-form .kb-text-style-field, .wp-block-kadence-form .kb-form .is-dark-theme .kb-text-style-field, .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, .wp-block-kadence-form .kb-form .-invert.kb-text-style-field, .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, .wp-block-kadence-form .kb-form .-invert.kb-text-style-field::-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, .wp-block-kadence-form .kb-form .-invert.kb-text-style-field::-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, .wp-block-kadence-form .kb-form .-invert.kb-text-style-field:-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, .wp-block-kadence-form .kb-form .-invert.kb-text-style-field:-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-strongest-text); -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); } @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; } ::-webkit-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ } ::-ms-input-placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.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); } .bf-a-error-message, .wp-block-kadence-form .kb-form-error-msg { background: var(--form--message-error-background); margin-top: var(--form--message-margin-top); padding: var(--form--message-error-padding); border-radius: var(--form--message-error-border-radius); border: var(--form--message-error-border); color: var(--form--message-error-color); font-weight: var(--form--message-error-font-weight); width: var(--form--message-width); text-align: var(--form--message-error-text-align); } .kt-blocks-carousel.kt-carousel-container-dotstyle-dark .slick-dots li button { width: 20px; height: 20px; display: inline-block; position: relative; } .kt-blocks-carousel.kt-carousel-container-dotstyle-dark .slick-dots li button:before { width: 8px; height: 8px; border-radius: 1000px; outline: none; border: 2px solid var(--global--color-subtle-text); background: var(--global--color-subtle-text); opacity: 1; } .kt-blocks-carousel.kt-carousel-container-dotstyle-dark .slick-dots li button:hover:before { border: 2px solid var(--global--color-medium-text); background: var(--global--color-medium-text); } .kt-blocks-carousel.kt-carousel-container-dotstyle-dark .slick-dots li.slick-active button:before { background-color: transparent; border: 2px solid var(--global--color-subtle-text); opacity: 1; } .pagination .page-numbers { border-radius: 0; } .wp-block-kadence-posts, .post-archive { row-gap: 30px; /** Modyficators */ } .wp-block-kadence-posts .entry .entry-title, .post-archive .entry .entry-title { margin-top: var(--global--spacing-vertical-smallall); } .wp-block-kadence-posts .entry .post-thumbnail img, .post-archive .entry .post-thumbnail img { -webkit-transition: var(--global--animation-transition-scale); transition: var(--global--animation-transition-scale); } .wp-block-kadence-posts .entry:hover .post-thumbnail img, .post-archive .entry:hover .post-thumbnail img { -webkit-transform: var(--global--animation-transform-scale); transform: var(--global--animation-transform-scale); } .wp-block-kadence-posts .entry-footer .more-link-wrap .post-more-link, .post-archive .entry-footer .more-link-wrap .post-more-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) var(--button--border-style) var(--button--border-color); color: var(--button--color-text); display: inline-block; letter-spacing: var(--button--letter-spacing); text-transform: var(--button--text-transform); padding: var(--button--padding); font-size: var(--button--font-size); } .wp-block-kadence-posts .entry-footer .more-link-wrap .post-more-link:link, .post-archive .entry-footer .more-link-wrap .post-more-link:link { text-decoration: none; } .wp-block-kadence-posts .entry-footer .more-link-wrap .post-more-link:focus, .post-archive .entry-footer .more-link-wrap .post-more-link:focus { border-color: var(--button--color-background-hover); outline-offset: -6px; outline: var(--button--focus-outline); } .is-dark-theme .wp-block-kadence-posts .entry-footer .more-link-wrap .post-more-link:focus, .is-dark-theme .post-archive .entry-footer .more-link-wrap .post-more-link:focus { color: var(--button--color-background); } .wp-block-kadence-posts .entry-footer .more-link-wrap .post-more-link:focus:not(.has-background), .post-archive .entry-footer .more-link-wrap .post-more-link:focus:not(.has-background) { color: var(--button--color-text-hover); border-color: var(--button--border-color-hover); } .wp-block-kadence-posts .entry-footer .more-link-wrap .post-more-link:hover, .post-archive .entry-footer .more-link-wrap .post-more-link:hover { color: var(--button--color-text-hover); background: var(--button--color-background-hover); border-color: var(--button--border-color-hover); text-decoration: none; } .wp-block-kadence-posts .entry-footer .more-link-wrap .post-more-link:focus-visible, .post-archive .entry-footer .more-link-wrap .post-more-link:focus-visible { background: rgba(255, 255, 255, 0.9); outline: var(--primary-nav--focus-outline); outline-offset: 3px; } .wp-block-kadence-posts .entry-footer .more-link-wrap .post-more-link:disabled, .post-archive .entry-footer .more-link-wrap .post-more-link:disabled { background-color: var(--global--color-gray-lighten); border-color: var(--global--color-gray-lighten); color: var(--button--color-text-active); } .wp-block-kadence-posts .entry-footer .more-link-wrap .post-more-link .svg-baseline, .post-archive .entry-footer .more-link-wrap .post-more-link .svg-baseline { display: none; } .wp-block-kadence-posts.item-image-style-beside.is-style-default.kb-posts-style-boxed .entry-footer, .wp-block-kadence-posts.item-image-style-beside.is-style-default.kb-posts-style-unboxed .entry-footer, .post-archive.item-image-style-beside.is-style-default.kb-posts-style-boxed .entry-footer, .post-archive.item-image-style-beside.is-style-default.kb-posts-style-unboxed .entry-footer { margin: 0; } .wp-block-kadence-posts.item-image-style-beside.kb-posts-style-boxed, .wp-block-kadence-posts.item-image-style-beside.kb-posts-style-unboxed, .post-archive.item-image-style-beside.kb-posts-style-boxed, .post-archive.item-image-style-beside.kb-posts-style-unboxed { row-gap: var(--global--spacing-vertical); } @media screen and (min-width: 719px) { .wp-block-kadence-posts.item-image-style-beside.kb-posts-style-boxed .entry-content-wrap, .wp-block-kadence-posts.item-image-style-beside.kb-posts-style-unboxed .entry-content-wrap, .post-archive.item-image-style-beside.kb-posts-style-boxed .entry-content-wrap, .post-archive.item-image-style-beside.kb-posts-style-unboxed .entry-content-wrap { padding-left: 0; } } .wp-block-kadence-posts.item-image-style-beside.kb-posts-style-boxed .entry-content-wrap .entry-meta, .wp-block-kadence-posts.item-image-style-beside.kb-posts-style-unboxed .entry-content-wrap .entry-meta, .post-archive.item-image-style-beside.kb-posts-style-boxed .entry-content-wrap .entry-meta, .post-archive.item-image-style-beside.kb-posts-style-unboxed .entry-content-wrap .entry-meta { margin-bottom: 0; } .wp-block-kadence-posts.item-image-style-beside.kb-posts-style-boxed .entry-content-wrap .entry-taxonomies, .wp-block-kadence-posts.item-image-style-beside.kb-posts-style-unboxed .entry-content-wrap .entry-taxonomies, .post-archive.item-image-style-beside.kb-posts-style-boxed .entry-content-wrap .entry-taxonomies, .post-archive.item-image-style-beside.kb-posts-style-unboxed .entry-content-wrap .entry-taxonomies { margin-top: 0; margin-bottom: 0; } .wp-block-kadence-posts.item-image-style-beside.kb-posts-style-boxed .entry, .wp-block-kadence-posts.item-image-style-beside.kb-posts-style-unboxed .entry, .post-archive.item-image-style-beside.kb-posts-style-boxed .entry, .post-archive.item-image-style-beside.kb-posts-style-unboxed .entry { -webkit-box-shadow: none; box-shadow: none; } .wp-block-kadence-posts.item-image-style-beside.kb-posts-style-boxed .post-thumbnail, .wp-block-kadence-posts.item-image-style-beside.kb-posts-style-unboxed .post-thumbnail, .post-archive.item-image-style-beside.kb-posts-style-boxed .post-thumbnail, .post-archive.item-image-style-beside.kb-posts-style-unboxed .post-thumbnail { margin-bottom: 0; } .wp-block-kadence-posts.item-image-style-beside.kb-posts-style-boxed .entry-header, .post-archive.item-image-style-beside.kb-posts-style-boxed .entry-header { margin-bottom: 0; } .wp-block-kadence-posts.item-image-style-beside.kb-posts-style-unboxed .entry-title, .post-archive.item-image-style-beside.kb-posts-style-unboxed .entry-title { margin-top: 0; } .wp-block-kadence-posts.item-image-style-beside.kb-posts-style-unboxed .entry-content-wrap, .post-archive.item-image-style-beside.kb-posts-style-unboxed .entry-content-wrap { padding: 0; } @media screen and (max-width: 719px) { .wp-block-kadence-posts.item-image-style-beside.kb-posts-style-unboxed.is-style-default .entry-content-wrap, .post-archive.item-image-style-beside.kb-posts-style-unboxed.is-style-default .entry-content-wrap { padding-top: 15px; } } @media screen and (min-width: 719px) { .wp-block-kadence-posts.item-image-style-beside .post-thumbnail, .post-archive.item-image-style-beside .post-thumbnail { margin-right: 20px; } } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-unboxed .entry .post-thumbnail, .content-style-unboxed .wp-block-kadence-posts.is-style-card-stack .entry .post-thumbnail, .post-archive.is-style-card-stack.kb-posts-style-unboxed .entry .post-thumbnail, .content-style-unboxed .post-archive.is-style-card-stack .entry .post-thumbnail { margin-bottom: 0 !important; } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-unboxed .entry .entry-content-wrap, .content-style-unboxed .wp-block-kadence-posts.is-style-card-stack .entry .entry-content-wrap, .post-archive.is-style-card-stack.kb-posts-style-unboxed .entry .entry-content-wrap, .content-style-unboxed .post-archive.is-style-card-stack .entry .entry-content-wrap { margin-top: calc( -1 * var(--chips--height) - 2px); position: relative; z-index: 100; } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-unboxed .entry .entry-content-wrap .entry-header .category-links, .content-style-unboxed .wp-block-kadence-posts.is-style-card-stack .entry .entry-content-wrap .entry-header .category-links, .post-archive.is-style-card-stack.kb-posts-style-unboxed .entry .entry-content-wrap .entry-header .category-links, .content-style-unboxed .post-archive.is-style-card-stack .entry .entry-content-wrap .entry-header .category-links { height: var(--chips--height); display: block; } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-unboxed .entry .entry-content-wrap .entry-header .entry-taxonomies, .content-style-unboxed .wp-block-kadence-posts.is-style-card-stack .entry .entry-content-wrap .entry-header .entry-taxonomies, .post-archive.is-style-card-stack.kb-posts-style-unboxed .entry .entry-content-wrap .entry-header .entry-taxonomies, .content-style-unboxed .post-archive.is-style-card-stack .entry .entry-content-wrap .entry-header .entry-taxonomies { margin-top: 0; } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-unboxed .entry .entry-content-wrap .entry-header .entry-taxonomies a, .content-style-unboxed .wp-block-kadence-posts.is-style-card-stack .entry .entry-content-wrap .entry-header .entry-taxonomies a, .post-archive.is-style-card-stack.kb-posts-style-unboxed .entry .entry-content-wrap .entry-header .entry-taxonomies a, .content-style-unboxed .post-archive.is-style-card-stack .entry .entry-content-wrap .entry-header .entry-taxonomies a { margin-bottom: 0; } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-unboxed .entry .category-style-normal, .content-style-unboxed .wp-block-kadence-posts.is-style-card-stack .entry .category-style-normal, .post-archive.is-style-card-stack.kb-posts-style-unboxed .entry .category-style-normal, .content-style-unboxed .post-archive.is-style-card-stack .entry .category-style-normal { padding-left: 10px; color: var(--global--color-invert); } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-unboxed .entry .category-style-normal a, .content-style-unboxed .wp-block-kadence-posts.is-style-card-stack .entry .category-style-normal a, .post-archive.is-style-card-stack.kb-posts-style-unboxed .entry .category-style-normal a, .content-style-unboxed .post-archive.is-style-card-stack .entry .category-style-normal a { color: var(--global--color-invert); } .wp-block-kadence-posts.is-style-card-stack.item-image-style-beside.kb-posts-style-boxed .entry-content-wrap, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-beside .entry-content-wrap, .post-archive.is-style-card-stack.item-image-style-beside.kb-posts-style-boxed .entry-content-wrap, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-beside .entry-content-wrap { padding: 0; } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-above .entry, .post-archive.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-above .entry { position: relative; overflow: hidden; border-radius: 0; } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry h4, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-above .entry h4, .post-archive.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry h4, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-above .entry h4 { font-size: var(--heading--font-size-h4); font-weight: var(--global--font-weight-regular); } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-title, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-above .entry .entry-title, .post-archive.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-title, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-above .entry .entry-title { letter-spacing: 0.4px; position: relative; z-index: 2; } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-title a, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-above .entry .entry-title a, .post-archive.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-title a, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-above .entry .entry-title a { color: var(--global--color-invert); } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-title a:hover, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-above .entry .entry-title a:hover, .post-archive.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-title a:hover, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-above .entry .entry-title a:hover { color: var(--global--color-lighter-background); } @media screen and (max-width: 719px) { .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-title, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-above .entry .entry-title, .post-archive.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-title, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-above .entry .entry-title { font-size: var(--global--font-weight-regular); } } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-header, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-above .entry .entry-header, .post-archive.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-header, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-above .entry .entry-header { margin-bottom: 0; } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-meta, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-above .entry .entry-meta, .post-archive.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-meta, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-above .entry .entry-meta { color: var(--global--color-invert); } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-meta > *:after, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-above .entry .entry-meta > *:after, .post-archive.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-meta > *:after, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-above .entry .entry-meta > *:after { background-color: var(--global--color-accent); } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-summary, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-above .entry .entry-summary, .post-archive.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-summary, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-above .entry .entry-summary { color: var(--global--color-invert); font-size: var(--global--font-size-small); display: none; } @media screen and (min-width: 719px) { .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-summary, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-above .entry .entry-summary, .post-archive.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-summary, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-above .entry .entry-summary { display: block; } } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .post-thumbnail img, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-above .entry .post-thumbnail img, .post-archive.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .post-thumbnail img, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-above .entry .post-thumbnail img { -webkit-transition: var(--global--animation-transition-scale); transition: var(--global--animation-transition-scale); } @media screen and (max-width: 719px) { .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .post-thumbnail, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-above .entry .post-thumbnail, .post-archive.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .post-thumbnail, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-above .entry .post-thumbnail { padding-bottom: 100% !important; } } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .post-thumbnail .post-thumbnail-inner:before, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-above .entry .post-thumbnail .post-thumbnail-inner:before, .post-archive.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .post-thumbnail .post-thumbnail-inner:before, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-above .entry .post-thumbnail .post-thumbnail-inner:before { display: block; position: absolute; content: ''; left: 0; bottom: 0; right: 0; top: 40%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8))); background: linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8)); z-index: 1; } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-footer, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-above .entry .entry-footer, .post-archive.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-footer, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-above .entry .entry-footer { margin-bottom: 15px; } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-content-wrap, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-above .entry .entry-content-wrap, .post-archive.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry .entry-content-wrap, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-above .entry .entry-content-wrap { padding-top: 0; padding-bottom: 1rem; left: 0; right: 0; position: absolute; bottom: 0; } .wp-block-kadence-posts.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry:hover .post-thumbnail img, .content-style-boxed .wp-block-kadence-posts.is-style-card-stack.item-image-style-above .entry:hover .post-thumbnail img, .post-archive.is-style-card-stack.kb-posts-style-boxed.item-image-style-above .entry:hover .post-thumbnail img, .content-style-boxed .post-archive.is-style-card-stack.item-image-style-above .entry:hover .post-thumbnail img { -webkit-transform: var(--global--animation-transform-scale); transform: var(--global--animation-transform-scale); } @media screen and (min-width: 768px) { .wp-block-kadence-posts.is-style-full-height, .post-archive.is-style-full-height { height: 100%; } .wp-block-kadence-posts.is-style-full-height.item-image-style-beside .post-thumbnail, .post-archive.is-style-full-height.item-image-style-beside .post-thumbnail { height: 100%; } } .wp-block-kadence-advancedheading.is-style-decorator, .wp-block-kadence-advancedheading .archive-title, .is-style-archive-title-decorator.is-style-decorator, .is-style-archive-title-decorator .archive-title { position: relative; overflow: hidden; border-left: 3px solid var(--global--color-accent); padding-left: 10px; line-height: 1.3; width: 100%; } .wp-block-kadence-advancedheading.is-style-decorator:after, .wp-block-kadence-advancedheading .archive-title:after, .is-style-archive-title-decorator.is-style-decorator:after, .is-style-archive-title-decorator .archive-title:after { content: ''; display: inline-block; width: 100%; height: 20px; background-image: radial-gradient(currentColor 1px, transparent 1px); background-size: calc(10 * 1px) calc(10 * 1px); margin-left: 30px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .kt-blocks-carousel.kt-carousel-container-dotstyle-dark .slick-prev, .kt-blocks-carousel.kt-carousel-container-dotstyle-dark .slick-next { width: 40px; height: 40px; } .kt-blocks-carousel.kt-carousel-container-dotstyle-dark .slick-prev:before, .kt-blocks-carousel.kt-carousel-container-dotstyle-dark .slick-next:before { height: 14px; width: 14px; } .wp-block-kadence-infobox.is-style-card { position: relative; } .wp-block-kadence-infobox.is-style-card .kt-infobox-textcontent { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: none; z-index: 200; } .wp-block-kadence-infobox.is-style-card .kt-blocks-info-box-media { display: block; } .wp-block-kadence-infobox.is-style-card:hover .kt-infobox-textcontent { display: -webkit-box; display: -ms-flexbox; display: flex; background: inherit; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .wp-block-kadence-infobox.is-style-card:hover .kt-blocks-info-box-learnmore-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media screen and (min-width: 768px) { .wp-block-kadence-rowlayout.is-style-pull-right .kt-row-column-wrap { margin-right: 0 !important; } } @media screen and (min-width: 768px) { .wp-block-kadence-rowlayout.is-style-pull-left .kt-row-column-wrap { margin-left: 0 !important; } } @media screen and (min-width: 768px) { .wp-block-kadence-rowlayout.is-style-full-height { height: 100%; } .wp-block-kadence-rowlayout.is-style-full-height > .kt-row-layout-inner { height: 100%; } .wp-block-kadence-rowlayout.is-style-full-height > .kt-row-layout-inner > .kt-row-column-wrap { height: 100%; } .wp-block-kadence-rowlayout.is-style-full-height > .kt-row-layout-inner > .kt-row-column-wrap > .wp-block-kadence-column:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wp-block-kadence-rowlayout.is-style-full-height > .kt-row-layout-inner > .kt-row-column-wrap > .wp-block-kadence-column:last-child > .kt-inside-inner-col { height: 100%; } } .wp-block-kadence-form .kb-form label { font-size: var(--form--font-size); font-weight: var(--form--label-weight); margin-bottom: calc(var(--global--spacing-vertical) / 3); } .wp-block-kadence-form .kb-form .kb-accept-form-field label { margin-bottom: 0; } .wp-block-kadence-form .kb-form .kb-accept-form-field .kb-field.kb-checkbox-style { margin-top: 3px; } .wp-block-kadence-form .kb-form .kadence-blocks-form-field .kb-forms-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) var(--button--border-style) var(--button--border-color); color: var(--button--color-text); display: inline-block; letter-spacing: var(--button--letter-spacing); text-transform: var(--button--text-transform); padding: var(--button--padding); font-size: var(--button--font-size); } .wp-block-kadence-form .kb-form .kadence-blocks-form-field .kb-forms-submit:link { text-decoration: none; } .wp-block-kadence-form .kb-form .kadence-blocks-form-field .kb-forms-submit:focus { border-color: var(--button--color-background-hover); outline-offset: -6px; outline: var(--button--focus-outline); } .is-dark-theme .wp-block-kadence-form .kb-form .kadence-blocks-form-field .kb-forms-submit:focus { color: var(--button--color-background); } .wp-block-kadence-form .kb-form .kadence-blocks-form-field .kb-forms-submit:focus:not(.has-background) { color: var(--button--color-text-hover); border-color: var(--button--border-color-hover); } .wp-block-kadence-form .kb-form .kadence-blocks-form-field .kb-forms-submit:hover { color: var(--button--color-text-hover); background: var(--button--color-background-hover); border-color: var(--button--border-color-hover); text-decoration: none; } .wp-block-kadence-form .kb-form .kadence-blocks-form-field .kb-forms-submit:focus-visible { background: rgba(255, 255, 255, 0.9); outline: var(--primary-nav--focus-outline); outline-offset: 3px; } .wp-block-kadence-form .kb-form .kadence-blocks-form-field .kb-forms-submit:disabled { background-color: var(--global--color-gray-lighten); border-color: var(--global--color-gray-lighten); color: var(--button--color-text-active); } @media screen and (min-width: 768px) { .wp-block-kadence-column.is-style-pull-right .kt-inside-inner-col > .wp-block-kadence-rowlayout .kt-row-column-wrap { margin-right: 0 !important; } } @media screen and (min-width: 768px) { .wp-block-kadence-column.is-style-pull-left .kt-inside-inner-col > .wp-block-kadence-rowlayout .kt-row-column-wrap { margin-left: 0 !important; } } @media screen and (min-width: 768px) { .wp-block-kadence-column.is-style-full-height .kt-inside-inner-col > .wp-block-kadence-rowlayout { height: 100%; } .wp-block-kadence-column.is-style-full-height .kt-inside-inner-col > .wp-block-kadence-rowlayout > .kt-row-layout-inner { height: 100%; } .wp-block-kadence-column.is-style-full-height .kt-inside-inner-col > .wp-block-kadence-rowlayout > .kt-row-layout-inner > .kt-row-column-wrap { height: 100%; } .wp-block-kadence-column.is-style-full-height .kt-inside-inner-col > .wp-block-kadence-rowlayout > .kt-row-layout-inner > .kt-row-column-wrap > .wp-block-kadence-column:last-child { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .wp-block-kadence-column.is-style-full-height .kt-inside-inner-col > .wp-block-kadence-rowlayout > .kt-row-layout-inner > .kt-row-column-wrap > .wp-block-kadence-column:last-child > .kt-inside-inner-col { height: 100%; } } .wp-block-visual-portfolio .vp-portfolio__items-style-default .vp-portfolio__item-overlay { position: relative; } .wp-block-visual-portfolio .vp-portfolio__items-style-default .vp-portfolio__item-overlay .vp-portfolio__item-meta { position: absolute; bottom: 40px; left: 5%; right: 5%; min-height: 150px; background: rgba(255, 255, 255, 0.8); } .wp-block-visual-portfolio .vp-portfolio__items-style-default .vp-portfolio__item-overlay .vp-portfolio__item-meta .vp-portfolio__item-meta-categories { margin-bottom: 0; } .wp-block-visual-portfolio .vp-portfolio__items-style-default .vp-portfolio__item-overlay .vp-portfolio__item-meta .vp-portfolio__item-meta-title { margin-top: 15px; } .wpcf7-form-control-wrap .wpcf7-not-valid-tip { font-size: var(--global--font-size-extra-small); } .wpcf7-response-output { font-size: var(--global--font-size-extra-small); margin-top: var(--global--spacing-horizontal-medium); }